{"version":3,"file":"FlyoutLayout-DZcKDcsf.js","sources":["../../../app/frontend/components/interfaces/FlyoutLayout.vue"],"sourcesContent":["<template>\n    <aside \n        class=\"fixed top-0 right-0 h-screen w-full sm:w-auto sm:min-w-[450px] flex flex-col px-[16px] py-[20px] bg-[#F6F8FA] rounded-l-[16px] transition-transform sm:shadow-md z-[1000]\"\n        :class=\"{ 'transform translate-x-full': !isVisible }\"\n    >\n        <span class=\"text-xs font-medium text-[#868C98]\">{{ title }}</span>\n        <div class=\"flex flex-col gap-[16px] overflow-scroll h-full\">\n            <component v-if=\"view\" :is=\"view\" :interface=\"store\" :params=\"params\" :state=\"state\"></component>\n                \n            <div class=\"ml-auto mt-auto flex gap-[16px] pt-[12px]\">\n                <button @click=\"onCancel()\" class=\"rounded-[8px] h-[36px] px-[12px]\">\n                    Cancel\n                </button>\n                <button @click=\"onSave()\" class=\"rounded-[8px] bg-[#1570EF] shadow-sm h-[36px] px-[12px] text-[#fff]\">\n                    Save\n                </button>\n            </div>\n        </div>\n    </aside>\n</template>\n<script>\nimport FlyoutCategories from './FlyoutCategories.vue';\nimport FlyoutStates from './FlyoutStates.vue';\n\n\nexport default {\n    props: {\n        store: {\n            type: Object,\n            required: true\n        }\n    },\n    components: {\n        FlyoutCategories,\n        FlyoutStates\n    },\n    data: () => ({\n        isVisible: false,\n        view: '',\n        title: '',\n        params: null,\n        state: {}\n    }),\n    mounted() {\n        this.store.flyout = this;\n    },\n    methods: {\n        open() {\n            this.isVisible = true;\n        },\n        close() {\n            this.isVisible = false;\n            this.view = '';\n            this.title = '';\n            this.state = {};\n        },\n        setView(viewName, params=null) {\n            this.view = viewName;\n            this.params = params;\n            this.open();\n        },\n        setHeader(title=null) {\n            this.title = title;\n        },\n        setState(state) {\n            this.$nextTick(()=>{\n                this.state = state;\n            })\n        },\n        onCancel() {\n            this.close();\n        },\n        onSave() {\n            if (this.params.onSave) this.params.onSave(this.state);\n            this.close();\n        }\n    }\n}\n</script>\n<style scoped>\n.overflow-scroll {\n    -ms-overflow-style: none;\n    scrollbar-width: none;\n}\n.overflow-scroll::-webkit-scrollbar {\n  display: none;\n}\n</style>"],"names":["_sfc_main","FlyoutCategories","FlyoutStates","viewName","params","title","state","_hoisted_1","_hoisted_2","_hoisted_3","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_toDisplayString","_createBlock","_resolveDynamicComponent","$props","_createCommentVNode","$options"],"mappings":"s7CAyBA,MAAKA,EAAU,CACX,MAAO,CACH,MAAO,CACH,KAAM,OACN,SAAU,EACd,CACH,EACD,WAAY,CACR,iBAAAC,EACA,aAAAC,CACH,EACD,KAAM,KAAO,CACT,UAAW,GACX,KAAM,GACN,MAAO,GACP,OAAQ,KACR,MAAO,CAAC,CACZ,GACA,SAAU,CACN,KAAK,MAAM,OAAS,IACvB,EACD,QAAS,CACL,MAAO,CACH,KAAK,UAAY,EACpB,EACD,OAAQ,CACJ,KAAK,UAAY,GACjB,KAAK,KAAO,GACZ,KAAK,MAAQ,GACb,KAAK,MAAQ,EAChB,EACD,QAAQC,EAAUC,EAAO,KAAM,CAC3B,KAAK,KAAOD,EACZ,KAAK,OAASC,EACd,KAAK,KAAI,CACZ,EACD,UAAUC,EAAM,KAAM,CAClB,KAAK,MAAQA,CAChB,EACD,SAASC,EAAO,CACZ,KAAK,UAAU,IAAI,CACf,KAAK,MAAQA,EAChB,CACJ,EACD,UAAW,CACP,KAAK,MAAK,CACb,EACD,QAAS,CACD,KAAK,OAAO,QAAQ,KAAK,OAAO,OAAO,KAAK,KAAK,EACrD,KAAK,MAAK,CACd,CACJ,CACJ,EAxEcC,EAAA,CAAA,MAAM,oCAAoC,EAC3CC,EAAA,CAAA,MAAM,iDAAiD,EAGnDC,EAAA,CAAA,MAAM,2CAA2C,qCAR9DC,EAiBQ,QAAA,CAhBJ,MAFRC,EAAA,CAEc,4KAA2K,CAAA,6BAAA,CACxIC,EAAS,SAAA,CAAA,CAAA,IAElDC,EAAmE,OAAnEN,EAAmEO,EAAfF,EAAK,KAAA,EAAA,CAAA,EACzDC,EAWM,MAXNL,EAWM,CAVeI,EAAI,UAArBG,EAPZC,EAOwCJ,EAAI,IAAA,EAAA,CAP5C,IAAA,EAO+C,UAAWK,EAAK,MAAG,OAAQL,EAAM,OAAG,MAAOA,EAAK,+CAP/FM,EAAA,GAAA,EAAA,EASYL,EAOM,MAPNJ,EAOM,CANFI,EAES,SAAA,CAFA,uBAAOM,EAAQ,SAAA,GAAI,MAAM,oCAAmC,UAErE,EACAN,EAES,SAAA,CAFA,uBAAOM,EAAM,OAAA,GAAI,MAAM,uEAAsE,QAEtG"}