@fluid-topics/ft-switch 1.0.29 → 1.0.30

package/build/ft-switch-option.js

@@ -44,8 +44,6 @@ class FtSwitchOption extends FtLitElement {
             "ft-switch-option--selected": this.selected,
         };
         return this.addTooltip(html `
-            <input id="input" type="radio" class="ft-switch-option--input"
-                   .checked=${this.selected}>
             <label part="label" for="input" class=${classMap(classes)}
                    @click=${this.onChange}>
                 <div class="ft-switch-option--content">
@@ -59,14 +57,16 @@ class FtSwitchOption extends FtLitElement {
                     ${this.resolveIcon()}
                 </div>
             </label>
+            <input id="input" type="radio" class="ft-switch-option--input"
+                   .checked=${this.selected}>
         `);
     }
-    addTooltip(label) {
-        return this.hasTextContent() || this.getLabel().trim().length === 0 ? label : html `
+    addTooltip(optionHtml) {
+        return this.hasTextContent() || this.getLabel().trim().length === 0 ? optionHtml : html `
             <ft-tooltip part="tooltip"
                         text="${this.getLabel()}"
                         position="${this.tooltipPosition}">
-                ${label}
+                ${optionHtml}
             </ft-tooltip>
         `;
     }

package/build/ft-switch.light.js

@@ -401,8 +401,6 @@ const tt=Symbol.for(""),it=t=>{if((null==t?void 0:t.r)===tt)return null==t?void
         color: ${Mi.selectedTextColor};
     }
 `;var Di=function(t,i,e,o){for(var s,n=arguments.length,r=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(i,e,r):s(i,e))||r);return n>3&&r&&Object.defineProperty(i,e,r),r};class Ki extends CustomEvent{constructor(){super("option-change",{bubbles:!0,composed:!0})}}class Li extends i.FtLitElement{constructor(){super(...arguments),this.value="",this.label="",this.tooltipPosition="bottom",this.selected=!1,this.trailingIcon=!1,this.unselectable=!1}focus(){this.input.focus()}updated(t){super.updated(t),t.has("selected")&&this.dispatchEvent(new Ki)}render(){const t={"ft-switch-option":!0,"ft-switch-option--trailing-icon":this.trailingIcon,"ft-switch-option--selected":this.selected};return this.addTooltip(e.html`
-            <input id="input" type="radio" class="ft-switch-option--input"
-                   .checked=${this.selected}>
             <label part="label" for="input" class=${s.classMap(t)}
                    @click=${this.onChange}>
                 <div class="ft-switch-option--content">
@@ -416,6 +414,8 @@ const tt=Symbol.for(""),it=t=>{if((null==t?void 0:t.r)===tt)return null==t?void
                     ${this.resolveIcon()}
                 </div>
             </label>
+            <input id="input" type="radio" class="ft-switch-option--input"
+                   .checked=${this.selected}>
         `)}addTooltip(t){return this.hasTextContent()||0===this.getLabel().trim().length?t:e.html`
             <ft-tooltip part="tooltip"
                         text="${this.getLabel()}"

package/build/ft-switch.min.js

@@ -519,8 +519,6 @@ class ke extends zt{constructor(t){if(super(t),this.et=Y,t.type!==jt)throw Error
         color: ${ze.selectedTextColor};
     }
 `;var Be=function(t,i,e,o){for(var s,n=arguments.length,r=n<3?i:null===o?o=Object.getOwnPropertyDescriptor(i,e):o,l=t.length-1;l>=0;l--)(s=t[l])&&(r=(n<3?s(r):n>3?s(i,e,r):s(i,e))||r);return n>3&&r&&Object.defineProperty(i,e,r),r};class Te extends CustomEvent{constructor(){super("option-change",{bubbles:!0,composed:!0})}}class Pe extends kt{constructor(){super(...arguments),this.value="",this.label="",this.tooltipPosition="bottom",this.selected=!1,this.trailingIcon=!1,this.unselectable=!1}focus(){this.input.focus()}updated(t){super.updated(t),t.has("selected")&&this.dispatchEvent(new Te)}render(){const t={"ft-switch-option":!0,"ft-switch-option--trailing-icon":this.trailingIcon,"ft-switch-option--selected":this.selected};return this.addTooltip(q`
-            <input id="input" type="radio" class="ft-switch-option--input"
-                   .checked=${this.selected}>
             <label part="label" for="input" class=${At(t)}
                    @click=${this.onChange}>
                 <div class="ft-switch-option--content">
@@ -534,6 +532,8 @@ class ke extends zt{constructor(t){if(super(t),this.et=Y,t.type!==jt)throw Error
                     ${this.resolveIcon()}
                 </div>
             </label>
+            <input id="input" type="radio" class="ft-switch-option--input"
+                   .checked=${this.selected}>
         `)}addTooltip(t){return this.hasTextContent()||0===this.getLabel().trim().length?t:q`
             <ft-tooltip part="tooltip"
                         text="${this.getLabel()}"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-switch",
-  "version": "1.0.29",
+  "version": "1.0.30",
   "description": "two-state",
   "keywords": [
     "Lit"
@@ -19,12 +19,12 @@
     "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
   },
   "dependencies": {
-    "@fluid-topics/ft-icon": "1.0.29",
-    "@fluid-topics/ft-ripple": "1.0.29",
-    "@fluid-topics/ft-tooltip": "1.0.29",
-    "@fluid-topics/ft-typography": "1.0.29",
-    "@fluid-topics/ft-wc-utils": "1.0.29",
+    "@fluid-topics/ft-icon": "1.0.30",
+    "@fluid-topics/ft-ripple": "1.0.30",
+    "@fluid-topics/ft-tooltip": "1.0.30",
+    "@fluid-topics/ft-typography": "1.0.30",
+    "@fluid-topics/ft-wc-utils": "1.0.30",
     "lit": "2.7.2"
   },
-  "gitHead": "42bc522b00a0462c9515187000553c7d120b22b5"
+  "gitHead": "72be58696ee1a1c080a094809e9c20e47d9ead73"
 }