{"ast":null,"code":"import \"core-js/modules/es.array.push.js\";\nimport { getUsersig, reserveConferenceList } from '@/api/home';\nimport { secretaryRoleByUserId, htmlToPDF } from '@/api/room';\nimport { getWidth, getHeight, getWidthPhone, getModile } from \"@/utils/utils\";\nimport roomFooter from './components/roomFooter.vue';\nimport roomFooterPhone from \"./components/footerPhone.vue\";\nimport ASR from '../utils/asr.esm.js';\nimport TRTC from 'trtc-sdk-v5';\nlet trtc = null;\nimport 'quill/dist/quill.core.css';\nimport 'quill/dist/quill.snow.css';\nimport 'quill/dist/quill.bubble.css';\nimport { quillEditor } from 'vue-quill-editor';\nexport default {\n  name: 'App',\n  components: {\n    roomFooter,\n    roomFooterPhone,\n    quillEditor\n  },\n  data() {\n    return {\n      userClass: \"userVideo5\",\n      userClassPhone: \"userVideoPhone\",\n      userList: [],\n      userHeight: '100%',\n      userPhoneHeight: '92%',\n      userSign: \"\",\n      roomId: \"\",\n      userId: null,\n      id: null,\n      showFlag: false,\n      modileFlag: false,\n      localStreamAsr: null,\n      contentValue: '',\n      textVisible: false,\n      editorOption: {\n        // Some Quill options...\n      },\n      asrList: {},\n      updataFlag: true\n    };\n  },\n  methods: {\n    // 点击提交修改后的内容\n    updataClick() {\n      reserveConferenceList({\n        caseId: this.caseId,\n        htmlContent: this.contentValue\n      }).then(res => {\n        this.$message({\n          message: \"提交修改成功\",\n          type: 'success'\n        });\n      });\n    },\n    onEditorBlur(quill) {\n      console.log('editor blur!', this.content, quill);\n    },\n    onEditorFocus(quill) {\n      if (!this.updataFlag) {\n        quill.enable(false);\n      } else {\n        quill.enable(true);\n      }\n      console.log('editor focus!', quill);\n    },\n    onEditorReady(quill) {\n      console.log('editor ready!', quill);\n    },\n    onEditorChange({\n      quill,\n      html,\n      text\n    }) {\n      console.log('editor change!', quill, html, text);\n      this.content = html;\n    },\n    // 点击显示修改的文本框\n    txtContent() {\n      this.textVisible = true;\n    },\n    // 鼠标滑过显示操作栏\n    mouseHover() {\n      this.showFlag = true;\n      setTimeout(() => {\n        this.showFlag = false;\n      }, 4000);\n    },\n    async exitRoom() {\n      // // 关闭识别\n      // Object.keys(this.asrList).forEach(key => {\n      //     this.asrList[key].stop();\n      // })\n      // this.localStreamAsr.stop();\n      await trtc.exitRoom();\n      await trtc.updateLocalVideo({\n        publish: false\n      });\n      await trtc.updateLocalAudio({\n        publish: false\n      });\n      await trtc.destroy();\n      this.$router.push({\n        name: \"Home\"\n      });\n    },\n    // 获取拉流信息\n    getPushVideo() {\n      trtc.on(TRTC.EVENT.REMOTE_VIDEO_AVAILABLE, event => {\n        const userId = event.userId;\n        const streamType = event.streamType;\n        this.userList.push(userId);\n        // setTimeout(() => {\n        //     let aoido = trtc.getAudioTrack(userId)\n        //     this.asrList[this.userList[this.userList.length - 1]] = new ASR({\n        //         secretKey: 'INDrIXcT8YmomZBcsy0oNirnU0LTN4X7',\n        //         secretId: 'AKID3xfHgroY4MQHvLXUXMwIQL1UjmbBX1Tv',\n        //         appId: 1304001529,\n        //         engine_model_type: '16k_zh',\n        //         voice_format: 1,\n        //         needvad: 1,\n        //         audioTrack: aoido,\n        //     })\n        //     this.asrList[this.userList[this.userList.length - 1]].start();\n        //     // 开始识别\n        //     this.asrList[this.userList[this.userList.length - 1]].OnRecognitionStart = (res) => {\n        //         console.log('远端流：开始识别', res);\n        //     };\n        //     this.asrList[this.userList[this.userList.length - 1]].OnError = (res) => {\n        //         console.log('远端流：识别失败', res);\n        //     };\n        //     // 一句话结束\n        //     this.asrList[this.userList[this.userList.length - 1]].OnSentenceEnd = (res) => {\n        //         console.log('远端流：一句话结束', res);\n        //         this.contentValue = this.contentValue + `<h2>${userId}</h2>` + `<span>${res.result.voice_text_str}</span>`;\n        //     };\n        // }, 1000);\n\n        if (this.modileFlag) {\n          this.userClass = getWidth(this.userList);\n          this.userHeight = getHeight(this.userList);\n        } else {\n          this.userClassPhone = getWidthPhone(this.userList);\n        }\n        setTimeout(() => {\n          trtc.startRemoteVideo({\n            userId,\n            streamType,\n            view: `${userId}`\n          });\n        });\n\n        // })\n      });\n    },\n\n    // 删除退出会议人员列表\n    deletePushVideo() {\n      trtc.on(TRTC.EVENT.REMOTE_VIDEO_UNAVAILABLE, event => {\n        const userId = event.userId;\n        if (this.hostId == userId) {\n          alert('主持人已经解散会议');\n          this.$router.push({\n            name: 'Home'\n          });\n          this.userList = [];\n          return;\n        }\n        let deleteIndex = this.userList.indexOf(userId);\n        this.userList = this.userList.filter(item => item !== userId);\n        if (deleteIndex !== -1) {\n          this.userList.splice(deleteIndex, 1);\n        }\n        if (this.modileFlag) {\n          this.userClass = getWidth(this.userList);\n          this.userHeight = getHeight(this.userList);\n        } else {\n          this.userClassPhone = getWidthPhone(this.userList);\n        }\n        // Object.keys(this.asrList).forEach(key => {\n        // this.asrList[userId].stop();\n        // })\n      });\n    },\n\n    // 根据caseId查询房间相关信息\n    reserveConferenceListFn(data) {\n      reserveConferenceList(data).then(res => {\n        this.hostId = res.data[0].userName;\n      });\n    },\n    // 根据userid查询是否是秘书角色\n    secretaryRoleByUserIdFn(data) {\n      secretaryRoleByUserId(data).then(res => {\n        console.log(res.data.isSecretaryRole, 'kkkkkkkkkkkkkkk');\n        this.updataFlag = res.data.isSecretaryRole;\n      });\n    }\n  },\n  computed: {\n    editor() {\n      return this.$refs.myQuillEditor.quill;\n    }\n  },\n  async mounted() {\n    // 判断设备类型\n    this.modileFlag = getModile();\n    let roomId = this.$route.query.roomId;\n    this.roomId = this.$route.query.roomId;\n    let userId = this.$route.query.userId;\n    this.userId = this.$route.query.userId;\n    this.caseId = this.$route.query.caseId;\n    this.id = this.$route.query.id;\n    this.secretaryRoleByUserIdFn(this.id);\n    // 获取主持人的userId\n    this.reserveConferenceListFn(this.caseId);\n    const sdkAppId = 1600011167;\n    // 获取usersign\n    await getUsersig(userId).then(res => {\n      this.userSign = res.msg;\n    });\n    this.getPushVideo();\n    this.deletePushVideo();\n    try {\n      await trtc.enterRoom({\n        roomId: Number(roomId),\n        scene: 'rtc',\n        sdkAppId,\n        userId,\n        userSig: this.userSign\n      });\n      await trtc.startLocalVideo({\n        view: document.getElementById('localStream') // 在 DOM 中的 elementId 为 localStream 的标签上预览视频。\n      });\n\n      await trtc.startLocalAudio();\n      console.log('进房成功');\n      this.$message({\n        message: \"进房成功\",\n        type: 'success'\n      });\n    } catch (error) {\n      console.error('进房失败 ' + error);\n      this.$message({\n        message: \"进房失败\",\n        type: 'error'\n      });\n      this.$router.push({\n        name: 'Home'\n      });\n    }\n    // this.localStreamAsr = new ASR({\n    //     secretKey: 'INDrIXcT8YmomZBcsy0oNirnU0LTN4X7',\n    //     secretId: 'AKID3xfHgroY4MQHvLXUXMwIQL1UjmbBX1Tv',\n    //     appId: 1304001529,\n    //     engine_model_type: '16k_zh',\n    //     voice_format: 1,\n    //     needvad: 1,\n    //     audioTrack: trtc.getAudioTrack(),\n    // });\n    // console.log(trtc.getAudioTrack('zhongcaibai'),);\n    // this.localStreamAsr.start();\n    // // 开始识别\n    // this.localStreamAsr.OnRecognitionStart = (res) => {\n    //     console.log('本地流：开始识别', res);\n    // };\n    // this.localStreamAsr.OnError = (res) => {\n    //     console.log('本地流：识别失败', res);\n    // };\n    // // 一句话结束\n    // this.localStreamAsr.OnSentenceEnd = (res) => {\n    //     console.log('本地流：一句话结束', res);\n    //     // this.contentValue = `<h2>${this.userId}</h2>` + `<span>${res.result.voice_text_str}</span>`;\n    //     this.contentValue = this.contentValue + `<h2>${this.userId}</h2>` + `<span>${res.result.voice_text_str}</span>`;\n    // };\n  },\n\n  created() {\n    trtc = TRTC.create();\n  }\n};","map":{"version":3,"names":["getUsersig","reserveConferenceList","secretaryRoleByUserId","htmlToPDF","getWidth","getHeight","getWidthPhone","getModile","roomFooter","roomFooterPhone","ASR","TRTC","trtc","quillEditor","name","components","data","userClass","userClassPhone","userList","userHeight","userPhoneHeight","userSign","roomId","userId","id","showFlag","modileFlag","localStreamAsr","contentValue","textVisible","editorOption","asrList","updataFlag","methods","updataClick","caseId","htmlContent","then","res","$message","message","type","onEditorBlur","quill","console","log","content","onEditorFocus","enable","onEditorReady","onEditorChange","html","text","txtContent","mouseHover","setTimeout","exitRoom","updateLocalVideo","publish","updateLocalAudio","destroy","$router","push","getPushVideo","on","EVENT","REMOTE_VIDEO_AVAILABLE","event","streamType","startRemoteVideo","view","deletePushVideo","REMOTE_VIDEO_UNAVAILABLE","hostId","alert","deleteIndex","indexOf","filter","item","splice","reserveConferenceListFn","userName","secretaryRoleByUserIdFn","isSecretaryRole","computed","editor","$refs","myQuillEditor","mounted","$route","query","sdkAppId","msg","enterRoom","Number","scene","userSig","startLocalVideo","document","getElementById","startLocalAudio","error","created","create"],"sources":["src/views/room.vue"],"sourcesContent":["<template>\n    <div class=\"page\">\n        <div class=\"roompage\" @mouseover=\"mouseHover\" v-if=\"modileFlag\">\n            <div class=\"txtContent\">\n                <el-tag type=\"danger\" @click=\"txtContent\">会议内容</el-tag>\n            </div>\n            <div :class=\"userClass\" :style=\"{ height: userHeight }\" id=\"localStream\">\n                <div class=\"userName\">{{ userId }}</div>\n            </div>\n            <div :class=\"userClass\" :style=\"{ height: userHeight }\" v-for=\"(item, index) in userList\" :key=\"index\"\n                :id=\"item\">\n                <div class=\"userName\">{{ item }}</div>\n            </div>\n            <div class=\"footer\" v-show=\"showFlag\">\n                <roomFooter @exitRoom=\"exitRoom\" :roomId=\"roomId\"></roomFooter>\n            </div>\n        </div>\n        <div class=\"roomPhone\" v-if=\"!modileFlag\">\n            <div class=\"header\">\n                <roomFooterPhone @exitRoom=\"exitRoom\"></roomFooterPhone>\n            </div>\n            <div class=\"bodyVideo\">\n                <div :class=\"userClassPhone\" id=\"localStream\">\n                    <div class=\"userNamePhone\">{{ userId }}</div>\n                </div>\n                <div :class=\"userClassPhone\" v-for=\"(item, index) in userList\" :key=\"index\" :id=\"item\">\n                    <div class=\"userNamePhone\">{{ item }}</div>\n                </div>\n            </div>\n        </div>\n        <!-- 语音转文字弹窗 -->\n        <el-drawer title=\"会议内容\" :visible.sync=\"textVisible\" :modal=\"false\">\n            <quill-editor ref=\"myQuillEditor\" v-model=\"contentValue\" :options=\"editorOption\" @blur=\"onEditorBlur($event)\"\n                @focus=\"onEditorFocus($event)\" @ready=\"onEditorReady($event)\"></quill-editor>\n            <el-button class=\"updataBtn\" @click=\"updataClick\" type=\"primary\" :disabled=\"!updataFlag\">确认修改内容</el-button>\n        </el-drawer>\n    </div>\n</template>\n  \n<script>\nimport { getUsersig, reserveConferenceList } from '@/api/home';\nimport { secretaryRoleByUserId, htmlToPDF } from '@/api/room'\nimport { getWidth, getHeight, getWidthPhone, getModile } from \"@/utils/utils\";\nimport roomFooter from './components/roomFooter.vue';\nimport roomFooterPhone from \"./components/footerPhone.vue\";\nimport ASR from '../utils/asr.esm.js'\nimport TRTC from 'trtc-sdk-v5';\nlet trtc = null;\nimport 'quill/dist/quill.core.css'\nimport 'quill/dist/quill.snow.css'\nimport 'quill/dist/quill.bubble.css'\nimport { quillEditor } from 'vue-quill-editor'\nexport default {\n    name: 'App',\n    components: {\n        roomFooter,\n        roomFooterPhone,\n        quillEditor\n    },\n    data() {\n        return {\n            userClass: \"userVideo5\",\n            userClassPhone: \"userVideoPhone\",\n            userList: [],\n            userHeight: '100%',\n            userPhoneHeight: '92%',\n            userSign: \"\",\n            roomId: \"\",\n            userId: null,\n            id: null,\n            showFlag: false,\n            modileFlag: false,\n            localStreamAsr: null,\n            contentValue: '',\n            textVisible: false,\n            editorOption: {\n                // Some Quill options...\n            },\n            asrList: {},\n            updataFlag: true,\n        };\n    },\n    methods: {\n        // 点击提交修改后的内容\n        updataClick() {\n            reserveConferenceList({\n                caseId: this.caseId,\n                htmlContent: this.contentValue\n            }).then(res => {\n                this.$message({\n                    message: \"提交修改成功\",\n                    type: 'success'\n                })\n            })\n        },\n        onEditorBlur(quill) {\n            console.log('editor blur!', this.content, quill)\n        },\n        onEditorFocus(quill) {\n            if (!this.updataFlag) {\n                quill.enable(false)\n            } else {\n                quill.enable(true)\n            }\n            console.log('editor focus!', quill)\n        },\n        onEditorReady(quill) {\n            console.log('editor ready!', quill)\n        },\n        onEditorChange({ quill, html, text }) {\n            console.log('editor change!', quill, html, text)\n            this.content = html\n        },\n        // 点击显示修改的文本框\n        txtContent() {\n            this.textVisible = true;\n        },\n        // 鼠标滑过显示操作栏\n        mouseHover() {\n            this.showFlag = true;\n            setTimeout(() => {\n                this.showFlag = false;\n            }, 4000)\n        },\n        async exitRoom() {\n            // // 关闭识别\n            // Object.keys(this.asrList).forEach(key => {\n            //     this.asrList[key].stop();\n            // })\n            // this.localStreamAsr.stop();\n            await trtc.exitRoom();\n            await trtc.updateLocalVideo({ publish: false });\n            await trtc.updateLocalAudio({ publish: false });\n            await trtc.destroy();\n            this.$router.push({\n                name: \"Home\"\n            })\n        },\n        // 获取拉流信息\n        getPushVideo() {\n            trtc.on(TRTC.EVENT.REMOTE_VIDEO_AVAILABLE, event => {\n                const userId = event.userId;\n                const streamType = event.streamType;\n                this.userList.push(userId);\n                // setTimeout(() => {\n                //     let aoido = trtc.getAudioTrack(userId)\n                //     this.asrList[this.userList[this.userList.length - 1]] = new ASR({\n                //         secretKey: 'INDrIXcT8YmomZBcsy0oNirnU0LTN4X7',\n                //         secretId: 'AKID3xfHgroY4MQHvLXUXMwIQL1UjmbBX1Tv',\n                //         appId: 1304001529,\n                //         engine_model_type: '16k_zh',\n                //         voice_format: 1,\n                //         needvad: 1,\n                //         audioTrack: aoido,\n                //     })\n                //     this.asrList[this.userList[this.userList.length - 1]].start();\n                //     // 开始识别\n                //     this.asrList[this.userList[this.userList.length - 1]].OnRecognitionStart = (res) => {\n                //         console.log('远端流：开始识别', res);\n                //     };\n                //     this.asrList[this.userList[this.userList.length - 1]].OnError = (res) => {\n                //         console.log('远端流：识别失败', res);\n                //     };\n                //     // 一句话结束\n                //     this.asrList[this.userList[this.userList.length - 1]].OnSentenceEnd = (res) => {\n                //         console.log('远端流：一句话结束', res);\n                //         this.contentValue = this.contentValue + `<h2>${userId}</h2>` + `<span>${res.result.voice_text_str}</span>`;\n                //     };\n                // }, 1000);\n\n                if (this.modileFlag) {\n                    this.userClass = getWidth(this.userList);\n                    this.userHeight = getHeight(this.userList);\n                } else {\n                    this.userClassPhone = getWidthPhone(this.userList);\n                }\n                setTimeout(() => {\n                    trtc.startRemoteVideo({ userId, streamType, view: `${userId}` })\n                })\n\n\n                // })\n            })\n        },\n        // 删除退出会议人员列表\n        deletePushVideo() {\n            trtc.on(TRTC.EVENT.REMOTE_VIDEO_UNAVAILABLE, event => {\n                const userId = event.userId;\n                if (this.hostId == userId) {\n                    alert('主持人已经解散会议')\n                    this.$router.push({\n                        name: 'Home'\n                    })\n                    this.userList = [];\n                    return\n                }\n                let deleteIndex = this.userList.indexOf(userId);\n                this.userList = this.userList.filter(item => item !== userId);\n                if (deleteIndex !== -1) {\n                    this.userList.splice(deleteIndex, 1)\n                }\n                if (this.modileFlag) {\n                    this.userClass = getWidth(this.userList);\n                    this.userHeight = getHeight(this.userList);\n                } else {\n                    this.userClassPhone = getWidthPhone(this.userList);\n                }\n                // Object.keys(this.asrList).forEach(key => {\n                // this.asrList[userId].stop();\n                // })\n            })\n        },\n        // 根据caseId查询房间相关信息\n        reserveConferenceListFn(data) {\n            reserveConferenceList(data).then(res => {\n                this.hostId = res.data[0].userName;\n            })\n        },\n        // 根据userid查询是否是秘书角色\n        secretaryRoleByUserIdFn(data) {\n            secretaryRoleByUserId(data).then(res => {\n                console.log(res.data.isSecretaryRole, 'kkkkkkkkkkkkkkk');\n                this.updataFlag = res.data.isSecretaryRole;\n            })\n        }\n    },\n    computed: {\n        editor() {\n            return this.$refs.myQuillEditor.quill\n        }\n    },\n    async mounted() {\n        // 判断设备类型\n        this.modileFlag = getModile();\n        let roomId = this.$route.query.roomId;\n        this.roomId = this.$route.query.roomId;\n        let userId = this.$route.query.userId;\n        this.userId = this.$route.query.userId;\n        this.caseId = this.$route.query.caseId;\n        this.id = this.$route.query.id;\n        this.secretaryRoleByUserIdFn(this.id)\n        // 获取主持人的userId\n        this.reserveConferenceListFn(this.caseId)\n        const sdkAppId = 1600011167;\n        // 获取usersign\n        await getUsersig(userId).then(res => {\n            this.userSign = res.msg;\n        })\n        this.getPushVideo();\n        this.deletePushVideo();\n        try {\n            await trtc.enterRoom({ roomId: Number(roomId), scene: 'rtc', sdkAppId, userId, userSig: this.userSign });\n            await trtc.startLocalVideo({\n                view: document.getElementById('localStream'), // 在 DOM 中的 elementId 为 localStream 的标签上预览视频。\n            });\n            await trtc.startLocalAudio();\n            console.log('进房成功');\n            this.$message({\n                message: \"进房成功\",\n                type: 'success'\n            })\n        } catch (error) {\n            console.error('进房失败 ' + error);\n            this.$message({\n                message: \"进房失败\",\n                type: 'error'\n            });\n            this.$router.push({\n                name: 'Home'\n            })\n        }\n        // this.localStreamAsr = new ASR({\n        //     secretKey: 'INDrIXcT8YmomZBcsy0oNirnU0LTN4X7',\n        //     secretId: 'AKID3xfHgroY4MQHvLXUXMwIQL1UjmbBX1Tv',\n        //     appId: 1304001529,\n        //     engine_model_type: '16k_zh',\n        //     voice_format: 1,\n        //     needvad: 1,\n        //     audioTrack: trtc.getAudioTrack(),\n        // });\n        // console.log(trtc.getAudioTrack('zhongcaibai'),);\n        // this.localStreamAsr.start();\n        // // 开始识别\n        // this.localStreamAsr.OnRecognitionStart = (res) => {\n        //     console.log('本地流：开始识别', res);\n        // };\n        // this.localStreamAsr.OnError = (res) => {\n        //     console.log('本地流：识别失败', res);\n        // };\n        // // 一句话结束\n        // this.localStreamAsr.OnSentenceEnd = (res) => {\n        //     console.log('本地流：一句话结束', res);\n        //     // this.contentValue = `<h2>${this.userId}</h2>` + `<span>${res.result.voice_text_str}</span>`;\n        //     this.contentValue = this.contentValue + `<h2>${this.userId}</h2>` + `<span>${res.result.voice_text_str}</span>`;\n        // };\n    },\n    created() {\n        trtc = TRTC.create();\n    },\n};\n</script>\n  \n<style scoped>\n.roompage {\n    width: 100%;\n    height: 100vh;\n    display: flex;\n    align-items: center;\n    justify-content: space-around;\n    flex-wrap: wrap;\n    position: relative;\n}\n\n.txtContent {\n    width: 100px;\n    height: 50px;\n    position: absolute;\n    right: 5px;\n    top: 20px;\n    z-index: 10;\n    cursor: pointer;\n}\n\n.userVideo,\n.userVideo1,\n.userVideo2,\n.userVideo3,\n.userVideo4,\n.userVideo5 {\n    position: relative;\n}\n\n.userVideo5 {\n    width: 100%;\n}\n\n.userVideo {\n    width: 48%;\n}\n\n.userVideo1 {\n    width: 33%;\n}\n\n.userVideo2 {\n    width: 33%;\n}\n\n.userVideo3 {\n    width: 33%;\n}\n\n.userVideo4 {\n    width: 100%;\n}\n\n.footer {\n    width: 100%;\n    height: 10%;\n    background: rgb(46 43 43 / 90%);\n    position: absolute;\n    bottom: 0;\n    z-index: 10;\n}\n\n.userName {\n    border-radius: 10px;\n    width: 90px;\n    height: 40px;\n    text-align: center;\n    line-height: 40px;\n    background-color: black;\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    z-index: 9;\n    color: #ffffff;\n}\n\n.userNamePhone {\n    border-radius: 10px;\n    min-width: 20%;\n    height: 30px;\n    line-height: 30px;\n    text-align: center;\n    background-color: black;\n    font-size: 12px;\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    z-index: 9;\n    color: #ffffff;\n}\n\n.header {\n    width: 100%;\n    height: 8%;\n    background-color: #716c6c;\n    display: flex;\n    flex-direction: row-reverse;\n    align-items: center;\n}\n\n.roomPhone {\n    width: 100%;\n    height: 100vh;\n}\n\n.bodyVideo {\n    width: 100%;\n    height: 92%;\n    display: flex;\n    flex-wrap: wrap;\n    /* justify-content: space-between; */\n}\n\n.userVideoPhone {\n    width: 100%;\n    height: 100%;\n    background-color: yellow;\n    position: relative;\n}\n\n.userVideoPhone1 {\n    width: 50%;\n    flex-basis: calc(33.333% - 3px);\n    max-width: calc(33.333% - 3px);\n    height: 200px;\n    /* height: 0; */\n    /* padding-bottom: calc(33.333% - 3px); */\n    margin-bottom: 3px;\n    position: relative;\n}\n\n.quill-editor {\n    height: 70%;\n}\n\n.updataBtn {\n    width: 100%;\n    position: absolute;\n    bottom: 8px;\n}\n</style>\n  \n  \n  "],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}