@decidables/discountable-elements 0.6.5 → 0.7.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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@decidables/discountable-elements",
3
- "version": "0.6.5",
3
+ "version": "0.7.0",
4
4
  "description": "discountable-elements: Web Components for visualizing Hyperbolic Temporal Discounting",
5
5
  "keywords": [
6
6
  "web component",
@@ -45,6 +45,7 @@
45
45
  "lib"
46
46
  ],
47
47
  "scripts": {
48
+ "clean": "gulp clean",
48
49
  "lint": "gulp lint",
49
50
  "test": "gulp test -X \"$@\"",
50
51
  "build": "gulp build"
@@ -53,13 +54,13 @@
53
54
  "gulp": "^5.0.1"
54
55
  },
55
56
  "dependencies": {
56
- "@decidables/decidables-elements": "^0.5.7",
57
- "@decidables/discountable-math": "^0.2.5",
57
+ "@decidables/decidables-elements": "^0.6.0",
58
+ "@decidables/discountable-math": "^0.2.6",
58
59
  "@lit-labs/motion": "^1.1.0",
59
60
  "@observablehq/plot": "^0.6.17",
60
61
  "bayes.js": "https://github.com/akrawitz/bayes.js.git#commit=c7b091b75f85a86b6a3965a983b31e23d9ef456f",
61
62
  "d3": "^7.9.0",
62
63
  "lit": "^3.3.2"
63
64
  },
64
- "gitHead": "6fcd31a19c082ec41bde7d351bcb52161c5b654b"
65
+ "gitHead": "72981c711111354170ece1e403d497073da7be96"
65
66
  }
@@ -219,6 +219,7 @@ export default class DiscountableResponse extends DiscountableElement {
219
219
 
220
220
  width: 5.25rem;
221
221
  height: 3.5rem;
222
+
222
223
  padding: 0.375rem 0.75rem;
223
224
  margin: 0.25rem;
224
225
 
@@ -250,8 +250,9 @@ export default class HTDCurves extends DecidablesMixinResizeable(DiscountableEle
250
250
  }
251
251
 
252
252
  .option .interactive {
253
- filter: url("#shadow-2");
254
253
  outline: none;
254
+
255
+ filter: url("#shadow-2");
255
256
  }
256
257
 
257
258
  .option .interactive:hover {
@@ -269,7 +270,7 @@ export default class HTDCurves extends DecidablesMixinResizeable(DiscountableEle
269
270
  transform: translateY(0);
270
271
  }
271
272
 
272
- :host(.keyboard) .option .interactive:focus-within {
273
+ .option .interactive:focus-visible {
273
274
  filter: url("#shadow-8");
274
275
 
275
276
  /* HACK: This gets Safari to correctly apply the filter! */
@@ -290,7 +291,7 @@ export default class HTDCurves extends DecidablesMixinResizeable(DiscountableEle
290
291
  transform: translateY(0);
291
292
  }
292
293
 
293
- :host(.keyboard) .body.interactive:has(~ .point:focus-within) {
294
+ .body.interactive:has(~ .point:focus-visible) {
294
295
  filter: url("#shadow-8");
295
296
 
296
297
  /* HACK: This gets Safari to correctly apply the filter! */
@@ -323,7 +324,6 @@ export default class HTDCurves extends DecidablesMixinResizeable(DiscountableEle
323
324
 
324
325
  .interactive .fill {
325
326
  cursor: move;
326
-
327
327
  outline: none;
328
328
  }
329
329
 
@@ -351,7 +351,6 @@ export default class HTDCurves extends DecidablesMixinResizeable(DiscountableEle
351
351
 
352
352
  .interactive .bar {
353
353
  cursor: ew-resize;
354
-
355
354
  outline: none;
356
355
  }
357
356
 
@@ -365,14 +364,13 @@ export default class HTDCurves extends DecidablesMixinResizeable(DiscountableEle
365
364
  font-size: 0.75rem;
366
365
 
367
366
  dominant-baseline: middle;
368
- text-anchor: middle;
369
367
 
368
+ text-anchor: middle;
370
369
  fill: var(---color-text-inverse);
371
370
  }
372
371
 
373
372
  .point.interact {
374
373
  cursor: ns-resize;
375
-
376
374
  outline: none;
377
375
  }
378
376
 
@@ -384,7 +382,6 @@ export default class HTDCurves extends DecidablesMixinResizeable(DiscountableEle
384
382
 
385
383
  .curve.interactive {
386
384
  cursor: nwse-resize;
387
-
388
385
  outline: none;
389
386
  }
390
387
 
@@ -396,8 +393,8 @@ export default class HTDCurves extends DecidablesMixinResizeable(DiscountableEle
396
393
 
397
394
  @media (pointer: coarse) {
398
395
  .interactive .touch {
399
- stroke-linecap: round;
400
396
  stroke-width: 12;
397
+ stroke-linecap: round;
401
398
  }
402
399
  }
403
400
  `,
@@ -75,6 +75,7 @@ export default class HTDParameters extends DiscountableElement {
75
75
 
76
76
  decidables-slider {
77
77
  line-height: 1;
78
+
78
79
  text-align: center;
79
80
  }
80
81
 
@@ -64,8 +64,8 @@ export default class ITCOption extends DiscountableElement {
64
64
 
65
65
  width: 100%;
66
66
  height: 100%;
67
+
67
68
  overflow: visible;
68
-
69
69
 
70
70
  background: var(---color-element-background);
71
71
  border: 2px solid var(---color-element-emphasis);
@@ -87,11 +87,13 @@ export default class HTDEquation extends DiscountableElement {
87
87
 
88
88
  .addend {
89
89
  position: relative;
90
+
90
91
  display: inline-block;
91
92
  }
92
93
 
93
94
  .comparison {
94
95
  position: relative;
96
+
95
97
  display: inline-block;
96
98
 
97
99
  font-size: 125%;