1 line
9.4 KiB
Plaintext
1 line
9.4 KiB
Plaintext
{"version":3,"file":"static/js/8391.2706162d.js","mappings":"6QAMMA,EAAAA,EAAAA,GAEM,OAFDC,MAAM,UAAQ,EACjBD,EAAAA,EAAAA,GAAmB,OAAdC,MAAM,UAAK,K,GAEZA,MAAM,S,0CARhBC,EAAAA,EAAAA,IAYM,OAZDD,OAAKE,EAAAA,EAAAA,IAAA,CAAC,eAAc,CAAAC,SAAoBC,EAAAD,YAAYE,QAAKC,EAAA,KAAAA,EAAA,IAAAC,EAAAA,EAAAA,KAAA,IAAAC,IAAOC,EAAAC,SAAAD,EAAAC,WAAAF,IAAO,Y,EAE1ET,EAAAA,EAAAA,GAAiD,SAA1CY,KAAK,WAAYC,QAASR,EAAAS,MAAQC,GAAIV,EAAAU,I,WAC7Cf,EAAAA,EAAAA,GAQQ,cANNgB,GAGAhB,EAAAA,EAAAA,GAEO,OAFPiB,EAEO,EADLC,EAAAA,EAAAA,IAAQC,EAAAC,OAAA,kBAAAC,GAAA,U,CAOhB,OACEC,KAAM,eACNC,MAAO,CAAC,SACRC,MAAO,CACLT,GAAI,CACFH,KAAMa,QAGRX,MAAO,CACLF,KAAMc,QACNC,SAAS,GAGXvB,SAAU,CACRQ,KAAMc,QACNC,SAAS,IAIbC,QAAS,CACPjB,OAAAA,CAAQkB,GACN,GAAIC,KAAK1B,SACP,OAAO,EAET0B,KAAKC,MAAM,QAASF,EACtB,I,UCnCJ,MAAMG,GAA2B,OAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAEzF,O,+GCROhC,MAAM,2B,GACJA,MAAM,Q,GACJA,MAAM,c,GAONA,MAAM,e,qBAINA,MAAM,2B,oGAbfC,EAAAA,EAAAA,IAqBM,MArBNgC,EAqBM,EApBJlC,EAAAA,EAAAA,GAmBM,MAnBNgB,EAmBM,EAlBJhB,EAAAA,EAAAA,GAKM,MALNiB,EAKM,EAJJkB,EAAAA,EAAAA,IAGmBC,EAAA,CAFhBC,OAAQlB,EAAAL,MACRwB,QAASnB,EAAAmB,QACTC,MAAOpB,EAAAoB,O,wCAGZvC,EAAAA,EAAAA,GAEM,MAFNwC,EAEM,EADJxC,EAAAA,EAAAA,GAAwC,OAAnCC,MAAM,O,aAAOwC,EAAAA,EAAAA,IAAQtB,EAAWL,MAALQ,O,aAGlCtB,EAAAA,EAAAA,GAMM,MANN0C,EAMM,EALJP,EAAAA,EAAAA,IAIgBQ,EAAA,CAHb7B,OAAOK,EAAAL,MAAM8B,eAAwBzB,EAAAL,MAAM+B,MAC3CzC,SAAUe,EAAAmB,SAAWnB,EAAAL,MAAMgC,aAC3BnC,QAAOD,EAAAqC,OACPzC,QAAKC,EAAA,KAAAA,EAAA,IAAAC,EAAAA,EAAAA,KAAN,QAAW,Y,8EAWrB,GACEc,KAAM,SACN0B,WAAY,CAACC,aAAY,IAAEC,WAAUA,EAAAA,YACrCC,OAAQ,CAACC,EAAAA,YAETxB,QAAS,CACP,YAAMmB,CAAOlB,GACXA,EAAMwB,kBACNvB,KAAKC,MAAM,WAAW,GAEtB,IAME,SALMD,KAAKwB,QAAQ,mBAAoB,CACrCvC,GAAIe,KAAKhB,MAAMC,GACfwC,OAAQ,WAGNzB,KAAKhB,MAAM8B,cAAe,CAE5B,MAAMY,EAAO1B,KACb0B,EAAK1C,MAAM+B,OAAQ,EACnBY,YAAW,IAAMD,EAAK1C,MAAM+B,OAAQ,GAAO,IAC7C,CACF,CAAE,QACAf,KAAKC,MAAM,WAAW,EACxB,CACF,I,UChDJ,MAAMC,GAA2B,OAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAEzF,O","sources":["webpack://platypush/./src/components/elements/ToggleSwitch.vue","webpack://platypush/./src/components/elements/ToggleSwitch.vue?94aa","webpack://platypush/./src/components/panels/Entities/Switch.vue","webpack://platypush/./src/components/panels/Entities/Switch.vue?b726"],"sourcesContent":["<template>\n <div class=\"power-switch\" :class=\"{disabled: disabled}\" @click.stop=\"onInput\">\n <!--suppress HtmlFormInputWithoutLabel -->\n <input type=\"checkbox\" :checked=\"value\" :id=\"id\">\n <label>\n <!--suppress HtmlUnknownTag -->\n <div class=\"switch\">\n <div class=\"dot\" />\n </div>\n <span class=\"label\">\n <slot />\n </span>\n </label>\n </div>\n</template>\n\n<script>\nexport default {\n name: \"ToggleSwitch\",\n emits: ['input'],\n props: {\n id: {\n type: String,\n },\n\n value: {\n type: Boolean,\n default: false,\n },\n\n disabled: {\n type: Boolean,\n default: false,\n },\n },\n\n methods: {\n onInput(event) {\n if (this.disabled)\n return false\n\n this.$emit('input', event)\n },\n },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.power-switch {\n position: relative;\n transition: transform .3s;\n transform: scale(var(--scale, 1)) translateZ(0);\n\n &:active {\n --scale: .96;\n }\n\n &.disabled {\n opacity: 0.6;\n }\n\n input {\n display: none;\n & + label {\n border-radius: 1em;\n display: inline-flex;\n cursor: pointer;\n position: relative;\n transition: box-shadow .4s;\n\n &:before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n border-radius: inherit;\n background: none;\n opacity: var(--gradient, 0);\n transition: opacity .4s;\n }\n\n .switch {\n position: relative;\n display: inline-block;\n vertical-align: top;\n height: 1.4em;\n width: 2.5em;\n border-radius: 1em;\n background: $slider-bg;\n box-shadow: inset 1px 0px 3px 0 $slider-track-shadow;\n\n &:before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n border-radius: inherit;\n background: $slider-progress-bg;\n opacity: var(--gradient, 0);\n transition: opacity .4s;\n }\n\n .dot {\n background: $toggle-dot-bg;\n position: absolute;\n width: 1.5em;\n height: 1.5em;\n border-radius: 50%;\n box-shadow: 1px 0px 3.5px 0 $slider-thumb-shadow;\n left: -0.25em;\n top: -0.05em;\n transform: translateX(var(--offset, 0));\n transition: transform .4s, box-shadow .4s;\n\n &:before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n border-radius: inherit;\n background: $toggle-selected-dot-bg;\n opacity: var(--gradient, 0);\n transition: opacity .4s;\n }\n }\n }\n\n span {\n line-height: 2em;\n font-size: 1.2em;\n color: var(--text, #646B8C);\n font-weight: 500;\n display: inline-block;\n vertical-align: top;\n position: relative;\n margin-left: 0.5em;\n transition: color .4s;\n }\n\n & + span {\n text-align: center;\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n top: 100%;\n opacity: 0;\n font-size: 1em;\n font-weight: 500;\n color: $slider-bg;\n transform: translateY(0.2em);\n transition: opacity .4s, transform .4s;\n }\n }\n\n &:not(:checked) {\n & + label {\n pointer-events: none;\n & + span {\n opacity: 1;\n transform: translateY(0.6em);\n }\n }\n }\n\n &:checked {\n & + label {\n --offset: 1.5em;\n --text: $slider-progress-bg;\n --gradient: 1;\n --shadow: rgba(0, 39, 6, .1);\n }\n }\n }\n}\n</style>\n","import { render } from \"./ToggleSwitch.vue?vue&type=template&id=eff375b6&scoped=true\"\nimport script from \"./ToggleSwitch.vue?vue&type=script&lang=js\"\nexport * from \"./ToggleSwitch.vue?vue&type=script&lang=js\"\n\nimport \"./ToggleSwitch.vue?vue&type=style&index=0&id=eff375b6&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-eff375b6\"]])\n\nexport default __exports__","<template>\n <div class=\"entity switch-container\">\n <div class=\"head\">\n <div class=\"col-1 icon\">\n <EntityIcon\n :entity=\"value\"\n :loading=\"loading\"\n :error=\"error\" />\n </div>\n\n <div class=\"col-9 label\">\n <div class=\"name\" v-text=\"value.name\" />\n </div>\n\n <div class=\"col-2 switch pull-right\">\n <ToggleSwitch\n :value=\"value.is_write_only ? false : value.state\"\n :disabled=\"loading || value.is_read_only\" \n @input=\"toggle\"\n @click.stop />\n </div>\n </div>\n </div>\n</template>\n\n<script>\nimport ToggleSwitch from \"@/components/elements/ToggleSwitch\"\nimport EntityIcon from \"./EntityIcon\"\nimport EntityMixin from \"./EntityMixin\"\n\nexport default {\n name: 'Switch',\n components: {ToggleSwitch, EntityIcon},\n mixins: [EntityMixin],\n\n methods: {\n async toggle(event) {\n event.stopPropagation()\n this.$emit('loading', true)\n\n try {\n await this.request('entities.execute', {\n id: this.value.id,\n action: 'toggle',\n })\n\n if (this.value.is_write_only) {\n // Show a quick on/off animation for write-only switches\n const self = this\n self.value.state = true\n setTimeout(() => self.value.state = false, 250)\n }\n } finally {\n this.$emit('loading', false)\n }\n },\n },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"common\";\n\n.switch-container {\n .switch {\n direction: rtl;\n }\n}\n</style>\n","import { render } from \"./Switch.vue?vue&type=template&id=2aaabd26&scoped=true\"\nimport script from \"./Switch.vue?vue&type=script&lang=js\"\nexport * from \"./Switch.vue?vue&type=script&lang=js\"\n\nimport \"./Switch.vue?vue&type=style&index=0&id=2aaabd26&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-2aaabd26\"]])\n\nexport default __exports__"],"names":["_createElementVNode","class","_createElementBlock","_normalizeClass","disabled","$props","onClick","_cache","_withModifiers","args","$options","onInput","type","checked","value","id","_hoisted_2","_hoisted_3","_renderSlot","_ctx","$slots","undefined","name","emits","props","String","Boolean","default","methods","event","this","$emit","__exports__","render","_hoisted_1","_createVNode","_component_EntityIcon","entity","loading","error","_hoisted_4","_toDisplayString","_hoisted_6","_component_ToggleSwitch","is_write_only","state","is_read_only","toggle","components","ToggleSwitch","EntityIcon","mixins","EntityMixin","stopPropagation","request","action","self","setTimeout"],"sourceRoot":""} |