{"version":3,"file":"toggle.bundle.js","sources":["../src/toggle.js"],"sourcesContent":["import './toggle.css';\n\nexport const ToggleSize = {\n\tS: 'S',\n\tM: 'M',\n};\n\n// @vue/component\nexport const Toggle = {\n\tname: 'ToggleControl',\n\tprops: {\n\t\tsize: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t\tisEnabled: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t},\n\temits: ['change'],\n\tcomputed: {\n\t\tcontainerClasses(): string[]\n\t\t{\n\t\t\tconst classes = [`--size-${this.size.toLowerCase()}`];\n\t\t\tif (!this.isEnabled)\n\t\t\t{\n\t\t\t\tclasses.push('--off');\n\t\t\t}\n\n\t\t\treturn classes;\n\t\t},\n\t},\n\ttemplate: `\n\t\t<div :class=\"containerClasses\" class=\"bx-im-toggle__container bx-im-toggle__scope\">\n\t\t\t<span class=\"bx-im-toggle__cursor\"></span>\n\t\t\t<span class=\"bx-im-toggle__enabled\"></span>\n\t\t\t<span class=\"bx-im-toggle__disabled\"></span>\n\t\t</div>\n\t`,\n};\n"],"names":["ToggleSize","S","M","Toggle","name","props","size","type","String","required","isEnabled","Boolean","default","emits","computed","containerClasses","classes","toLowerCase","push","template"],"mappings":";;;;;;;;OAEaA,UAAU,GAAG;GACzBC,CAAC,EAAE,GAAG;GACNC,CAAC,EAAE;CACJ,CAAC;;CAED;AACA,OAAaC,MAAM,GAAG;GACrBC,IAAI,EAAE,eAAe;GACrBC,KAAK,EAAE;KACNC,IAAI,EAAE;OACLC,IAAI,EAAEC,MAAM;OACZC,QAAQ,EAAE;MACV;KACDC,SAAS,EAAE;OACVH,IAAI,EAAEI,OAAO;OACbC,OAAO,EAAE;;IAEV;GACDC,KAAK,EAAE,CAAC,QAAQ,CAAC;GACjBC,QAAQ,EAAE;KACTC,gBAAgB,GAChB;OACC,MAAMC,OAAO,GAAG,CAAE,UAAS,IAAI,CAACV,IAAI,CAACW,WAAW,EAAG,EAAC,CAAC;OACrD,IAAI,CAAC,IAAI,CAACP,SAAS,EACnB;SACCM,OAAO,CAACE,IAAI,CAAC,OAAO,CAAC;;OAGtB,OAAOF,OAAO;;IAEf;GACDG,QAAQ,EAAG;;;;;;;CAOZ,CAAC;;;;;;;;;"}