@vuu-ui/vuu-shell 0.8.4-debug → 0.8.4

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 (8) hide show
  1. package/LICENSE +201 -0
  2. package/cjs/index.js +2 -1373
  3. package/cjs/index.js.map +2 -2
  4. package/esm/index.js +2 -1377
  5. package/esm/index.js.map +2 -2
  6. package/index.css +1 -355
  7. package/index.css.map +1 -1
  8. package/package.json +4 -4
package/index.css CHANGED
@@ -1,356 +1,2 @@
1
- /* src/connection-status/ConnectionStatusIcon.css */
2
- .vuuStatus-container {
3
- display: flex;
4
- }
5
- .vuuStatus-text {
6
- align-self: center;
7
- }
8
- .vuuStatus {
9
- --vuu-icon-height: 18px;
10
- --vuu-icon-padding: var(--vuuStatus-padding, 6px);
11
- --vuu-icon-width: var(--vuuStatus-width, auto);
12
- --vuu-icon-min-width: var(--vuuStatus-min-width, 20px);
13
- align-items: center;
14
- display: inline-flex;
15
- height: var(--vuu-icon-height);
16
- justify-content: center;
17
- min-width: var(--vuu-icon-min-width);
18
- padding: 0 var(--vuu-icon-padding);
19
- width: var(--vuu-icon-width);
20
- position: relative;
21
- }
22
- .vuuStatus[data-icon]::after {
23
- inset: 0 0 0 0;
24
- content: "";
25
- box-shadow: 0 0 0 0 black;
26
- position: absolute;
27
- mask: var(--vuu-icon-svg) center center/20px 20px no-repeat;
28
- -webkit-mask: var(--vuu-icon-svg) center center/20px 20px no-repeat;
29
- }
30
- .vuuActiveStatus::after {
31
- --vuu-icon-svg: var(--svg-active-status);
32
- background-color: rgb(0, 255, 0);
33
- }
34
- .vuuConnectingStatus::after {
35
- --vuu-icon-svg: var(--svg-connecting-status);
36
- background-color: orange;
37
- transform: scale(1);
38
- animation: infinite pulse 1s;
39
- }
40
- .vuuDisconnectedStatus::after {
41
- --vuu-icon-svg: var(--svg-disconnected-status);
42
- background-color: red;
43
- transform: scale(1);
44
- animation: infinite pulse 0.5s;
45
- }
46
- @keyframes pulse {
47
- 0% {
48
- transform: scale(0.95);
49
- box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
50
- }
51
- 70% {
52
- transform: scale(1);
53
- box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
54
- }
55
- 100% {
56
- transform: scale(0.95);
57
- box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
58
- }
59
- }
60
-
61
- /* src/login/LoginPanel.css */
62
- .vuuLoginPanel {
63
- --hwTextInput-border: solid 1px #ccc;
64
- --hwTextInput-height: 28px;
65
- --hwTextInput-padding: 0 12px;
66
- --hwTextInput-width: 100%;
67
- --login-row-height: 60px;
68
- align-content: center;
69
- align-items: center;
70
- border: solid 1px lightgray;
71
- display: flex;
72
- flex-direction: column;
73
- gap: 24px;
74
- justify-content: center;
75
- justify-items: center;
76
- margin: 0 auto;
77
- padding: 48px 48px 24px 48px;
78
- width: fit-content;
79
- }
80
- .vuuLoginPanel-login {
81
- grid-column: 2/3;
82
- align-self: end;
83
- justify-self: end;
84
- }
85
-
86
- /* src/session-editing-form/SessionEditingForm.css */
87
- .vuuSessionEditingForm {
88
- display: flex;
89
- flex-direction: column;
90
- gap: 3px;
91
- min-width: 400px;
92
- padding: 6px;
93
- }
94
- .vuuSessionEditingForm-content {
95
- display: flex;
96
- flex-direction: column;
97
- flex: 1 1 auto;
98
- gap: 3px;
99
- overflow: auto;
100
- }
101
- .vuuSessionEditingForm-field {
102
- align-items: center;
103
- display: flex;
104
- height: 32px;
105
- }
106
- .vuuSessionEditingForm-fieldLabel {
107
- flex: 0 0 50%;
108
- }
109
- .vuuSessionEditingForm-fieldValue {
110
- max-width: 50%;
111
- }
112
- .vuuSessionEditingForm-fieldValue.vuuReadOnly {
113
- font-weight: var(--salt-text-label-fontWeight-strong);
114
- }
115
- .vuuSessionEditingForm-buttonbar {
116
- align-items: center;
117
- border-top: solid 1px var(--salt-container-primary-borderColor);
118
- display: flex;
119
- justify-content: flex-end;
120
- flex: 0 0 autox;
121
- gap: 6px;
122
- padding-top: 6px;
123
- }
124
- .vuuSessionEditingForm-errorBanner {
125
- --vuu-icon-left: 3px;
126
- --vuu-icon-size: 18px;
127
- --vuu-icon-top: 3px;
128
- border: solid 1px var(--salt-status-error-borderColor);
129
- line-height: 24px;
130
- padding: 0 6px 0 26px;
131
- position: relative;
132
- }
133
-
134
- /* src/user-profile/UserPanel.css */
135
- .vuuUserPanel {
136
- background-color: white;
137
- display: flex;
138
- flex-direction: column;
139
- max-height: 400px;
140
- padding: 12px;
141
- }
142
- vuuUserPanel-history {
143
- flex: 1 1 auto;
144
- }
145
- .vuuUserPanel-buttonBar {
146
- --saltButton-width: 100%;
147
- align-items: flex-end;
148
- border-top: 1px solid var(--surface3);
149
- display: flex;
150
- flex: 0 0 32px;
151
- justify-content: flex-start;
152
- }
153
- .btn-logout {
154
- --hwButton-icon-left: 12px;
155
- --hwButton-padding: 0 6px 0 24px;
156
- padding-left: 24px;
157
- }
158
-
159
- /* src/user-profile/UserProfile.css */
160
- .vuuUserProfile {
161
- --svg-icon: var(--svg-user);
162
- }
163
-
164
- /* src/theme-switch/ThemeSwitch.css */
165
- .vuuThemeSwitch {
166
- --saltButton-minWidth: 22px;
167
- }
168
- .vuuThemeSwitch {
169
- --svg-light: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M24 31q2.9 0 4.95-2.05Q31 26.9 31 24q0-2.9-2.05-4.95Q26.9 17 24 17q-2.9 0-4.95 2.05Q17 21.1 17 24q0 2.9 2.05 4.95Q21.1 31 24 31Zm0 3q-4.15 0-7.075-2.925T14 24q0-4.15 2.925-7.075T24 14q4.15 0 7.075 2.925T34 24q0 4.15-2.925 7.075T24 34ZM3.5 25.5q-.65 0-1.075-.425Q2 24.65 2 24q0-.65.425-1.075Q2.85 22.5 3.5 22.5h5q.65 0 1.075.425Q10 23.35 10 24q0 .65-.425 1.075-.425.425-1.075.425Zm36 0q-.65 0-1.075-.425Q38 24.65 38 24q0-.65.425-1.075.425-.425 1.075-.425h5q.65 0 1.075.425Q46 23.35 46 24q0 .65-.425 1.075-.425.425-1.075.425ZM24 10q-.65 0-1.075-.425Q22.5 9.15 22.5 8.5v-5q0-.65.425-1.075Q23.35 2 24 2q.65 0 1.075.425.425.425.425 1.075v5q0 .65-.425 1.075Q24.65 10 24 10Zm0 36q-.65 0-1.075-.425-.425-.425-.425-1.075v-5q0-.65.425-1.075Q23.35 38 24 38q.65 0 1.075.425.425.425.425 1.075v5q0 .65-.425 1.075Q24.65 46 24 46ZM12 14.1l-2.85-2.8q-.45-.45-.425-1.075.025-.625.425-1.075.45-.45 1.075-.45t1.075.45L14.1 12q.4.45.4 1.05 0 .6-.4 1-.4.45-1.025.45-.625 0-1.075-.4Zm24.7 24.75L33.9 36q-.4-.45-.4-1.075t.45-1.025q.4-.45 1-.45t1.05.45l2.85 2.8q.45.45.425 1.075-.025.625-.425 1.075-.45.45-1.075.45t-1.075-.45ZM33.9 14.1q-.45-.45-.45-1.05 0-.6.45-1.05l2.8-2.85q.45-.45 1.075-.425.625.025 1.075.425.45.45.45 1.075t-.45 1.075L36 14.1q-.4.4-1.025.4-.625 0-1.075-.4ZM9.15 38.85q-.45-.45-.45-1.075t.45-1.075L12 33.9q.45-.45 1.05-.45.6 0 1.05.45.45.45.45 1.05 0 .6-.45 1.05l-2.8 2.85q-.45.45-1.075.425-.625-.025-1.075-.425ZM24 24Z"/></svg>');
170
- --svg-dark: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M24 42q-7.5 0-12.75-5.25T6 24q0-7.5 5.25-12.75T24 6q.4 0 .85.025.45.025 1.15.075-1.8 1.6-2.8 3.95-1 2.35-1 4.95 0 4.5 3.15 7.65Q28.5 25.8 33 25.8q2.6 0 4.95-.925T41.9 22.3q.05.6.075.975Q42 23.65 42 24q0 7.5-5.25 12.75T24 42Zm0-3q5.45 0 9.5-3.375t5.05-7.925q-1.25.55-2.675.825Q34.45 28.8 33 28.8q-5.75 0-9.775-4.025T19.2 15q0-1.2.25-2.575.25-1.375.9-3.125-4.9 1.35-8.125 5.475Q9 18.9 9 24q0 6.25 4.375 10.625T24 39Zm-.2-14.85Z"/></svg>');
171
- }
172
- .salt-density-high .vuuThemeSwitch {
173
- --saltButton-minWidth: 16px;
174
- --saltButton-width: 18px;
175
- --vuuThemeSwitch-iconSize: 16px;
176
- }
177
- .vuuThemeSwitch [data-icon] {
178
- --vuu-icon-size: var(--vuuThemeSwitch-iconSize,18px);
179
- }
180
- .vuuThemeSwitch [data-icon=light] {
181
- --vuu-icon-svg: var(--svg-light);
182
- }
183
- .vuuThemeSwitch [data-icon=dark] {
184
- --vuu-icon-svg: var(--svg-dark);
185
- }
186
-
187
- /* src/app-header/AppHeader.css */
188
- .vuuAppHeader {
189
- align-items: center;
190
- border-bottom: solid 1px var(--salt-container-secondary-borderColor);
191
- display: flex;
192
- height: 40px;
193
- justify-content: flex-end;
194
- }
195
- .vuu-purple-theme .vuuAppHeader {
196
- border-radius: 8px;
197
- border: 1px solid #D6D7DA;
198
- height: 44px;
199
- margin-bottom: 8px;
200
- }
201
-
202
- /* src/shell-layouts/context-panel/ContextPanel.css */
203
- .vuuContextPanel {
204
- position: relative;
205
- transition: width .3s ease-in-out;
206
- width: var(--vuu-side-panel-width, 0px) !important;
207
- z-index: 1;
208
- }
209
- .vuuContextPanel-expanded {
210
- --vuu-side-panel-width: 300px !important;
211
- --vuu-side-panel-shadow: -4px 4px 4px rgba(0, 0, 0, 0.1);
212
- --vuu-side-panel-padding: 24px;
213
- }
214
- .vuuContextPanel-overlay {
215
- width: 0px !important;
216
- }
217
- .vuuContextPanel-inner {
218
- background-color: var(--salt-container-primary-background);
219
- box-shadow: var(--vuu-side-panel-shadow, none);
220
- height: 100%;
221
- padding-bottom: 24px;
222
- padding-top: 24px;
223
- padding-left: var(--vuu-side-panel-padding, 0);
224
- padding-right: var(--vuu-side-panel-padding, 0);
225
- position: absolute;
226
- right: 0;
227
- top: 0;
228
- transition-property:
229
- padding-left,
230
- padding-right,
231
- width;
232
- transition-duration: .3s;
233
- transition-timing-function: ease-in-out;
234
- width: var(--vuu-side-panel-width, 0px);
235
- }
236
- .vuuContextPanel-header {
237
- align-items: center;
238
- display: flex;
239
- flex-wrap: nowrap;
240
- height: 27px;
241
- justify-content: space-between;
242
- }
243
- .vuuContextPanel-title {
244
- font-size: 20px;
245
- font-weight: 700;
246
- white-space: nowrap;
247
- }
248
-
249
- /* src/left-nav/LeftNav.css */
250
- .vuuLeftNav {
251
- --svg-demo: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M11.3333 11C11.52 11 11.6667 10.8533 11.6667 10.6667C11.6667 10.48 11.52 10.3333 11.3333 10.3333C11.1467 10.3333 11 10.48 11 10.6667C11 10.8533 11.1467 11 11.3333 11Z"/><path d="M5.99999 8.66667C6.36818 8.66667 6.66666 8.36819 6.66666 8C6.66666 7.63181 6.36818 7.33334 5.99999 7.33334C5.63181 7.33334 5.33333 7.63181 5.33333 8C5.33333 8.36819 5.63181 8.66667 5.99999 8.66667Z"/><path d="M8.66667 6C9.03486 6 9.33333 5.70152 9.33333 5.33333C9.33333 4.96514 9.03486 4.66667 8.66667 4.66667C8.29848 4.66667 8 4.96514 8 5.33333C8 5.70152 8.29848 6 8.66667 6Z"/><path d="M8.66667 11.3333C9.03486 11.3333 9.33333 11.0349 9.33333 10.6667C9.33333 10.2985 9.03486 10 8.66667 10C8.29848 10 8 10.2985 8 10.6667C8 11.0349 8.29848 11.3333 8.66667 11.3333Z"/><path d="M11.3333 8.33333C11.52 8.33333 11.6667 8.18666 11.6667 8C11.6667 7.81333 11.52 7.66666 11.3333 7.66666C11.1467 7.66666 11 7.81333 11 8C11 8.18666 11.1467 8.33333 11.3333 8.33333Z"/><path d="M8.66667 8.66667C9.03486 8.66667 9.33333 8.36819 9.33333 8C9.33333 7.63181 9.03486 7.33334 8.66667 7.33334C8.29848 7.33334 8 7.63181 8 8C8 8.36819 8.29848 8.66667 8.66667 8.66667Z"/><path d="M2 2H14V3.33333H2V2Z"/><path d="M3.33333 6.33333C3.88561 6.33333 4.33333 5.88562 4.33333 5.33333C4.33333 4.78105 3.88561 4.33333 3.33333 4.33333C2.78104 4.33333 2.33333 4.78105 2.33333 5.33333C2.33333 5.88562 2.78104 6.33333 3.33333 6.33333Z"/><path d="M3.33333 9C3.88561 9 4.33333 8.55228 4.33333 8C4.33333 7.44772 3.88561 7 3.33333 7C2.78104 7 2.33333 7.44772 2.33333 8C2.33333 8.55228 2.78104 9 3.33333 9Z"/><path d="M3.33333 11.6667C3.88561 11.6667 4.33333 11.2189 4.33333 10.6667C4.33333 10.1144 3.88561 9.66666 3.33333 9.66666C2.78104 9.66666 2.33333 10.1144 2.33333 10.6667C2.33333 11.2189 2.78104 11.6667 3.33333 11.6667Z"/><path d="M11.3333 5.66667C11.52 5.66667 11.6667 5.52 11.6667 5.33333C11.6667 5.14667 11.52 5 11.3333 5C11.1467 5 11 5.14667 11 5.33333C11 5.52 11.1467 5.66667 11.3333 5.66667Z"/><path d="M5.99999 11.3333C6.36818 11.3333 6.66666 11.0349 6.66666 10.6667C6.66666 10.2985 6.36818 10 5.99999 10C5.63181 10 5.33333 10.2985 5.33333 10.6667C5.33333 11.0349 5.63181 11.3333 5.99999 11.3333Z"/><path d="M5.99999 6C6.36818 6 6.66666 5.70152 6.66666 5.33333C6.66666 4.96514 6.36818 4.66667 5.99999 4.66667C5.63181 4.66667 5.33333 4.96514 5.33333 5.33333C5.33333 5.70152 5.63181 6 5.99999 6Z"/><path d="M2 12.6667H14V14H2V12.6667Z"/></svg>');
252
- --svg-tables: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M2 6H4.66667V3.33334H3.33333C2.6 3.33334 2 3.93334 2 4.66667V6ZM2 9.33334H4.66667V6.66667H2V9.33334ZM5.33333 9.33334H8V6.66667H5.33333V9.33334ZM8.66667 9.33334H11.3333V6.66667H8.66667V9.33334ZM5.33333 6H8V3.33334H5.33333V6ZM8.66667 3.33334V6H11.3333V3.33334H8.66667ZM12 9.33334H14.6667V6.66667H12V9.33334ZM3.33333 12.6667H4.66667V10H2V11.3333C2 12.0667 2.6 12.6667 3.33333 12.6667ZM5.33333 12.6667H8V10H5.33333V12.6667ZM8.66667 12.6667H11.3333V10H8.66667V12.6667ZM12 12.6667H13.3333C14.0667 12.6667 14.6667 12.0667 14.6667 11.3333V10H12V12.6667ZM12 3.33334V6H14.6667V4.66667C14.6667 3.93334 14.0667 3.33334 13.3333 3.33334H12Z"/></svg>');
253
- --svg-templates: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M15.3333 12.6667H14L14 3.33334H15.3333L15.3333 12.6667ZM12.6667 12.6667H11.3333L11.3333 3.33334H12.6667L12.6667 12.6667ZM1.33333 12.6667L9.33333 12.6667C9.69999 12.6667 9.99999 12.3667 9.99999 12V4.00001C9.99999 3.63334 9.69999 3.33334 9.33333 3.33334L1.33333 3.33334C0.966661 3.33334 0.666661 3.63334 0.666661 4.00001L0.666661 12C0.666661 12.3667 0.966661 12.6667 1.33333 12.6667ZM1.99999 4.66667L8.66666 4.66667V11.3333L1.99999 11.3333L1.99999 4.66667Z"/></svg>');
254
- --svg-layouts: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M15.3333 10H14V11.3333H15.3333V10ZM15.3333 12.6667H14V14H15.3333V12.6667ZM15.3333 7.33333H14V8.66667H15.3333V7.33333ZM10 2H8.66667V3.33333H10V2ZM15.3333 4.66667H14V6H15.3333V4.66667ZM0.666672 14H7.33334V10H0.666672V14ZM2.00001 4.66667H0.666672V6H2.00001V4.66667ZM10 12.6667H8.66667V14H10V12.6667ZM12.6667 2H11.3333V3.33333H12.6667V2ZM15.3333 2H14V3.33333H15.3333V2ZM12.6667 12.6667H11.3333V14H12.6667V12.6667ZM2.00001 7.33333H0.666672V8.66667H2.00001V7.33333ZM7.33334 2H6.00001V3.33333H7.33334V2ZM4.66667 2H3.33334V3.33333H4.66667V2ZM2.00001 2H0.666672V3.33333H2.00001V2Z"/></svg>');
255
- --vuu-accent-color: #f37880;
256
- --vuu-light-text-primary: #15171b;
257
- background-color: #2A015F;
258
- container-type: inline-size;
259
- display: flex;
260
- flex-direction: column;
261
- padding: 32px 16px;
262
- transition: width .3s ease-in-out;
263
- }
264
- .vuuLeftNav-logo {
265
- display: flex;
266
- flex: 0 0 auto;
267
- justify-content: center;
268
- }
269
- .vuuLeftNav-main {
270
- flex: 1 1 auto;
271
- }
272
- .vuuLeftNav-menu {
273
- color: white;
274
- margin-top: 102px;
275
- padding: 0;
276
- }
277
- .vuuLeftNav-menuitem {
278
- --vuu-icon-color: white;
279
- align-items: center;
280
- border-radius: 6px;
281
- display: flex;
282
- font-weight: 700;
283
- height: 40px;
284
- line-height: 24px;
285
- list-style: none;
286
- padding: 8px 16px 8px 48px;
287
- }
288
- .vuuLeftNav-menuitem[data-icon] {
289
- --vuu-icon-left: 32px;
290
- --vuu-icon-size: 16px;
291
- }
292
- .vuuLeftNav-menuitem[data-icon=demo] {
293
- --vuu-icon-svg: var(--svg-demo);
294
- }
295
- .vuuLeftNav-menuitem[data-icon=tables] {
296
- --vuu-icon-svg: var(--svg-tables);
297
- }
298
- .vuuLeftNav-menuitem[data-icon=templates] {
299
- --vuu-icon-svg: var(--svg-templates);
300
- }
301
- .vuuLeftNav-menuitem[data-icon=layouts] {
302
- --vuu-icon-svg: var(--svg-layouts);
303
- }
304
- .vuuLeftNav-menuitem-label {
305
- white-space: nowrap;
306
- }
307
- .vuuLeftNav-menuitem-active {
308
- --vuu-icon-color: var(--vuu-accent-color);
309
- background: rgba(255, 255, 255, 0.10);
310
- border-left: solid 4px var(--vuu-accent-color);
311
- }
312
- @container (max-width: 100px) {
313
- .vuuLeftNav-menuitem {
314
- padding-left: 28px;
315
- }
316
- .vuuLeftNav-menuitem-label {
317
- display: none;
318
- }
319
- }
320
- .vuuLeftNav-buttonBar {
321
- align-items: center;
322
- display: flex;
323
- flex: 0 0 100px;
324
- justify-content: center;
325
- }
326
- .vuuLeftNav-toggleButton {
327
- --vuu-icon-color: var(--vuu-light-text-primary);
328
- --vuu-icon-left: 11px;
329
- --vuu-icon-top: 10px;
330
- --vuu-icon-size: 16px;
331
- background-color: var(--vuu-accent-color);
332
- border-width: 0;
333
- border-radius: 18px;
334
- height: 36px;
335
- position: relative;
336
- width: 36px;
337
- }
338
- .vuuLeftNav-toggleButton-open {
339
- --vuu-icon-left: 9px;
340
- }
341
-
342
- /* src/shell.css */
343
- .vuuShell {
344
- background-color: var(--salt-container-primary-background, ivory);
345
- height: var(--vuuShell-height, 100vh);
346
- width: var(--vuuShell-width, 100vw);
347
- }
348
- .vuuShell-palette {
349
- --vuuView-border: none;
350
- --vuuView-margin: 0;
351
- }
352
- .vuuShell-warningPlaceholder {
353
- background-color: var(--salt-container-background-high);
354
- height: 100%;
355
- }
1
+ .vuuStatus-container{display:flex}.vuuStatus-text{align-self:center}.vuuStatus{--vuu-icon-height: 18px;--vuu-icon-padding: var(--vuuStatus-padding, 6px);--vuu-icon-width: var(--vuuStatus-width, auto);--vuu-icon-min-width: var(--vuuStatus-min-width, 20px);align-items:center;display:inline-flex;height:var(--vuu-icon-height);justify-content:center;min-width:var(--vuu-icon-min-width);padding:0 var(--vuu-icon-padding);width:var(--vuu-icon-width);position:relative}.vuuStatus[data-icon]:after{inset:0 0 0 0;content:"";box-shadow:0 0 #000;position:absolute;mask:var(--vuu-icon-svg) center center/20px 20px no-repeat;-webkit-mask:var(--vuu-icon-svg) center center/20px 20px no-repeat}.vuuActiveStatus:after{--vuu-icon-svg: var(--svg-active-status);background-color:#0f0}.vuuConnectingStatus:after{--vuu-icon-svg: var(--svg-connecting-status);background-color:orange;transform:scale(1);animation:infinite pulse 1s}.vuuDisconnectedStatus:after{--vuu-icon-svg: var(--svg-disconnected-status);background-color:red;transform:scale(1);animation:infinite pulse .5s}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #000000b3}70%{transform:scale(1);box-shadow:0 0 #0000}to{transform:scale(.95);box-shadow:0 0 #0000}}.vuuLoginPanel{--hwTextInput-border: solid 1px #ccc;--hwTextInput-height: 28px;--hwTextInput-padding: 0 12px;--hwTextInput-width: 100%;--login-row-height: 60px;align-content:center;align-items:center;border:solid 1px lightgray;display:flex;flex-direction:column;gap:24px;justify-content:center;justify-items:center;margin:0 auto;padding:48px 48px 24px;width:fit-content}.vuuLoginPanel-login{grid-column:2/3;align-self:end;justify-self:end}.vuuSessionEditingForm{display:flex;flex-direction:column;gap:3px;min-width:400px;padding:6px}.vuuSessionEditingForm-content{display:flex;flex-direction:column;flex:1 1 auto;gap:3px;overflow:auto}.vuuSessionEditingForm-field{align-items:center;display:flex;height:32px}.vuuSessionEditingForm-fieldLabel{flex:0 0 50%}.vuuSessionEditingForm-fieldValue{max-width:50%}.vuuSessionEditingForm-fieldValue.vuuReadOnly{font-weight:var(--salt-text-label-fontWeight-strong)}.vuuSessionEditingForm-buttonbar{align-items:center;border-top:solid 1px var(--salt-container-primary-borderColor);display:flex;justify-content:flex-end;flex:0 0 autox;gap:6px;padding-top:6px}.vuuSessionEditingForm-errorBanner{--vuu-icon-left: 3px;--vuu-icon-size: 18px;--vuu-icon-top: 3px;border:solid 1px var(--salt-status-error-borderColor);line-height:24px;padding:0 6px 0 26px;position:relative}.vuuUserPanel{background-color:#fff;display:flex;flex-direction:column;max-height:400px;padding:12px}vuuUserPanel-history{flex:1 1 auto}.vuuUserPanel-buttonBar{--saltButton-width: 100%;align-items:flex-end;border-top:1px solid var(--surface3);display:flex;flex:0 0 32px;justify-content:flex-start}.btn-logout{--hwButton-icon-left: 12px;--hwButton-padding: 0 6px 0 24px;padding-left:24px}.vuuUserProfile{--svg-icon: var(--svg-user)}.vuuThemeSwitch{--saltButton-minWidth: 22px}.vuuThemeSwitch{--svg-light: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M24 31q2.9 0 4.95-2.05Q31 26.9 31 24q0-2.9-2.05-4.95Q26.9 17 24 17q-2.9 0-4.95 2.05Q17 21.1 17 24q0 2.9 2.05 4.95Q21.1 31 24 31Zm0 3q-4.15 0-7.075-2.925T14 24q0-4.15 2.925-7.075T24 14q4.15 0 7.075 2.925T34 24q0 4.15-2.925 7.075T24 34ZM3.5 25.5q-.65 0-1.075-.425Q2 24.65 2 24q0-.65.425-1.075Q2.85 22.5 3.5 22.5h5q.65 0 1.075.425Q10 23.35 10 24q0 .65-.425 1.075-.425.425-1.075.425Zm36 0q-.65 0-1.075-.425Q38 24.65 38 24q0-.65.425-1.075.425-.425 1.075-.425h5q.65 0 1.075.425Q46 23.35 46 24q0 .65-.425 1.075-.425.425-1.075.425ZM24 10q-.65 0-1.075-.425Q22.5 9.15 22.5 8.5v-5q0-.65.425-1.075Q23.35 2 24 2q.65 0 1.075.425.425.425.425 1.075v5q0 .65-.425 1.075Q24.65 10 24 10Zm0 36q-.65 0-1.075-.425-.425-.425-.425-1.075v-5q0-.65.425-1.075Q23.35 38 24 38q.65 0 1.075.425.425.425.425 1.075v5q0 .65-.425 1.075Q24.65 46 24 46ZM12 14.1l-2.85-2.8q-.45-.45-.425-1.075.025-.625.425-1.075.45-.45 1.075-.45t1.075.45L14.1 12q.4.45.4 1.05 0 .6-.4 1-.4.45-1.025.45-.625 0-1.075-.4Zm24.7 24.75L33.9 36q-.4-.45-.4-1.075t.45-1.025q.4-.45 1-.45t1.05.45l2.85 2.8q.45.45.425 1.075-.025.625-.425 1.075-.45.45-1.075.45t-1.075-.45ZM33.9 14.1q-.45-.45-.45-1.05 0-.6.45-1.05l2.8-2.85q.45-.45 1.075-.425.625.025 1.075.425.45.45.45 1.075t-.45 1.075L36 14.1q-.4.4-1.025.4-.625 0-1.075-.4ZM9.15 38.85q-.45-.45-.45-1.075t.45-1.075L12 33.9q.45-.45 1.05-.45.6 0 1.05.45.45.45.45 1.05 0 .6-.45 1.05l-2.8 2.85q-.45.45-1.075.425-.625-.025-1.075-.425ZM24 24Z"/></svg>');--svg-dark: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M24 42q-7.5 0-12.75-5.25T6 24q0-7.5 5.25-12.75T24 6q.4 0 .85.025.45.025 1.15.075-1.8 1.6-2.8 3.95-1 2.35-1 4.95 0 4.5 3.15 7.65Q28.5 25.8 33 25.8q2.6 0 4.95-.925T41.9 22.3q.05.6.075.975Q42 23.65 42 24q0 7.5-5.25 12.75T24 42Zm0-3q5.45 0 9.5-3.375t5.05-7.925q-1.25.55-2.675.825Q34.45 28.8 33 28.8q-5.75 0-9.775-4.025T19.2 15q0-1.2.25-2.575.25-1.375.9-3.125-4.9 1.35-8.125 5.475Q9 18.9 9 24q0 6.25 4.375 10.625T24 39Zm-.2-14.85Z"/></svg>')}.salt-density-high .vuuThemeSwitch{--saltButton-minWidth: 16px;--saltButton-width: 18px;--vuuThemeSwitch-iconSize: 16px}.vuuThemeSwitch [data-icon]{--vuu-icon-size: var(--vuuThemeSwitch-iconSize,18px)}.vuuThemeSwitch [data-icon=light]{--vuu-icon-svg: var(--svg-light)}.vuuThemeSwitch [data-icon=dark]{--vuu-icon-svg: var(--svg-dark)}.vuuAppHeader{align-items:center;border-bottom:solid 1px var(--salt-container-secondary-borderColor);display:flex;height:40px;justify-content:flex-end}.vuu-purple-theme .vuuAppHeader{border-radius:8px;border:1px solid #D6D7DA;height:44px;margin-bottom:8px}.vuuContextPanel{position:relative;transition:width .3s ease-in-out;width:var(--vuu-side-panel-width, 0px)!important;z-index:1}.vuuContextPanel-expanded{--vuu-side-panel-width: 300px !important;--vuu-side-panel-shadow: -4px 4px 4px rgba(0, 0, 0, .1);--vuu-side-panel-padding: 24px}.vuuContextPanel-overlay{width:0px!important}.vuuContextPanel-inner{background-color:var(--salt-container-primary-background);box-shadow:var(--vuu-side-panel-shadow, none);height:100%;padding-bottom:24px;padding-top:24px;padding-left:var(--vuu-side-panel-padding, 0);padding-right:var(--vuu-side-panel-padding, 0);position:absolute;right:0;top:0;transition-property:padding-left,padding-right,width;transition-duration:.3s;transition-timing-function:ease-in-out;width:var(--vuu-side-panel-width, 0px)}.vuuContextPanel-header{align-items:center;display:flex;flex-wrap:nowrap;height:27px;justify-content:space-between}.vuuContextPanel-title{font-size:20px;font-weight:700;white-space:nowrap}.vuuLeftNav{--svg-demo: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M11.3333 11C11.52 11 11.6667 10.8533 11.6667 10.6667C11.6667 10.48 11.52 10.3333 11.3333 10.3333C11.1467 10.3333 11 10.48 11 10.6667C11 10.8533 11.1467 11 11.3333 11Z"/><path d="M5.99999 8.66667C6.36818 8.66667 6.66666 8.36819 6.66666 8C6.66666 7.63181 6.36818 7.33334 5.99999 7.33334C5.63181 7.33334 5.33333 7.63181 5.33333 8C5.33333 8.36819 5.63181 8.66667 5.99999 8.66667Z"/><path d="M8.66667 6C9.03486 6 9.33333 5.70152 9.33333 5.33333C9.33333 4.96514 9.03486 4.66667 8.66667 4.66667C8.29848 4.66667 8 4.96514 8 5.33333C8 5.70152 8.29848 6 8.66667 6Z"/><path d="M8.66667 11.3333C9.03486 11.3333 9.33333 11.0349 9.33333 10.6667C9.33333 10.2985 9.03486 10 8.66667 10C8.29848 10 8 10.2985 8 10.6667C8 11.0349 8.29848 11.3333 8.66667 11.3333Z"/><path d="M11.3333 8.33333C11.52 8.33333 11.6667 8.18666 11.6667 8C11.6667 7.81333 11.52 7.66666 11.3333 7.66666C11.1467 7.66666 11 7.81333 11 8C11 8.18666 11.1467 8.33333 11.3333 8.33333Z"/><path d="M8.66667 8.66667C9.03486 8.66667 9.33333 8.36819 9.33333 8C9.33333 7.63181 9.03486 7.33334 8.66667 7.33334C8.29848 7.33334 8 7.63181 8 8C8 8.36819 8.29848 8.66667 8.66667 8.66667Z"/><path d="M2 2H14V3.33333H2V2Z"/><path d="M3.33333 6.33333C3.88561 6.33333 4.33333 5.88562 4.33333 5.33333C4.33333 4.78105 3.88561 4.33333 3.33333 4.33333C2.78104 4.33333 2.33333 4.78105 2.33333 5.33333C2.33333 5.88562 2.78104 6.33333 3.33333 6.33333Z"/><path d="M3.33333 9C3.88561 9 4.33333 8.55228 4.33333 8C4.33333 7.44772 3.88561 7 3.33333 7C2.78104 7 2.33333 7.44772 2.33333 8C2.33333 8.55228 2.78104 9 3.33333 9Z"/><path d="M3.33333 11.6667C3.88561 11.6667 4.33333 11.2189 4.33333 10.6667C4.33333 10.1144 3.88561 9.66666 3.33333 9.66666C2.78104 9.66666 2.33333 10.1144 2.33333 10.6667C2.33333 11.2189 2.78104 11.6667 3.33333 11.6667Z"/><path d="M11.3333 5.66667C11.52 5.66667 11.6667 5.52 11.6667 5.33333C11.6667 5.14667 11.52 5 11.3333 5C11.1467 5 11 5.14667 11 5.33333C11 5.52 11.1467 5.66667 11.3333 5.66667Z"/><path d="M5.99999 11.3333C6.36818 11.3333 6.66666 11.0349 6.66666 10.6667C6.66666 10.2985 6.36818 10 5.99999 10C5.63181 10 5.33333 10.2985 5.33333 10.6667C5.33333 11.0349 5.63181 11.3333 5.99999 11.3333Z"/><path d="M5.99999 6C6.36818 6 6.66666 5.70152 6.66666 5.33333C6.66666 4.96514 6.36818 4.66667 5.99999 4.66667C5.63181 4.66667 5.33333 4.96514 5.33333 5.33333C5.33333 5.70152 5.63181 6 5.99999 6Z"/><path d="M2 12.6667H14V14H2V12.6667Z"/></svg>');--svg-tables: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M2 6H4.66667V3.33334H3.33333C2.6 3.33334 2 3.93334 2 4.66667V6ZM2 9.33334H4.66667V6.66667H2V9.33334ZM5.33333 9.33334H8V6.66667H5.33333V9.33334ZM8.66667 9.33334H11.3333V6.66667H8.66667V9.33334ZM5.33333 6H8V3.33334H5.33333V6ZM8.66667 3.33334V6H11.3333V3.33334H8.66667ZM12 9.33334H14.6667V6.66667H12V9.33334ZM3.33333 12.6667H4.66667V10H2V11.3333C2 12.0667 2.6 12.6667 3.33333 12.6667ZM5.33333 12.6667H8V10H5.33333V12.6667ZM8.66667 12.6667H11.3333V10H8.66667V12.6667ZM12 12.6667H13.3333C14.0667 12.6667 14.6667 12.0667 14.6667 11.3333V10H12V12.6667ZM12 3.33334V6H14.6667V4.66667C14.6667 3.93334 14.0667 3.33334 13.3333 3.33334H12Z"/></svg>');--svg-templates: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M15.3333 12.6667H14L14 3.33334H15.3333L15.3333 12.6667ZM12.6667 12.6667H11.3333L11.3333 3.33334H12.6667L12.6667 12.6667ZM1.33333 12.6667L9.33333 12.6667C9.69999 12.6667 9.99999 12.3667 9.99999 12V4.00001C9.99999 3.63334 9.69999 3.33334 9.33333 3.33334L1.33333 3.33334C0.966661 3.33334 0.666661 3.63334 0.666661 4.00001L0.666661 12C0.666661 12.3667 0.966661 12.6667 1.33333 12.6667ZM1.99999 4.66667L8.66666 4.66667V11.3333L1.99999 11.3333L1.99999 4.66667Z"/></svg>');--svg-layouts: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M15.3333 10H14V11.3333H15.3333V10ZM15.3333 12.6667H14V14H15.3333V12.6667ZM15.3333 7.33333H14V8.66667H15.3333V7.33333ZM10 2H8.66667V3.33333H10V2ZM15.3333 4.66667H14V6H15.3333V4.66667ZM0.666672 14H7.33334V10H0.666672V14ZM2.00001 4.66667H0.666672V6H2.00001V4.66667ZM10 12.6667H8.66667V14H10V12.6667ZM12.6667 2H11.3333V3.33333H12.6667V2ZM15.3333 2H14V3.33333H15.3333V2ZM12.6667 12.6667H11.3333V14H12.6667V12.6667ZM2.00001 7.33333H0.666672V8.66667H2.00001V7.33333ZM7.33334 2H6.00001V3.33333H7.33334V2ZM4.66667 2H3.33334V3.33333H4.66667V2ZM2.00001 2H0.666672V3.33333H2.00001V2Z"/></svg>');--vuu-accent-color: #f37880;--vuu-light-text-primary: #15171b;background-color:#2a015f;container-type:inline-size;display:flex;flex-direction:column;padding:32px 16px;transition:width .3s ease-in-out}.vuuLeftNav-logo{display:flex;flex:0 0 auto;justify-content:center}.vuuLeftNav-main{flex:1 1 auto}.vuuLeftNav-menu{color:#fff;margin-top:102px;padding:0}.vuuLeftNav-menuitem{--vuu-icon-color: white;align-items:center;border-radius:6px;display:flex;font-weight:700;height:40px;line-height:24px;list-style:none;padding:8px 16px 8px 48px}.vuuLeftNav-menuitem[data-icon]{--vuu-icon-left: 32px;--vuu-icon-size: 16px}.vuuLeftNav-menuitem[data-icon=demo]{--vuu-icon-svg: var(--svg-demo)}.vuuLeftNav-menuitem[data-icon=tables]{--vuu-icon-svg: var(--svg-tables)}.vuuLeftNav-menuitem[data-icon=templates]{--vuu-icon-svg: var(--svg-templates)}.vuuLeftNav-menuitem[data-icon=layouts]{--vuu-icon-svg: var(--svg-layouts)}.vuuLeftNav-menuitem-label{white-space:nowrap}.vuuLeftNav-menuitem-active{--vuu-icon-color: var(--vuu-accent-color);background:rgba(255,255,255,.1);border-left:solid 4px var(--vuu-accent-color)}@container (max-width: 100px){.vuuLeftNav-menuitem{padding-left:28px}.vuuLeftNav-menuitem-label{display:none}}.vuuLeftNav-buttonBar{align-items:center;display:flex;flex:0 0 100px;justify-content:center}.vuuLeftNav-toggleButton{--vuu-icon-color: var(--vuu-light-text-primary);--vuu-icon-left: 11px;--vuu-icon-top: 10px;--vuu-icon-size: 16px;background-color:var(--vuu-accent-color);border-width:0;border-radius:18px;height:36px;position:relative;width:36px}.vuuLeftNav-toggleButton-open{--vuu-icon-left: 9px}.vuuShell{background-color:var(--salt-container-primary-background, ivory);height:var(--vuuShell-height, 100vh);width:var(--vuuShell-width, 100vw)}.vuuShell-palette{--vuuView-border: none;--vuuView-margin: 0}.vuuShell-warningPlaceholder{background-color:var(--salt-container-background-high);height:100%}
356
2
  /*# sourceMappingURL=index.css.map */
package/index.css.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../packages/vuu-shell/src/connection-status/ConnectionStatusIcon.css", "../../../packages/vuu-shell/src/login/LoginPanel.css", "../../../packages/vuu-shell/src/session-editing-form/SessionEditingForm.css", "../../../packages/vuu-shell/src/user-profile/UserPanel.css", "../../../packages/vuu-shell/src/user-profile/UserProfile.css", "../../../packages/vuu-shell/src/theme-switch/ThemeSwitch.css", "../../../packages/vuu-shell/src/app-header/AppHeader.css", "../../../packages/vuu-shell/src/shell-layouts/context-panel/ContextPanel.css", "../../../packages/vuu-shell/src/left-nav/LeftNav.css", "../../../packages/vuu-shell/src/shell.css"],
4
4
  "sourcesContent": [".vuuStatus-container {\n\tdisplay: flex;\n}\n\n.vuuStatus-text {\n\talign-self: center;\n}\n\n\n.vuuStatus {\n\t--vuu-icon-height: 18px;\n\t--vuu-icon-padding: var(--vuuStatus-padding, 6px);\n\t--vuu-icon-width: var(--vuuStatus-width, auto);\n\t--vuu-icon-min-width: var(--vuuStatus-min-width, 20px);\n\talign-items: center;\n\tdisplay: inline-flex;\n\theight: var(--vuu-icon-height);\n\tjustify-content: center;\n\tmin-width: var(--vuu-icon-min-width);\n\tpadding: 0 var(--vuu-icon-padding);\n\twidth: var(--vuu-icon-width);\n\tposition: relative;\n}\n\n.vuuStatus[data-icon]::after {\n\tinset: 0 0 0 0;\n\tcontent: '';\n\tbox-shadow: 0 0 0 0 black;\n\tposition: absolute;\n\tmask: var(--vuu-icon-svg) center center/20px 20px no-repeat;\n\t-webkit-mask: var(--vuu-icon-svg) center center/20px 20px no-repeat;\n}\n\n.vuuActiveStatus::after {\n\t--vuu-icon-svg: var(--svg-active-status);\n\tbackground-color: rgb(0, 255, 0);\n}\n\n.vuuConnectingStatus::after {\n\t--vuu-icon-svg: var(--svg-connecting-status);\n\tbackground-color: orange;\n\ttransform: scale(1);\n\tanimation: infinite pulse 1s;\n}\n\n.vuuDisconnectedStatus::after {\n\t--vuu-icon-svg: var(--svg-disconnected-status);\n\tbackground-color: red;\n\ttransform: scale(1);\n\tanimation: infinite pulse 0.5s;\n}\n\n@keyframes pulse {\n\t0% {\n\t\ttransform: scale(0.95);\n\t\tbox-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);\n\t}\n\n\t70% {\n\t\ttransform: scale(1);\n\t\tbox-shadow: 0 0 0 0 rgba(0, 0, 0, 0);\n\t}\n\n\t100% {\n\t\ttransform: scale(0.95);\n\t\tbox-shadow: 0 0 0 0 rgba(0, 0, 0, 0);\n\t}\n}", ".vuuLoginPanel {\n --hwTextInput-border: solid 1px #ccc;\n --hwTextInput-height: 28px;\n --hwTextInput-padding: 0 12px;\n --hwTextInput-width: 100%;\n --login-row-height: 60px;\n align-content: center;\n align-items: center;\n border: solid 1px lightgray;\n display: flex;\n flex-direction: column;\n gap: 24px;\n justify-content: center;\n justify-items: center;\n margin: 0 auto;\n padding: 48px 48px 24px 48px;\n width: fit-content;\n}\n\n.vuuLoginPanel-login {\n grid-column: 2/3;\n align-self: end;\n justify-self: end;\n}\n", ".vuuSessionEditingForm {\n display: flex;\n flex-direction: column;\n gap: 3px;\n min-width: 400px;\n padding: 6px;\n}\n\n.vuuSessionEditingForm-content {\n display: flex;\n flex-direction: column;\n flex: 1 1 auto;\n gap: 3px;\n overflow: auto;\n}\n\n.vuuSessionEditingForm-field {\n align-items: center;\n display: flex;\n height: 32px;\n}\n\n.vuuSessionEditingForm-fieldLabel {\n flex: 0 0 50%;\n}\n\n.vuuSessionEditingForm-fieldValue {\n max-width: 50%;\n}\n\n.vuuSessionEditingForm-fieldValue.vuuReadOnly {\n font-weight: var(--salt-text-label-fontWeight-strong);\n}\n\n.vuuSessionEditingForm-buttonbar {\n align-items: center;\n border-top: solid 1px var(--salt-container-primary-borderColor);\n display: flex;\n justify-content: flex-end;\n flex: 0 0 autox;\n gap: 6px;\n padding-top: 6px;\n}\n\n.vuuSessionEditingForm-errorBanner {\n --vuu-icon-left: 3px;\n --vuu-icon-size: 18px;\n --vuu-icon-top: 3px;\n border: solid 1px var(--salt-status-error-borderColor);\n line-height: 24px;\n padding: 0 6px 0 26px;\n position: relative;\n}", ".vuuUserPanel {\n background-color: white;\n display: flex;\n flex-direction: column;\n max-height: 400px;\n padding: 12px;\n}\n\nvuuUserPanel-history {\n flex: 1 1 auto;\n}\n\n.vuuUserPanel-buttonBar {\n --saltButton-width: 100%;\n align-items: flex-end;\n border-top: 1px solid var(--surface3);\n display: flex;\n flex: 0 0 32px;\n justify-content: flex-start;\n}\n\n.btn-logout {\n --hwButton-icon-left: 12px;\n --hwButton-padding: 0 6px 0 24px;\n padding-left: 24px;\n}\n", ".vuuUserProfile {\n --svg-icon: var(--svg-user);\n}\n", ".vuuThemeSwitch {\n --saltButton-minWidth: 22px;\n}\n\n.vuuThemeSwitch {\n --svg-light: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\"><path d=\"M24 31q2.9 0 4.95-2.05Q31 26.9 31 24q0-2.9-2.05-4.95Q26.9 17 24 17q-2.9 0-4.95 2.05Q17 21.1 17 24q0 2.9 2.05 4.95Q21.1 31 24 31Zm0 3q-4.15 0-7.075-2.925T14 24q0-4.15 2.925-7.075T24 14q4.15 0 7.075 2.925T34 24q0 4.15-2.925 7.075T24 34ZM3.5 25.5q-.65 0-1.075-.425Q2 24.65 2 24q0-.65.425-1.075Q2.85 22.5 3.5 22.5h5q.65 0 1.075.425Q10 23.35 10 24q0 .65-.425 1.075-.425.425-1.075.425Zm36 0q-.65 0-1.075-.425Q38 24.65 38 24q0-.65.425-1.075.425-.425 1.075-.425h5q.65 0 1.075.425Q46 23.35 46 24q0 .65-.425 1.075-.425.425-1.075.425ZM24 10q-.65 0-1.075-.425Q22.5 9.15 22.5 8.5v-5q0-.65.425-1.075Q23.35 2 24 2q.65 0 1.075.425.425.425.425 1.075v5q0 .65-.425 1.075Q24.65 10 24 10Zm0 36q-.65 0-1.075-.425-.425-.425-.425-1.075v-5q0-.65.425-1.075Q23.35 38 24 38q.65 0 1.075.425.425.425.425 1.075v5q0 .65-.425 1.075Q24.65 46 24 46ZM12 14.1l-2.85-2.8q-.45-.45-.425-1.075.025-.625.425-1.075.45-.45 1.075-.45t1.075.45L14.1 12q.4.45.4 1.05 0 .6-.4 1-.4.45-1.025.45-.625 0-1.075-.4Zm24.7 24.75L33.9 36q-.4-.45-.4-1.075t.45-1.025q.4-.45 1-.45t1.05.45l2.85 2.8q.45.45.425 1.075-.025.625-.425 1.075-.45.45-1.075.45t-1.075-.45ZM33.9 14.1q-.45-.45-.45-1.05 0-.6.45-1.05l2.8-2.85q.45-.45 1.075-.425.625.025 1.075.425.45.45.45 1.075t-.45 1.075L36 14.1q-.4.4-1.025.4-.625 0-1.075-.4ZM9.15 38.85q-.45-.45-.45-1.075t.45-1.075L12 33.9q.45-.45 1.05-.45.6 0 1.05.45.45.45.45 1.05 0 .6-.45 1.05l-2.8 2.85q-.45.45-1.075.425-.625-.025-1.075-.425ZM24 24Z\"/></svg>');\n --svg-dark: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\"><path d=\"M24 42q-7.5 0-12.75-5.25T6 24q0-7.5 5.25-12.75T24 6q.4 0 .85.025.45.025 1.15.075-1.8 1.6-2.8 3.95-1 2.35-1 4.95 0 4.5 3.15 7.65Q28.5 25.8 33 25.8q2.6 0 4.95-.925T41.9 22.3q.05.6.075.975Q42 23.65 42 24q0 7.5-5.25 12.75T24 42Zm0-3q5.45 0 9.5-3.375t5.05-7.925q-1.25.55-2.675.825Q34.45 28.8 33 28.8q-5.75 0-9.775-4.025T19.2 15q0-1.2.25-2.575.25-1.375.9-3.125-4.9 1.35-8.125 5.475Q9 18.9 9 24q0 6.25 4.375 10.625T24 39Zm-.2-14.85Z\"/></svg>');\n}\n\n.salt-density-high .vuuThemeSwitch {\n --saltButton-minWidth: 16px;\n --saltButton-width: 18px;\n --vuuThemeSwitch-iconSize: 16px;\n}\n\n.vuuThemeSwitch [data-icon] {\n --vuu-icon-size: var(--vuuThemeSwitch-iconSize,18px);\n}\n\n.vuuThemeSwitch [data-icon='light'] {\n --vuu-icon-svg: var(--svg-light);\n}\n.vuuThemeSwitch [data-icon='dark'] {\n --vuu-icon-svg: var(--svg-dark);\n}\n", ".vuuAppHeader {\n align-items: center;\n border-bottom: solid 1px var(--salt-container-secondary-borderColor);\n display: flex;\n height: 40px;\n justify-content: flex-end;\n}\n\n.vuu-purple-theme .vuuAppHeader {\n border-radius: 8px;\n border: 1px solid #D6D7DA; \n height: 44px;\n margin-bottom: 8px;\n}", ".vuuContextPanel {\n position: relative;\n transition: width .3s ease-in-out;\n width: var(--vuu-side-panel-width, 0px) !important;\n z-index: 1;\n}\n\n.vuuContextPanel-expanded {\n --vuu-side-panel-width: 300px !important;\n --vuu-side-panel-shadow: -4px 4px 4px rgba(0, 0, 0, 0.1);\n --vuu-side-panel-padding: 24px;\n}\n\n.vuuContextPanel-overlay {\n width: 0px !important;\n}\n\n.vuuContextPanel-inner {\n background-color: var(--salt-container-primary-background);\n box-shadow: var(--vuu-side-panel-shadow, none);\n height: 100%;\n padding-bottom: 24px;\n padding-top: 24px;\n padding-left: var(--vuu-side-panel-padding, 0);\n padding-right: var(--vuu-side-panel-padding, 0);\n position: absolute;\n right: 0;\n top:0;\n transition-property: padding-left, padding-right, width;\n transition-duration: .3s;\n transition-timing-function: ease-in-out;\n width: var(--vuu-side-panel-width, 0px);\n\n}\n\n.vuuContextPanel-header {\n align-items: center;\n display: flex;\n flex-wrap: nowrap;\n height: 27px;\n justify-content: space-between;\n}\n\n.vuuContextPanel-title {\n font-size: 20px;\n font-weight: 700;\n white-space: nowrap;\n}", ".vuuLeftNav {\n\n --svg-demo: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"M11.3333 11C11.52 11 11.6667 10.8533 11.6667 10.6667C11.6667 10.48 11.52 10.3333 11.3333 10.3333C11.1467 10.3333 11 10.48 11 10.6667C11 10.8533 11.1467 11 11.3333 11Z\"/><path d=\"M5.99999 8.66667C6.36818 8.66667 6.66666 8.36819 6.66666 8C6.66666 7.63181 6.36818 7.33334 5.99999 7.33334C5.63181 7.33334 5.33333 7.63181 5.33333 8C5.33333 8.36819 5.63181 8.66667 5.99999 8.66667Z\"/><path d=\"M8.66667 6C9.03486 6 9.33333 5.70152 9.33333 5.33333C9.33333 4.96514 9.03486 4.66667 8.66667 4.66667C8.29848 4.66667 8 4.96514 8 5.33333C8 5.70152 8.29848 6 8.66667 6Z\"/><path d=\"M8.66667 11.3333C9.03486 11.3333 9.33333 11.0349 9.33333 10.6667C9.33333 10.2985 9.03486 10 8.66667 10C8.29848 10 8 10.2985 8 10.6667C8 11.0349 8.29848 11.3333 8.66667 11.3333Z\"/><path d=\"M11.3333 8.33333C11.52 8.33333 11.6667 8.18666 11.6667 8C11.6667 7.81333 11.52 7.66666 11.3333 7.66666C11.1467 7.66666 11 7.81333 11 8C11 8.18666 11.1467 8.33333 11.3333 8.33333Z\"/><path d=\"M8.66667 8.66667C9.03486 8.66667 9.33333 8.36819 9.33333 8C9.33333 7.63181 9.03486 7.33334 8.66667 7.33334C8.29848 7.33334 8 7.63181 8 8C8 8.36819 8.29848 8.66667 8.66667 8.66667Z\"/><path d=\"M2 2H14V3.33333H2V2Z\"/><path d=\"M3.33333 6.33333C3.88561 6.33333 4.33333 5.88562 4.33333 5.33333C4.33333 4.78105 3.88561 4.33333 3.33333 4.33333C2.78104 4.33333 2.33333 4.78105 2.33333 5.33333C2.33333 5.88562 2.78104 6.33333 3.33333 6.33333Z\"/><path d=\"M3.33333 9C3.88561 9 4.33333 8.55228 4.33333 8C4.33333 7.44772 3.88561 7 3.33333 7C2.78104 7 2.33333 7.44772 2.33333 8C2.33333 8.55228 2.78104 9 3.33333 9Z\"/><path d=\"M3.33333 11.6667C3.88561 11.6667 4.33333 11.2189 4.33333 10.6667C4.33333 10.1144 3.88561 9.66666 3.33333 9.66666C2.78104 9.66666 2.33333 10.1144 2.33333 10.6667C2.33333 11.2189 2.78104 11.6667 3.33333 11.6667Z\"/><path d=\"M11.3333 5.66667C11.52 5.66667 11.6667 5.52 11.6667 5.33333C11.6667 5.14667 11.52 5 11.3333 5C11.1467 5 11 5.14667 11 5.33333C11 5.52 11.1467 5.66667 11.3333 5.66667Z\"/><path d=\"M5.99999 11.3333C6.36818 11.3333 6.66666 11.0349 6.66666 10.6667C6.66666 10.2985 6.36818 10 5.99999 10C5.63181 10 5.33333 10.2985 5.33333 10.6667C5.33333 11.0349 5.63181 11.3333 5.99999 11.3333Z\"/><path d=\"M5.99999 6C6.36818 6 6.66666 5.70152 6.66666 5.33333C6.66666 4.96514 6.36818 4.66667 5.99999 4.66667C5.63181 4.66667 5.33333 4.96514 5.33333 5.33333C5.33333 5.70152 5.63181 6 5.99999 6Z\"/><path d=\"M2 12.6667H14V14H2V12.6667Z\"/></svg>');\n --svg-tables: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"M2 6H4.66667V3.33334H3.33333C2.6 3.33334 2 3.93334 2 4.66667V6ZM2 9.33334H4.66667V6.66667H2V9.33334ZM5.33333 9.33334H8V6.66667H5.33333V9.33334ZM8.66667 9.33334H11.3333V6.66667H8.66667V9.33334ZM5.33333 6H8V3.33334H5.33333V6ZM8.66667 3.33334V6H11.3333V3.33334H8.66667ZM12 9.33334H14.6667V6.66667H12V9.33334ZM3.33333 12.6667H4.66667V10H2V11.3333C2 12.0667 2.6 12.6667 3.33333 12.6667ZM5.33333 12.6667H8V10H5.33333V12.6667ZM8.66667 12.6667H11.3333V10H8.66667V12.6667ZM12 12.6667H13.3333C14.0667 12.6667 14.6667 12.0667 14.6667 11.3333V10H12V12.6667ZM12 3.33334V6H14.6667V4.66667C14.6667 3.93334 14.0667 3.33334 13.3333 3.33334H12Z\"/></svg>');\n --svg-templates: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"M15.3333 12.6667H14L14 3.33334H15.3333L15.3333 12.6667ZM12.6667 12.6667H11.3333L11.3333 3.33334H12.6667L12.6667 12.6667ZM1.33333 12.6667L9.33333 12.6667C9.69999 12.6667 9.99999 12.3667 9.99999 12V4.00001C9.99999 3.63334 9.69999 3.33334 9.33333 3.33334L1.33333 3.33334C0.966661 3.33334 0.666661 3.63334 0.666661 4.00001L0.666661 12C0.666661 12.3667 0.966661 12.6667 1.33333 12.6667ZM1.99999 4.66667L8.66666 4.66667V11.3333L1.99999 11.3333L1.99999 4.66667Z\"/></svg>');\n --svg-layouts: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path d=\"M15.3333 10H14V11.3333H15.3333V10ZM15.3333 12.6667H14V14H15.3333V12.6667ZM15.3333 7.33333H14V8.66667H15.3333V7.33333ZM10 2H8.66667V3.33333H10V2ZM15.3333 4.66667H14V6H15.3333V4.66667ZM0.666672 14H7.33334V10H0.666672V14ZM2.00001 4.66667H0.666672V6H2.00001V4.66667ZM10 12.6667H8.66667V14H10V12.6667ZM12.6667 2H11.3333V3.33333H12.6667V2ZM15.3333 2H14V3.33333H15.3333V2ZM12.6667 12.6667H11.3333V14H12.6667V12.6667ZM2.00001 7.33333H0.666672V8.66667H2.00001V7.33333ZM7.33334 2H6.00001V3.33333H7.33334V2ZM4.66667 2H3.33334V3.33333H4.66667V2ZM2.00001 2H0.666672V3.33333H2.00001V2Z\"/></svg>');\n --vuu-accent-color: #f37880;\n --vuu-light-text-primary: #15171b;\n background-color: #2A015F;\n container-type: inline-size;\n display: flex;\n flex-direction: column;\n padding: 32px 16px;\n transition: width .3s ease-in-out;\n\n}\n\n.vuuLeftNav-logo {\n display: flex;\n flex: 0 0 auto;\n justify-content: center;\n}\n\n.vuuLeftNav-main {\n flex: 1 1 auto;\n}\n\n.vuuLeftNav-menu {\n color: white;\n margin-top: 102px;\n padding: 0;\n}\n\n.vuuLeftNav-menuitem {\n --vuu-icon-color: white;\n align-items: center;\n border-radius: 6px;\n display: flex;\n font-weight: 700;\n height: 40px;\n line-height: 24px;\n list-style: none;\n padding: 8px 16px 8px 48px; \n}\n\n.vuuLeftNav-menuitem[data-icon] {\n --vuu-icon-left: 32px;\n --vuu-icon-size: 16px;\n}\n\n.vuuLeftNav-menuitem[data-icon='demo'] {\n --vuu-icon-svg: var(--svg-demo);\n }\n.vuuLeftNav-menuitem[data-icon='tables'] {\n --vuu-icon-svg: var(--svg-tables);\n }\n.vuuLeftNav-menuitem[data-icon='templates'] {\n --vuu-icon-svg: var(--svg-templates);\n }\n.vuuLeftNav-menuitem[data-icon='layouts'] {\n --vuu-icon-svg: var(--svg-layouts);\n }\n\n .vuuLeftNav-menuitem-label {\n white-space: nowrap;\n }\n\n.vuuLeftNav-menuitem-active {\n --vuu-icon-color: var(--vuu-accent-color);\n background: rgba(255, 255, 255, 0.10);\n border-left: solid 4px var(--vuu-accent-color);\n}\n\n@container (max-width: 100px) {\n .vuuLeftNav-menuitem {\n padding-left: 28px;\n }\n .vuuLeftNav-menuitem-label {\n display: none;\n }\n}\n\n.vuuLeftNav-buttonBar {\n align-items: center;\n display: flex;\n flex: 0 0 100px;\n justify-content: center;;\n}\n\n.vuuLeftNav-toggleButton {\n --vuu-icon-color: var(--vuu-light-text-primary);\n --vuu-icon-left: 11px;\n --vuu-icon-top: 10px;\n --vuu-icon-size: 16px;\n background-color: var(--vuu-accent-color);\n border-width: 0;\n border-radius: 18px;\n height: 36px;\n position: relative;\n width: 36px\n}\n\n.vuuLeftNav-toggleButton-open {\n --vuu-icon-left: 9px;\n\n}", ".vuuShell {\n background-color: var(--salt-container-primary-background, ivory);\n height: var(--vuuShell-height, 100vh);\n width: var(--vuuShell-width, 100vw);\n}\n\n.vuuShell-palette {\n --vuuView-border: none;\n --vuuView-margin: 0;\n}\n\n.vuuShell-warningPlaceholder {\n background-color: var(--salt-container-background-high);\n height: 100%;\n}\n"],
5
- "mappings": ";AAAA;AACC;AAAA;AAGD;AACC;AAAA;AAID;AACC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGD;AACC;AACA;AACA;AACA;AACA;AACA;AAAA;AAGD;AACC;AACA;AAAA;AAGD;AACC;AACA;AACA;AACA;AAAA;AAGD;AACC;AACA;AACA;AACA;AAAA;AAGD;AAAA;AAEE;AACA;AAAA;AAAA;AAIA;AACA;AAAA;AAAA;AAIA;AACA;AAAA;AAAA;;;ACjEF;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;;;ACtBF;AACI;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;;;ACnDJ;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AAAA;AAGF;AACE;AACA;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AAAA;;;ACxBF;AACE;AAAA;;;ACDF;AACI;AAAA;AAGJ;AACI;AACA;AAAA;AAGJ;AACI;AACA;AACA;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AAAA;AAEJ;AACI;AAAA;;;ACvBJ;AACE;AACA;AACA;AACA;AACA;AAAA;AAGF;AACE;AACA;AACA;AACA;AAAA;;;ACZF;AACI;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAAA;AAIJ;AACI;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AAAA;;;AC9CJ;AAEI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAIJ;AACI;AACA;AACA;AAAA;AAGJ;AACI;AAAA;AAGJ;AACI;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AACD;AACA;AACA;AAAA;AAGH;AACI;AACA;AAAA;AAGJ;AACI;AAAA;AAEJ;AACI;AAAA;AAEJ;AACI;AAAA;AAEJ;AACI;AAAA;AAGF;AACE;AAAA;AAGJ;AACG;AACA;AACA;AAAA;AAGH;AACI;AACI;AAAA;AAEJ;AACI;AAAA;AAAA;AAIR;AACI;AACA;AACA;AACA;AAAA;AAGJ;AACI;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAGJ;AACI;AAAA;;;ACvGJ;AACE;AACA;AACA;AAAA;AAGF;AACE;AACA;AAAA;AAGF;AACE;AACA;AAAA;",
5
+ "mappings": "AAAA,qBACC,aAGD,gBACC,kBAID,WACC,wBACA,kDACA,+CACA,uDACA,mBACA,oBACA,8BACA,uBACA,oCACA,kCACA,4BACA,kBAGD,4BACC,cACA,WACA,oBACA,kBACA,2DACA,mEAGD,uBACC,yCACA,sBAGD,2BACC,6CACA,wBACA,mBACA,4BAGD,6BACC,+CACA,qBACA,mBACA,6BAGD,oBAEE,qBACA,6BAIA,mBACA,wBAIA,qBACA,sBCjEF,eACE,qCACA,2BACA,8BACA,0BACA,yBACA,qBACA,mBACA,2BACA,aACA,sBACA,SACA,uBACA,qBAbF,qCAgBE,kBAGF,qBACE,gBACA,eACA,iBCtBF,uBACI,aACA,sBACA,QACA,gBAJJ,YAQA,+BACI,aACA,sBACA,cACA,QACA,cAGJ,6BACI,mBACA,aACA,YAGJ,kCACI,aAGJ,kCACI,cAGJ,8CACI,qDAGJ,iCACI,mBACA,+DACA,aACA,yBACA,eACA,QACA,gBAGJ,mCACI,qBACA,sBACA,oBACA,sDACA,iBAjDJ,qBAmDI,kBCnDJ,cACE,sBACA,aACA,sBACA,iBAJF,aAQA,qBACE,cAGF,wBACE,yBACA,qBACA,qCACA,aACA,cACA,2BAGF,YACE,2BACA,iCACA,kBCxBF,gBACE,4BCDF,gBACI,4BAGJ,gBACI,kgDACA,miBAGJ,mCACI,4BACA,yBACA,gCAGJ,4BACI,qDAGJ,kCACI,iCAEJ,iCACI,gCCvBJ,cACE,mBACA,oEACA,aACA,YACA,yBAGF,gCARA,kBAUE,yBACA,YACA,kBCZF,iBACI,kBACA,iCACA,iDACA,UAGJ,0BACI,yCACA,wDACA,+BAGJ,yBACI,oBAGJ,uBACI,0DACA,8CACA,YACA,oBACA,iBACA,8CACA,+CACA,kBACA,QACA,MACA,qDACA,wBACA,uCACA,uCAIJ,wBACI,mBACA,aACA,iBACA,YACA,8BAGJ,uBACI,eACA,gBACA,mBC9CJ,YAEI,08EACA,8uBACA,qkBACA,wrBACA,4BACA,kCACA,yBACA,2BACA,aACA,sBAXJ,kBAaI,iCAIJ,iBACI,aACA,cACA,uBAGJ,iBACI,cAGJ,iBACI,WACA,iBA7BJ,UAiCA,qBACI,wBACA,mBAnCJ,kBAqCI,aACA,gBACA,YACD,iBACA,gBAzCH,0BA6CA,gCACI,sBACA,sBAGJ,qCACI,gCAEJ,uCACI,kCAEJ,0CACI,qCAEJ,wCACI,mCAGF,2BACE,mBAGJ,4BACG,0CACA,gCACA,8CAGH,8BACI,qBACI,kBAEJ,2BACI,cAIR,sBACI,mBACA,aACA,eACA,uBAGJ,yBACI,gDACA,sBACA,qBACA,sBACA,yCACA,eA/FJ,mBAiGI,YACA,kBACA,WAGJ,8BACI,qBCvGJ,UACE,iEACA,qCACA,mCAGF,kBACE,uBACA,oBAGF,6BACE,uDACA",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vuu-ui/vuu-shell",
3
- "version": "0.8.4-debug",
3
+ "version": "0.8.4",
4
4
  "description": "VUU UI Shell",
5
5
  "author": "heswell",
6
6
  "license": "Apache-2.0",
@@ -8,9 +8,9 @@
8
8
  "@salt-ds/core": "1.2.0",
9
9
  "@salt-ds/icons": "1.1.0",
10
10
  "@heswell/salt-lab": "1.0.0-alpha.2",
11
- "@vuu-ui/vuu-data": "0.8.4-debug",
12
- "@vuu-ui/vuu-layout": "0.8.4-debug",
13
- "@vuu-ui/vuu-utils": "0.8.4-debug"
11
+ "@vuu-ui/vuu-data": "0.8.4",
12
+ "@vuu-ui/vuu-layout": "0.8.4",
13
+ "@vuu-ui/vuu-utils": "0.8.4"
14
14
  },
15
15
  "peerDependencies": {
16
16
  "classnames": "^2.2.6",