{"version":3,"file":"SlideUpDown-7ce73517.js","sources":["../../client/packages/shared/components/SlideUpDown.vue"],"sourcesContent":["<template>\n    <component :is=\"tag\" ref=\"container\" v-bind=\"attrs\" :style=\"style\" @transitionend=\"onTransitionEnd\">\n        <slot v-if=\"$slots.default\"/>\n        <template v-else>\n            {{modelValue}}\n        </template>\n    </component>\n</template>\n\n<script>\n    export default {\n        name: \"SlideUpDown\",\n        props: {\n            modelValue: {\n                type: [Number, String, Boolean, Object],\n                default: null\n            },\n            duration: {\n                type: [Number, String],\n                default: 500,\n            },\n            tag: {\n                type: String,\n                default: \"div\",\n            },\n            useHidden: {\n                type: Boolean,\n                default: true,\n            },\n        },\n        emits: [\"open-start\", \"close-start\", \"open-end\", \"close-end\"],\n        data: () => ({\n            style: {},\n            initial: false,\n            hidden: false,\n        }),\n\n        computed: {\n            el() {\n                return this.$refs.container;\n            },\n\n            attrs() {\n                const attrs = {\n                    \"aria-hidden\": !this.modelValue || null,\n                    \"aria-expanded\": this.modelValue || null\n                };\n\n                if (this.useHidden) {\n                    attrs.hidden = this.hidden;\n                }\n\n                return attrs;\n            },\n        },\n\n        watch: {\n            modelValue() {\n                this.layout();\n            },\n        },\n\n        mounted() {\n            this.layout();\n            this.initial = true;\n        },\n\n        created() {\n            this.hidden = !this.modelValue;\n        },\n\n        methods: {\n            layout() {\n                if (!this.el) return;\n                if (this.modelValue) {\n                    this.hidden = false;\n                    this.$emit(\"open-start\");\n                    if (this.initial) {\n                        this.setHeight(\"0px\", () => this.el.scrollHeight + \"px\");\n                    }\n                } else {\n                    this.$emit(\"close-start\");\n                    this.setHeight(this.el.scrollHeight + \"px\", () => \"0px\");\n                }\n            },\n\n            asap(callback) {\n                if (!this.initial) {\n                    callback();\n                } else {\n                    this.$nextTick(callback);\n                }\n            },\n\n            setHeight(temp, afterRelayout) {\n                if (!this.el) return;\n                this.style = {height: temp};\n\n                this.asap(() => {\n                    // force relayout so the animation will run\n                    this.__ = this.el.scrollHeight;\n\n                    this.style = {\n                        height: afterRelayout(),\n                        overflow: \"hidden\",\n                        \"transition-property\": \"height\",\n                        \"transition-duration\": this.duration + \"ms\",\n                    };\n                });\n            },\n\n            onTransitionEnd(event) {\n                // Don't do anything if the transition doesn't belong to the container\n                if (event.target !== this.el) return;\n\n                if (this.modelValue) {\n                    this.style = {};\n                    this.$emit(\"open-end\");\n                } else {\n                    this.style = {\n                        height: \"0\",\n                        overflow: \"hidden\",\n                    };\n                    this.hidden = true;\n                    this.$emit(\"close-end\");\n                }\n            },\n        },\n    };\n</script>\n"],"names":["_sfc_main","attrs","callback","temp","afterRelayout","event","_createBlock","_resolveDynamicComponent","$props","_mergeProps","$options","_ctx","_withCtx","_renderSlot","_openBlock","_createElementBlock","_Fragment","_createTextVNode","_toDisplayString"],"mappings":"itBAUI,MAAKA,EAAU,CACX,KAAM,cACN,MAAO,CACH,WAAY,CACR,KAAM,CAAC,OAAQ,OAAQ,QAAS,MAAM,EACtC,QAAS,IACZ,EACD,SAAU,CACN,KAAM,CAAC,OAAQ,MAAM,EACrB,QAAS,GACZ,EACD,IAAK,CACD,KAAM,OACN,QAAS,KACZ,EACD,UAAW,CACP,KAAM,QACN,QAAS,EACZ,CACJ,EACD,MAAO,CAAC,aAAc,cAAe,WAAY,WAAW,EAC5D,KAAM,KAAO,CACT,MAAO,CAAE,EACT,QAAS,GACT,OAAQ,EACZ,GAEA,SAAU,CACN,IAAK,CACD,OAAO,KAAK,MAAM,SACrB,EAED,OAAQ,CACJ,MAAMC,EAAQ,CACV,cAAe,CAAC,KAAK,YAAc,KACnC,gBAAiB,KAAK,YAAc,MAGxC,OAAI,KAAK,YACLA,EAAM,OAAS,KAAK,QAGjBA,CACV,CACJ,EAED,MAAO,CACH,YAAa,CACT,KAAK,OAAM,CACd,CACJ,EAED,SAAU,CACN,KAAK,OAAM,EACX,KAAK,QAAU,EAClB,EAED,SAAU,CACN,KAAK,OAAS,CAAC,KAAK,UACvB,EAED,QAAS,CACL,QAAS,CACA,KAAK,KACN,KAAK,YACL,KAAK,OAAS,GACd,KAAK,MAAM,YAAY,EACnB,KAAK,SACL,KAAK,UAAU,MAAO,IAAM,KAAK,GAAG,aAAe,IAAI,IAG3D,KAAK,MAAM,aAAa,EACxB,KAAK,UAAU,KAAK,GAAG,aAAe,KAAM,IAAM,KAAK,GAE9D,EAED,KAAKC,EAAU,CACN,KAAK,QAGN,KAAK,UAAUA,CAAQ,EAFvBA,GAIP,EAED,UAAUC,EAAMC,EAAe,CACtB,KAAK,KACV,KAAK,MAAQ,CAAC,OAAQD,CAAI,EAE1B,KAAK,KAAK,IAAM,CAEZ,KAAK,GAAK,KAAK,GAAG,aAElB,KAAK,MAAQ,CACT,OAAQC,EAAe,EACvB,SAAU,SACV,sBAAuB,SACvB,sBAAuB,KAAK,SAAW,KAE/C,CAAC,EACJ,EAED,gBAAgBC,EAAO,CAEfA,EAAM,SAAW,KAAK,KAEtB,KAAK,YACL,KAAK,MAAQ,GACb,KAAK,MAAM,UAAU,IAErB,KAAK,MAAQ,CACT,OAAQ,IACR,SAAU,UAEd,KAAK,OAAS,GACd,KAAK,MAAM,WAAW,GAE7B,CACJ,sCA9HLC,EADJC,EACoBC,EAAA,GAAG,EAAnBC,EAKY,CALS,IAAI,aAAoBC,EAAK,MAAA,CAAG,MAAOC,EAAK,MAAG,gBAAeD,EAAe,mBADtG,QAAAE,EAEQ,IAA6B,CAAjBD,EAAA,OAAO,QAAnBE,EAA6BF,oBAFrC,IAAA,EAAA,GAGQG,EAAA,EAAAC,EAEWC,GALnB,IAAA,CAAA,EAAA,CAAAC,EAAAC,EAIcV,EAAU,UAAA,EAAA,CAAA,UAJxB,EAAA"}