{"version":3,"file":"PageSetup.f2132837.js","sources":["../../../resources/js/widgets/font-select.vue","../../../resources/js/components/ColorPicker.vue","../../../resources/js/components/widgets/PageSetup.vue"],"sourcesContent":["<template>\n    <div ref=\"dropdownContainer\" class=\"font-select form-group pb-2\" :class=\"{ 'f-14': size === 'sm' }\">\n        <div v-if=\"options\" class=\"d-flex justify-content-between\">\n            <label>\n                {{ label }}\n                <PremiumMarker v-if=\"checkPremium(fontFamily)\" :name=\"'premium-font|' + id\">\n                    <p>You've chosen a premium font!</p>\n                </PremiumMarker>\n            </label>\n            <b-form-checkbox :id=\"'single-font-' + uuid\" v-model=\"singleFont\" value=\"1\" unchecked-value=\"0\">\n                Apply to entire worksheet\n            </b-form-checkbox>\n        </div>\n\n        <Multiselect\n            ref=\"select\"\n            v-model=\"fontFamily\"\n            v-on-clickaway=\"close\"\n            :class=\"[$fonts.getFontClass(value)]\"\n            :options=\"fontOptions\"\n            track-by=\"name\"\n            label=\"name\"\n            :searchable=\"false\"\n            :show-labels=\"false\"\n            placeholder=\"Pick a value\"\n            :disabled=\"disabled\"\n        >\n            <template slot=\"option\" slot-scope=\"props\">\n                <div class=\"flex flex-nowrap pointer-events-none f-13\" :class=\"props.option.class\">\n                    <span class=\"text-nowrap mr-1\">{{ props.option.name }}</span>\n                    <PremiumMarker v-if=\"props.option.isPremium\" :popover=\"false\"></PremiumMarker>\n                </div>\n            </template>\n\n            <template slot=\"singleLabel\" slot-scope=\"props\">\n                <div class=\"flex flex-nowrap pointer-events-none f-13\" :class=\"props.option.class\">\n                    <span class=\"text-nowrap mr-1\">{{ props.option.name }}</span>\n                    <PremiumMarker v-if=\"props.option.isPremium\" :popover=\"false\"></PremiumMarker>\n                </div>\n            </template>\n        </Multiselect>\n    </div>\n</template>\n\n<script>\nimport { defineComponent } from 'vue'\nimport { mapGetters, mapState } from 'vuex'\nimport uuidv1 from 'uuid/v1'\nimport { mixin as clickaway } from 'vue-clickaway'\nimport Multiselect from 'vue-multiselect'\nimport PremiumMarker from './premium-marker.vue'\nimport EditPayWall from '../mixins/EditPayWall'\n\nexport default defineComponent({\n    name: 'FontSelect',\n    components: {\n        PremiumMarker,\n        Multiselect,\n    },\n    mixins: [EditPayWall, clickaway],\n    props: {\n        value: {\n            type: String,\n            default: '',\n        },\n        field: {\n            type: String,\n            default: '',\n        },\n        label: {\n            type: String,\n            default: '',\n        },\n        id: {\n            type: String,\n            default: '',\n        },\n        options: {\n            type: Boolean,\n            default: false,\n        },\n        size: {\n            type: String,\n            default: 'sm',\n        },\n        font: {\n            type: String,\n            default: '',\n        },\n        // TODO: See if this can be removed\n        fonts: {\n            type: Array,\n            default: null,\n        },\n        disabled: {\n            type: Boolean,\n            default: false,\n        },\n        widget: {\n            type: String,\n            default: '',\n        },\n    },\n    data() {\n        return {\n            uuid: uuidv1(),\n            selected: '',\n            initialBodyFont: '',\n        }\n    },\n    computed: {\n        ...mapState(['user', 'document']),\n        ...mapGetters({\n            entity: 'document/documentEntity',\n            entity_type: 'document/entityType',\n            premiumFonts: 'document/getPremiumFonts',\n            documentFonts: 'document/documentFonts',\n        }),\n        singleFont: {\n            get() {\n                return this.document.single_font\n            },\n            set(value) {\n                this.$store.dispatch('document/setDocument', {\n                    single_font: Number(value),\n                })\n                this.setAllFonts(this.fontFamily)\n                this.$store.dispatch('document/storeDocumentState')\n            },\n        },\n        fontFamily: {\n            get() {\n                if (this.entity_type !== 'worksheet' && this.widget === 'instruction') {\n                    return this.selectedFont(this.documentFonts['instructions_font'])\n                }\n\n                if (this.value) {\n                    return this.selectedFont(this.selected)\n                }\n\n                if (this.font) {\n                    return this.selectedFont(this.font)\n                }\n\n                return this.selectedFont(this.documentFonts[this.field])\n            },\n            set(fontFamily) {\n                if (fontFamily) {\n                    fontFamily = fontFamily.name\n                    if (this.font) {\n                        this.selected = fontFamily\n                        this.$emit('changed', { font: this.selected })\n                        return\n                    }\n                    if (!this.document.single_font) {\n                        this.$emit('changed', { font: fontFamily })\n                        this.$store.dispatch('document/setDocumentFont', {\n                            field: this.field,\n                            font: fontFamily,\n                        })\n                        this.$store.dispatch('document/storeDocumentState')\n                    } else {\n                        this.setAllFonts(fontFamily)\n                    }\n                }\n            },\n        },\n        fontOptions() {\n            let options = []\n            let fonts = this.fonts ? this.fonts : this.$fonts.fonts\n            fonts.forEach((font) => {\n                let option = {\n                    name: font,\n                    class: this.$fonts.getFontClass(font),\n                    isPremium: this.checkPremium(font),\n                    $isDisabled: this.checkPremium(font) && this.document.is_published && font !== this.initialBodyFont,\n                }\n                options.push(option)\n            })\n\n            return options\n        },\n    },\n    mounted() {\n        this.selected = this.value\n        this.initialBodyFont = window.initial_body_font ?? ''\n    },\n    methods: {\n        selectedFont(name) {\n            return this.fontOptions.filter((font) => font.name === name)\n        },\n        close() {\n            this.$refs.select.open = false\n        },\n        handleClickAway(event) {\n            if (event.target == document.body) return\n            if (event.target == this.$refs.dropdownContainer) return\n            this.close()\n        },\n        input(val) {\n            this.$emit('input', val.name)\n        },\n        setAllFonts(fontFamily) {\n            //update all fonts\n            let documentFonts = {\n                title_font: fontFamily,\n                student_info_font: fontFamily,\n            }\n\n            this.$store.dispatch('document/setDocument', documentFonts)\n            this.$store.dispatch('document/setInstructionStyle', {\n                font: fontFamily,\n            })\n\n            if (this.entity.type !== 'handwriting') {\n                this.$store.dispatch('document/setDocumentStyle', {\n                    font: fontFamily,\n                })\n            }\n            this.$store.dispatch('document/setWordbankStyle', {\n                font: fontFamily,\n            })\n            this.$store.dispatch('document/storeDocumentState')\n        },\n        checkPremium(font) {\n            return (\n                this.premiumFonts.includes(font) && !this.hasFeature('formatting', this.document, this.document.entity_type)\n            )\n        },\n    },\n})\n</script>\n\n<style lang=\"scss\">\n@import 'Scss/base.scss';\n@import 'vue-multiselect/dist/vue-multiselect.min.css';\n@import 'Scss/runtime.scss';\n\n.font-select {\n    .multiselect {\n        display: flex;\n        flex-direction: row-reverse;\n        align-items: center;\n        border: 1px solid #ced4da;\n        border-radius: 0.25rem;\n        max-height: 30px;\n        min-height: initial;\n        .multiselect__select {\n            position: relative;\n            min-height: initial;\n            width: 16px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            height: 30px;\n            &:before {\n                top: 0;\n                color: #000;\n                margin-top: 0px;\n                border-color: #000 transparent transparent;\n            }\n        }\n        .multiselect__tags {\n            min-height: initial;\n            flex-grow: 1;\n            padding: 0;\n            border: none;\n            display: flex;\n            align-items: center;\n            .multiselect__single {\n                height: 100%;\n                min-height: initial;\n                display: block;\n                overflow: hidden;\n                background: #fff;\n                margin-bottom: 0px;\n            }\n        }\n    }\n}\n\n.multiselect__option--highlight {\n    background: $primary !important;\n}\n\n.multiselect__option--selected {\n    background: transparent !important;\n}\n\n.multiselect__option--selected.multiselect__option--highlight {\n    background: $primary !important;\n}\n\n.multiselect__content-wrapper {\n    border-radius: 5px;\n    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);\n}\n\n.font-select .multiselect--disabled .multiselect__tags .multiselect__single {\n    height: 100%;\n    min-height: initial;\n    display: block;\n    overflow: hidden;\n    background: #f1f1f1;\n    margin-bottom: 0px;\n}\n\n.f-14 {\n    font-size: 14px;\n}\n</style>\n","<template>\n    <div class=\"min-width\">\n        <label class=\"font-weight-bold mb-1 f-11 text-muted text-nowrap\">{{ label }}</label>\n        <b-form-input v-model=\"color\" type=\"color\" size=\"sm\" @change=\"$emit('change')\" />\n    </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n    name: 'ColorPicker',\n    model: {\n        prop: 'modelValue',\n        event: 'input',\n    },\n    props: {\n        modelValue: {\n            type: String,\n            default: '',\n        },\n        label: {\n            type: String,\n            default: '',\n        },\n    },\n\n    computed: {\n        color: {\n            get() {\n                return this.modelValue\n            },\n            set(value: string) {\n                this.$emit('input', value)\n                this.$emit('change', value)\n            },\n        },\n    },\n})\n</script>\n\n<style scoped>\n.min-width {\n    min-width: 60px;\n    width: 60px;\n}\n</style>\n","<template>\n    <div class=\"card-body p-2\">\n        <div class=\"card-body border rounded p-2\">\n            <fieldset class=\"fieldset\">\n                <legend>CARD SIZE</legend>\n            </fieldset>\n            <div class=\"row w-100 m-0 my-2\">\n                <div class=\"col-md-6 p-0 d-flex flex-column\">\n                    <div class=\"d-flex justify-content-between\">\n                        <div class=\"d-flex align-items-center\">\n                            <b-form-radio v-model=\"cardType\" name=\"card-type\" value=\"standard\">\n                                <div class=\"f-14 text-muted\" style=\"height: 1.5rem; line-height: 1.5rem\">Standard Grid</div>\n                            </b-form-radio>\n                        </div>\n                    </div>\n                    <div v-if=\"cardType === 'standard'\" class=\"d-flex f-10 align-items-center mb-0 mt-1\">\n                        <div>\n                            <div class=\"font-weight-bold f-11 text-muted text-right\">{{ flashcardItemHeight }}in</div>\n                            <b-form-input\n                                v-model=\"flashcardItemHeight\"\n                                class=\"flex-glow-1\"\n                                type=\"range\"\n                                min=\"1\"\n                                max=\"8\"\n                                step=\"0.1\"\n                            ></b-form-input>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"col-md-6 p-0 d-flex flex-column\">\n                    <div class=\"d-flex justify-content-end\">\n                        <div class=\"d-flex align-items-center\">\n                            <b-form-radio v-model=\"cardType\" name=\"card-type\" value=\"3x5\">\n                                <div class=\"f-14 text-muted\" style=\"height: 1.5rem; line-height: 1.5rem\">\n                                    3x5 Index Cards\n                                </div>\n                            </b-form-radio>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"card-body border rounded mt-2 p-2\">\n            <fieldset class=\"fieldset\">\n                <legend>Print Options</legend>\n            </fieldset>\n            <div class=\"row w-100 m-0 my-2\">\n                <div class=\"col-md-6 p-0 d-flex flex-column\">\n                    <div class=\"d-flex justify-content-between\">\n                        <div class=\"d-flex align-items-center\">\n                            <b-form-radio v-model=\"flashcardPrintType\" name=\"print-type\" value=\"single-side\">\n                                <div class=\"f-14 text-muted\" style=\"height: 1.5rem; line-height: 1.5rem\">\n                                    Print Single-Sided\n                                </div>\n                            </b-form-radio>\n                        </div>\n                    </div>\n                    <p class=\"f-11 text-muted text-center mt-1\">Words and definitions side by side</p>\n                </div>\n                <div class=\"col-md-6 p-0 d-flex flex-column\">\n                    <div class=\"d-flex justify-content-between\">\n                        <div class=\"d-flex align-items-center\">\n                            <b-form-radio v-model=\"flashcardPrintType\" name=\"print-type\" value=\"double-side\">\n                                <div class=\"f-14 text-muted\" style=\"height: 1.5rem; line-height: 1.5rem\">\n                                    Print Double-Sided\n                                </div>\n                            </b-form-radio>\n                        </div>\n                    </div>\n                    <p class=\"f-11 text-muted text-center mt-1\">Words and definitions front and back</p>\n                </div>\n            </div>\n        </div>\n        <div class=\"card-body border rounded mt-2 p-2\">\n            <fieldset class=\"fieldset\">\n                <legend>PRACTICE</legend>\n            </fieldset>\n            <div class=\"row w-100 m-0 my-2\">\n                <div class=\"col-md-6 p-0 d-flex flex-column\">\n                    <div class=\"d-flex justify-content-between\">\n                        <div class=\"d-flex align-items-center\">\n                            <b-form-radio v-model=\"flipcardType\" name=\"flipcard-type\" value=\"horizontal\">\n                                <div class=\"f-14 text-muted\" style=\"height: 1.5rem; line-height: 1.5rem\">Turn cards</div>\n                            </b-form-radio>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"col-md-6 p-0 d-flex flex-column\">\n                    <div class=\"d-flex justify-content-between\">\n                        <div class=\"d-flex align-items-center\">\n                            <b-form-radio v-model=\"flipcardType\" name=\"flipcard-type\" value=\"vertical\">\n                                <div class=\"f-14 text-muted\" style=\"height: 1.5rem; line-height: 1.5rem\">Flip cards</div>\n                            </b-form-radio>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <div class=\"card-body border rounded mt-2 p-2\">\n            <fieldset class=\"fieldset\">\n                <legend>Text</legend>\n            </fieldset>\n            <div class=\"row w-100 m-0 my-2 align-items-baseline\">\n                <div class=\"col-md-6 p-0 d-flex flex-column\">\n                    <label class=\"font-weight-bold mb-1 f-11 text-muted\">Font Type</label>\n                    <div>\n                        <FontSelect\n                            id=\"font-body\"\n                            :key=\"'title-font' + style.font\"\n                            class=\"mt-0 mb-0 pb-0 w-100\"\n                            field=\"body_font\"\n                            size=\"sm\"\n                        />\n                    </div>\n                </div>\n                <div class=\"col-md-3 p-0 pl-3 d-flex flex-column\">\n                    <ColorPicker v-model=\"style.color\" label=\"Font Color\" @change=\"updateFontColor\" />\n                </div>\n                <div class=\"col-md-3 p-0 pl-3 d-flex flex-column\">\n                    <label class=\"mb-1 f-11 text-muted d-flex justify-content-between\">\n                        <div class=\"font-weight-bold text-nowrap\">Font Size</div>\n                        <div class=\"text-secondary\">\n                            {{ parseInt(style.font_size) }}\n                        </div>\n                    </label>\n                    <div class=\"d-flex f-10 align-items-center mb-0 mt-1\">\n                        <b-form-input\n                            class=\"flex-glow-1\"\n                            type=\"range\"\n                            min=\"6\"\n                            max=\"64\"\n                            :value=\"style.font_size\"\n                            @input=\"\n                                $store.dispatch('document/setDocumentStyle', {\n                                    font_size: Number($event),\n                                })\n                            \"\n                            @change=\"$store.dispatch('document/storeDocumentState')\"\n                        ></b-form-input>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { defineComponent } from 'vue'\nimport { mapGetters } from 'vuex'\nimport FontSelect from '../../widgets/font-select.vue'\nimport ColorPicker from '../ColorPicker.vue'\n\nexport default defineComponent({\n    name: 'PageSetup',\n    components: {\n        ColorPicker,\n        FontSelect,\n    },\n    props: {\n        data: {\n            type: Object,\n            required: true,\n        },\n    },\n    data() {\n        return {\n            itemData: {\n                ...this.data,\n            },\n        }\n    },\n    computed: {\n        ...mapGetters({\n            style: 'document/documentStyle',\n            flashcard: 'document/flashcard',\n        }),\n        itemStyle() {\n            return this.itemData.style\n        },\n        flashcardItemHeight: {\n            get() {\n                return this.itemData.flashcard_item_height\n            },\n            set(number) {\n                this.itemData.flashcard_item_height = number\n                this.updateData({ flashcard_item_height: number })\n            },\n        },\n        cardType: {\n            get() {\n                return this.itemData.page_setup.flashcard_type\n            },\n            set(type) {\n                this.itemData.page_setup.flashcard_type = type\n                this.updateData()\n                this.$store.dispatch('document/adjustZoomContainer')\n            },\n        },\n        flashcardPrintType: {\n            get() {\n                return this.itemData.page_setup.flashcard_print_type\n            },\n            set(value) {\n                this.itemData.page_setup.flashcard_print_type = value\n                this.updateData()\n            },\n        },\n        flipcardType: {\n            get() {\n                return this.itemData.page_setup.flipcard_type\n            },\n            set(value) {\n                this.itemData.page_setup.flipcard_type = value\n                this.updateData()\n            },\n        },\n    },\n    methods: {\n        updateData(data = null) {\n            if (!data) {\n                this.$emit('change', this.itemData)\n                return\n            }\n            this.$emit('change', data)\n        },\n        async updateFontColor() {\n            await this.$store.dispatch('document/setDocumentStyle', {\n                color: this.style.color,\n            })\n            await this.$store.dispatch('document/storeDocumentState')\n        },\n    },\n})\n</script>\n"],"names":["defineComponent","name","components","PremiumMarker","Multiselect","mixins","EditPayWall","clickaway","props","value","type","String","default","field","label","id","options","Boolean","size","font","fonts","Array","disabled","widget","data","uuid","uuidv1","selected","initialBodyFont","computed","mapState","mapGetters","entity","entity_type","premiumFonts","documentFonts","singleFont","get","this","document","single_font","set","$store","dispatch","Number","setAllFonts","fontFamily","selectedFont","$emit","fontOptions","$fonts","forEach","option","class","getFontClass","isPremium","checkPremium","$isDisabled","is_published","push","mounted","_a","window","initial_body_font","methods","filter","close","$refs","select","open","handleClickAway","event","target","body","dropdownContainer","input","val","title_font","student_info_font","includes","hasFeature","model","prop","modelValue","color","ColorPicker","FontSelect","Object","required","itemData","style","flashcard","itemStyle","flashcardItemHeight","flashcard_item_height","number","updateData","cardType","page_setup","flashcard_type","flashcardPrintType","flashcard_print_type","flipcardType","flipcard_type","updateFontColor"],"mappings":"yOAqDAA,EAAA,CACAC,KAAA,aACAC,WAAA,CACAC,gBACAC,eAEAC,OAAA,CAAAC,EAAAC,GACAC,MAAA,CACAC,MAAA,CACAC,KAAAC,OACAC,QAAA,IAEAC,MAAA,CACAH,KAAAC,OACAC,QAAA,IAEAE,MAAA,CACAJ,KAAAC,OACAC,QAAA,IAEAG,GAAA,CACAL,KAAAC,OACAC,QAAA,IAEAI,QAAA,CACAN,KAAAO,QACAL,SAAA,GAEAM,KAAA,CACAR,KAAAC,OACAC,QAAA,MAEAO,KAAA,CACAT,KAAAC,OACAC,QAAA,IAGAQ,MAAA,CACAV,KAAAW,MACAT,QAAA,MAEAU,SAAA,CACAZ,KAAAO,QACAL,SAAA,GAEAW,OAAA,CACAb,KAAAC,OACAC,QAAA,KAGAY,KAAA,KACA,CACAC,KAAAC,IACAC,SAAA,GACAC,gBAAA,KAGAC,SAAA,IACAC,EAAA,CAAA,OAAA,gBACAC,EAAA,CACAC,OAAA,0BACAC,YAAA,sBACAC,aAAA,2BACAC,cAAA,2BAEAC,WAAA,CACA,GAAAC,GACA,OAAAC,KAAAC,SAAAC,WACA,EACA,GAAAC,CAAAhC,GACA6B,KAAAI,OAAAC,SAAA,uBAAA,CACAH,YAAAI,OAAAnC,KAEA6B,KAAAO,YAAAP,KAAAQ,YACAR,KAAAI,OAAAC,SAAA,8BACA,GAEAG,WAAA,CACA,GAAAT,GACA,MAAA,cAAAC,KAAAL,aAAA,gBAAAK,KAAAf,OACAe,KAAAS,aAAAT,KAAAH,cAAA,mBAGAG,KAAA7B,MACA6B,KAAAS,aAAAT,KAAAX,UAGAW,KAAAnB,KACAmB,KAAAS,aAAAT,KAAAnB,MAGAmB,KAAAS,aAAAT,KAAAH,cAAAG,KAAAzB,OACA,EACA,GAAA4B,CAAAK,GACA,GAAAA,EAAA,CAEA,GADAA,EAAAA,EAAA7C,KACAqC,KAAAnB,KAGA,OAFAmB,KAAAX,SAAAmB,OACAR,KAAAU,MAAA,UAAA,CAAA7B,KAAAmB,KAAAX,WAGAW,KAAAC,SAAAC,YAQAF,KAAAO,YAAAC,IAPAR,KAAAU,MAAA,UAAA,CAAA7B,KAAA2B,IACAR,KAAAI,OAAAC,SAAA,2BAAA,CACA9B,MAAAyB,KAAAzB,MACAM,KAAA2B,IAEAR,KAAAI,OAAAC,SAAA,+BAIA,CACA,GAEA,WAAAM,GACA,IAAAjC,EAAA,GAYA,OAXAsB,KAAAlB,MAAAkB,KAAAlB,MAAAkB,KAAAY,OAAA9B,OACA+B,SAAAhC,IACA,IAAAiC,EAAA,CACAnD,KAAAkB,EACAkC,MAAAf,KAAAY,OAAAI,aAAAnC,GACAoC,UAAAjB,KAAAkB,aAAArC,GACAsC,YAAAnB,KAAAkB,aAAArC,IAAAmB,KAAAC,SAAAmB,cAAAvC,IAAAmB,KAAAV,iBAEAZ,EAAA2C,KAAAP,EAAA,IAGApC,CACA,GAEA,OAAA4C,SACAtB,KAAAX,SAAAW,KAAA7B,MACA6B,KAAAV,gBAAA,OAAAiC,EAAAC,OAAAC,mBAAAF,EAAA,EACA,EACAG,QAAA,CACA,YAAAjB,CAAA9C,GACA,OAAAqC,KAAAW,YAAAgB,QAAA9C,GAAAA,EAAAlB,OAAAA,GACA,EACA,KAAAiE,GACA5B,KAAA6B,MAAAC,OAAAC,MAAA,CACA,EACA,eAAAC,CAAAC,GACAA,EAAAC,QAAAjC,SAAAkC,MACAF,EAAAC,QAAAlC,KAAA6B,MAAAO,mBACApC,KAAA4B,OACA,EACA,KAAAS,CAAAC,GACAtC,KAAAU,MAAA,QAAA4B,EAAA3E,KACA,EACA,WAAA4C,CAAAC,GAEA,IAAAX,EAAA,CACA0C,WAAA/B,EACAgC,kBAAAhC,GAGAR,KAAAI,OAAAC,SAAA,uBAAAR,GACAG,KAAAI,OAAAC,SAAA,+BAAA,CACAxB,KAAA2B,IAGA,gBAAAR,KAAAN,OAAAtB,MACA4B,KAAAI,OAAAC,SAAA,4BAAA,CACAxB,KAAA2B,IAGAR,KAAAI,OAAAC,SAAA,4BAAA,CACAxB,KAAA2B,IAEAR,KAAAI,OAAAC,SAAA,8BACA,EACA,YAAAa,CAAArC,GACA,OACAmB,KAAAJ,aAAA6C,SAAA5D,KAAAmB,KAAA0C,WAAA,aAAA1C,KAAAC,SAAAD,KAAAC,SAAAN,YAEA,0tDC1NAjC,EAAA,CACAC,KAAA,cACAgF,MAAA,CACAC,KAAA,aACAX,MAAA,SAEA/D,MAAA,CACA2E,WAAA,CACAzE,KAAAC,OACAC,QAAA,IAEAE,MAAA,CACAJ,KAAAC,OACAC,QAAA,KAIAiB,SAAA,CACAuD,MAAA,CACA,GAAA/C,GACA,OAAAC,KAAA6C,UACA,EACA,GAAA1C,CAAAhC,GACA6B,KAAAU,MAAA,QAAAvC,GACA6B,KAAAU,MAAA,SAAAvC,EACA,kbCsHAT,EAAA,CACAC,KAAA,YACAC,WAAA,CACAmF,cACAC,cAEA9E,MAAA,CACAgB,KAAA,CACAd,KAAA6E,OACAC,UAAA,IAGA,IAAAhE,GACA,MAAA,CACAiE,SAAA,IACAnD,KAAAd,MAGA,EACAK,SAAA,IACAE,EAAA,CACA2D,MAAA,yBACAC,UAAA,uBAEA,SAAAC,GACA,OAAAtD,KAAAmD,SAAAC,KACA,EACAG,oBAAA,CACA,GAAAxD,GACA,OAAAC,KAAAmD,SAAAK,qBACA,EACA,GAAArD,CAAAsD,GACAzD,KAAAmD,SAAAK,sBAAAC,EACAzD,KAAA0D,WAAA,CAAAF,sBAAAC,GACA,GAEAE,SAAA,CACA,GAAA5D,GACA,OAAAC,KAAAmD,SAAAS,WAAAC,cACA,EACA,GAAA1D,CAAA/B,GACA4B,KAAAmD,SAAAS,WAAAC,eAAAzF,EACA4B,KAAA0D,aACA1D,KAAAI,OAAAC,SAAA,+BACA,GAEAyD,mBAAA,CACA,GAAA/D,GACA,OAAAC,KAAAmD,SAAAS,WAAAG,oBACA,EACA,GAAA5D,CAAAhC,GACA6B,KAAAmD,SAAAS,WAAAG,qBAAA5F,EACA6B,KAAA0D,YACA,GAEAM,aAAA,CACA,GAAAjE,GACA,OAAAC,KAAAmD,SAAAS,WAAAK,aACA,EACA,GAAA9D,CAAAhC,GACA6B,KAAAmD,SAAAS,WAAAK,cAAA9F,EACA6B,KAAA0D,YACA,IAGAhC,QAAA,CACA,UAAAgC,CAAAxE,EAAA,MACAA,EAIAc,KAAAU,MAAA,SAAAxB,GAHAc,KAAAU,MAAA,SAAAV,KAAAmD,SAIA,EACA,qBAAAe,SACAlE,KAAAI,OAAAC,SAAA,4BAAA,CACAyC,MAAA9C,KAAAoD,MAAAN,cAEA9C,KAAAI,OAAAC,SAAA,8BACA"}