@decidables/detectable-elements 0.1.2 → 0.1.3

package/lib/detectableElements.esm.min.js

@@ -78,6 +78,8 @@ var W,Q;null==G||G(U,V),(null!==(m=globalThis.litHtmlVersions)&&void 0!==m?m:glo
         ---font-family-base: var(--font-family-base, "Source Sans", sans-serif);
         ---font-family-math: var(--font-family-math, "Source Serif", serif);
 
+        ---border: var(--border, 1px solid var(---color-border));
+        ---border-radius: var(--border-radius, 0.25rem);
         ---transition-duration: var(--transition-duration, 500ms);
 
         font-family: var(---font-family-base);
@@ -111,7 +113,7 @@ var W,Q;null==G||G(U,V),(null!==(m=globalThis.litHtmlVersions)&&void 0!==m?m:glo
         width: 0;
         height: 0;
       }
-    `),i(this.cssBoxShadow(0)),i(this.cssBoxShadow(2)),i(this.cssBoxShadow(4)),i(this.cssBoxShadow(8)),i(this.greys.white),i(this.greys.light75),i(this.greys.dark75),i(this.greys.white),i(this.greys.dark25),i(this.greys.light75),i(this.greys.light50),i(this.greys.grey),i(this.greys.dark25),i(this.greys.dark50),i(this.greys.dark75))}}let La,Va,ja=t=>t;customElements.define("decidables-button",class extends Da{static get properties(){return{disabled:{attribute:"disabled",type:Boolean,reflect:!0}}}constructor(){super(),this.disabled=!1}static get styles(){return[super.styles,s(La||(La=ja`
+    `),i(this.cssBoxShadow(0)),i(this.cssBoxShadow(2)),i(this.cssBoxShadow(4)),i(this.cssBoxShadow(8)),i(this.greys.white),i(this.greys.light75),i(this.greys.dark75),i(this.greys.white),i(this.greys.dark25),i(this.greys.light75),i(this.greys.light50),i(this.greys.dark25),i(this.greys.grey),i(this.greys.dark50),i(this.greys.dark75))}}let La,Va,ja=t=>t;customElements.define("decidables-button",class extends Da{static get properties(){return{disabled:{attribute:"disabled",type:Boolean,reflect:!0}}}constructor(){super(),this.disabled=!1}static get styles(){return[super.styles,s(La||(La=ja`
         :host {
           margin: 0.25rem;
         }
@@ -127,7 +129,7 @@ var W,Q;null==G||G(U,V),(null!==(m=globalThis.litHtmlVersions)&&void 0!==m?m:glo
           color: var(---color-text-inverse);
 
           border: 0;
-          border-radius: 0.25rem;
+          border-radius: var(---border-radius);
           outline: none;
         }
 
@@ -985,7 +987,7 @@ const Ba=t=>null!=t?t:F;let Ka,Xa,Za=t=>t;customElements.define("decidables-slid
         .point .label {
           font-size: 0.75rem;
 
-          dominant-baseline: middle;
+          dominant-baseline: central;
           text-anchor: middle;
 
           fill: var(---color-text-inverse);
@@ -1663,10 +1665,10 @@ const Ba=t=>null!=t?t:F;let Ka,Xa,Za=t=>t;customElements.define("decidables-slid
           </tr>
           <tr>
             <th class="th th-sub" scope="col">
-              "Present"
+              ‘Present’
             </th>
             <th class="th th-sub" scope="col">
-              "Absent"
+              ‘Absent’
             </th>
           </tr>
         </thead>
@@ -1759,6 +1761,10 @@ const Ba=t=>null!=t?t:F;let Ka,Xa,Za=t=>t;customElements.define("decidables-slid
           font-style: normal;
         }
 
+        var {
+          border-radius: var(---border-radius);
+        }
+
         .tight {
           padding: 0;
         }
@@ -1784,6 +1790,8 @@ const Ba=t=>null!=t?t:F;let Ka,Xa,Za=t=>t;customElements.define("decidables-slid
           padding: 0.125rem 0.375rem 0.375rem;
 
           vertical-align: middle;
+
+          border-radius: var(---border-radius);
         }
 
         .bottom {
@@ -2069,7 +2077,7 @@ const Ba=t=>null!=t?t:F;let Ka,Xa,Za=t=>t;customElements.define("decidables-slid
             </tr>
           </tbody>
         </table>
-      </div>`),i,t,n,t,e,r,n)}}customElements.define("sdt-equation-hmfacr2acc",yh);let wh,xh,kh,$h,_h,Sh,Ah,Eh,Th,Mh,Ch,Nh=t=>t;class Rh extends bc{static get properties(){return{unequal:{attribute:"unequal",type:Boolean,reflect:!0},hr:{attribute:"hit-rate",type:Number,reflect:!0},far:{attribute:"false-alarm-rate",type:Number,reflect:!0},s:{attribute:"s",type:Number,reflect:!0},c:{attribute:!1,type:Number,reflect:!1}}}constructor(){super(),this.unequal=!1,this.hr=0,this.far=0,this.s=1,this.alignState()}alignState(){this.c=yo.hrFar2C(this.hr,this.far,this.s)}sendEvent(){this.dispatchEvent(new CustomEvent("sdt-equation-hrfar2c-change",{detail:{hr:this.hr,far:this.far,s:this.s,c:this.c},bubbles:!0}))}hrInput(t){this.hr=parseFloat(t.target.value),this.alignState(),this.sendEvent()}farInput(t){this.far=parseFloat(t.target.value),this.alignState(),this.sendEvent()}sInput(t){this.s=parseFloat(t.target.value),this.alignState(),this.sendEvent()}render(){let t,e,r,n,i;return this.alignState(),this.numeric?(t=q(wh||(wh=Nh`
+      </div>`),i,t,n,t,n,e,r)}}customElements.define("sdt-equation-hmfacr2acc",yh);let wh,xh,kh,$h,_h,Sh,Ah,Eh,Th,Mh,Ch,Nh=t=>t;class Rh extends bc{static get properties(){return{unequal:{attribute:"unequal",type:Boolean,reflect:!0},hr:{attribute:"hit-rate",type:Number,reflect:!0},far:{attribute:"false-alarm-rate",type:Number,reflect:!0},s:{attribute:"s",type:Number,reflect:!0},c:{attribute:!1,type:Number,reflect:!1}}}constructor(){super(),this.unequal=!1,this.hr=0,this.far=0,this.s=1,this.alignState()}alignState(){this.c=yo.hrFar2C(this.hr,this.far,this.s)}sendEvent(){this.dispatchEvent(new CustomEvent("sdt-equation-hrfar2c-change",{detail:{hr:this.hr,far:this.far,s:this.s,c:this.c},bubbles:!0}))}hrInput(t){this.hr=parseFloat(t.target.value),this.alignState(),this.sendEvent()}farInput(t){this.far=parseFloat(t.target.value),this.alignState(),this.sendEvent()}sInput(t){this.s=parseFloat(t.target.value),this.alignState(),this.sendEvent()}render(){let t,e,r,n,i;return this.alignState(),this.numeric?(t=q(wh||(wh=Nh`
         <decidables-spinner class="hr bottom" ?disabled=${0} min="0" max="1" step=".001" .value="${0}" @input=${0}>
           <var>Hit Rate</var>
         </decidables-spinner>
@@ -2176,7 +2184,6 @@ const Ba=t=>null!=t?t:F;let Ka,Xa,Za=t=>t;customElements.define("decidables-slid
         </table>
       </div>`),i)}}customElements.define("sdt-equation-hrfar2d",Bh);let Kh,Xh,Zh=t=>t;class Yh extends ho{static get styles(){return[super.styles,s(Kh||(Kh=Zh`
         :host {
-          ---border: var(--border, 1px solid var(---color-border));
           display: inline-block;
 
           margin-bottom: 1rem;
@@ -2197,7 +2204,7 @@ const Ba=t=>null!=t?t:F;let Ka,Xa,Za=t=>t;customElements.define("decidables-slid
           padding: 0.625rem;
 
           border: var(---border);
-          border-radius: 0.25rem;
+          border-radius: var(---border-radius);
         }
 
         .body ::slotted(*) {