@fluid-topics/ft-radio 1.1.77 → 1.1.78

package/build/ft-radio-group.js

@@ -19,7 +19,7 @@ class FtRadioGroup extends FtLitElement {
         this.onFocus = () => {
             if (this.tabIndex == 0) {
                 this.tabIndex = -1;
-                this.focusCurrentChecked();
+                setTimeout(() => this.focusCurrentChecked(), 100);
             }
         };
         this.onFocusOut = (e) => {

package/build/ft-radio-group.styles.js

@@ -5,4 +5,8 @@ export const groupStyles = css `
     :host {
         display: block;
     }
+
+    :host(:focus-visible) {
+        outline: none;
+    }
 `;

package/build/ft-radio.light.js

@@ -353,7 +353,11 @@ Also for action icons.`,e.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
     :host {
         display: block;
     }
-`;var ot=function(i,o,a,n){var c=arguments.length,p=c<3?o:n===null?n=Object.getOwnPropertyDescriptor(o,a):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")p=Reflect.decorate(i,o,a,n);else for(var f=i.length-1;f>=0;f--)(l=i[f])&&(p=(c<3?l(p):c>3?l(o,a,p):l(o,a))||p);return c>3&&p&&Object.defineProperty(o,a,p),p},W=class extends ro.FtLitElement{constructor(){super(...arguments),this.name="",this.role="radiogroup",this.tabIndex=0,this.ariaLabelledBy="",this.currentSelectedIndex=0,this.onFocus=()=>{this.tabIndex==0&&(this.tabIndex=-1,this.focusCurrentChecked())},this.onFocusOut=o=>{!this.contains(o.relatedTarget)&&(this.tabIndex=0)}}render(){return ao.html`
+
+    :host(:focus-visible) {
+        outline: none;
+    }
+`;var ot=function(i,o,a,n){var c=arguments.length,p=c<3?o:n===null?n=Object.getOwnPropertyDescriptor(o,a):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")p=Reflect.decorate(i,o,a,n);else for(var f=i.length-1;f>=0;f--)(l=i[f])&&(p=(c<3?l(p):c>3?l(o,a,p):l(o,a))||p);return c>3&&p&&Object.defineProperty(o,a,p),p},W=class extends ro.FtLitElement{constructor(){super(...arguments),this.name="",this.role="radiogroup",this.tabIndex=0,this.ariaLabelledBy="",this.currentSelectedIndex=0,this.onFocus=()=>{this.tabIndex==0&&(this.tabIndex=-1,setTimeout(()=>this.focusCurrentChecked(),100))},this.onFocusOut=o=>{!this.contains(o.relatedTarget)&&(this.tabIndex=0)}}render(){return ao.html`
             <slot @slotchange=${this.onSlotChange}
                   @change=${this.onChange}
                   @keydown=${this.onKeyDown}

package/build/ft-radio.min.js

@@ -391,7 +391,11 @@ Also for action icons.`,d.colorGray200),contentGlobalSubtle:t.extend("--ft-conte
     :host {
         display: block;
     }
-`;var Ct=function(o,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,r,n);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(i<3?s(a):i>3?s(e,r,a):s(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},J=class extends B{constructor(){super(...arguments),this.name="",this.role="radiogroup",this.tabIndex=0,this.ariaLabelledBy="",this.currentSelectedIndex=0,this.onFocus=()=>{this.tabIndex==0&&(this.tabIndex=-1,this.focusCurrentChecked())},this.onFocusOut=e=>{!this.contains(e.relatedTarget)&&(this.tabIndex=0)}}render(){return Ke`
+
+    :host(:focus-visible) {
+        outline: none;
+    }
+`;var Ct=function(o,e,r,n){var i=arguments.length,a=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,r):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(o,e,r,n);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(a=(i<3?s(a):i>3?s(e,r,a):s(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},J=class extends B{constructor(){super(...arguments),this.name="",this.role="radiogroup",this.tabIndex=0,this.ariaLabelledBy="",this.currentSelectedIndex=0,this.onFocus=()=>{this.tabIndex==0&&(this.tabIndex=-1,setTimeout(()=>this.focusCurrentChecked(),100))},this.onFocusOut=e=>{!this.contains(e.relatedTarget)&&(this.tabIndex=0)}}render(){return Ke`
             <slot @slotchange=${this.onSlotChange}
                   @change=${this.onChange}
                   @keydown=${this.onKeyDown}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-radio",
-  "version": "1.1.77",
+  "version": "1.1.78",
   "description": "A radio component",
   "keywords": [
     "Lit"
@@ -19,10 +19,10 @@
     "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
   },
   "dependencies": {
-    "@fluid-topics/ft-ripple": "1.1.77",
-    "@fluid-topics/ft-typography": "1.1.77",
-    "@fluid-topics/ft-wc-utils": "1.1.77",
+    "@fluid-topics/ft-ripple": "1.1.78",
+    "@fluid-topics/ft-typography": "1.1.78",
+    "@fluid-topics/ft-wc-utils": "1.1.78",
     "lit": "3.1.0"
   },
-  "gitHead": "a88802e6c5be6f43ceced4a20a3747b09ea022c0"
+  "gitHead": "b4f44baf8cd02d5ef4ba2fd616f0aa9483a8a027"
 }