@capillaryjs/capillary-viz 1.1.0 → 1.3.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.
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "type": "module",
3
3
  "name": "@capillaryjs/capillary-viz",
4
4
  "private": false,
5
- "version": "1.1.0",
5
+ "version": "1.3.0",
6
6
  "description": "Reactive analytical controls, block mosaics, and history charts for Capillary UI applications.",
7
7
  "license": "Apache-2.0",
8
8
  "author": {
@@ -60,12 +60,12 @@
60
60
  "watch": "vite build --watch"
61
61
  },
62
62
  "peerDependencies": {
63
- "@capillaryjs/capillary": "^1.3.0",
64
- "@capillaryjs/capillary-ui": "^1.3.0"
63
+ "@capillaryjs/capillary": "^1.5.0",
64
+ "@capillaryjs/capillary-ui": "^1.5.0"
65
65
  },
66
66
  "devDependencies": {
67
- "@capillaryjs/capillary": "^1.3.0",
68
- "@capillaryjs/capillary-ui": "^1.3.0",
67
+ "@capillaryjs/capillary": "^1.5.0",
68
+ "@capillaryjs/capillary-ui": "^1.5.0",
69
69
  "vite": "^6.3.5"
70
70
  },
71
71
  "engines": {
@@ -250,8 +250,8 @@ cap-blockgraph {
250
250
  cap-blockgraph [role="treeitem"] > cap-blocklabel {
251
251
  position: absolute;
252
252
  z-index: 1;
253
- inset-block-start: 0;
254
- inset-inline-start: 0;
253
+ top: 0;
254
+ left: 0;
255
255
  box-sizing: border-box;
256
256
  display: flex;
257
257
  flex-flow: row nowrap;
@@ -265,6 +265,26 @@ cap-blockgraph {
265
265
  cursor: pointer;
266
266
  }
267
267
 
268
+ cap-blockgraph [role="treeitem"] > cap-blocklabel[data-label-orientation="vertical"] {
269
+ z-index: 4;
270
+ top: 0;
271
+ left: 0;
272
+ right: auto;
273
+ bottom: auto;
274
+ width: 1.6em;
275
+ height: max-content;
276
+ writing-mode: vertical-rl;
277
+ transform: none;
278
+ justify-content: flex-start;
279
+ align-items: flex-end;
280
+ padding: 0.2rem;
281
+ }
282
+
283
+ cap-blockgraph [role="treeitem"] > cap-blocklabel[data-label-orientation="horizontal"] {
284
+ writing-mode: horizontal-tb;
285
+ transform: none;
286
+ }
287
+
268
288
  cap-blockgraph [role="treeitem"][aria-selected="true"] {
269
289
  z-index: 3;
270
290
  outline: 3px solid var(--viz-selection-color, var(--colored-contrast, Highlight));
@@ -298,19 +318,22 @@ cap-blockgraph {
298
318
  }
299
319
 
300
320
  cap-blockgraph cap-blockname > strong {
301
- flex: 1 1 auto;
321
+ flex: 0 1 auto;
302
322
  min-width: 0;
303
323
  overflow: hidden;
304
324
  text-overflow: ellipsis;
305
325
  white-space: nowrap;
306
326
  }
307
327
 
308
- cap-blockgraph cap-blocklabel > data {
328
+ cap-blockgraph cap-blockname > data {
309
329
  flex: 0 0 auto;
310
- align-self: center;
311
330
  font-weight: 750;
312
331
  }
313
332
 
333
+ cap-blockgraph [role="treeitem"] > cap-blocklabel[data-label-orientation="vertical"] > cap-blockname {
334
+ transform: rotate(180deg);
335
+ }
336
+
314
337
  cap-blockgraph cap-blockgroup {
315
338
  position: relative;
316
339
  z-index: 1;