1 line
12 KiB
Plaintext
1 line
12 KiB
Plaintext
{"version":3,"file":"static/js/5924.a2919fe4.js","mappings":"6LACSA,MAAM,kB,uCAMLA,MAAM,oB,6CAcHA,MAAM,cAAcC,IAAI,S,GAE1BD,MAAM,QAAQC,IAAI,S,4DAtB3B,QAyBQ,QAzBR,EAyBQ,CAxB8D,EAAAC,YAAA,WAApE,QAGO,Q,MAHDF,OAAK,SAAC,eAAc,cAAwB,EAAAG,cAAlD,CACiC,EAAAD,YAAA,WAA/B,QAA8D,Q,MAAxDF,MAAM,a,aAA8B,QAAiB,EAAJ,WAAvD,2BACgC,EAAAE,YAAA,WAAhC,QAA+D,Q,MAAzDF,MAAM,c,aAA+B,QAAiB,EAAJ,WAAxD,4BAFF,qBAKA,OAkBO,OAlBP,EAkBO,EAjBL,OAU+B,SAVxBA,OAAK,SAAC,SAAQ,cAES,EAAAG,aADvBC,KAAK,QAEJC,IAAK,EAAAC,MAAK,GACVC,IAAK,EAAAD,MAAK,GACVE,KAAM,EAAAA,KACNC,SAAU,EAAAA,SACVC,MAAO,EAAAA,MACRT,IAAI,QACH,QAAK,8BAAO,EAAAU,UAAA,EAAAA,YAAA,IAAQ,WACpB,SAAM,8BAAO,EAAAA,UAAA,EAAAA,YAAA,IAAQ,YAV7B,YAYA,OAEM,OAFDX,OAAK,SAAC,QAAO,cAAwB,EAAAG,cAA1C,EACE,OAA2C,MAA3C,EAA2C,WAD7C,IAGA,OAAqC,MAArC,EAAqC,UACX,EAAAA,YAAA,WAA1B,QAAuE,Q,MAAjEH,MAAM,Q,aAAyB,QAAc,EAAD,OAAEC,IAAI,SAAxD,8B,CAMN,OACEW,KAAM,SACNC,MAAO,CAAC,QAAS,SAAU,UAAW,YAAa,aAAc,WAAY,QAAS,WACtFC,MAAO,CACLJ,MAAO,CACLN,KAAMW,QAGRN,SAAU,CACRL,KAAMY,QACNC,SAAS,GAGXX,MAAO,CACLF,KAAMc,MACND,QAAS,IAAM,CAAC,EAAG,MAGrBT,KAAM,CACJJ,KAAMW,OACNE,QAAS,GAGXd,UAAW,CACTC,KAAMY,QACNC,SAAS,GAGXf,UAAW,CACTE,KAAMY,QACNC,SAAS,IAIbE,QAAS,CACPR,SAASS,GACPC,KAAKC,OAAOF,EAAMG,OAAOb,OACzBW,KAAKG,MAAMJ,EAAMhB,KAAM,IAClBgB,EACHG,OAAQ,IACHH,EAAMG,OACTb,MAAOW,KAAKI,MAAMnB,MAAMI,QAG7B,EAEDY,OAAOZ,GACL,MAAMgB,EAAcL,KAAKI,MAAMnB,MAAMqB,YAC/BC,GAAWlB,EAAQW,KAAKf,MAAM,KAAOe,KAAKf,MAAM,GAAKe,KAAKf,MAAM,IAChEuB,EAAaD,EAAUF,EACvBI,EAAQT,KAAKI,MAAMK,MAEzBA,EAAMC,MAAMC,KAAUH,EAAaC,EAAMH,YAAc,EAAnC,KACpBN,KAAKI,MAAMK,MAAMC,MAAME,UAAa,cAAaL,YACjDP,KAAKI,MAAMS,MAAMH,MAAMI,MAAS,GAAEN,KACnC,GAGHO,UACoB,MAAdf,KAAKX,OACPW,KAAKC,OAAOD,KAAKX,OACnBW,KAAKgB,QAAO,IAAMhB,KAAKX,QAAQ4B,GAAajB,KAAKC,OAAOgB,IACzD,G,UCrFH,MAAMC,GAA2B,OAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAEzF,O,+GCROxC,MAAM,2B,GAEFA,MAAM,Q,GAINA,MAAM,S,qBAINA,MAAM,8B,qBAYNA,MAAM,O,SACJA,MAAM,S,GACJA,MAAM,U,GAINA,MAAM,e,qBAIRA,MAAM,S,GACJA,MAAM,gB,0GAjCnB,QAuCM,MAvCN,EAuCM,EAtCJ,OAkBM,OAlBDA,OAAK,SAAC,OAAM,WAAqB,EAAAyC,cAAtC,EACE,OAEM,MAFN,EAEM,EADJ,QAAgE,GAAnDC,OAAQ,EAAAhC,MAAQiC,QAAS,EAAAA,QAAUC,MAAO,EAAAA,OAAvD,wCAGF,OAEM,MAFN,EAEM,EADJ,OAAwC,OAAnC5C,MAAM,O,aAAO,QAAmB,EAAN,MAACY,OAAhC,aAGF,OAQM,MARN,EAQM,CALe,MAAX,EAAAiC,cAAW,WAFnB,QAE+B,Q,MAFzB7C,MAAM,Q,aACV,QAAoB,EAAD,cADrB,4BAGA,OAGS,UAHA,QAAK,yBAAO,EAAAyC,WAAa,EAAAA,WAAS,YAA3C,EACE,OACqE,KADlEzC,OAAK,SAAC,MAAK,gBACa,EAAAyC,UAAS,gBAAmB,EAAAA,cADvD,aAdN,GAoByB,EAAAA,WAAzB,iBAAyB,WAAzB,QAiBM,O,MAjBDzC,MAAM,OAA0B,QAAK,8BAAO,EAAA8C,SAAA,EAAAA,WAAA,IAAO,YAAxD,EACE,OAeM,MAfN,EAeM,CAd+B,MAAV,EAAApC,OAAOL,KAAyB,MAAV,EAAAK,OAAOH,MAAG,WAAzD,QAQM,MARN,EAQM,EAPJ,OAGM,MAHN,EAGM,EAFJ,QAC2C,GADlCD,MAAK,CAAG,EAAAI,MAAML,IAAK,EAAAK,MAAMH,KAAM,gBACrCG,MAAO,EAAAA,MAAMA,MAAQ,QAAO,EAAAqC,UAD/B,uCAGF,OAEM,MAFN,EAEM,EADJ,OAA6D,SAAtD3C,KAAK,SAAUM,MAAO,EAAAA,MAAMA,MAAQ,SAAM,oBAAE,EAAAqC,UAAA,EAAAA,YAAA,KAAnD,kBANJ,WASA,QAIM,MAJN,EAIM,EAHJ,OAEM,MAFN,EAEM,EADJ,OAA6D,SAAtD3C,KAAK,SAAUM,MAAO,EAAAA,MAAMA,MAAQ,SAAM,oBAAE,EAAAqC,UAAA,EAAAA,YAAA,KAAnD,sB,mCAaZ,GACEnC,KAAM,SACNoC,WAAY,CAACC,OAAD,IAASC,WAAU,cAC/BC,OAAQ,CAACC,EAAA,YAETC,SAAU,CACRR,cACE,GAAIxB,KAAKX,OAAO4C,eAAsC,MAArBjC,KAAKX,OAAOA,MAC3C,OAAO,KAET,IAAIA,EAAQW,KAAKX,MAAMA,MAGvB,OAFIW,KAAKX,MAAM6C,OACb7C,EAAS,GAAEA,KAASW,KAAKX,MAAM6C,QAC1B7C,CACT,GAGFS,QAAS,CACP2B,QAAQ1B,GAEN,OADAA,EAAMoC,mBACC,CACR,EAEDC,eAAerC,GACb,GAAKA,EAAMG,OAAOb,OAAOgD,OAAzB,CAGArC,KAAKG,MAAM,WAAW,GACtB,UACQH,KAAKsC,QAAQ,mBAAoB,CACrCC,GAAIvC,KAAKX,MAAMkD,GACfC,OAAQ,MACRnD,OAAQU,EAAMG,OAAOb,OAIzB,CARA,QAOEW,KAAKG,MAAM,WAAW,EACxB,CAXQ,CAYT,I,UC9EL,MAAMe,GAA2B,OAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAEzF,O","sources":["webpack://platypush/./src/components/elements/Slider.vue","webpack://platypush/./src/components/elements/Slider.vue?787f","webpack://platypush/./src/components/panels/Entities/Dimmer.vue","webpack://platypush/./src/components/panels/Entities/Dimmer.vue?5b8c"],"sourcesContent":["<template>\n <label class=\"slider-wrapper\">\n <span class=\"range-labels\" :class=\"{'with-label': withLabel}\" v-if=\"withRange\">\n <span class=\"label left\" v-if=\"withRange\" v-text=\"range[0]\" />\n <span class=\"label right\" v-if=\"withRange\" v-text=\"range[1]\" />\n </span>\n\n <span class=\"slider-container\">\n <input class=\"slider\"\n type=\"range\"\n :class=\"{'with-label': withLabel}\"\n :min=\"range[0]\"\n :max=\"range[1]\"\n :step=\"step\"\n :disabled=\"disabled\"\n :value=\"value\"\n ref=\"range\"\n @input.stop=\"onUpdate\"\n @change.stop=\"onUpdate\">\n\n <div class=\"track\" :class=\"{'with-label': withLabel}\">\n <div class=\"track-inner\" ref=\"track\"></div>\n </div>\n <div class=\"thumb\" ref=\"thumb\"></div>\n <span class=\"label\" v-if=\"withLabel\" v-text=\"value\" ref=\"label\"></span>\n </span>\n </label>\n</template>\n\n<script>\nexport default {\n name: \"Slider\",\n emits: ['input', 'change', 'mouseup', 'mousedown', 'touchstart', 'touchend', 'keyup', 'keydown'],\n props: {\n value: {\n type: Number,\n },\n\n disabled: {\n type: Boolean,\n default: false,\n },\n\n range: {\n type: Array,\n default: () => [0, 100],\n },\n\n step: {\n type: Number,\n default: 1,\n },\n\n withLabel: {\n type: Boolean,\n default: false,\n },\n\n withRange: {\n type: Boolean,\n default: false,\n }\n },\n\n methods: {\n onUpdate(event) {\n this.update(event.target.value)\n this.$emit(event.type, {\n ...event,\n target: {\n ...event.target,\n value: this.$refs.range.value,\n }\n })\n },\n\n update(value) {\n const sliderWidth = this.$refs.range.clientWidth\n const percent = (value - this.range[0]) / (this.range[1] - this.range[0])\n const innerWidth = percent * sliderWidth\n const thumb = this.$refs.thumb\n\n thumb.style.left = `${innerWidth - thumb.clientWidth / 2}px`\n this.$refs.thumb.style.transform = `translate(-${percent}%, -50%)`\n this.$refs.track.style.width = `${innerWidth}px`\n },\n },\n\n mounted() {\n if (this.value != null)\n this.update(this.value)\n this.$watch(() => this.value, (newValue) => this.update(newValue))\n },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n$label-width: 3em;\n\n.slider-wrapper {\n width: 100%;\n display: flex;\n position: relative;\n flex-direction: column;\n\n .slider-container {\n width: 100%;\n display: flex;\n position: relative;\n }\n\n .slider {\n width: 100%;\n cursor: pointer;\n opacity: 0;\n\n &::-ms-tooltip {\n display: none;\n }\n }\n\n .range-labels {\n width: 100%;\n display: flex;\n\n &.with-label {\n width: calc(100% - $label-width);\n }\n\n .left {\n text-align: left;\n }\n\n .right {\n @extend .pull-right;\n flex-grow: 1;\n }\n }\n\n .track {\n width: 100%;\n height: 0.75em;\n background: $slider-bg;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n border-radius: 0.5em;\n box-shadow: inset 1px 0px 3px 0 $slider-track-shadow;\n pointer-events: none;\n\n .track-inner {\n width: 0;\n height: 100%;\n background: $slider-progress-bg;\n border-radius: 0.5em 0 0 0.5em;\n }\n\n &.with-label {\n width: calc(100% - $label-width);\n }\n }\n\n .thumb {\n width: 1.25em;\n height: 1.25em;\n background: $slider-thumb-bg;\n position: absolute;\n top: 50%;\n left: 0;\n transform: translate(0%, -50%);\n border-radius: 50%;\n box-shadow: 1px 0px 2px 0 $slider-thumb-shadow;\n pointer-events: none;\n }\n\n .label {\n width: $label-width;\n position: relative;\n font-weight: normal;\n text-align: center;\n }\n}\n</style>\n","import { render } from \"./Slider.vue?vue&type=template&id=4b38623f&scoped=true\"\nimport script from \"./Slider.vue?vue&type=script&lang=js\"\nexport * from \"./Slider.vue?vue&type=script&lang=js\"\n\nimport \"./Slider.vue?vue&type=style&index=0&id=4b38623f&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/blacklight/git_tree/platypush/platypush/backend/http/webapp/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-4b38623f\"]])\n\nexport default __exports__","<template>\n <div class=\"entity dimmer-container\">\n <div class=\"head\" :class=\"{collapsed: collapsed}\">\n <div class=\"icon\">\n <EntityIcon :entity=\"value\" :loading=\"loading\" :error=\"error\" />\n </div>\n\n <div class=\"label\">\n <div class=\"name\" v-text=\"value.name\" />\n </div>\n\n <div class=\"value-container pull-right\">\n <span class=\"value\"\n v-text=\"parsedValue\"\n v-if=\"parsedValue != null\" />\n <button @click.stop=\"collapsed = !collapsed\">\n <i class=\"fas\"\n :class=\"{'fa-angle-up': !collapsed, 'fa-angle-down': collapsed}\" />\n </button>\n </div>\n </div>\n\n <div class=\"body\" v-if=\"!collapsed\" @click.stop=\"prevent\">\n <div class=\"row\">\n <div class=\"input\" v-if=\"value?.min != null && value?.max != null\">\n <div class=\"col-10\">\n <Slider :range=\"[value.min, value.max]\" with-range\n :value=\"value.value\" @input=\"setValue\" />\n </div>\n <div class=\"col-2 value\">\n <input type=\"number\" :value=\"value.value\" @change=\"setValue\">\n </div>\n </div>\n <div class=\"input\" v-else>\n <div class=\"col-12 value\">\n <input type=\"number\" :value=\"value.value\" @change=\"setValue\">\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<script>\nimport Slider from \"@/components/elements/Slider\"\nimport EntityMixin from \"./EntityMixin\"\nimport EntityIcon from \"./EntityIcon\"\n\nexport default {\n name: 'Dimmer',\n components: {Slider, EntityIcon},\n mixins: [EntityMixin],\n\n computed: {\n parsedValue() {\n if (this.value?.is_write_only || this.value?.value == null)\n return null\n\n let value = this.value.value\n if (this.value.unit)\n value = `${value} ${this.value.unit}`\n return value\n }\n },\n\n methods: {\n prevent(event) {\n event.stopPropagation()\n return false\n },\n\n async setValue(event) {\n if (!event.target.value?.length)\n return\n\n this.$emit('loading', true)\n try {\n await this.request('entities.execute', {\n id: this.value.id,\n action: 'set',\n value: +event.target.value,\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.dimmer-container {\n .head {\n .value-container {\n button {\n margin-right: 0.5em;\n }\n }\n }\n\n .body {\n .row {\n display: flex;\n align-items: center;\n padding: 0.5em;\n\n .icon {\n width: 2em;\n text-align: center;\n }\n\n .input {\n width: calc(100% - 1em);\n display: flex;\n align-items: center;\n\n :deep(.slider) {\n margin-top: 0.5em;\n }\n\n .value {\n input {\n width: 100%;\n }\n }\n }\n }\n }\n}\n</style>\n","import { render } from \"./Dimmer.vue?vue&type=template&id=3affff53&scoped=true\"\nimport script from \"./Dimmer.vue?vue&type=script&lang=js\"\nexport * from \"./Dimmer.vue?vue&type=script&lang=js\"\n\nimport \"./Dimmer.vue?vue&type=style&index=0&id=3affff53&lang=scss&scoped=true\"\n\nimport exportComponent from \"/home/blacklight/git_tree/platypush/platypush/backend/http/webapp/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-3affff53\"]])\n\nexport default __exports__"],"names":["class","ref","withRange","withLabel","type","min","range","max","step","disabled","value","onUpdate","name","emits","props","Number","Boolean","default","Array","methods","event","this","update","target","$emit","$refs","sliderWidth","clientWidth","percent","innerWidth","thumb","style","left","transform","track","width","mounted","$watch","newValue","__exports__","render","collapsed","entity","loading","error","parsedValue","prevent","setValue","components","Slider","EntityIcon","mixins","EntityMixin","computed","is_write_only","unit","stopPropagation","async","length","request","id","action"],"sourceRoot":""} |