@fluid-topics/ft-switch 0.3.36 → 0.3.37

package/build/ft-switch-option.js

@@ -11,7 +11,7 @@ import { FtRipple } from "@fluid-topics/ft-ripple";
 import { FtTypography } from "@fluid-topics/ft-typography";
 import { classMap } from "lit/directives/class-map.js";
 import { FtTooltip } from "@fluid-topics/ft-tooltip";
-import { FtIcon } from "@fluid-topics/ft-icon";
+import { FtIcon, FtIconVariants } from "@fluid-topics/ft-icon";
 import { optionStyles } from "./ft-switch-option.css";
 export class SwitchOptionChange extends CustomEvent {
     constructor() {
@@ -22,6 +22,7 @@ export class FtSwitchOption extends FtLitElement {
     constructor() {
         super(...arguments);
         this.value = "";
+        this.iconVariant = FtIconVariants.material;
         this.label = "";
         this.tooltipPosition = "bottom";
         this.selected = false;

package/build/ft-switch.light.js

@@ -388,7 +388,7 @@ const J=Symbol.for(""),Q=t=>{if((null==t?void 0:t.r)===J)return null==t?void 0:t
     .ft-switch-option--input:checked + .ft-switch-option--content ft-icon {
         color: ${Bi.selectedTextColor};
     }
-`;var Wi=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 Zi extends CustomEvent{constructor(){super("option-change",{bubbles:!0})}}class Di extends i.FtLitElement{constructor(){super(...arguments),this.value="",this.label="",this.tooltipPosition="bottom",this.selected=!1,this.trailingIcon=!1}focus(){this.input.focus()}updated(t){super.updated(t),t.has("selected")&&this.dispatchEvent(new Zi)}render(){const t={"ft-switch-option":!0,"ft-switch-option--trailing-icon":this.trailingIcon};return this.addTooltip(e.html`
+`;var Wi=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 Zi extends CustomEvent{constructor(){super("option-change",{bubbles:!0})}}class Di extends i.FtLitElement{constructor(){super(...arguments),this.value="",this.iconVariant=Fi.material,this.label="",this.tooltipPosition="bottom",this.selected=!1,this.trailingIcon=!1}focus(){this.input.focus()}updated(t){super.updated(t),t.has("selected")&&this.dispatchEvent(new Zi)}render(){const t={"ft-switch-option":!0,"ft-switch-option--trailing-icon":this.trailingIcon};return this.addTooltip(e.html`
             <label part="label" for="input" class=${s.classMap(t)}>
                 <input id="input" type="radio" class="ft-switch-option--input"
                        .checked=${this.selected}

package/build/ft-switch.min.js

@@ -506,7 +506,7 @@ class ue extends Ot{constructor(t){if(super(t),this.it=J,t.type!==wt)throw Error
     .ft-switch-option--input:checked + .ft-switch-option--content ft-icon {
         color: ${Oe.selectedTextColor};
     }
-`;var Ce=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 Ne extends CustomEvent{constructor(){super("option-change",{bubbles:!0})}}class Ee extends bt{constructor(){super(...arguments),this.value="",this.label="",this.tooltipPosition="bottom",this.selected=!1,this.trailingIcon=!1}focus(){this.input.focus()}updated(t){super.updated(t),t.has("selected")&&this.dispatchEvent(new Ne)}render(){const t={"ft-switch-option":!0,"ft-switch-option--trailing-icon":this.trailingIcon};return this.addTooltip(Z`
+`;var Ce=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 Ne extends CustomEvent{constructor(){super("option-change",{bubbles:!0})}}class Ee extends bt{constructor(){super(...arguments),this.value="",this.iconVariant=me.material,this.label="",this.tooltipPosition="bottom",this.selected=!1,this.trailingIcon=!1}focus(){this.input.focus()}updated(t){super.updated(t),t.has("selected")&&this.dispatchEvent(new Ne)}render(){const t={"ft-switch-option":!0,"ft-switch-option--trailing-icon":this.trailingIcon};return this.addTooltip(Z`
             <label part="label" for="input" class=${St(t)}>
                 <input id="input" type="radio" class="ft-switch-option--input"
                        .checked=${this.selected}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-topics/ft-switch",
-  "version": "0.3.36",
+  "version": "0.3.37",
   "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": "0.3.36",
-    "@fluid-topics/ft-ripple": "0.3.36",
-    "@fluid-topics/ft-tooltip": "0.3.36",
-    "@fluid-topics/ft-typography": "0.3.36",
-    "@fluid-topics/ft-wc-utils": "0.3.36",
+    "@fluid-topics/ft-icon": "0.3.37",
+    "@fluid-topics/ft-ripple": "0.3.37",
+    "@fluid-topics/ft-tooltip": "0.3.37",
+    "@fluid-topics/ft-typography": "0.3.37",
+    "@fluid-topics/ft-wc-utils": "0.3.37",
     "lit": "2.2.8"
   },
-  "gitHead": "ea71cf7f6c9b87754b84a9fc6c14947253240fc2"
+  "gitHead": "dc88305b17a2554471c7131ebe4032cc8db8813f"
 }