{"version":3,"file":"C8HwpSub.js","sources":["../../../../pages/pronouns/pronoun.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useNuxtApp } from 'nuxt/app';\n\nimport LinkedText from '~/components/LinkedText.vue';\nimport useConfig from '~/composables/useConfig.ts';\nimport useSimpleHead from '~/composables/useSimpleHead.ts';\nimport { buildPronoun } from '~/src/buildPronoun.ts';\nimport { ExampleCategory, SourceLibrary } from '~/src/classes.ts';\nimport { loadPronounExamples, loadPronounLibrary } from '~/src/data.ts';\n\ndefinePageMeta({\n    name: 'all',\n    path: '/:path(.*)',\n});\n\nconst GrammarTables = useLocaleComponent('pronouns', 'GrammarTables');\n\nconst { $translator: translator } = useNuxtApp();\nconst route = useRoute();\nconst config = useConfig();\n\nconst [pronounLibrary, examples] = await Promise.all([loadPronounLibrary(config), loadPronounExamples()]);\nconst pronouns = pronounLibrary.pronouns;\n\nconst key = computed(() => {\n    let url = route.params.path as string;\n    if (config.pronouns.prefix) {\n        if (!url.startsWith(config.pronouns.prefix)) {\n            return null;\n        }\n        url = url.substring(config.pronouns.prefix.length);\n    }\n    return decodeURIComponent(url.replace(/\\/$/, ''));\n});\n\nconst selectedPronoun = buildPronoun(pronouns, key.value, config, translator);\n\nconst glue = ` ${translator.translate('pronouns.or')} `;\n\nif (selectedPronoun) {\n    useSimpleHead({\n        title: `${translator.translate('pronouns.intro')}: ${selectedPronoun.name(glue)}`,\n        description: [\n            translator.translate('pronouns.examples.header', {}, false),\n            translator.translate('pronouns.grammarTable', {}, false),\n            translator.translate('sources.headerLong', {}, false),\n        ].filter((x) => !!x).join(', '),\n        banner: `api/banner${route.path.replace(/\\/$/, '')}.png`,\n    }, translator);\n}\n\nconst { data: sources } = useFetch('/api/sources', { lazy: true });\n\nconst isNull = key.value?.startsWith(':');\n\nconst exampleCategories = ExampleCategory.from(examples, config);\nconst nameOptions = selectedPronoun ? selectedPronoun.nameOptions() : [];\nconst pronounGroup = pronounLibrary.find(selectedPronoun);\n\nconst comprehensive = useComprehensive();\n\nconst sourceLibrary = computed(() => {\n    if (sources.value === null) {\n        return null;\n    }\n    return new SourceLibrary(config, sources.value);\n});\nconst groupedSources = computed(() => {\n    if (!selectedPronoun || sourceLibrary.value === null || Object.hasOwn(route.query, 'nosources')) {\n        return {};\n    }\n\n    let key = selectedPronoun.canonicalName;\n    if (config.sources.enabled && config.sources.mergePronouns[key] !== undefined) {\n        key = config.sources.mergePronouns[key];\n    }\n    return sourceLibrary.value.getForPronounExtended(key);\n});\n\nconst addSlash = (link: string) => {\n    return link + (['*', '\\''].includes(link.substr(link.length - 1)) ? '/' : '');\n};\n\nconst counter = ref(0);\nconst counterHandle = ref<number | undefined>();\nconst counterSpeed = ref(3000);\n\nconst setCounterInterval = () => {\n    if (counterHandle.value) {\n        clearInterval(counterHandle.value);\n    }\n    if (counterSpeed.value > 0) {\n        counter.value++;\n        counterHandle.value = setInterval((_) => counter.value++, counterSpeed.value);\n    }\n};\n\nwatch(counterSpeed, () => setCounterInterval());\nonMounted(() => setCounterInterval());\n\nconst counterPause = () => {\n    counterSpeed.value = 0;\n};\nconst counterSlow = () => {\n    counterSpeed.value = 3000;\n};\nconst counterFast = () => {\n    counterSpeed.value = 1000;\n};\n</script>\n\n<template>\n    <Page>\n        <NotFound v-if=\"!selectedPronoun\" />\n        <div v-else>\n            <h2\n                class=\"d-flex justify-content-between align-items-start align-items-md-center\n                    flex-column flex-md-row gap-2\"\n            >\n                <div>\n                    <Icon v=\"tag\" />\n                    <T>pronouns.intro</T><T>quotation.colon</T>\n                </div>\n                <ComprehensiveSwitch v-model=\"comprehensive\" />\n                <div v-if=\"nameOptions.length > 1\" class=\"btn-group\" role=\"group\">\n                    <button :class=\"['btn btn-sm', counterSpeed === 0 ? 'btn-primary' : 'btn-outline-primary']\" @click=\"counterPause\">\n                        <Icon v=\"pause\" />\n                    </button>\n                    <button :class=\"['btn btn-sm', counterSpeed === 3000 ? 'btn-primary' : 'btn-outline-primary']\" @click=\"counterSlow\">\n                        <Icon v=\"play\" />\n                    </button>\n                    <button :class=\"['btn btn-sm', counterSpeed === 1000 ? 'btn-primary' : 'btn-outline-primary']\" @click=\"counterFast\">\n                        <Icon v=\"forward\" />\n                    </button>\n                </div>\n            </h2>\n\n            <section>\n                <div class=\"alert alert-primary\">\n                    <h2 class=\"text-center mb-0\">\n                        <template v-if=\"nameOptions.length === 1\">\n                            <strong><Spelling escape :text=\"selectedPronoun.name(glue)\" /></strong><small v-if=\"selectedPronoun.smallForm\">/<Spelling :text=\"selectedPronoun.morphemes[selectedPronoun.smallForm] ?? ''\" /></small>\n                        </template>\n                        <template v-else>\n                            <template v-for=\"(nameOption, i) in nameOptions\">\n                                <nuxt-link :to=\"`/${addSlash(nameOption)}`\">\n                                    <strong>\n                                        <Spelling :text=\"nameOption\" escape />\n                                    </strong>\n                                </nuxt-link>\n                                <span v-if=\"i < nameOptions.length - 1\"><Spelling :text=\"glue\" /></span>\n                            </template>\n                        </template>\n                    </h2>\n                    <p v-if=\"selectedPronoun.description\" class=\"h6 small text-center mb-0 mt-2\">\n                        <em>\n                            (<LinkedText\n                                escape\n                                noicons\n                                :text=\"Array.isArray(selectedPronoun.description)\n                                    ? `${$t('pronouns.alt.header')}: ${selectedPronoun.description.join(glue)}`\n                                    : selectedPronoun.description\"\n                            />)\n                        </em>\n                    </p>\n                </div>\n            </section>\n\n            <section>\n                <h2 class=\"h4\">\n                    <Icon v=\"file-signature\" />\n                    <T>pronouns.examples.header</T><T>quotation.colon</T>\n                </h2>\n\n                <ul>\n                    <template v-for=\"exampleCategory in exampleCategories\">\n                        <ExampleCategoryListItem\n                            v-if=\"!exampleCategory.comprehensive || comprehensive\"\n                            :example-category=\"exampleCategory\"\n                            :pronouns-choice=\"[selectedPronoun]\"\n                            :counter=\"counter\"\n                            pronunciation\n                        />\n                    </template>\n                </ul>\n            </section>\n\n            <CensusStat type=\"pronouns\" :item=\"selectedPronoun.name(glue)\" colour=\"info\" />\n\n            <section v-if=\"selectedPronoun.history\">\n                <template v-for=\"part in selectedPronoun.history.replace(/\\\\@/g, '###').split('@')\">\n                    <template v-if=\"part === '__generator__'\">\n                        <div v-if=\"config.pronouns.generator?.disclaimer ?? true\" class=\"alert alert-warning\">\n                            <Icon v=\"exclamation-triangle\" />\n                            <T>pronouns.generated</T>\n                        </div>\n                    </template>\n                    <div v-else class=\"alert alert-light\">\n                        <Icon v=\"info-circle\" />\n                        <LinkedText :text=\"part.replace(/###/g, '@')\" noicons />\n                    </div>\n                </template>\n            </section>\n\n            <AdPlaceholder :phkey=\"['content-0', 'content-mobile-0']\" />\n\n            <GrammarTables :selected-pronoun=\"selectedPronoun\" :comprehensive=\"comprehensive\" :counter=\"counter\" />\n\n            <AdPlaceholder :phkey=\"['content-1', 'content-mobile-1']\" />\n\n            <PronounGroup\n                v-if=\"pronounGroup\"\n                :pronoun-group=\"pronounGroup.group\"\n                :pronouns=\"pronounGroup.groupPronouns\"\n            />\n\n            <Avoiding v-if=\"isNull\" />\n\n            <section>\n                <Share :title=\"`${$t('pronouns.intro')}: ${selectedPronoun.name(glue)}`\" />\n            </section>\n\n            <section v-if=\"Object.values(groupedSources).filter(x => !!x).length\">\n                <Literature :pronoun=\"selectedPronoun\" :sources=\"groupedSources\" />\n            </section>\n\n            <AdPlaceholder :phkey=\"['content-2', 'content-mobile-2']\" />\n\n            <Separator icon=\"info\" />\n            <section class=\"mb-0\">\n                <h2 class=\"h4\">\n                    <Icon v=\"info-circle\" />\n                    <T>home.whatisit</T>\n                </h2>\n                <T>home.about</T>\n                <Homepage align=\"center\" />\n            </section>\n        </div>\n    </Page>\n</template>\n"],"names":["GrammarTables","useLocaleComponent","translator","useNuxtApp","route","useRoute","config","useConfig","pronounLibrary","examples","__temp","__restore","_withAsyncContext","loadPronounLibrary","loadPronounExamples","pronouns","key","computed","url","selectedPronoun","buildPronoun","glue","useSimpleHead","x","sources","useFetch","isNull","_a","exampleCategories","ExampleCategory","nameOptions","pronounGroup","comprehensive","useComprehensive","sourceLibrary","SourceLibrary","groupedSources","addSlash","link","counter","ref","counterHandle","counterSpeed","setCounterInterval","_","watch","onMounted","counterPause","counterSlow","counterFast"],"mappings":"qiDAeM,MAAAA,EAAgBC,GAAmB,WAAY,eAAe,EAE9D,CAAE,YAAaC,CAAW,EAAIC,GAAW,EACzCC,EAAQC,GAAS,EACjBC,EAASC,GAAU,EAEnB,CAACC,EAAgBC,CAAQ,GAAI,CAAAC,EAAAC,CAAA,EAAAC,GAAA,IAAM,QAAQ,IAAI,CAACC,GAAmBP,CAAM,EAAGQ,GAAA,CAAqB,CAAC,CAAA,mBAClGC,EAAWP,EAAe,SAE1BQ,EAAMC,EAAS,IAAM,CACnB,IAAAC,EAAMd,EAAM,OAAO,KACnB,GAAAE,EAAO,SAAS,OAAQ,CACxB,GAAI,CAACY,EAAI,WAAWZ,EAAO,SAAS,MAAM,EAC/B,OAAA,KAEXY,EAAMA,EAAI,UAAUZ,EAAO,SAAS,OAAO,MAAM,CAAA,CAErD,OAAO,mBAAmBY,EAAI,QAAQ,MAAO,EAAE,CAAC,CAAA,CACnD,EAEKC,EAAkBC,GAAaL,EAAUC,EAAI,MAAOV,EAAQJ,CAAU,EAEtEmB,EAAO,IAAInB,EAAW,UAAU,aAAa,CAAC,IAEhDiB,GACcG,GAAA,CACV,MAAO,GAAGpB,EAAW,UAAU,gBAAgB,CAAC,KAAKiB,EAAgB,KAAKE,CAAI,CAAC,GAC/E,YAAa,CACTnB,EAAW,UAAU,2BAA4B,CAAA,EAAI,EAAK,EAC1DA,EAAW,UAAU,wBAAyB,CAAA,EAAI,EAAK,EACvDA,EAAW,UAAU,qBAAsB,CAAA,EAAI,EAAK,CAAA,EACtD,OAAQqB,GAAM,CAAC,CAACA,CAAC,EAAE,KAAK,IAAI,EAC9B,OAAQ,aAAanB,EAAM,KAAK,QAAQ,MAAO,EAAE,CAAC,QACnDF,CAAU,EAGX,KAAA,CAAE,KAAMsB,CAAQ,EAAIC,GAAS,eAAgB,CAAE,KAAM,iBAAM,EAE3DC,GAASC,EAAAX,EAAI,QAAJ,YAAAW,EAAW,WAAW,KAE/BC,EAAoBC,GAAgB,KAAKpB,EAAUH,CAAM,EACzDwB,EAAcX,EAAkBA,EAAgB,cAAgB,CAAC,EACjEY,EAAevB,EAAe,KAAKW,CAAe,EAElDa,EAAgBC,GAAiB,EAEjCC,EAAgBjB,EAAS,IACvBO,EAAQ,QAAU,KACX,KAEJ,IAAIW,GAAc7B,EAAQkB,EAAQ,KAAK,CACjD,EACKY,EAAiBnB,EAAS,IAAM,CAC9B,GAAA,CAACE,GAAmBe,EAAc,QAAU,MAAQ,OAAO,OAAO9B,EAAM,MAAO,WAAW,EAC1F,MAAO,CAAC,EAGZ,IAAIY,EAAMG,EAAgB,cACtB,OAAAb,EAAO,QAAQ,SAAWA,EAAO,QAAQ,cAAcU,CAAG,IAAM,SAChEA,EAAMV,EAAO,QAAQ,cAAcU,CAAG,GAEnCkB,EAAc,MAAM,sBAAsBlB,CAAG,CAAA,CACvD,EAEKqB,EAAYC,GACPA,GAAQ,CAAC,IAAK,GAAI,EAAE,SAASA,EAAK,OAAOA,EAAK,OAAS,CAAC,CAAC,EAAI,IAAM,IAGxEC,EAAUC,EAAI,CAAC,EACfC,EAAgBD,EAAwB,EACxCE,EAAeF,EAAI,GAAI,EAEvBG,EAAqB,IAAM,CACzBF,EAAc,OACd,cAAcA,EAAc,KAAK,EAEjCC,EAAa,MAAQ,IACbH,EAAA,QACRE,EAAc,MAAQ,YAAaG,GAAML,EAAQ,QAASG,EAAa,KAAK,EAEpF,EAEMG,GAAAH,EAAc,IAAMC,GAAoB,EACpCG,GAAA,IAAMH,GAAoB,EAEpC,MAAMI,EAAe,IAAM,CACvBL,EAAa,MAAQ,CACzB,EACMM,EAAc,IAAM,CACtBN,EAAa,MAAQ,GACzB,EACMO,EAAc,IAAM,CACtBP,EAAa,MAAQ,GACzB;;"}