{"version":3,"file":"ExpandingCreateButton-CkpnH1gi.js","sources":["../../../resources/js/Components/Elements/ExpandingIconButton.vue","../../../resources/js/Components/ModelComponents/ExpandingCreateButton.vue"],"sourcesContent":["<template>\n    <div\n        :class=\"[\n            buttonClasses,\n            'group flex items-center p-1.5 rounded-full border transition-colors duration-button-hover',\n        ]\"\n        @mouseenter=\"isHovered = true\"\n        @mouseleave=\"isHovered = false\"\n    >\n        <p\n            ref=\"textElement\"\n            :style=\"{\n                width: showAsExpanded || isHovered ? `${textWidth}px` : '0px',\n            }\"\n            :class=\"[\n                { 'transition-all duration-button-hover': !showAsExpanded },\n                'whitespace-nowrap overflow-hidden break-keep text-center',\n                textClasses,\n            ]\"\n            v-text=\"text\"\n        />\n\n        <component\n            :is=\"icon\"\n            :class=\"['transition-colors duration-button-hover', iconSize]\"\n            :weight=\"iconWeight\"\n        />\n    </div>\n</template>\n\n<script>\nimport { Link } from '@inertiajs/vue3'\n\nexport default {\n    components: {\n        Link,\n    },\n\n    props: {\n        modelClass: {\n            type: String,\n            required: true,\n        },\n        text: {\n            type: String,\n            required: true,\n        },\n        expanded: {\n            type: Boolean,\n            default: false,\n        },\n        invertedColors: {\n            type: Boolean,\n            default: false,\n        },\n        icon: {\n            type: Object,\n            default: null,\n        },\n        iconSize: {\n            type: String,\n            default: 'size-10',\n        },\n        iconWeight: {\n            type: String,\n            default: 'bold',\n        },\n        textClasses: {\n            type: String,\n            default: 'text-xl font-medium',\n        },\n    },\n\n    computed: {\n        /**\n         * The button should be expanded if the user is on a touch device\n         */\n        showAsExpanded() {\n            return (\n                this.expanded ||\n                'ontouchstart' in window ||\n                navigator.maxTouchPoints > 0 ||\n                navigator.msMaxTouchPoints > 0\n            )\n        },\n\n        buttonClasses() {\n            if (this.invertedColors) {\n                return [\n                    `bg-${this.modelClass}-accent text-${this.modelClass}`,\n                    this.showAsExpanded\n                        ? `hover:scale-105 transition-transform duration-button-hover`\n                        : '',\n                ]\n            }\n            return [\n                `text-${this.modelClass}-accent`,\n                this.showAsExpanded\n                    ? `border-${this.modelClass}-accent hover:bg-${this.modelClass}-accent hover:text-${this.modelClass}`\n                    : `border-transparent hover:border-${this.modelClass}-accent`,\n            ]\n        },\n    },\n\n    data() {\n        return {\n            textWidth: 0,\n            isHovered: false,\n        }\n    },\n\n    mounted() {\n        this.calculateTextWidth()\n    },\n\n    watch: {\n        text() {\n            this.calculateTextWidth()\n        },\n    },\n\n    methods: {\n        calculateTextWidth() {\n            // Create a temporary span to measure text width\n            const span = document.createElement('span')\n            span.style.visibility = 'hidden'\n            span.style.position = 'absolute'\n            span.style.whiteSpace = 'nowrap'\n            // Copy the text styles from the actual element\n            const styles = window.getComputedStyle(this.$refs.textElement)\n            span.style.fontSize = styles.fontSize\n            span.style.fontFamily = styles.fontFamily\n            span.style.fontWeight = styles.fontWeight\n            span.textContent = this.text\n\n            document.body.appendChild(span)\n            this.textWidth = span.offsetWidth + 15\n            document.body.removeChild(span)\n        },\n    },\n}\n</script>\n","<template>\n    <div\n        :class=\"[\n            { 'mt-6': useTopMargin },\n            alignEnd ? 'flex justify-end' : 'w-fit',\n        ]\"\n    >\n        <ButtonPopoverMenu\n            v-if=\"parameterOptions.length > 0\"\n            :items=\"parameterOptions\"\n        >\n            <template #button=\"{ open }\">\n                <ExpandingIconButton\n                    :modelClass=\"modelClass\"\n                    :text=\"text\"\n                    :expanded=\"expanded || open\"\n                    :invertedColors=\"invertedColors\"\n                    :icon=\"icon\"\n                    :iconSize=\"iconSize\"\n                />\n            </template>\n        </ButtonPopoverMenu>\n        <Link v-else :href=\"url\" :data=\"data\">\n            <ExpandingIconButton\n                :modelClass=\"modelClass\"\n                :text=\"text\"\n                :expanded=\"expanded\"\n                :invertedColors=\"invertedColors\"\n                :icon=\"icon\"\n                :iconSize=\"iconSize\"\n            />\n        </Link>\n    </div>\n</template>\n\n<script>\nimport { PhPlus } from '@phosphor-icons/vue'\nimport ExpandingIconButton from '@/Components/Elements/ExpandingIconButton.vue'\nimport ButtonPopoverMenu from '@/Components/Utilities/ButtonPopoverMenu.vue'\nimport { markRaw } from 'vue'\nimport { Link } from '@inertiajs/vue3'\n\nexport default {\n    components: {\n        ExpandingIconButton,\n        ButtonPopoverMenu,\n        Link,\n    },\n\n    props: {\n        modelClass: {\n            type: String,\n            required: true,\n        },\n        text: {\n            type: String,\n            required: true,\n        },\n        url: {\n            type: String,\n            required: true,\n        },\n        data: {\n            type: Object,\n            default: {},\n        },\n        dataOptions: {\n            type: Array,\n            default: [],\n        },\n        useTopMargin: {\n            type: Boolean,\n            default: false,\n        },\n        expanded: {\n            type: Boolean,\n            default: false,\n        },\n        invertedColors: {\n            type: Boolean,\n            default: false,\n        },\n        iconSize: {\n            type: String,\n            default: 'size-10',\n        },\n        alignEnd: {\n            type: Boolean,\n            default: true,\n        },\n    },\n\n    data() {\n        return {\n            textWidth: 0,\n            isHovered: false,\n            icon: markRaw(PhPlus),\n        }\n    },\n\n    computed: {\n        /**\n         * Uses the provided dataOptions to generate the parameterOptions for the ButtonPopoverMenu\n         * If these are present we generate a popover meny with links instead of a single link\n         * This is when there are multiple ways to create a model, maybe different types\n         */\n        parameterOptions() {\n            return this.dataOptions.map((item) => ({\n                text: item.text,\n                href: this.url,\n                // Merge the data from the button with the data from the dataOptions\n                data: { ...this.data, ...item.data },\n                type: 'link',\n            }))\n        },\n    },\n}\n</script>\n"],"names":["_sfc_main","Link","span","styles","_hoisted_1","_createElementBlock","_normalizeClass","$options","$data","_createElementVNode","_normalizeStyle","$props","_toDisplayString","_createBlock","_resolveDynamicComponent","ExpandingIconButton","ButtonPopoverMenu","markRaw","PhPlus","item","_component_ButtonPopoverMenu","_withCtx","open","_createVNode","_component_ExpandingIconButton","_component_Link"],"mappings":"8NAiCA,MAAKA,EAAU,CACX,WAAY,MACRC,CACH,EAED,MAAO,CACH,WAAY,CACR,KAAM,OACN,SAAU,EACb,EACD,KAAM,CACF,KAAM,OACN,SAAU,EACb,EACD,SAAU,CACN,KAAM,QACN,QAAS,EACZ,EACD,eAAgB,CACZ,KAAM,QACN,QAAS,EACZ,EACD,KAAM,CACF,KAAM,OACN,QAAS,IACZ,EACD,SAAU,CACN,KAAM,OACN,QAAS,SACZ,EACD,WAAY,CACR,KAAM,OACN,QAAS,MACZ,EACD,YAAa,CACT,KAAM,OACN,QAAS,qBACZ,CACJ,EAED,SAAU,CAIN,gBAAiB,CACb,OACI,KAAK,UACL,iBAAkB,QAClB,UAAU,eAAiB,GAC3B,UAAU,iBAAmB,CAEpC,EAED,eAAgB,CACZ,OAAI,KAAK,eACE,CACH,MAAM,KAAK,UAAU,gBAAgB,KAAK,UAAU,GACpD,KAAK,eACC,6DACA,EACV,EAEG,CACH,QAAQ,KAAK,UAAU,UACvB,KAAK,eACC,UAAU,KAAK,UAAU,oBAAoB,KAAK,UAAU,sBAAsB,KAAK,UAAU,GACjG,mCAAmC,KAAK,UAAU,SAC5D,CACH,CACJ,EAED,MAAO,CACH,MAAO,CACH,UAAW,EACX,UAAW,EACf,CACH,EAED,SAAU,CACN,KAAK,mBAAkB,CAC1B,EAED,MAAO,CACH,MAAO,CACH,KAAK,mBAAkB,CAC1B,CACJ,EAED,QAAS,CACL,oBAAqB,CAEjB,MAAMC,EAAO,SAAS,cAAc,MAAM,EAC1CA,EAAK,MAAM,WAAa,SACxBA,EAAK,MAAM,SAAW,WACtBA,EAAK,MAAM,WAAa,SAExB,MAAMC,EAAS,OAAO,iBAAiB,KAAK,MAAM,WAAW,EAC7DD,EAAK,MAAM,SAAWC,EAAO,SAC7BD,EAAK,MAAM,WAAaC,EAAO,WAC/BD,EAAK,MAAM,WAAaC,EAAO,WAC/BD,EAAK,YAAc,KAAK,KAExB,SAAS,KAAK,YAAYA,CAAI,EAC9B,KAAK,UAAYA,EAAK,YAAc,GACpC,SAAS,KAAK,YAAYA,CAAI,CACjC,CACJ,CACL,EA5IAE,EAAA,CAAA,aAAA,qCACIC,EA0BM,MAAA,CAzBD,MAFTC,EAAA,CAE8BC,EAAa,4GAIlC,4BAAYC,EAAS,UAAA,IACrB,4BAAYA,EAAS,UAAA,MAEtBC,EAWE,IAAA,CAVE,IAAI,cACH,MAXbC,EAAA,OAW6CH,EAAc,gBAAIC,EAAS,UAAA,GAAMA,EAAS,SAAA,KAAA,QAG1E,MAdbF,EAAA,0CAciFC,EAAc,cAAA,6DAAgGI,EAAW,cAd1M,YAmBYC,EAAaD,EAAD,IAAA,CAnBxB,EAAA,KAAA,GAAAP,CAAA,OAsBQS,EAtBRC,EAuBiBH,EAAI,IAAA,EAAA,CACR,MAxBbL,6CAwBgEK,EAAQ,QAAA,CAAA,EAC3D,OAAQA,EAAU,yECiB1BX,EAAU,CACX,WAAY,CACR,oBAAAe,EACA,kBAAAC,OACAf,CACH,EAED,MAAO,CACH,WAAY,CACR,KAAM,OACN,SAAU,EACb,EACD,KAAM,CACF,KAAM,OACN,SAAU,EACb,EACD,IAAK,CACD,KAAM,OACN,SAAU,EACb,EACD,KAAM,CACF,KAAM,OACN,QAAS,CAAE,CACd,EACD,YAAa,CACT,KAAM,MACN,QAAS,CAAE,CACd,EACD,aAAc,CACV,KAAM,QACN,QAAS,EACZ,EACD,SAAU,CACN,KAAM,QACN,QAAS,EACZ,EACD,eAAgB,CACZ,KAAM,QACN,QAAS,EACZ,EACD,SAAU,CACN,KAAM,OACN,QAAS,SACZ,EACD,SAAU,CACN,KAAM,QACN,QAAS,EACZ,CACJ,EAED,MAAO,CACH,MAAO,CACH,UAAW,EACX,UAAW,GACX,KAAMgB,EAAQC,CAAM,CACxB,CACH,EAED,SAAU,CAMN,kBAAmB,CACf,OAAO,KAAK,YAAY,IAAKC,IAAU,CACnC,KAAMA,EAAK,KACX,KAAM,KAAK,IAEX,KAAM,CAAE,GAAG,KAAK,KAAM,GAAGA,EAAK,IAAM,EACpC,KAAM,MACV,EAAE,CACL,CACJ,CACL,2GAnHId,EA+BM,MAAA,CA9BD,MAFTC,EAAA,SAEwCK,EAAY,YAAA,EAAgBA,EAAQ,SAAA,mBAAA,YAM1DJ,EAAA,iBAAiB,OAAM,OADjCM,EAcoBO,EAAA,CArB5B,IAAA,EASa,MAAOb,EAAgB,mBAEb,OAAMc,EACb,CAOE,CARe,KAAAC,KAAI,CACrBC,EAOEC,EAAA,CANG,WAAYb,EAAU,WACtB,KAAMA,EAAI,KACV,SAAUA,EAAQ,UAAIW,EACtB,eAAgBX,EAAc,eAC9B,KAAMH,EAAI,KACV,SAAUG,EAAQ,wFAlBvC,EAAA,sBAsBQE,EASOY,EAAA,CA/Bf,IAAA,EAsBsB,KAAMd,EAAG,IAAG,KAAMA,EAAI,OAtB5C,QAAAU,EAuBY,IAOE,CAPFE,EAOEC,EAAA,CANG,WAAYb,EAAU,WACtB,KAAMA,EAAI,KACV,SAAUA,EAAQ,SAClB,eAAgBA,EAAc,eAC9B,KAAMH,EAAI,KACV,SAAUG,EAAQ,wFA7BnC,EAAA"}