@decidables/detectable-elements 0.5.0 → 0.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@decidables/detectable-elements",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "description": "detectable-elements: Web Components for visualizing Signal Detection Theory",
   "keywords": [
     "web component",
@@ -46,6 +46,7 @@
     "lib"
   ],
   "scripts": {
+    "clean": "gulp clean",
     "lint": "gulp lint",
     "test": "gulp test -X \"$@\"",
     "build": "gulp build"
@@ -54,13 +55,13 @@
     "gulp": "^5.0.1"
   },
   "dependencies": {
-    "@decidables/decidables-elements": "^0.5.6",
-    "@decidables/detectable-math": "^0.2.5",
+    "@decidables/decidables-elements": "^0.6.0",
+    "@decidables/detectable-math": "^0.2.6",
     "color": "^5.0.3",
     "d3": "^7.9.0",
     "d3-interpolate-path": "^2.3.0",
     "jstat": "^1.9.6",
-    "lit": "^3.3.1"
+    "lit": "^3.3.2"
   },
-  "gitHead": "8c39b095d6cc3cf6a5f49457048bebf53e7158c1"
+  "gitHead": "72981c711111354170ece1e403d497073da7be96"
 }

package/src/components/detectable-response.js

@@ -317,6 +317,7 @@ export default class DetectableResponse extends DetectableElement {
 
           width: 6rem;
           height: 3.5rem;
+
           padding: 0.375rem 0.75rem;
           margin: 0.25rem;
 
@@ -363,6 +364,7 @@ export default class DetectableResponse extends DetectableElement {
 
         .feedback .outcome {
           font-weight: 600;
+
           line-height: 1.15;
         }
 

package/src/components/detectable-table.js

@@ -304,6 +304,7 @@ export default class DetectableTable extends DetectableElement {
         /* Labels */
         .payoff {
           font-weight: 600;
+
           line-height: 0.75rem;
         }
 

package/src/components/roc-space.js

@@ -252,9 +252,9 @@ export default class ROCSpace extends DecidablesMixinResizeable(DetectableElemen
 
         .point.interactive {
           cursor: move;
+          outline: none;
 
           filter: url("#shadow-2");
-          outline: none;
 
           /* HACK: This gets Safari to correctly apply the filter! */
           /* https://github.com/emilbjorklund/svg-weirdness/issues/27 */
@@ -277,7 +277,7 @@ export default class ROCSpace extends DecidablesMixinResizeable(DetectableElemen
           stroke: #00ff00;
         }
 
-        :host(.keyboard) .point.interactive:focus {
+        .point.interactive:focus-visible {
           filter: url("#shadow-8");
 
           /* HACK: This gets Safari to correctly apply the filter! */
@@ -316,8 +316,8 @@ export default class ROCSpace extends DecidablesMixinResizeable(DetectableElemen
 
         .diagonal {
           stroke: var(---color-element-border);
-          stroke-dasharray: 4;
           stroke-width: 1;
+          stroke-dasharray: 4;
         }
 
         .curve-iso-d {
@@ -342,8 +342,8 @@ export default class ROCSpace extends DecidablesMixinResizeable(DetectableElemen
           font-size: 0.75rem;
 
           dominant-baseline: central;
-          text-anchor: middle;
 
+          text-anchor: middle;
           fill: var(---color-text-inverse);
         }
 
@@ -355,8 +355,8 @@ export default class ROCSpace extends DecidablesMixinResizeable(DetectableElemen
 
         @media (pointer: coarse) {
           .interactive .touch {
-            stroke-linecap: round;
             stroke-width: 12;
+            stroke-linecap: round;
           }
         }
       `,

package/src/components/sdt-model.js

@@ -246,16 +246,16 @@ export default class SDTModel extends DecidablesMixinResizeable(DetectableElemen
         .signal.interactive,
         .threshold.interactive {
           cursor: ew-resize;
+          outline: none;
 
           filter: url("#shadow-2");
-          outline: none;
         }
 
         .signal.unequal {
           cursor: ns-resize;
+          outline: none;
 
           filter: url("#shadow-2");
-          outline: none;
         }
 
         .signal.interactive.unequal {
@@ -283,10 +283,10 @@ export default class SDTModel extends DecidablesMixinResizeable(DetectableElemen
           transform: translateY(0);
         }
 
-        :host(.keyboard) .noise.interactive:focus,
-        :host(.keyboard) .signal.interactive:focus,
-        :host(.keyboard) .signal.unequal:focus,
-        :host(.keyboard) .threshold.interactive:focus {
+        .noise.interactive:focus-visible,
+        .signal.interactive:focus-visible,
+        .signal.unequal:focus-visible,
+        .threshold.interactive:focus-visible {
           filter: url("#shadow-8");
 
           /* HACK: This gets Safari to correctly apply the filter! */
@@ -451,8 +451,8 @@ export default class SDTModel extends DecidablesMixinResizeable(DetectableElemen
 
         @media (pointer: coarse) {
           .interactive .touch {
-            stroke-linecap: round;
             stroke-width: 12;
+            stroke-linecap: round;
           }
         }
       `,

package/src/components/sdt-parameters.js

@@ -8,7 +8,7 @@ import DetectableElement from '../detectable-element';
 
 /*
   SDTParameters element
-  <sdt-paramters>
+  <sdt-parameters>
 
   Attributes:
 
@@ -92,6 +92,7 @@ export default class SDTParameters extends DetectableElement {
 
         decidables-slider {
           line-height: 1;
+
           text-align: center;
         }