1 line
13 KiB
Plaintext
1 line
13 KiB
Plaintext
{"version":3,"file":"static/js/9461.42236d22.js","mappings":"6LACSA,MAAM,kB,uCAMLA,MAAM,oB,sGANdC,EAAAA,EAAAA,IAqBQ,QArBRC,EAqBQ,CApB8DC,EAAAC,YAAS,WAA7EH,EAAAA,EAAAA,IAGO,Q,MAHDD,OAAKK,EAAAA,EAAAA,IAAA,CAAC,eAAc,cAAwBF,EAAAG,c,CACjBH,EAAAC,YAAS,WAAxCH,EAAAA,EAAAA,IAA8D,Q,MAAxDD,MAAM,a,aAA8BO,EAAAA,EAAAA,IAAQJ,EAASK,MAAH,K,2BACxBL,EAAAC,YAAS,WAAzCH,EAAAA,EAAAA,IAA+D,Q,MAAzDD,MAAM,c,aAA+BO,EAAAA,EAAAA,IAAQJ,EAASK,MAAH,K,iDAG3DC,EAAAA,EAAAA,GAcO,OAdPC,EAcO,EAbLD,EAAAA,EAAAA,GAU8C,SAVvCT,OAAKK,EAAAA,EAAAA,IAAA,CAAC,SAAQ,cAESF,EAAAG,aADvBK,KAAK,QAEJC,IAAKT,EAAAK,MAAM,GACXK,IAAKV,EAAAK,MAAM,GACXM,KAAMX,EAAAW,KACNC,SAAUZ,EAAAY,SACVC,MAAOb,EAAAa,MACRC,IAAI,QACHC,QAAKC,EAAA,KAAAA,EAAA,IAAAC,EAAAA,EAAAA,KAAAC,GAAOC,EAAAC,MAAM,QAASF,IAAM,WACjCG,SAAML,EAAA,KAAAA,EAAA,IAAAC,EAAAA,EAAAA,KAAAC,GAAOC,EAAAC,MAAM,SAAUF,IAAM,Y,WAEjBlB,EAAAG,YAAS,WAAnCL,EAAAA,EAAAA,IAAuE,Q,MAAjED,MAAM,Q,aAAyBO,EAAAA,EAAAA,IAAQJ,EAAMa,OAACC,IAAI,S,+BAM9D,OACEQ,MAAO,CAAC,QAAS,UACjBC,MAAO,CACLV,MAAO,CACLL,KAAMgB,QAGRZ,SAAU,CACRJ,KAAMiB,QACNC,SAAS,GAGXrB,MAAO,CACLG,KAAMmB,MACND,QAASA,IAAM,CAAC,EAAG,MAGrBf,KAAM,CACJH,KAAMgB,OACNE,QAAS,GAGXvB,UAAW,CACTK,KAAMiB,QACNC,SAAS,GAGXzB,UAAW,CACTO,KAAMiB,QACNC,SAAS,K,UChDf,MAAME,GAA2B,OAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAEzF,O,+GCROhC,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,0GAjCnBC,EAAAA,EAAAA,IAuCM,MAvCNC,EAuCM,EAtCJO,EAAAA,EAAAA,GAkBM,OAlBDT,OAAKK,EAAAA,EAAAA,IAAA,CAAC,OAAM,CAAA4B,UAAqBX,EAAAW,c,EACpCxB,EAAAA,EAAAA,GAEM,MAFNyB,EAEM,EADJC,EAAAA,EAAAA,IAAgEC,EAAA,CAAnDC,OAAQf,EAAAN,MAAQsB,QAAShB,EAAAgB,QAAUC,MAAOjB,EAAAiB,O,wCAGzD9B,EAAAA,EAAAA,GAEM,MAFN+B,EAEM,EADJ/B,EAAAA,EAAAA,GAAwC,OAAnCT,MAAM,O,aAAOO,EAAAA,EAAAA,IAAQe,EAAWN,MAALyB,O,aAGlChC,EAAAA,EAAAA,GAQM,MARNiC,EAQM,CALmB,MAAfC,EAAAC,cAAW,WAFnB3C,EAAAA,EAAAA,IAE+B,Q,MAFzBD,MAAM,Q,aACVO,EAAAA,EAAAA,IAAQoC,EAAYC,c,4BAEtBnC,EAAAA,EAAAA,GAGS,UAHAoC,QAAK1B,EAAA,KAAAA,EAAA,IAAAC,EAAAA,EAAAA,KAAAC,GAAOC,EAAAW,WAAaX,EAAAW,WAAS,Y,EACzCxB,EAAAA,EAAAA,GACqE,KADlET,OAAKK,EAAAA,EAAAA,IAAA,CAAC,MAAK,gBACaiB,EAAAW,UAAS,gBAAmBX,EAAAW,c,gBAKpCX,EAAAW,W,iBAAS,WAAlChC,EAAAA,EAAAA,IAiBM,O,MAjBDD,MAAM,OAA0B6C,QAAK1B,EAAA,KAAAA,EAAA,IAAAC,EAAAA,EAAAA,KAAA,IAAA0B,IAAOH,EAAAI,SAAAJ,EAAAI,WAAAD,IAAO,Y,EACtDrC,EAAAA,EAAAA,GAeM,MAfNuC,EAeM,CAdmC,MAAd1B,EAAAN,OAAOJ,KAA6B,MAAdU,EAAAN,OAAOH,MAAG,WAAzDZ,EAAAA,EAAAA,IAQM,MARNgD,EAQM,EAPJxC,EAAAA,EAAAA,GAGM,MAHNyC,EAGM,EAFJf,EAAAA,EAAAA,IAC4CgB,EAAA,CADnC3C,MAAK,CAAGc,EAAAN,MAAMJ,IAAKU,EAAAN,MAAMH,KAAM,gBACrCG,MAAOM,EAAAN,MAAMA,MAAQQ,SAAQmB,EAAAS,U,wCAElC3C,EAAAA,EAAAA,GAEM,MAFN4C,EAEM,EADJ5C,EAAAA,EAAAA,GAA6D,SAAtDE,KAAK,SAAUK,MAAOM,EAAAN,MAAMA,MAAQQ,SAAML,EAAA,KAAAA,EAAA,OAAA2B,IAAEH,EAAAS,UAAAT,EAAAS,YAAAN,K,6BAGvD7C,EAAAA,EAAAA,IAIM,MAJNqD,EAIM,EAHJ7C,EAAAA,EAAAA,GAEM,MAFN8C,EAEM,EADJ9C,EAAAA,EAAAA,GAA6D,SAAtDE,KAAK,SAAUK,MAAOM,EAAAN,MAAMA,MAAQQ,SAAML,EAAA,KAAAA,EAAA,OAAA2B,IAAEH,EAAAS,UAAAT,EAAAS,YAAAN,K,wDAa/D,GACEL,KAAM,SACNe,WAAY,CAACC,OAAM,IAAEC,WAAUA,EAAAA,YAC/BC,OAAQ,CAACC,EAAAA,YAETC,SAAU,CACRjB,WAAAA,GACE,GAAIkB,KAAK9C,OAAO+C,eAAsC,MAArBD,KAAK9C,OAAOA,MAC3C,OAAO,KAET,IAAIA,EAAQ8C,KAAK9C,MAAMA,MAGvB,OAFI8C,KAAK9C,MAAMgD,OACbhD,EAAS,GAAEA,KAAS8C,KAAK9C,MAAMgD,QAC1BhD,CACT,GAGFiD,QAAS,CACPlB,OAAAA,CAAQmB,GAEN,OADAA,EAAMC,mBACC,CACT,EAEA,cAAMf,CAASc,GACb,GAAKA,EAAME,OAAOpD,OAAOqD,OAAzB,CAGAP,KAAKvC,MAAM,WAAW,GACtB,UACQuC,KAAKQ,QAAQ,mBAAoB,CACrCC,GAAIT,KAAK9C,MAAMuD,GACfC,OAAQ,MACRxD,OAAQkD,EAAME,OAAOpD,OAEzB,CAAE,QACA8C,KAAKvC,MAAM,WAAW,EACxB,CAXQ,CAYV,I,UC9EJ,MAAMQ,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=\"$emit('input', $event)\"\n @change.stop=\"$emit('change', $event)\">\n\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 emits: ['input', 'change'],\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</script>\n\n<style lang=\"scss\" scoped>\n$label-width: 3em;\n$thumb-height: 1em;\n$slider-height: 0.5em;\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 input.slider {\n width: 100%;\n background: none;\n height: 1.5em;\n position: relative;\n border-radius: 0.5em;\n cursor: pointer;\n outline: none;\n overflow: hidden;\n transition: all ease 100ms;\n @include appearance(none);\n\n &:active {\n filter: brightness(80%);\n cursor: grabbing;\n }\n\n &:hover {\n filter: saturate(130%);\n }\n\n &:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n filter: grayscale(1);\n }\n\n /* Chrome and friends */\n &::-webkit-slider-runnable-track {\n position: relative;\n border-radius: $slider-height;\n background: linear-gradient($slider-bg 0 0) scroll no-repeat center /\n 100% calc(#{$slider-height} + 1px);\n }\n\n &::-webkit-slider-runnable-track,\n &::-webkit-slider-thumb {\n -webkit-appearance: none;\n transition: all ease 100ms;\n height: $thumb-height;\n }\n\n &::-webkit-slider-thumb {\n --clip-top: calc((#{$thumb-height} - #{$slider-height}) * 0.5);\n --clip-bottom: calc(#{$thumb-height} - var(--clip-top));\n --clip-further: calc(100% + 1px);\n\n width: $thumb-height;\n background: $slider-progress-bg;\n box-shadow: calc(-100vmax - #{$thumb-height} + 2.5px) #{$slider-height} #{$slider-height} 100vmax #{$slider-progress-bg};\n border-radius: $thumb-height;\n cursor: grab;\n\n &:hover {\n filter: brightness(130%) blur(1px);\n cursor: grab;\n }\n\n clip-path: polygon(\n 100% -1px,\n #{$slider-height} -1px,\n 0 var(--clip-top),\n -100vmax var(--clip-top),\n -100vmax var(--clip-bottom),\n 0 var(--clip-bottom),\n #{$slider-height} 100%,\n var(--clip-further) var(--clip-further)\n );\n }\n\n /* Firefox */\n &::-moz-range-track {\n background: $slider-bg;\n position: relative;\n height: $slider-height;\n border-radius: 0.5em;\n box-shadow: inset 1px 0px 3px 0 $slider-track-shadow;\n }\n\n &::-moz-range-thumb {\n $thumb-height: 1.125em;\n width: $thumb-height;\n height: $thumb-height;\n position: relative;\n background: $slider-thumb-bg;\n border-radius: 50%;\n border: none;\n cursor: grabbing;\n transition: all ease 100ms;\n @include appearance(none);\n\n &:hover {\n filter: brightness(130%) blur(1px);\n cursor: grab;\n }\n\n &:disabled {\n background: $slider-thumb-disabled-bg;\n cursor: not-allowed;\n }\n }\n\n &::-moz-range-progress {\n width: 100%;\n height: $slider-height;\n cursor: pointer;\n background: $slider-progress-bg;\n border-radius: 0.5em 0 0 0.5em;\n }\n }\n\n .range-labels {\n width: 100%;\n display: flex;\n\n .left {\n text-align: left;\n }\n\n .right {\n @extend .pull-right;\n flex-grow: 1;\n }\n }\n\n .label {\n width: $label-width;\n position: relative;\n font-weight: normal;\n text-align: center;\n }\n\n .with-label {\n width: calc(100% - $label-width);\n }\n}\n</style>\n","import { render } from \"./Slider.vue?vue&type=template&id=d90e850c&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=d90e850c&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-d90e850c\"]])\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\" @change=\"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=05503f62&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=05503f62&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-05503f62\"]])\n\nexport default __exports__"],"names":["class","_createElementBlock","_hoisted_1","$props","withRange","_normalizeClass","withLabel","_toDisplayString","range","_createElementVNode","_hoisted_4","type","min","max","step","disabled","value","ref","onInput","_cache","_withModifiers","$event","_ctx","$emit","onChange","emits","props","Number","Boolean","default","Array","__exports__","render","collapsed","_hoisted_2","_createVNode","_component_EntityIcon","entity","loading","error","_hoisted_3","name","_hoisted_5","$options","parsedValue","onClick","args","prevent","_hoisted_7","_hoisted_8","_hoisted_9","_component_Slider","setValue","_hoisted_10","_hoisted_12","_hoisted_13","components","Slider","EntityIcon","mixins","EntityMixin","computed","this","is_write_only","unit","methods","event","stopPropagation","target","length","request","id","action"],"sourceRoot":""} |