"use strict"; (() => { // assets/generated/manifest.json var manifest_default = { generatedAt: "2026-07-14T19:57:08.699Z", visualDirection: { palette: { cream: "#F5EFE4", forest: "#183F35", terracotta: "#C87350", sage: "#DDE6DA", text: "#29332E", white: "#FFFFFF" }, photography: "warm, natural, premium editorial pet photography; adult, calm, trustworthy; no stock-photo gloss", animalPortrait: "front-facing, friendly, breed-accurate, head/neck/upper chest, no collar or props, transparent PNG" }, counts: { breedOptions: 215, searchOptions: 224, uniqueAnimalFiles: 221, memories: 27, scenes: 9, website: 10, icons: 21 }, animals: [ { id: "dog_mischling", species: "dog", speciesLabel: "Hund", displayName: "Mischling", role: "neutral-mix", output: "assets/generated/animals/dog/dog-neutral-mix.png", status: "generated" }, { id: "dog_affenpinscher", species: "dog", speciesLabel: "Hund", displayName: "Affenpinscher", role: "breed", output: "assets/generated/animals/dog/affenpinscher.png", status: "generated" }, { id: "dog_afghanischer-windhund", species: "dog", speciesLabel: "Hund", displayName: "Afghanischer Windhund", role: "breed", output: "assets/generated/animals/dog/afghanischer-windhund.png", status: "generated" }, { id: "dog_airedale-terrier", species: "dog", speciesLabel: "Hund", displayName: "Airedale Terrier", role: "breed", output: "assets/generated/animals/dog/airedale-terrier.png", status: "generated" }, { id: "dog_akita", species: "dog", speciesLabel: "Hund", displayName: "Akita", role: "breed", output: "assets/generated/animals/dog/akita.png", status: "generated" }, { id: "dog_alaskan-malamute", species: "dog", speciesLabel: "Hund", displayName: "Alaskan Malamute", role: "breed", output: "assets/generated/animals/dog/alaskan-malamute.png", status: "generated" }, { id: "dog_american-akita", species: "dog", speciesLabel: "Hund", displayName: "American Akita", role: "breed", output: "assets/generated/animals/dog/american-akita.png", status: "generated" }, { id: "dog_american-staffordshire-terrier", species: "dog", speciesLabel: "Hund", displayName: "American Staffordshire Terrier", role: "breed", output: "assets/generated/animals/dog/american-staffordshire-terrier.png", status: "generated" }, { id: "dog_appenzeller-sennenhund", species: "dog", speciesLabel: "Hund", displayName: "Appenzeller Sennenhund", role: "breed", output: "assets/generated/animals/dog/appenzeller-sennenhund.png", status: "generated" }, { id: "dog_australian-cattle-dog", species: "dog", speciesLabel: "Hund", displayName: "Australian Cattle Dog", role: "breed", output: "assets/generated/animals/dog/australian-cattle-dog.png", status: "generated" }, { id: "dog_australian-shepherd", species: "dog", speciesLabel: "Hund", displayName: "Australian Shepherd", role: "breed", output: "assets/generated/animals/dog/australian-shepherd.png", status: "generated" }, { id: "dog_australian-terrier", species: "dog", speciesLabel: "Hund", displayName: "Australian Terrier", role: "breed", output: "assets/generated/animals/dog/australian-terrier.png", status: "generated" }, { id: "dog_barsoi", species: "dog", speciesLabel: "Hund", displayName: "Barsoi", role: "breed", output: "assets/generated/animals/dog/barsoi.png", status: "generated" }, { id: "dog_basenji", species: "dog", speciesLabel: "Hund", displayName: "Basenji", role: "breed", output: "assets/generated/animals/dog/basenji.png", status: "generated" }, { id: "dog_basset-hound", species: "dog", speciesLabel: "Hund", displayName: "Basset Hound", role: "breed", output: "assets/generated/animals/dog/basset-hound.png", status: "generated" }, { id: "dog_beagle", species: "dog", speciesLabel: "Hund", displayName: "Beagle", role: "breed", output: "assets/generated/animals/dog/beagle.png", status: "generated" }, { id: "dog_bearded-collie", species: "dog", speciesLabel: "Hund", displayName: "Bearded Collie", role: "breed", output: "assets/generated/animals/dog/bearded-collie.png", status: "generated" }, { id: "dog_beauceron", species: "dog", speciesLabel: "Hund", displayName: "Beauceron", role: "breed", output: "assets/generated/animals/dog/beauceron.png", status: "generated" }, { id: "dog_belgischer-schaferhund", species: "dog", speciesLabel: "Hund", displayName: "Belgischer Sch\xE4ferhund", role: "breed", output: "assets/generated/animals/dog/belgischer-schaferhund.png", status: "generated" }, { id: "dog_berner-sennenhund", species: "dog", speciesLabel: "Hund", displayName: "Berner Sennenhund", role: "breed", output: "assets/generated/animals/dog/berner-sennenhund.png", status: "generated" }, { id: "dog_bernhardiner", species: "dog", speciesLabel: "Hund", displayName: "Bernhardiner", role: "breed", output: "assets/generated/animals/dog/bernhardiner.png", status: "generated" }, { id: "dog_bichon-frise", species: "dog", speciesLabel: "Hund", displayName: "Bichon Fris\xE9", role: "breed", output: "assets/generated/animals/dog/bichon-frise.png", status: "generated" }, { id: "dog_bloodhound", species: "dog", speciesLabel: "Hund", displayName: "Bloodhound", role: "breed", output: "assets/generated/animals/dog/bloodhound.png", status: "generated" }, { id: "dog_bobtail", species: "dog", speciesLabel: "Hund", displayName: "Bobtail", role: "breed", output: "assets/generated/animals/dog/bobtail.png", status: "generated" }, { id: "dog_border-collie", species: "dog", speciesLabel: "Hund", displayName: "Border Collie", role: "breed", output: "assets/generated/animals/dog/border-collie.png", status: "generated" }, { id: "dog_border-terrier", species: "dog", speciesLabel: "Hund", displayName: "Border Terrier", role: "breed", output: "assets/generated/animals/dog/border-terrier.png", status: "generated" }, { id: "dog_boston-terrier", species: "dog", speciesLabel: "Hund", displayName: "Boston Terrier", role: "breed", output: "assets/generated/animals/dog/boston-terrier.png", status: "generated" }, { id: "dog_boxer", species: "dog", speciesLabel: "Hund", displayName: "Boxer", role: "breed", output: "assets/generated/animals/dog/boxer.png", status: "generated" }, { id: "dog_briard", species: "dog", speciesLabel: "Hund", displayName: "Briard", role: "breed", output: "assets/generated/animals/dog/briard.png", status: "generated" }, { id: "dog_bull-terrier", species: "dog", speciesLabel: "Hund", displayName: "Bull Terrier", role: "breed", output: "assets/generated/animals/dog/bull-terrier.png", status: "generated" }, { id: "dog_bulldog", species: "dog", speciesLabel: "Hund", displayName: "Bulldog", role: "breed", output: "assets/generated/animals/dog/bulldog.png", status: "generated" }, { id: "dog_bullmastiff", species: "dog", speciesLabel: "Hund", displayName: "Bullmastiff", role: "breed", output: "assets/generated/animals/dog/bullmastiff.png", status: "generated" }, { id: "dog_cairn-terrier", species: "dog", speciesLabel: "Hund", displayName: "Cairn Terrier", role: "breed", output: "assets/generated/animals/dog/cairn-terrier.png", status: "generated" }, { id: "dog_cane-corso", species: "dog", speciesLabel: "Hund", displayName: "Cane Corso", role: "breed", output: "assets/generated/animals/dog/cane-corso.png", status: "generated" }, { id: "dog_cavalier-king-charles-spaniel", species: "dog", speciesLabel: "Hund", displayName: "Cavalier King Charles Spaniel", role: "breed", output: "assets/generated/animals/dog/cavalier-king-charles-spaniel.png", status: "generated" }, { id: "dog_chihuahua", species: "dog", speciesLabel: "Hund", displayName: "Chihuahua", role: "breed", output: "assets/generated/animals/dog/chihuahua.png", status: "generated" }, { id: "dog_chow-chow", species: "dog", speciesLabel: "Hund", displayName: "Chow-Chow", role: "breed", output: "assets/generated/animals/dog/chow-chow.png", status: "generated" }, { id: "dog_cocker-spaniel", species: "dog", speciesLabel: "Hund", displayName: "Cocker Spaniel", role: "breed", output: "assets/generated/animals/dog/cocker-spaniel.png", status: "generated" }, { id: "dog_collie", species: "dog", speciesLabel: "Hund", displayName: "Collie", role: "breed", output: "assets/generated/animals/dog/collie.png", status: "generated" }, { id: "dog_dackel", species: "dog", speciesLabel: "Hund", displayName: "Dackel", role: "breed", output: "assets/generated/animals/dog/dackel.png", status: "generated" }, { id: "dog_dalmatiner", species: "dog", speciesLabel: "Hund", displayName: "Dalmatiner", role: "breed", output: "assets/generated/animals/dog/dalmatiner.png", status: "generated" }, { id: "dog_deutsche-dogge", species: "dog", speciesLabel: "Hund", displayName: "Deutsche Dogge", role: "breed", output: "assets/generated/animals/dog/deutsche-dogge.png", status: "generated" }, { id: "dog_deutscher-pinscher", species: "dog", speciesLabel: "Hund", displayName: "Deutscher Pinscher", role: "breed", output: "assets/generated/animals/dog/deutscher-pinscher.png", status: "generated" }, { id: "dog_deutscher-schaferhund", species: "dog", speciesLabel: "Hund", displayName: "Deutscher Sch\xE4ferhund", role: "breed", output: "assets/generated/animals/dog/deutscher-schaferhund.png", status: "generated" }, { id: "dog_dobermann", species: "dog", speciesLabel: "Hund", displayName: "Dobermann", role: "breed", output: "assets/generated/animals/dog/dobermann.png", status: "generated" }, { id: "dog_dogo-argentino", species: "dog", speciesLabel: "Hund", displayName: "Dogo Argentino", role: "breed", output: "assets/generated/animals/dog/dogo-argentino.png", status: "generated" }, { id: "dog_english-setter", species: "dog", speciesLabel: "Hund", displayName: "English Setter", role: "breed", output: "assets/generated/animals/dog/english-setter.png", status: "generated" }, { id: "dog_english-springer-spaniel", species: "dog", speciesLabel: "Hund", displayName: "English Springer Spaniel", role: "breed", output: "assets/generated/animals/dog/english-springer-spaniel.png", status: "generated" }, { id: "dog_eurasier", species: "dog", speciesLabel: "Hund", displayName: "Eurasier", role: "breed", output: "assets/generated/animals/dog/eurasier.png", status: "generated" }, { id: "dog_flat-coated-retriever", species: "dog", speciesLabel: "Hund", displayName: "Flat Coated Retriever", role: "breed", output: "assets/generated/animals/dog/flat-coated-retriever.png", status: "generated" }, { id: "dog_franzosische-bulldogge", species: "dog", speciesLabel: "Hund", displayName: "Franz\xF6sische Bulldogge", role: "breed", output: "assets/generated/animals/dog/franzosische-bulldogge.png", status: "generated" }, { id: "dog_golden-retriever", species: "dog", speciesLabel: "Hund", displayName: "Golden Retriever", role: "breed", output: "assets/generated/animals/dog/golden-retriever.png", status: "generated" }, { id: "dog_gordon-setter", species: "dog", speciesLabel: "Hund", displayName: "Gordon Setter", role: "breed", output: "assets/generated/animals/dog/gordon-setter.png", status: "generated" }, { id: "dog_greyhound", species: "dog", speciesLabel: "Hund", displayName: "Greyhound", role: "breed", output: "assets/generated/animals/dog/greyhound.png", status: "generated" }, { id: "dog_havaneser", species: "dog", speciesLabel: "Hund", displayName: "Havaneser", role: "breed", output: "assets/generated/animals/dog/havaneser.png", status: "generated" }, { id: "dog_hovawart", species: "dog", speciesLabel: "Hund", displayName: "Hovawart", role: "breed", output: "assets/generated/animals/dog/hovawart.png", status: "generated" }, { id: "dog_irish-setter", species: "dog", speciesLabel: "Hund", displayName: "Irish Setter", role: "breed", output: "assets/generated/animals/dog/irish-setter.png", status: "generated" }, { id: "dog_irish-terrier", species: "dog", speciesLabel: "Hund", displayName: "Irish Terrier", role: "breed", output: "assets/generated/animals/dog/irish-terrier.png", status: "generated" }, { id: "dog_jack-russell-terrier", species: "dog", speciesLabel: "Hund", displayName: "Jack Russell Terrier", role: "breed", output: "assets/generated/animals/dog/jack-russell-terrier.png", status: "generated" }, { id: "dog_japan-chin", species: "dog", speciesLabel: "Hund", displayName: "Japan Chin", role: "breed", output: "assets/generated/animals/dog/japan-chin.png", status: "generated" }, { id: "dog_kangal", species: "dog", speciesLabel: "Hund", displayName: "Kangal", role: "breed", output: "assets/generated/animals/dog/kangal.png", status: "generated" }, { id: "dog_labrador-retriever", species: "dog", speciesLabel: "Hund", displayName: "Labrador Retriever", role: "breed", output: "assets/generated/animals/dog/labrador-retriever.png", status: "generated" }, { id: "dog_lagotto-romagnolo", species: "dog", speciesLabel: "Hund", displayName: "Lagotto Romagnolo", role: "breed", output: "assets/generated/animals/dog/lagotto-romagnolo.png", status: "generated" }, { id: "dog_leonberger", species: "dog", speciesLabel: "Hund", displayName: "Leonberger", role: "breed", output: "assets/generated/animals/dog/leonberger.png", status: "generated" }, { id: "dog_lhasa-apso", species: "dog", speciesLabel: "Hund", displayName: "Lhasa Apso", role: "breed", output: "assets/generated/animals/dog/lhasa-apso.png", status: "generated" }, { id: "dog_malteser", species: "dog", speciesLabel: "Hund", displayName: "Malteser", role: "breed", output: "assets/generated/animals/dog/malteser.png", status: "generated" }, { id: "dog_malinois", species: "dog", speciesLabel: "Hund", displayName: "Malinois", role: "breed", output: "assets/generated/animals/dog/malinois.png", status: "generated" }, { id: "dog_mastiff", species: "dog", speciesLabel: "Hund", displayName: "Mastiff", role: "breed", output: "assets/generated/animals/dog/mastiff.png", status: "generated" }, { id: "dog_miniature-american-shepherd", species: "dog", speciesLabel: "Hund", displayName: "Miniature American Shepherd", role: "breed", output: "assets/generated/animals/dog/miniature-american-shepherd.png", status: "generated" }, { id: "dog_miniature-bull-terrier", species: "dog", speciesLabel: "Hund", displayName: "Miniature Bull Terrier", role: "breed", output: "assets/generated/animals/dog/miniature-bull-terrier.png", status: "generated" }, { id: "dog_mops", species: "dog", speciesLabel: "Hund", displayName: "Mops", role: "breed", output: "assets/generated/animals/dog/mops.png", status: "generated" }, { id: "dog_neufundlander", species: "dog", speciesLabel: "Hund", displayName: "Neufundl\xE4nder", role: "breed", output: "assets/generated/animals/dog/neufundlander.png", status: "generated" }, { id: "dog_norfolk-terrier", species: "dog", speciesLabel: "Hund", displayName: "Norfolk Terrier", role: "breed", output: "assets/generated/animals/dog/norfolk-terrier.png", status: "generated" }, { id: "dog_norwich-terrier", species: "dog", speciesLabel: "Hund", displayName: "Norwich Terrier", role: "breed", output: "assets/generated/animals/dog/norwich-terrier.png", status: "generated" }, { id: "dog_papillon", species: "dog", speciesLabel: "Hund", displayName: "Papillon", role: "breed", output: "assets/generated/animals/dog/papillon.png", status: "generated" }, { id: "dog_parson-russell-terrier", species: "dog", speciesLabel: "Hund", displayName: "Parson Russell Terrier", role: "breed", output: "assets/generated/animals/dog/parson-russell-terrier.png", status: "generated" }, { id: "dog_pekinese", species: "dog", speciesLabel: "Hund", displayName: "Pekinese", role: "breed", output: "assets/generated/animals/dog/pekinese.png", status: "generated" }, { id: "dog_pudel", species: "dog", speciesLabel: "Hund", displayName: "Pudel", role: "breed", output: "assets/generated/animals/dog/pudel.png", status: "generated" }, { id: "dog_rhodesian-ridgeback", species: "dog", speciesLabel: "Hund", displayName: "Rhodesian Ridgeback", role: "breed", output: "assets/generated/animals/dog/rhodesian-ridgeback.png", status: "generated" }, { id: "dog_rottweiler", species: "dog", speciesLabel: "Hund", displayName: "Rottweiler", role: "breed", output: "assets/generated/animals/dog/rottweiler.png", status: "generated" }, { id: "dog_samojede", species: "dog", speciesLabel: "Hund", displayName: "Samojede", role: "breed", output: "assets/generated/animals/dog/samojede.png", status: "generated" }, { id: "dog_schipperke", species: "dog", speciesLabel: "Hund", displayName: "Schipperke", role: "breed", output: "assets/generated/animals/dog/schipperke.png", status: "generated" }, { id: "dog_schnauzer", species: "dog", speciesLabel: "Hund", displayName: "Schnauzer", role: "breed", output: "assets/generated/animals/dog/schnauzer.png", status: "generated" }, { id: "dog_scottish-terrier", species: "dog", speciesLabel: "Hund", displayName: "Scottish Terrier", role: "breed", output: "assets/generated/animals/dog/scottish-terrier.png", status: "generated" }, { id: "dog_shetland-sheepdog-sheltie", species: "dog", speciesLabel: "Hund", displayName: "Shetland Sheepdog / Sheltie", role: "breed", output: "assets/generated/animals/dog/shetland-sheepdog-sheltie.png", status: "generated" }, { id: "dog_shiba-inu", species: "dog", speciesLabel: "Hund", displayName: "Shiba Inu", role: "breed", output: "assets/generated/animals/dog/shiba-inu.png", status: "generated" }, { id: "dog_shih-tzu", species: "dog", speciesLabel: "Hund", displayName: "Shih Tzu", role: "breed", output: "assets/generated/animals/dog/shih-tzu.png", status: "generated" }, { id: "dog_siberian-husky", species: "dog", speciesLabel: "Hund", displayName: "Siberian Husky", role: "breed", output: "assets/generated/animals/dog/siberian-husky.png", status: "generated" }, { id: "dog_staffordshire-bull-terrier", species: "dog", speciesLabel: "Hund", displayName: "Staffordshire Bull Terrier", role: "breed", output: "assets/generated/animals/dog/staffordshire-bull-terrier.png", status: "generated" }, { id: "dog_magyar-vizsla", species: "dog", speciesLabel: "Hund", displayName: "Magyar Vizsla", role: "breed", output: "assets/generated/animals/dog/magyar-vizsla.png", status: "generated" }, { id: "dog_weimaraner", species: "dog", speciesLabel: "Hund", displayName: "Weimaraner", role: "breed", output: "assets/generated/animals/dog/weimaraner.png", status: "generated" }, { id: "dog_welsh-corgi-cardigan", species: "dog", speciesLabel: "Hund", displayName: "Welsh Corgi Cardigan", role: "breed", output: "assets/generated/animals/dog/welsh-corgi-cardigan.png", status: "generated" }, { id: "dog_welsh-corgi-pembroke", species: "dog", speciesLabel: "Hund", displayName: "Welsh Corgi Pembroke", role: "breed", output: "assets/generated/animals/dog/welsh-corgi-pembroke.png", status: "generated" }, { id: "dog_west-highland-white-terrier", species: "dog", speciesLabel: "Hund", displayName: "West Highland White Terrier", role: "breed", output: "assets/generated/animals/dog/west-highland-white-terrier.png", status: "generated" }, { id: "dog_whippet", species: "dog", speciesLabel: "Hund", displayName: "Whippet", role: "breed", output: "assets/generated/animals/dog/whippet.png", status: "generated" }, { id: "dog_wolfsspitz", species: "dog", speciesLabel: "Hund", displayName: "Wolfsspitz", role: "breed", output: "assets/generated/animals/dog/wolfsspitz.png", status: "generated" }, { id: "dog_yorkshire-terrier", species: "dog", speciesLabel: "Hund", displayName: "Yorkshire Terrier", role: "breed", output: "assets/generated/animals/dog/yorkshire-terrier.png", status: "generated" }, { id: "dog_zwergpinscher", species: "dog", speciesLabel: "Hund", displayName: "Zwergpinscher", role: "breed", output: "assets/generated/animals/dog/zwergpinscher.png", status: "generated" }, { id: "dog_zwergschnauzer", species: "dog", speciesLabel: "Hund", displayName: "Zwergschnauzer", role: "breed", output: "assets/generated/animals/dog/zwergschnauzer.png", status: "generated" }, { id: "dog_rasse-unbekannt", species: "dog", speciesLabel: "Hund", displayName: "Rasse unbekannt", role: "standard-fallback", output: "assets/generated/animals/dog/dog-standard.png", status: "generated" }, { id: "dog_sonstige-rasse", species: "dog", speciesLabel: "Hund", displayName: "Sonstige Rasse", role: "standard-fallback", output: "assets/generated/animals/dog/dog-standard.png", status: "generated" }, { id: "cat_hauskatze-mischling", species: "cat", speciesLabel: "Katze", displayName: "Hauskatze / Mischling", role: "neutral-mix", output: "assets/generated/animals/cat/cat-neutral-mix.png", status: "generated" }, { id: "cat_abessinier", species: "cat", speciesLabel: "Katze", displayName: "Abessinier", role: "breed", output: "assets/generated/animals/cat/abessinier.png", status: "generated" }, { id: "cat_american-bobtail", species: "cat", speciesLabel: "Katze", displayName: "American Bobtail", role: "breed", output: "assets/generated/animals/cat/american-bobtail.png", status: "generated" }, { id: "cat_american-curl", species: "cat", speciesLabel: "Katze", displayName: "American Curl", role: "breed", output: "assets/generated/animals/cat/american-curl.png", status: "generated" }, { id: "cat_american-shorthair", species: "cat", speciesLabel: "Katze", displayName: "American Shorthair", role: "breed", output: "assets/generated/animals/cat/american-shorthair.png", status: "generated" }, { id: "cat_american-wirehair", species: "cat", speciesLabel: "Katze", displayName: "American Wirehair", role: "breed", output: "assets/generated/animals/cat/american-wirehair.png", status: "generated" }, { id: "cat_australian-mist", species: "cat", speciesLabel: "Katze", displayName: "Australian Mist", role: "breed", output: "assets/generated/animals/cat/australian-mist.png", status: "generated" }, { id: "cat_balinese", species: "cat", speciesLabel: "Katze", displayName: "Balinese", role: "breed", output: "assets/generated/animals/cat/balinese.png", status: "generated" }, { id: "cat_bengal", species: "cat", speciesLabel: "Katze", displayName: "Bengal", role: "breed", output: "assets/generated/animals/cat/bengal.png", status: "generated" }, { id: "cat_bombay", species: "cat", speciesLabel: "Katze", displayName: "Bombay", role: "breed", output: "assets/generated/animals/cat/bombay.png", status: "generated" }, { id: "cat_britisch-kurzhaar", species: "cat", speciesLabel: "Katze", displayName: "Britisch Kurzhaar", role: "breed", output: "assets/generated/animals/cat/britisch-kurzhaar.png", status: "generated" }, { id: "cat_britisch-langhaar", species: "cat", speciesLabel: "Katze", displayName: "Britisch Langhaar", role: "breed", output: "assets/generated/animals/cat/britisch-langhaar.png", status: "generated" }, { id: "cat_burma", species: "cat", speciesLabel: "Katze", displayName: "Burma", role: "breed", output: "assets/generated/animals/cat/burma.png", status: "generated" }, { id: "cat_burmilla", species: "cat", speciesLabel: "Katze", displayName: "Burmilla", role: "breed", output: "assets/generated/animals/cat/burmilla.png", status: "generated" }, { id: "cat_chartreux-kartauser", species: "cat", speciesLabel: "Katze", displayName: "Chartreux / Kart\xE4user", role: "breed", output: "assets/generated/animals/cat/chartreux-kartauser.png", status: "generated" }, { id: "cat_chausie", species: "cat", speciesLabel: "Katze", displayName: "Chausie", role: "breed", output: "assets/generated/animals/cat/chausie.png", status: "generated" }, { id: "cat_cornish-rex", species: "cat", speciesLabel: "Katze", displayName: "Cornish Rex", role: "breed", output: "assets/generated/animals/cat/cornish-rex.png", status: "generated" }, { id: "cat_cymric", species: "cat", speciesLabel: "Katze", displayName: "Cymric", role: "breed", output: "assets/generated/animals/cat/cymric.png", status: "generated" }, { id: "cat_devon-rex", species: "cat", speciesLabel: "Katze", displayName: "Devon Rex", role: "breed", output: "assets/generated/animals/cat/devon-rex.png", status: "generated" }, { id: "cat_donskoy", species: "cat", speciesLabel: "Katze", displayName: "Donskoy", role: "breed", output: "assets/generated/animals/cat/donskoy.png", status: "generated" }, { id: "cat_agyptische-mau", species: "cat", speciesLabel: "Katze", displayName: "\xC4gyptische Mau", role: "breed", output: "assets/generated/animals/cat/agyptische-mau.png", status: "generated" }, { id: "cat_europaisch-kurzhaar", species: "cat", speciesLabel: "Katze", displayName: "Europ\xE4isch Kurzhaar", role: "breed", output: "assets/generated/animals/cat/europaisch-kurzhaar.png", status: "generated" }, { id: "cat_exotic-shorthair", species: "cat", speciesLabel: "Katze", displayName: "Exotic Shorthair", role: "breed", output: "assets/generated/animals/cat/exotic-shorthair.png", status: "generated" }, { id: "cat_german-rex", species: "cat", speciesLabel: "Katze", displayName: "German Rex", role: "breed", output: "assets/generated/animals/cat/german-rex.png", status: "generated" }, { id: "cat_havana-brown", species: "cat", speciesLabel: "Katze", displayName: "Havana Brown", role: "breed", output: "assets/generated/animals/cat/havana-brown.png", status: "generated" }, { id: "cat_heilige-birma", species: "cat", speciesLabel: "Katze", displayName: "Heilige Birma", role: "breed", output: "assets/generated/animals/cat/heilige-birma.png", status: "generated" }, { id: "cat_japanische-bobtail", species: "cat", speciesLabel: "Katze", displayName: "Japanische Bobtail", role: "breed", output: "assets/generated/animals/cat/japanische-bobtail.png", status: "generated" }, { id: "cat_khao-manee", species: "cat", speciesLabel: "Katze", displayName: "Khao Manee", role: "breed", output: "assets/generated/animals/cat/khao-manee.png", status: "generated" }, { id: "cat_korat", species: "cat", speciesLabel: "Katze", displayName: "Korat", role: "breed", output: "assets/generated/animals/cat/korat.png", status: "generated" }, { id: "cat_kurilen-bobtail", species: "cat", speciesLabel: "Katze", displayName: "Kurilen Bobtail", role: "breed", output: "assets/generated/animals/cat/kurilen-bobtail.png", status: "generated" }, { id: "cat_laperm", species: "cat", speciesLabel: "Katze", displayName: "LaPerm", role: "breed", output: "assets/generated/animals/cat/laperm.png", status: "generated" }, { id: "cat_lykoi", species: "cat", speciesLabel: "Katze", displayName: "Lykoi", role: "breed", output: "assets/generated/animals/cat/lykoi.png", status: "generated" }, { id: "cat_maine-coon", species: "cat", speciesLabel: "Katze", displayName: "Maine Coon", role: "breed", output: "assets/generated/animals/cat/maine-coon.png", status: "generated" }, { id: "cat_manx", species: "cat", speciesLabel: "Katze", displayName: "Manx", role: "breed", output: "assets/generated/animals/cat/manx.png", status: "generated" }, { id: "cat_minuet", species: "cat", speciesLabel: "Katze", displayName: "Minuet", role: "breed", output: "assets/generated/animals/cat/minuet.png", status: "generated" }, { id: "cat_munchkin", species: "cat", speciesLabel: "Katze", displayName: "Munchkin", role: "breed", output: "assets/generated/animals/cat/munchkin.png", status: "generated" }, { id: "cat_nebelung", species: "cat", speciesLabel: "Katze", displayName: "Nebelung", role: "breed", output: "assets/generated/animals/cat/nebelung.png", status: "generated" }, { id: "cat_neva-masquerade", species: "cat", speciesLabel: "Katze", displayName: "Neva Masquerade", role: "breed", output: "assets/generated/animals/cat/neva-masquerade.png", status: "generated" }, { id: "cat_norwegische-waldkatze", species: "cat", speciesLabel: "Katze", displayName: "Norwegische Waldkatze", role: "breed", output: "assets/generated/animals/cat/norwegische-waldkatze.png", status: "generated" }, { id: "cat_ocicat", species: "cat", speciesLabel: "Katze", displayName: "Ocicat", role: "breed", output: "assets/generated/animals/cat/ocicat.png", status: "generated" }, { id: "cat_orientalisch-kurzhaar", species: "cat", speciesLabel: "Katze", displayName: "Orientalisch Kurzhaar", role: "breed", output: "assets/generated/animals/cat/orientalisch-kurzhaar.png", status: "generated" }, { id: "cat_orientalisch-langhaar", species: "cat", speciesLabel: "Katze", displayName: "Orientalisch Langhaar", role: "breed", output: "assets/generated/animals/cat/orientalisch-langhaar.png", status: "generated" }, { id: "cat_perser", species: "cat", speciesLabel: "Katze", displayName: "Perser", role: "breed", output: "assets/generated/animals/cat/perser.png", status: "generated" }, { id: "cat_peterbald", species: "cat", speciesLabel: "Katze", displayName: "Peterbald", role: "breed", output: "assets/generated/animals/cat/peterbald.png", status: "generated" }, { id: "cat_pixiebob", species: "cat", speciesLabel: "Katze", displayName: "Pixiebob", role: "breed", output: "assets/generated/animals/cat/pixiebob.png", status: "generated" }, { id: "cat_ragdoll", species: "cat", speciesLabel: "Katze", displayName: "Ragdoll", role: "breed", output: "assets/generated/animals/cat/ragdoll.png", status: "generated" }, { id: "cat_russisch-blau", species: "cat", speciesLabel: "Katze", displayName: "Russisch Blau", role: "breed", output: "assets/generated/animals/cat/russisch-blau.png", status: "generated" }, { id: "cat_savannah", species: "cat", speciesLabel: "Katze", displayName: "Savannah", role: "breed", output: "assets/generated/animals/cat/savannah.png", status: "generated" }, { id: "cat_scottish-fold", species: "cat", speciesLabel: "Katze", displayName: "Scottish Fold", role: "breed", output: "assets/generated/animals/cat/scottish-fold.png", status: "generated" }, { id: "cat_scottish-straight", species: "cat", speciesLabel: "Katze", displayName: "Scottish Straight", role: "breed", output: "assets/generated/animals/cat/scottish-straight.png", status: "generated" }, { id: "cat_selkirk-rex", species: "cat", speciesLabel: "Katze", displayName: "Selkirk Rex", role: "breed", output: "assets/generated/animals/cat/selkirk-rex.png", status: "generated" }, { id: "cat_siam", species: "cat", speciesLabel: "Katze", displayName: "Siam", role: "breed", output: "assets/generated/animals/cat/siam.png", status: "generated" }, { id: "cat_sibirische-katze", species: "cat", speciesLabel: "Katze", displayName: "Sibirische Katze", role: "breed", output: "assets/generated/animals/cat/sibirische-katze.png", status: "generated" }, { id: "cat_singapura", species: "cat", speciesLabel: "Katze", displayName: "Singapura", role: "breed", output: "assets/generated/animals/cat/singapura.png", status: "generated" }, { id: "cat_snowshoe", species: "cat", speciesLabel: "Katze", displayName: "Snowshoe", role: "breed", output: "assets/generated/animals/cat/snowshoe.png", status: "generated" }, { id: "cat_sokoke", species: "cat", speciesLabel: "Katze", displayName: "Sokoke", role: "breed", output: "assets/generated/animals/cat/sokoke.png", status: "generated" }, { id: "cat_somali", species: "cat", speciesLabel: "Katze", displayName: "Somali", role: "breed", output: "assets/generated/animals/cat/somali.png", status: "generated" }, { id: "cat_sphynx", species: "cat", speciesLabel: "Katze", displayName: "Sphynx", role: "breed", output: "assets/generated/animals/cat/sphynx.png", status: "generated" }, { id: "cat_thai", species: "cat", speciesLabel: "Katze", displayName: "Thai", role: "breed", output: "assets/generated/animals/cat/thai.png", status: "generated" }, { id: "cat_tonkanese", species: "cat", speciesLabel: "Katze", displayName: "Tonkanese", role: "breed", output: "assets/generated/animals/cat/tonkanese.png", status: "generated" }, { id: "cat_toyger", species: "cat", speciesLabel: "Katze", displayName: "Toyger", role: "breed", output: "assets/generated/animals/cat/toyger.png", status: "generated" }, { id: "cat_turkisch-angora", species: "cat", speciesLabel: "Katze", displayName: "T\xFCrkisch Angora", role: "breed", output: "assets/generated/animals/cat/turkisch-angora.png", status: "generated" }, { id: "cat_turkisch-van", species: "cat", speciesLabel: "Katze", displayName: "T\xFCrkisch Van", role: "breed", output: "assets/generated/animals/cat/turkisch-van.png", status: "generated" }, { id: "cat_rasse-unbekannt", species: "cat", speciesLabel: "Katze", displayName: "Rasse unbekannt", role: "standard-fallback", output: "assets/generated/animals/cat/cat-standard.png", status: "generated" }, { id: "cat_sonstige-rasse", species: "cat", speciesLabel: "Katze", displayName: "Sonstige Rasse", role: "standard-fallback", output: "assets/generated/animals/cat/cat-standard.png", status: "generated" }, { id: "horse_mischling-kreuzung", species: "horse", speciesLabel: "Pferd", displayName: "Mischling / Kreuzung", role: "neutral-mix", output: "assets/generated/animals/horse/horse-neutral-mix.png", status: "generated" }, { id: "horse_achal-tekkiner", species: "horse", speciesLabel: "Pferd", displayName: "Achal-Tekkiner", role: "breed", output: "assets/generated/animals/horse/achal-tekkiner.png", status: "generated" }, { id: "horse_american-paint-horse", species: "horse", speciesLabel: "Pferd", displayName: "American Paint Horse", role: "breed", output: "assets/generated/animals/horse/american-paint-horse.png", status: "generated" }, { id: "horse_american-quarter-horse", species: "horse", speciesLabel: "Pferd", displayName: "American Quarter Horse", role: "breed", output: "assets/generated/animals/horse/american-quarter-horse.png", status: "generated" }, { id: "horse_andalusier-pre", species: "horse", speciesLabel: "Pferd", displayName: "Andalusier / PRE", role: "breed", output: "assets/generated/animals/horse/andalusier-pre.png", status: "generated" }, { id: "horse_appaloosa", species: "horse", speciesLabel: "Pferd", displayName: "Appaloosa", role: "breed", output: "assets/generated/animals/horse/appaloosa.png", status: "generated" }, { id: "horse_arabisches-vollblut", species: "horse", speciesLabel: "Pferd", displayName: "Arabisches Vollblut", role: "breed", output: "assets/generated/animals/horse/arabisches-vollblut.png", status: "generated" }, { id: "horse_ardenner", species: "horse", speciesLabel: "Pferd", displayName: "Ardenner", role: "breed", output: "assets/generated/animals/horse/ardenner.png", status: "generated" }, { id: "horse_barockpinto", species: "horse", speciesLabel: "Pferd", displayName: "Barockpinto", role: "breed", output: "assets/generated/animals/horse/barockpinto.png", status: "generated" }, { id: "horse_belgisches-kaltblut", species: "horse", speciesLabel: "Pferd", displayName: "Belgisches Kaltblut", role: "breed", output: "assets/generated/animals/horse/belgisches-kaltblut.png", status: "generated" }, { id: "horse_camargue-pferd", species: "horse", speciesLabel: "Pferd", displayName: "Camargue-Pferd", role: "breed", output: "assets/generated/animals/horse/camargue-pferd.png", status: "generated" }, { id: "horse_cleveland-bay", species: "horse", speciesLabel: "Pferd", displayName: "Cleveland Bay", role: "breed", output: "assets/generated/animals/horse/cleveland-bay.png", status: "generated" }, { id: "horse_clydesdale", species: "horse", speciesLabel: "Pferd", displayName: "Clydesdale", role: "breed", output: "assets/generated/animals/horse/clydesdale.png", status: "generated" }, { id: "horse_connemara-pony", species: "horse", speciesLabel: "Pferd", displayName: "Connemara-Pony", role: "breed", output: "assets/generated/animals/horse/connemara-pony.png", status: "generated" }, { id: "horse_criollo", species: "horse", speciesLabel: "Pferd", displayName: "Criollo", role: "breed", output: "assets/generated/animals/horse/criollo.png", status: "generated" }, { id: "horse_curly-horse", species: "horse", speciesLabel: "Pferd", displayName: "Curly Horse", role: "breed", output: "assets/generated/animals/horse/curly-horse.png", status: "generated" }, { id: "horse_dartmoor-pony", species: "horse", speciesLabel: "Pferd", displayName: "Dartmoor-Pony", role: "breed", output: "assets/generated/animals/horse/dartmoor-pony.png", status: "generated" }, { id: "horse_deutsches-reitpony", species: "horse", speciesLabel: "Pferd", displayName: "Deutsches Reitpony", role: "breed", output: "assets/generated/animals/horse/deutsches-reitpony.png", status: "generated" }, { id: "horse_deutsches-sportpferd", species: "horse", speciesLabel: "Pferd", displayName: "Deutsches Sportpferd", role: "breed", output: "assets/generated/animals/horse/deutsches-sportpferd.png", status: "generated" }, { id: "horse_dulmener", species: "horse", speciesLabel: "Pferd", displayName: "D\xFClmener", role: "breed", output: "assets/generated/animals/horse/dulmener.png", status: "generated" }, { id: "horse_englisches-vollblut", species: "horse", speciesLabel: "Pferd", displayName: "Englisches Vollblut", role: "breed", output: "assets/generated/animals/horse/englisches-vollblut.png", status: "generated" }, { id: "horse_exmoor-pony", species: "horse", speciesLabel: "Pferd", displayName: "Exmoor-Pony", role: "breed", output: "assets/generated/animals/horse/exmoor-pony.png", status: "generated" }, { id: "horse_falabella", species: "horse", speciesLabel: "Pferd", displayName: "Falabella", role: "breed", output: "assets/generated/animals/horse/falabella.png", status: "generated" }, { id: "horse_fjordpferd", species: "horse", speciesLabel: "Pferd", displayName: "Fjordpferd", role: "breed", output: "assets/generated/animals/horse/fjordpferd.png", status: "generated" }, { id: "horse_friese", species: "horse", speciesLabel: "Pferd", displayName: "Friese", role: "breed", output: "assets/generated/animals/horse/friese.png", status: "generated" }, { id: "horse_haflinger", species: "horse", speciesLabel: "Pferd", displayName: "Haflinger", role: "breed", output: "assets/generated/animals/horse/haflinger.png", status: "generated" }, { id: "horse_hannoveraner", species: "horse", speciesLabel: "Pferd", displayName: "Hannoveraner", role: "breed", output: "assets/generated/animals/horse/hannoveraner.png", status: "generated" }, { id: "horse_highland-pony", species: "horse", speciesLabel: "Pferd", displayName: "Highland-Pony", role: "breed", output: "assets/generated/animals/horse/highland-pony.png", status: "generated" }, { id: "horse_holsteiner", species: "horse", speciesLabel: "Pferd", displayName: "Holsteiner", role: "breed", output: "assets/generated/animals/horse/holsteiner.png", status: "generated" }, { id: "horse_islandpferd", species: "horse", speciesLabel: "Pferd", displayName: "Islandpferd", role: "breed", output: "assets/generated/animals/horse/islandpferd.png", status: "generated" }, { id: "horse_irish-cob-tinker", species: "horse", speciesLabel: "Pferd", displayName: "Irish Cob / Tinker", role: "breed", output: "assets/generated/animals/horse/irish-cob-tinker.png", status: "generated" }, { id: "horse_knabstrupper", species: "horse", speciesLabel: "Pferd", displayName: "Knabstrupper", role: "breed", output: "assets/generated/animals/horse/knabstrupper.png", status: "generated" }, { id: "horse_lipizzaner", species: "horse", speciesLabel: "Pferd", displayName: "Lipizzaner", role: "breed", output: "assets/generated/animals/horse/lipizzaner.png", status: "generated" }, { id: "horse_lusitano", species: "horse", speciesLabel: "Pferd", displayName: "Lusitano", role: "breed", output: "assets/generated/animals/horse/lusitano.png", status: "generated" }, { id: "horse_menorquiner", species: "horse", speciesLabel: "Pferd", displayName: "Menorquiner", role: "breed", output: "assets/generated/animals/horse/menorquiner.png", status: "generated" }, { id: "horse_missouri-fox-trotter", species: "horse", speciesLabel: "Pferd", displayName: "Missouri Fox Trotter", role: "breed", output: "assets/generated/animals/horse/missouri-fox-trotter.png", status: "generated" }, { id: "horse_morgan-horse", species: "horse", speciesLabel: "Pferd", displayName: "Morgan Horse", role: "breed", output: "assets/generated/animals/horse/morgan-horse.png", status: "generated" }, { id: "horse_mustang", species: "horse", speciesLabel: "Pferd", displayName: "Mustang", role: "breed", output: "assets/generated/animals/horse/mustang.png", status: "generated" }, { id: "horse_new-forest-pony", species: "horse", speciesLabel: "Pferd", displayName: "New-Forest-Pony", role: "breed", output: "assets/generated/animals/horse/new-forest-pony.png", status: "generated" }, { id: "horse_noriker", species: "horse", speciesLabel: "Pferd", displayName: "Noriker", role: "breed", output: "assets/generated/animals/horse/noriker.png", status: "generated" }, { id: "horse_oldenburger", species: "horse", speciesLabel: "Pferd", displayName: "Oldenburger", role: "breed", output: "assets/generated/animals/horse/oldenburger.png", status: "generated" }, { id: "horse_paso-fino", species: "horse", speciesLabel: "Pferd", displayName: "Paso Fino", role: "breed", output: "assets/generated/animals/horse/paso-fino.png", status: "generated" }, { id: "horse_percheron", species: "horse", speciesLabel: "Pferd", displayName: "Percheron", role: "breed", output: "assets/generated/animals/horse/percheron.png", status: "generated" }, { id: "horse_pinto", species: "horse", speciesLabel: "Pferd", displayName: "Pinto", role: "breed", output: "assets/generated/animals/horse/pinto.png", status: "generated" }, { id: "horse_pony-of-the-americas", species: "horse", speciesLabel: "Pferd", displayName: "Pony of the Americas", role: "breed", output: "assets/generated/animals/horse/pony-of-the-americas.png", status: "generated" }, { id: "horse_rocky-mountain-horse", species: "horse", speciesLabel: "Pferd", displayName: "Rocky Mountain Horse", role: "breed", output: "assets/generated/animals/horse/rocky-mountain-horse.png", status: "generated" }, { id: "horse_schwarzwalder-kaltblut", species: "horse", speciesLabel: "Pferd", displayName: "Schwarzw\xE4lder Kaltblut", role: "breed", output: "assets/generated/animals/horse/schwarzwalder-kaltblut.png", status: "generated" }, { id: "horse_shetlandpony", species: "horse", speciesLabel: "Pferd", displayName: "Shetlandpony", role: "breed", output: "assets/generated/animals/horse/shetlandpony.png", status: "generated" }, { id: "horse_shire-horse", species: "horse", speciesLabel: "Pferd", displayName: "Shire Horse", role: "breed", output: "assets/generated/animals/horse/shire-horse.png", status: "generated" }, { id: "horse_suddeutsches-kaltblut", species: "horse", speciesLabel: "Pferd", displayName: "S\xFCddeutsches Kaltblut", role: "breed", output: "assets/generated/animals/horse/suddeutsches-kaltblut.png", status: "generated" }, { id: "horse_tennessee-walking-horse", species: "horse", speciesLabel: "Pferd", displayName: "Tennessee Walking Horse", role: "breed", output: "assets/generated/animals/horse/tennessee-walking-horse.png", status: "generated" }, { id: "horse_trakehner", species: "horse", speciesLabel: "Pferd", displayName: "Trakehner", role: "breed", output: "assets/generated/animals/horse/trakehner.png", status: "generated" }, { id: "horse_welsh-cob", species: "horse", speciesLabel: "Pferd", displayName: "Welsh Cob", role: "breed", output: "assets/generated/animals/horse/welsh-cob.png", status: "generated" }, { id: "horse_welsh-pony", species: "horse", speciesLabel: "Pferd", displayName: "Welsh Pony", role: "breed", output: "assets/generated/animals/horse/welsh-pony.png", status: "generated" }, { id: "horse_westfale", species: "horse", speciesLabel: "Pferd", displayName: "Westfale", role: "breed", output: "assets/generated/animals/horse/westfale.png", status: "generated" }, { id: "horse_warmblut-deutsches-reitpferd", species: "horse", speciesLabel: "Pferd", displayName: "Warmblut / Deutsches Reitpferd", role: "breed", output: "assets/generated/animals/horse/warmblut-deutsches-reitpferd.png", status: "generated" }, { id: "horse_rasse-unbekannt", species: "horse", speciesLabel: "Pferd", displayName: "Rasse unbekannt", role: "standard-fallback", output: "assets/generated/animals/horse/horse-standard.png", status: "generated" }, { id: "horse_sonstige-rasse", species: "horse", speciesLabel: "Pferd", displayName: "Sonstige Rasse", role: "standard-fallback", output: "assets/generated/animals/horse/horse-standard.png", status: "generated" } ], memories: [ { id: "dog_brustgeschirr", species: "dog", displayName: "Brustgeschirr", output: "assets/generated/memories/dog/brustgeschirr.png", status: "generated" }, { id: "dog_leckerlibeutel", species: "dog", displayName: "Leckerlibeutel", output: "assets/generated/memories/dog/leckerlibeutel.png", status: "generated" }, { id: "dog_pfotenabdruck", species: "dog", displayName: "Pfotenabdruck", output: "assets/generated/memories/dog/pfotenabdruck.png", status: "generated" }, { id: "dog_lieblingsdecke", species: "dog", displayName: "Lieblingsdecke", output: "assets/generated/memories/dog/lieblingsdecke.png", status: "generated" }, { id: "dog_telefonnotiz", species: "dog", displayName: "Telefonnotiz", output: "assets/generated/memories/dog/telefonnotiz.png", status: "generated" }, { id: "dog_ruheband", species: "dog", displayName: "Ruheband", output: "assets/generated/memories/dog/ruheband.png", status: "generated" }, { id: "dog_herzanhanger", species: "dog", displayName: "Herzanh\xE4nger", output: "assets/generated/memories/dog/herzanhanger.png", status: "generated" }, { id: "dog_untersuchungsbogen", species: "dog", displayName: "Untersuchungsbogen", output: "assets/generated/memories/dog/untersuchungsbogen.png", status: "generated" }, { id: "dog_wartezimmermarke", species: "dog", displayName: "Wartezimmermarke", output: "assets/generated/memories/dog/wartezimmermarke.png", status: "generated" }, { id: "cat_fensterkissen", species: "cat", displayName: "Fensterkissen", output: "assets/generated/memories/cat/fensterkissen.png", status: "generated" }, { id: "cat_lieblingsdecke", species: "cat", displayName: "Lieblingsdecke", output: "assets/generated/memories/cat/lieblingsdecke.png", status: "generated" }, { id: "cat_lieblingskarton", species: "cat", displayName: "Lieblingskarton", output: "assets/generated/memories/cat/lieblingskarton.png", status: "generated" }, { id: "cat_aufbewahrungsbox", species: "cat", displayName: "Aufbewahrungsbox", output: "assets/generated/memories/cat/aufbewahrungsbox.png", status: "generated" }, { id: "cat_taschenlampe", species: "cat", displayName: "Taschenlampe", output: "assets/generated/memories/cat/taschenlampe.png", status: "generated" }, { id: "cat_spielzeugfoto", species: "cat", displayName: "Spielzeugfoto", output: "assets/generated/memories/cat/spielzeugfoto.png", status: "generated" }, { id: "cat_telefonnotiz", species: "cat", displayName: "Telefonnotiz", output: "assets/generated/memories/cat/telefonnotiz.png", status: "generated" }, { id: "cat_beobachtungskarte", species: "cat", displayName: "Beobachtungskarte", output: "assets/generated/memories/cat/beobachtungskarte.png", status: "generated" }, { id: "cat_transportbox", species: "cat", displayName: "Transportbox", output: "assets/generated/memories/cat/transportbox.png", status: "generated" }, { id: "horse_putzhalfter", species: "horse", displayName: "Putzhalfter", output: "assets/generated/memories/horse/putzhalfter.png", status: "generated" }, { id: "horse_putzhandschuh", species: "horse", displayName: "Putzhandschuh", output: "assets/generated/memories/horse/putzhandschuh.png", status: "generated" }, { id: "horse_arbeitshandschuh", species: "horse", displayName: "Arbeitshandschuh", output: "assets/generated/memories/horse/arbeitshandschuh.png", status: "generated" }, { id: "horse_koppelhandschuh", species: "horse", displayName: "Koppelhandschuh", output: "assets/generated/memories/horse/koppelhandschuh.png", status: "generated" }, { id: "horse_fuhrseil", species: "horse", displayName: "F\xFChrseil", output: "assets/generated/memories/horse/fuhrseil.png", status: "generated" }, { id: "horse_sicherheitsweste", species: "horse", displayName: "Sicherheitsweste", output: "assets/generated/memories/horse/sicherheitsweste.png", status: "generated" }, { id: "horse_stallhalfter", species: "horse", displayName: "Stallhalfter", output: "assets/generated/memories/horse/stallhalfter.png", status: "generated" }, { id: "horse_torhaken", species: "horse", displayName: "Torhaken", output: "assets/generated/memories/horse/torhaken.png", status: "generated" }, { id: "horse_fuhrstrick", species: "horse", displayName: "F\xFChrstrick", output: "assets/generated/memories/horse/fuhrstrick.png", status: "generated" } ], scenes: [ { id: "dog_home-sneaker", species: "dog", displayName: "home-sneaker", description: "Wohnraum mit Hundek\xF6rbchen, Napf, Spielsachen und einem einzelnen Turnschuh", output: "assets/generated/scenes/dog/home-sneaker.png", status: "generated" }, { id: "dog_park-discovery", species: "dog", displayName: "park-discovery", description: "Park mit gro\xDFer Wiese, Geb\xFCsch und kleiner Pf\xFCtze", output: "assets/generated/scenes/dog/park-discovery.png", status: "generated" }, { id: "dog_vet-practice", species: "dog", displayName: "vet-practice", description: "Warme, ruhige Tierarztpraxis mit Untersuchungstisch", output: "assets/generated/scenes/dog/vet-practice.png", status: "generated" }, { id: "cat_new-home", species: "cat", displayName: "new-home", description: "Heller Wohnraum mit Kratzbaum, Spielzeug, Fenster und ge\xF6ffnetem Karton", output: "assets/generated/scenes/cat/new-home.png", status: "generated" }, { id: "cat_red-ribbon", species: "cat", displayName: "red-ribbon", description: "Warmer Wohnraum mit Tisch, Geschenkpapier und freier Bodenfl\xE4che", output: "assets/generated/scenes/cat/red-ribbon.png", status: "generated" }, { id: "cat_vet-practice", species: "cat", displayName: "vet-practice", description: "Ruhiger, freundlicher Behandlungsraum einer Tierarztpraxis", output: "assets/generated/scenes/cat/vet-practice.png", status: "generated" }, { id: "horse_grooming-area", species: "horse", displayName: "grooming-area", description: "Putzplatz mit Putzkasten, Heuhaufen und Pflegeutensilien", output: "assets/generated/scenes/horse/grooming-area.png", status: "generated" }, { id: "horse_fluttering-cloth", species: "horse", displayName: "fluttering-cloth", description: "Weg neben einer Koppel mit Trainingspylone und Platz f\xFCr ein flatterndes Tuch", output: "assets/generated/scenes/horse/fluttering-cloth.png", status: "generated" }, { id: "horse_stable-gate", species: "horse", displayName: "stable-gate", description: "Stalltor und ruhiger Parkplatz mit Platz f\xFCr ein Auto", output: "assets/generated/scenes/horse/stable-gate.png", status: "generated" } ], website: [ { id: "hero-dog-cat-horse", displayName: "Hero-Komposition Hund, Katze und Pferd", output: "assets/generated/website/hero-dog-cat-horse.png", status: "generated" }, { id: "card-dog", displayName: "Tierkarte Hund", output: "assets/generated/website/card-dog.png", status: "generated" }, { id: "card-cat", displayName: "Tierkarte Katze", output: "assets/generated/website/card-cat.png", status: "generated" }, { id: "card-horse", displayName: "Tierkarte Pferd", output: "assets/generated/website/card-horse.png", status: "generated" }, { id: "story-dog", displayName: "Geschichtenkarte Hund", output: "assets/generated/website/story-dog.png", status: "generated" }, { id: "story-cat", displayName: "Geschichtenkarte Katze", output: "assets/generated/website/story-cat.png", status: "generated" }, { id: "story-horse", displayName: "Geschichtenkarte Pferd", output: "assets/generated/website/story-horse.png", status: "generated" }, { id: "result-base-dog", displayName: "Textfreie Ergebnisvorlage Hund 1080x1920", output: "assets/generated/social/result-base-dog.png", status: "generated" }, { id: "result-base-cat", displayName: "Textfreie Ergebnisvorlage Katze 1080x1920", output: "assets/generated/social/result-base-cat.png", status: "generated" }, { id: "result-base-horse", displayName: "Textfreie Ergebnisvorlage Pferd 1080x1920", output: "assets/generated/social/result-base-horse.png", status: "generated" } ], icons: [ { id: "paw", output: "assets/generated/icons/paw.svg", status: "generated" }, { id: "heart", output: "assets/generated/icons/heart.svg", status: "generated" }, { id: "shield", output: "assets/generated/icons/shield.svg", status: "generated" }, { id: "medical-cross", output: "assets/generated/icons/medical-cross.svg", status: "generated" }, { id: "bandage", output: "assets/generated/icons/bandage.svg", status: "generated" }, { id: "wallet", output: "assets/generated/icons/wallet.svg", status: "generated" }, { id: "phone", output: "assets/generated/icons/phone.svg", status: "generated" }, { id: "mail", output: "assets/generated/icons/mail.svg", status: "generated" }, { id: "whatsapp", output: "assets/generated/icons/whatsapp.svg", status: "generated" }, { id: "instagram", output: "assets/generated/icons/instagram.svg", status: "generated" }, { id: "share", output: "assets/generated/icons/share.svg", status: "generated" }, { id: "download", output: "assets/generated/icons/download.svg", status: "generated" }, { id: "link", output: "assets/generated/icons/link.svg", status: "generated" }, { id: "search", output: "assets/generated/icons/search.svg", status: "generated" }, { id: "star-empty", output: "assets/generated/icons/star-empty.svg", status: "generated" }, { id: "star-filled", output: "assets/generated/icons/star-filled.svg", status: "generated" }, { id: "chevron-down", output: "assets/generated/icons/chevron-down.svg", status: "generated" }, { id: "arrow-right", output: "assets/generated/icons/arrow-right.svg", status: "generated" }, { id: "dog", output: "assets/generated/icons/dog.svg", status: "generated" }, { id: "cat", output: "assets/generated/icons/cat.svg", status: "generated" }, { id: "horse", output: "assets/generated/icons/horse.svg", status: "generated" } ] }; // src/lib/game/normalization.ts var COMBINING_MARKS = /[\u0300-\u036f]/g; var SIMPLE_PUNCTUATION = /[\p{P}\p{S}]+/gu; function normalizeSearchText(value) { return value.trim().toLocaleLowerCase("de-DE").replaceAll("\xE4", "ae").replaceAll("\xF6", "oe").replaceAll("\xFC", "ue").replaceAll("\xDF", "ss").normalize("NFKD").replace(COMBINING_MARKS, "").replace(SIMPLE_PUNCTUATION, " ").replace(/\s+/g, " ").trim(); } // src/lib/game/types.ts var SPECIES = ["dog", "cat", "horse"]; var SCORE_CATEGORIES = ["care", "discovery", "calm"]; var RESULT_TYPES = [...SCORE_CATEGORIES, "balanced"]; // src/data/game/breeds.ts var aliasesById = {}; function isSpecies(value) { return SPECIES.includes(value); } function fallbackKind(id, role) { if (role === "breed") return "breed"; if (role === "neutral-mix") return "mix"; if (role === "standard-fallback" && id.endsWith("_rasse-unbekannt")) { return "unknown"; } if (role === "standard-fallback" && id.endsWith("_sonstige-rasse")) { return "other"; } throw new Error(`Unbekannte Fallbackrolle f\xFCr ${id}: ${role}`); } var BREED_OPTIONS = manifest_default.animals.map( (entry) => { if (!isSpecies(entry.species)) { throw new Error(`Unbekannte Tierart im Manifest: ${entry.species}`); } const aliases = aliasesById[entry.id] ?? []; const normalizedSearchTerms = [entry.displayName, ...aliases].map(normalizeSearchText).filter( (term, index, terms) => term.length > 0 && terms.indexOf(term) === index ); return { id: entry.id, species: entry.species, displayName: entry.displayName, normalizedSearchTerms, aliases, assetId: entry.id, assetPath: entry.output, fallbackKind: fallbackKind(entry.id, entry.role) }; } ); var breedById = new Map(BREED_OPTIONS.map((option) => [option.id, option])); function getBreedOption(species, breedId) { const option = breedById.get(breedId); return option?.species === species ? option : void 0; } // src/data/game/stories.ts var resultCopy = { care: { teamPhrase: "f\xFCreinander da", description: ["Du bleibst nah, wenn es darauf ankommt."], strength: "F\xFCrsorge" }, discovery: { teamPhrase: "aufmerksam und vorausschauend", description: ["Du erkennst, wann ein n\xE4chster Schritt wichtig wird."], strength: "Umsicht" }, calm: { teamPhrase: "ruhig und besonnen", description: ["Du gibst Sicherheit, auch wenn es unruhig wird."], strength: "Gelassenheit" }, balanced: { teamPhrase: "ein verl\xE4ssliches Team", description: ["Ihr findet gemeinsam einen guten Weg."], strength: "Verl\xE4sslichkeit" } }; var DOG_MEDICAL_CONSEQUENCE = { heading: "Kreuzbandriss: Untersuchung, Operation und Nachsorge", summary: "Untersuchung, Bildgebung, Knieoperation, Medikamente und Kontrollen k\xF6nnen zusammen eine hohe Tierarztrechnung ergeben.", costItems: [ { label: "Untersuchung und Bildgebung", minimumEuro: 150, maximumEuro: 800 }, { label: "Operation und Nachsorge", minimumEuro: 800, maximumEuro: 3500 } ], totalMinimumEuro: 950, totalMaximumEuro: 4300, sourceIds: ["got-2022", "btk-got-2022"] }; var CAT_MEDICAL_CONSEQUENCE = { heading: "Das fehlende Schnurst\xFCck wird zum medizinischen Notfall", summary: "Untersuchung, Bildgebung, Operation und Nachsorge k\xF6nnen zusammen eine hohe Tierarztrechnung ergeben.", costItems: [ { label: "Untersuchung und Diagnostik", minimumEuro: 100, maximumEuro: 500 }, { label: "Operation und Nachsorge", minimumEuro: 400, maximumEuro: 1500 } ], totalMinimumEuro: 500, totalMaximumEuro: 2e3, sourceIds: ["got-2022", "btk-got-2022"] }; var HORSE_DAMAGE_CONSEQUENCE = { heading: "Niemand verletzt, das Auto ist trotzdem besch\xE4digt", summary: "Wie hoch die Rechnung ausf\xE4llt, h\xE4ngt davon ab, ob eine Lackreparatur gen\xFCgt oder Karosserieteile instand gesetzt werden m\xFCssen.", costItems: [ { label: "Lack-, Spiegel- oder Karosseriereparatur", minimumEuro: 200, maximumEuro: 3500 } ], totalMinimumEuro: 200, totalMaximumEuro: 3500, sourceIds: ["adac-repair-2026", "vzbv-tierhaftpflicht-2025"] }; var STORIES = { dog: { id: "dog-story-three-paws", species: "dog", title: "Pl\xF6tzlich auf drei Pfoten", intro: "Pl\xF6tzlich auf drei Pfoten", greeting: { heading: "", text: "HI, ICH BIN KEVIN.\n\nIch begleite euch heute durch eure Geschichte.\n\nSammelt gemeinsam das Teamzeichen und entdeckt, was euch als Team ausmacht.", instruction: "" }, scenes: [ { id: "dog-central-choice", number: 1, title: "Pl\xF6tzlich auf drei Pfoten", backgroundAssetId: "dog_park-discovery", situation: [ "Auf der Wiese prallt der Ball schr\xE4g auf. {Tiername} dreht sich abrupt, gibt einen kurzen Laut von sich und hebt ein Hinterbein an.", "Der Ball liegt vergessen im Gras. Das Bein wird nicht mehr belastet." ], question: "Was machst du?", answers: [ { id: "dog-choice-care", label: "Ruhig dabei bleiben", reaction: [ "Du bleibst bei {Tiername} und organisierst eine Abholung.", "Die Untersuchung zeigt: Das Kreuzband ist gerissen. Damit {Tiername} das Bein wieder gut benutzen kann, wird eine Operation empfohlen.", "Die Operation verl\xE4uft gut. Danach folgen Medikamente, Kontrollen, kurze Wege und viel Geduld. Einige Zeit sp\xE4ter steht {Tiername} wieder erwartungsvoll an der T\xFCr. Der Ball bleibt heute im Schrank." ], animationKind: "gentle-shake", animationSteps: ["Bei {Tiername} bleiben", "Abholung organisieren"], memoryAssetId: "dog_telefonnotiz", consequence: DOG_MEDICAL_CONSEQUENCE, scoreCategory: "care" }, { id: "dog-choice-discovery", label: "Die Praxis anrufen", reaction: [ "Du beschreibst, was passiert ist, und vermeidest weitere Bewegung.", "Die Untersuchung zeigt: Das Kreuzband ist gerissen. Damit {Tiername} das Bein wieder gut benutzen kann, wird eine Operation empfohlen.", "Die Operation verl\xE4uft gut. Danach folgen Medikamente, Kontrollen, kurze Wege und viel Geduld. Einige Zeit sp\xE4ter steht {Tiername} wieder erwartungsvoll an der T\xFCr. Der Ball bleibt heute im Schrank." ], animationKind: "highlight", animationSteps: ["Praxis anrufen", "Bewegung vermeiden"], memoryAssetId: "dog_untersuchungsbogen", consequence: DOG_MEDICAL_CONSEQUENCE, scoreCategory: "discovery" }, { id: "dog-choice-calm", label: "Kurz beobachten", reaction: [ "Du gibst {Tiername} einen Moment Ruhe. Als das Bein weiter entlastet wird, rufst du die Praxis an.", "Die Untersuchung zeigt: Das Kreuzband ist gerissen. Damit {Tiername} das Bein wieder gut benutzen kann, wird eine Operation empfohlen.", "Die Operation verl\xE4uft gut. Danach folgen Medikamente, Kontrollen, kurze Wege und viel Geduld. Einige Zeit sp\xE4ter steht {Tiername} wieder erwartungsvoll an der T\xFCr. Der Ball bleibt heute im Schrank." ], animationKind: "sway", animationSteps: ["Ruhe geben", "Praxis anrufen"], memoryAssetId: "dog_ruheband", consequence: DOG_MEDICAL_CONSEQUENCE, scoreCategory: "calm" } ], completionCopy: "", continueLabel: "Zur Einordnung" } ], insuranceImpulse: { heading: "Wenn aus Bewegung Behandlung wird", text: "Manchmal ver\xE4ndert eine einzige Bewegung den ganzen Tag. Eine Hundekrankenversicherung oder Hunde-OP-Versicherung kann abh\xE4ngig vom Tarif bei Untersuchungs-, Operations- und Nachsorgekosten unterst\xFCtzen.", buttonLabel: "Schutz pr\xFCfen" }, resultMessage: "Gut, wenn du vorbereitet bist und Unterst\xFCtzung hast.", resultCopy }, cat: { id: "cat-story-missing-piece", species: "cat", title: "Das verschwundene St\xFCck", intro: "Das verschwundene St\xFCck", greeting: { heading: "", text: "HI, ICH BIN KEVIN.\n\nIch begleite euch heute durch eure Geschichte.\n\nSammelt gemeinsam das Teamzeichen und entdeckt, was euch als Team ausmacht.", instruction: "" }, scenes: [ { id: "cat-central-choice", number: 1, title: "Das verschwundene St\xFCck", backgroundAssetId: "cat_red-ribbon", situation: [ "Am Nachmittag jagt {Tiername} begeistert einer Spielangel hinterher. Dann h\xF6rst du ein leises Rei\xDFen. Die Schnur ist gerissen, und ein St\xFCck fehlt." ], question: "Was machst du?", answers: [ { id: "cat-choice-care", label: "Gr\xFCndlich suchen", reaction: [ "Du suchst unter dem Sofa und zwischen den Kissen, findest das St\xFCck aber nicht.", "Am n\xE4chsten Morgen bleibt der Futternapf fast unber\xFChrt. {Tiername} erbricht und zieht sich zur\xFCck. Jetzt wirkt das fehlende St\xFCck nicht mehr harmlos.", "Du rufst die Tierarztpraxis an und f\xE4hrst direkt los. Die Aufnahmen zeigen: Das Schnurst\xFCck sitzt im Darm fest. {Tiername} muss noch heute operiert werden.", "Die Operation verl\xE4uft gut. Als du {Tiername} wieder abholen darfst, h\xF6rst du ein m\xFCdes, vertrautes Miauen. Zu Hause wird der Karton sofort wieder zum Lieblingsplatz." ], animationKind: "reveal", animationSteps: ["Suchen", "Verstecke pr\xFCfen"], memoryAssetId: "cat_spielzeugfoto", consequence: CAT_MEDICAL_CONSEQUENCE, scoreCategory: "care" }, { id: "cat-choice-discovery", label: "Das Spielzeug pr\xFCfen", reaction: [ "Du legst die Teile nebeneinander und fotografierst die kaputte Spielangel.", "Am n\xE4chsten Morgen bleibt der Futternapf fast unber\xFChrt. {Tiername} erbricht und zieht sich zur\xFCck. Jetzt wirkt das fehlende St\xFCck nicht mehr harmlos.", "Du rufst die Tierarztpraxis an und f\xE4hrst direkt los. Die Aufnahmen zeigen: Das Schnurst\xFCck sitzt im Darm fest. {Tiername} muss noch heute operiert werden.", "Die Operation verl\xE4uft gut. Als du {Tiername} wieder abholen darfst, h\xF6rst du ein m\xFCdes, vertrautes Miauen. Zu Hause wird der Karton sofort wieder zum Lieblingsplatz." ], animationKind: "highlight", animationSteps: ["Teile pr\xFCfen", "Spielangel fotografieren"], memoryAssetId: "cat_beobachtungskarte", consequence: CAT_MEDICAL_CONSEQUENCE, scoreCategory: "discovery" }, { id: "cat-choice-calm", label: "Ruhig beobachten", reaction: [ "Du r\xE4umst das Spielzeug weg und beh\xE4ltst {Tiername} aufmerksam im Blick.", "Am n\xE4chsten Morgen bleibt der Futternapf fast unber\xFChrt. {Tiername} erbricht und zieht sich zur\xFCck. Jetzt wirkt das fehlende St\xFCck nicht mehr harmlos.", "Du rufst die Tierarztpraxis an und f\xE4hrst direkt los. Die Aufnahmen zeigen: Das Schnurst\xFCck sitzt im Darm fest. {Tiername} muss noch heute operiert werden.", "Die Operation verl\xE4uft gut. Als du {Tiername} wieder abholen darfst, h\xF6rst du ein m\xFCdes, vertrautes Miauen. Zu Hause wird der Karton sofort wieder zum Lieblingsplatz." ], animationKind: "sway", animationSteps: ["Spielzeug wegr\xE4umen", "Aufmerksam beobachten"], memoryAssetId: "cat_aufbewahrungsbox", consequence: CAT_MEDICAL_CONSEQUENCE, scoreCategory: "calm" } ], completionCopy: "", continueLabel: "Zur Einordnung" } ], insuranceImpulse: { heading: "Wenn aus Spiel Ernst wird", text: "Aus einem vertrauten Spiel kann pl\xF6tzlich ein medizinischer Notfall werden. Eine Tierkrankenversicherung oder Katzen-OP-Versicherung kann abh\xE4ngig vom Tarif bei Untersuchungs-, Operations- und Nachsorgekosten unterst\xFCtzen.", buttonLabel: "Schutz pr\xFCfen" }, resultMessage: "Gut, wenn du vorbereitet bist und Unterst\xFCtzung hast.", resultCopy }, horse: { id: "horse-story-hofmoment", species: "horse", title: "Ein Moment auf dem Hof", intro: "Ein Moment auf dem Hof", greeting: { heading: "", text: "HI, ICH BIN KEVIN.\n\nIch begleite euch heute durch eure Geschichte.\n\nSammelt gemeinsam das Teamzeichen und entdeckt, was euch als Team ausmacht.", instruction: "" }, scenes: [ { id: "horse-central-choice", number: 1, title: "Ein Moment auf dem Hof", backgroundAssetId: "horse_stable-gate", situation: [ "Der Hofweg wird eng. Links steht ein Auto, rechts ein Pferdetransporter. Gerade als ihr dazwischen seid, startet der Motor.", "{Tiername} erschrickt und springt zur Seite. Dein Herz macht einen Satz." ], question: "Wie reagierst du?", answers: [ { id: "horse-choice-care", label: "Ruhig anhalten", reaction: [ "Du sprichst ruhig und versuchst, gemeinsam stehen zu bleiben.", "Ihr erreicht eine sichere Fl\xE4che. Niemand ist verletzt. Doch beim Schreckmoment wurde das Auto besch\xE4digt.", "Jetzt z\xE4hlt: Pr\xFCfe zuerst, ob alle unverletzt sind. Fotografiere den Schaden, tausche Kontaktdaten aus und melde den Vorfall. Versprich nicht vorschnell, selbst zu zahlen." ], animationKind: "gentle-shake", animationSteps: ["Ruhig sprechen", "Sicher stehen bleiben"], memoryAssetId: "horse_fuhrseil", consequence: HORSE_DAMAGE_CONSEQUENCE, scoreCategory: "care" }, { id: "horse-choice-discovery", label: "Weiter ins Freie", reaction: [ "Du bleibst in Bewegung und f\xFChrst {Tiername} zur freien Fl\xE4che.", "Ihr erreicht eine sichere Fl\xE4che. Niemand ist verletzt. Doch beim Schreckmoment wurde das Auto besch\xE4digt.", "Jetzt z\xE4hlt: Pr\xFCfe zuerst, ob alle unverletzt sind. Fotografiere den Schaden, tausche Kontaktdaten aus und melde den Vorfall. Versprich nicht vorschnell, selbst zu zahlen." ], animationKind: "move-along-path", animationSteps: ["Freie Fl\xE4che finden", "Sicher weiterf\xFChren"], memoryAssetId: "horse_sicherheitsweste", consequence: HORSE_DAMAGE_CONSEQUENCE, scoreCategory: "discovery" }, { id: "horse-choice-calm", label: "Zur\xFCck aus der Engstelle", reaction: [ "Du schaffst Abstand und gehst vorsichtig zur\xFCck.", "Ihr erreicht eine sichere Fl\xE4che. Niemand ist verletzt. Doch beim Schreckmoment wurde das Auto besch\xE4digt.", "Jetzt z\xE4hlt: Pr\xFCfe zuerst, ob alle unverletzt sind. Fotografiere den Schaden, tausche Kontaktdaten aus und melde den Vorfall. Versprich nicht vorschnell, selbst zu zahlen." ], animationKind: "sway", animationSteps: ["Abstand schaffen", "Vorsichtig zur\xFCckgehen"], memoryAssetId: "horse_stallhalfter", consequence: HORSE_DAMAGE_CONSEQUENCE, scoreCategory: "calm" } ], completionCopy: "", continueLabel: "Zur Einordnung" } ], insuranceImpulse: { heading: "Wenn aus einem Schreckmoment ein Schaden wird", text: "Ein Schreckmoment l\xE4sst sich nicht immer verhindern. Eine Pferdehalterhaftpflicht kann pr\xFCfen, ob berechtigte Schadenersatzanspr\xFCche bestehen und welche Kosten nach deinem Vertrag \xFCbernommen werden.", buttonLabel: "Schutz pr\xFCfen" }, resultMessage: "Gut, wenn du vorbereitet bist und Unterst\xFCtzung hast.", resultCopy } }; function getStory(species) { return STORIES[species]; } // src/lib/game/scoring.ts var EMPTY_SCORES = { care: 0, discovery: 0, calm: 0 }; function addScore(scores, category, points = 1) { if (!Number.isInteger(points) || points < 0) { throw new Error("Punkte m\xFCssen eine nicht negative ganze Zahl sein"); } return { ...scores, [category]: scores[category] + points }; } function calculateResult(scores) { const values = SCORE_CATEGORIES.map((category) => scores[category]); if (values.some((value) => !Number.isInteger(value) || value < 0)) { throw new Error("Scores m\xFCssen nicht negative ganze Zahlen sein"); } const highest = Math.max(...values); const leaders = SCORE_CATEGORIES.filter( (category) => scores[category] === highest ); if (leaders.length === 1) return leaders[0]; return "balanced"; } // src/lib/game/state.ts var GameTransitionError = class extends Error { constructor(message) { super(message); this.name = "GameTransitionError"; } }; function petNameLength(value) { return [ ...new Intl.Segmenter("de", { granularity: "grapheme" }).segment(value) ].length; } function validatePetName(value) { const trimmed = value.trim(); const length = petNameLength(trimmed); if (length < 1 || length > 30) { throw new GameTransitionError( "Der Tiername muss 1 bis 30 Zeichen lang sein" ); } return trimmed; } function createInitialState() { return { version: 2, screen: "onboarding", species: null, petName: "", breedId: null, view: "species", sceneIndex: 0, mode: "intro", beatIndex: 0, answerIds: [], memories: [], scores: { ...EMPTY_SCORES }, result: null }; } function createPlayState() { return { ...createInitialState(), screen: "play" }; } function sceneAt(state) { if (!state.species) return null; return getStory(state.species).scenes[state.sceneIndex] ?? null; } function selectedAnswer(species, sceneIndex, answerId) { return getStory(species).scenes[sceneIndex]?.answers.find( ({ id }) => id === answerId ) ?? null; } function isTypingMode(mode) { return mode === "intro" || mode === "typing" || mode === "reaction"; } function unlockCurrentMemory(state, answer) { if (state.memories.includes(answer.memoryAssetId)) return state; return { ...state, mode: "completion", beatIndex: 0, memories: [...state.memories, answer.memoryAssetId] }; } function advanceStory(state) { const scene = sceneAt(state); if (!scene) return state; if (state.mode === "completion") { if (state.memories.length !== 1 || new Set(state.memories).size !== 1) { return state; } return { ...state, view: "resolution" }; } if (state.mode !== "await-advance") return state; const isReaction = state.answerIds.length === state.sceneIndex + 1; if (!isReaction) { if (state.answerIds.length !== state.sceneIndex) return state; if (state.beatIndex + 1 < scene.situation.length) { return { ...state, mode: "typing", beatIndex: state.beatIndex + 1 }; } return { ...state, mode: "await-choice", beatIndex: 0 }; } if (!state.species) return state; const answerId = state.answerIds[state.sceneIndex]; const answer = selectedAnswer(state.species, state.sceneIndex, answerId); if (!answer) return state; if (state.beatIndex + 1 < answer.reaction.length) { return { ...state, mode: "typing", beatIndex: state.beatIndex + 1 }; } return unlockCurrentMemory(state, answer); } function removeScore(scores, category) { return { ...scores, [category]: Math.max(0, scores[category] - 1) }; } function goBack(state) { if (state.screen === "onboarding") return state; if (state.view === "species") return createInitialState(); if (state.view === "profile") return createPlayState(); if (state.view === "greeting") { if (!state.species) return state; return { ...createPlayState(), species: state.species, view: "profile" }; } if (state.view === "resolution") { return { ...state, view: "story", sceneIndex: 0, mode: "completion" }; } if (state.view === "insurance") return { ...state, view: "resolution" }; if (state.view === "result") { return { ...state, view: "insurance", result: null }; } if (state.view !== "story") return state; const scene = sceneAt(state); if (!scene) return state; const afterAnswer = state.answerIds.length === state.sceneIndex + 1; if (afterAnswer) { if (!state.species) return state; const answerId = state.answerIds[state.sceneIndex]; const answer = selectedAnswer(state.species, state.sceneIndex, answerId); if (!answer) return state; if (state.mode === "completion") { return { ...state, mode: "await-advance", beatIndex: answer.reaction.length - 1, memories: state.memories.slice(0, -1) }; } if (state.beatIndex > 0) { return { ...state, mode: "await-advance", beatIndex: state.beatIndex - 1 }; } return { ...state, mode: "await-choice", beatIndex: 0, answerIds: state.answerIds.slice(0, -1), scores: removeScore(state.scores, answer.scoreCategory) }; } if (state.mode === "await-choice") { return { ...state, mode: "await-advance", beatIndex: scene.situation.length - 1 }; } if (state.beatIndex > 0) { return { ...state, mode: "await-advance", beatIndex: state.beatIndex - 1 }; } return { ...state, view: "greeting", mode: "intro", beatIndex: 0 }; } function transition(state, action) { if (action.type === "restart") return createPlayState(); if (!isValidGameState(state)) return state; if (action.type === "go-back") return goBack(state); if (action.type === "start-game") { if (state.screen !== "onboarding" || state.view !== "species") return state; return { ...state, screen: "play" }; } if (state.screen !== "play") return state; if (action.type === "select-species") { if (state.view !== "species" || !SPECIES.includes(action.species)) { return state; } return { ...state, species: action.species, view: "profile" }; } if (action.type === "submit-profile") { if (state.view !== "profile" || !state.species) return state; const breed = getBreedOption(state.species, action.breedId); if (!breed) return state; try { return { ...state, petName: validatePetName(action.petName), breedId: breed.id, view: "greeting" }; } catch { return state; } } if (action.type === "start-story") { if (state.view !== "greeting") return state; return { ...state, view: "story", mode: "intro", beatIndex: 0 }; } if (action.type === "finish-typing") { if (state.view !== "story" || !isTypingMode(state.mode)) return state; return { ...state, mode: "await-advance" }; } if (action.type === "choose-answer") { if (state.view !== "story" || state.mode !== "await-choice" || !state.species || state.answerIds.length !== state.sceneIndex) { return state; } const answer = selectedAnswer( state.species, state.sceneIndex, action.answerId ); if (!answer) return state; return { ...state, mode: "reaction", beatIndex: 0, answerIds: [...state.answerIds, answer.id], scores: addScore(state.scores, answer.scoreCategory) }; } if (action.type !== "advance") return state; if (state.view === "story") return advanceStory(state); if (state.view === "resolution") { if (state.answerIds.length !== 1 || state.memories.length !== 1) { return state; } return { ...state, view: "insurance" }; } if (state.view === "insurance") { if (state.memories.length !== 1) return state; return { ...state, view: "result", result: calculateResult(state.scores) }; } return state; } function equalScores(left, right) { return SCORE_CATEGORIES.every( (category) => left[category] === right[category] ); } function scoresAreSafe(scores) { return SCORE_CATEGORIES.every( (category) => Number.isInteger(scores[category]) && scores[category] >= 0 && scores[category] <= 4 ); } function expectedScores(state) { if (!state.species) return { ...EMPTY_SCORES }; let scores = { ...EMPTY_SCORES }; for (let index = 0; index < state.answerIds.length; index += 1) { const answer = selectedAnswer(state.species, index, state.answerIds[index]); if (!answer) return null; scores = addScore(scores, answer.scoreCategory); } return scores; } function setupStateIsValid(state) { const emptyProgress = state.petName === "" && state.breedId === null && state.answerIds.length === 0 && state.memories.length === 0 && state.sceneIndex === 0 && state.mode === "intro" && state.beatIndex === 0 && state.result === null && equalScores(state.scores, EMPTY_SCORES); if (!emptyProgress) return false; if (state.view === "species") return state.species === null; if (state.view === "profile") { return state.screen === "play" && state.species !== null; } return false; } function completedProfileIsValid(state) { if (!state.species || !state.breedId) return false; if (!getBreedOption(state.species, state.breedId)) return false; try { if (validatePetName(state.petName) !== state.petName) return false; } catch { return false; } return true; } function completedMemoriesMatch(state, completedScenes) { if (!state.species || state.memories.length !== completedScenes) return false; if (new Set(state.memories).size !== completedScenes) return false; for (let index = 0; index < completedScenes; index += 1) { const answer = selectedAnswer(state.species, index, state.answerIds[index]); if (!answer || answer.memoryAssetId !== state.memories[index]) return false; } return true; } function storyProgressIsValid(state) { if (!state.species || state.view !== "story") return false; const scene = sceneAt(state); if (!scene) return false; const beforeAnswer = state.answerIds.length === state.sceneIndex; const afterAnswer = state.answerIds.length === state.sceneIndex + 1; if (!beforeAnswer && !afterAnswer) return false; if (beforeAnswer) { if (!completedMemoriesMatch(state, state.sceneIndex)) return false; if (state.mode === "intro") return state.beatIndex === 0; if (state.mode === "typing" || state.mode === "await-advance") { return state.beatIndex >= 0 && state.beatIndex < scene.situation.length; } return state.mode === "await-choice" && state.beatIndex === 0; } const answer = selectedAnswer( state.species, state.sceneIndex, state.answerIds[state.sceneIndex] ); if (!answer) return false; if (state.mode === "completion") { return state.beatIndex === 0 && completedMemoriesMatch(state, state.sceneIndex + 1) && state.memories[state.sceneIndex] === answer.memoryAssetId; } if (!completedMemoriesMatch(state, state.sceneIndex)) return false; if (state.mode === "reaction") return state.beatIndex === 0; if (state.mode === "typing" || state.mode === "await-advance") { return state.beatIndex >= 0 && state.beatIndex < answer.reaction.length; } return false; } function completedStoryIsValid(state) { if (!state.species || state.sceneIndex !== 0 || state.mode !== "completion") { return false; } if (state.answerIds.length !== 1 || state.memories.length !== 1) return false; return completedMemoriesMatch(state, 1); } function isValidGameState(state) { if (state.version !== 2 || !scoresAreSafe(state.scores)) return false; if (state.view === "species" || state.view === "profile") { return setupStateIsValid(state); } if (state.screen !== "play") return false; if (!completedProfileIsValid(state)) return false; const expected = expectedScores(state); if (!expected || !equalScores(state.scores, expected)) return false; if (state.view === "greeting") { return state.sceneIndex === 0 && state.mode === "intro" && state.beatIndex === 0 && state.answerIds.length === 0 && state.memories.length === 0 && state.result === null; } if (state.view === "story") { return storyProgressIsValid(state) && state.result === null; } if (!completedStoryIsValid(state)) return false; if (state.view === "resolution" || state.view === "insurance") { return state.result === null; } if (state.view !== "result") return false; return state.result === calculateResult(state.scores); } // src/lib/game/story-director.ts var TYPE_SPEED_MS = 22; var MOTION_TIMEOUT_MS = 880; function motionStepIndices(stepCount, reactionBeatCount, reactionBeatIndex) { if (stepCount <= 0 || reactionBeatCount <= 0 || reactionBeatIndex < 0 || reactionBeatIndex >= reactionBeatCount) { return []; } const start = Math.floor(reactionBeatIndex * stepCount / reactionBeatCount); const end = Math.floor( (reactionBeatIndex + 1) * stepCount / reactionBeatCount ); return Array.from({ length: end - start }, (_, offset) => start + offset); } function graphemes(copy) { return [ ...new Intl.Segmenter("de", { granularity: "grapheme" }).segment(copy) ].map(({ segment }) => segment); } function prefersReducedMotion() { return window.matchMedia("(prefers-reduced-motion: reduce)").matches; } function createStoryDirector(elements) { let destroyed = false; let textTimer = null; let textKey = ""; let fullText = ""; let shownCharacters = 0; let textRunning = false; let onTextFinished = null; let motionKey = ""; let motionComplete = true; let motionTimer = null; let removeMotionListener = null; function clearTextTimer() { if (textTimer !== null) window.clearInterval(textTimer); textTimer = null; } function renderText(copy, typing) { elements.text.textContent = copy; elements.text.setAttribute("aria-label", fullText || copy); elements.text.dataset.typing = String(typing); } function completeText(notify) { if (!textRunning && !notify) return; clearTextTimer(); textRunning = false; shownCharacters = graphemes(fullText).length; renderText(fullText, false); const callback = onTextFinished; onTextFinished = null; if (notify && callback && !destroyed) callback(); } function showText({ key, copy, animate, onFinished }) { elements.next.hidden = true; if (key === textKey) { if (!animate) completeText(false); return; } clearTextTimer(); textKey = key; fullText = copy; shownCharacters = 0; onTextFinished = onFinished ?? null; textRunning = animate; if (!animate) { renderText(fullText, false); return; } if (prefersReducedMotion() || fullText.length === 0) { renderText(fullText, false); textRunning = false; const callback = onTextFinished; onTextFinished = null; if (callback) window.queueMicrotask(callback); return; } const characters = graphemes(fullText); renderText("", true); textTimer = window.setInterval(() => { shownCharacters += 1; const done = shownCharacters >= characters.length; renderText(characters.slice(0, shownCharacters).join(""), !done); if (done) completeText(true); }, TYPE_SPEED_MS); } function finishText() { if (!textRunning) return false; completeText(true); return true; } function setStaticText(copy) { clearTextTimer(); textKey = ""; fullText = copy; textRunning = false; onTextFinished = null; renderText(copy, false); elements.next.hidden = true; } function clearMotionTimer() { if (motionTimer !== null) window.clearTimeout(motionTimer); motionTimer = null; removeMotionListener?.(); removeMotionListener = null; } function clearMotionData() { for (const element of [elements.animal, elements.fx]) { delete element.dataset.motion; delete element.dataset.motionStep; delete element.dataset.motionCue; } } function playMotionPlan({ key, kind, steps, reactionBeatIndex, reactionBeatCount, onFinished }) { if (key === motionKey) return motionComplete; clearMotionTimer(); clearMotionData(); motionKey = key; motionComplete = false; const indices = motionStepIndices( steps.length, reactionBeatCount, reactionBeatIndex ); if (prefersReducedMotion() || indices.length === 0 || kind === "none") { motionComplete = true; window.queueMicrotask(onFinished); return true; } let cursor = 0; const runNext = () => { if (destroyed) return; if (cursor >= indices.length) { clearMotionData(); motionComplete = true; onFinished(); return; } const stepIndex = indices[cursor]; cursor += 1; clearMotionData(); void elements.animal.offsetWidth; for (const element of [elements.animal, elements.fx]) { element.dataset.motion = kind; element.dataset.motionStep = String(stepIndex); element.dataset.motionCue = steps[stepIndex] ?? ""; } let settled = false; const settle = () => { if (settled) return; settled = true; clearMotionTimer(); window.setTimeout(runNext, 0); }; const onAnimationEnd = (event) => { if (event.target === elements.animal) settle(); }; elements.animal.addEventListener("animationend", onAnimationEnd); removeMotionListener = () => { elements.animal.removeEventListener("animationend", onAnimationEnd); }; motionTimer = window.setTimeout(settle, MOTION_TIMEOUT_MS); }; runNext(); return false; } function resetVisualState() { clearTextTimer(); clearMotionTimer(); clearMotionData(); textKey = ""; fullText = ""; textRunning = false; onTextFinished = null; motionKey = ""; motionComplete = true; elements.next.hidden = true; } return { showText, finishText, setStaticText, playMotionPlan, resetVisualState, destroy: () => { destroyed = true; resetVisualState(); } }; } // src/lib/game/personalization.ts function personalizeStoryText(value, petName) { return value.replaceAll("{Tiername}", petName || "dein Tier"); } // src/lib/game/controller.ts var STORAGE_KEY = "tierisch-geregelt-game-v2"; var RETIRED_STORAGE_KEY = "tierisch-geregelt-game-v1"; var SOUND_KEY = "tierisch-game-sound"; var MUSIC_VOLUME = 0.3; var RESULT_SHARE_MESSAGE = "Hey, schau mal {Tiername} und ich haben gerade ein richtig tolles Spiel ausprobiert, und das hier ist unser Ergebnis! \u{1F43E}\u{1F3AE}\nVielleicht macht es dir ja genauso viel Spa\xDF.\n\nhttps://tierisch-geregelt.de"; var STRENGTH_LABELS = { care: "F\xFCrsorge", discovery: "Umsicht", calm: "Gelassenheit" }; function requireElement(root2, selector, constructor) { const element = root2.querySelector(selector); if (!(element instanceof constructor)) { throw new Error(`Spiel-DOM fehlt: ${selector}`); } return element; } function normalize(value) { return value.trim().toLocaleLowerCase("de-DE").replaceAll("\xE4", "ae").replaceAll("\xF6", "oe").replaceAll("\xFC", "ue").replaceAll("\xDF", "ss").normalize("NFKD").replace(/[\u0300-\u036f]/g, "").replace(/[\p{P}\p{S}]+/gu, " ").replace(/\s+/g, " ").trim(); } function rank(term, query) { if (term === query) return 0; if (term.startsWith(query)) return 1; if (term.split(" ").some((word) => word.startsWith(query))) return 2; if (term.includes(query)) return 3; return null; } function setHidden(element, hidden) { element.hidden = hidden; element.setAttribute("aria-hidden", String(hidden)); } function safeFocus(element) { if (!element) return; window.requestAnimationFrame(() => { try { element.focus({ preventScroll: true }); } catch { element.focus(); } }); } function findSpeciesData(gameData, species) { return gameData.find((entry) => entry.species === species) ?? null; } function findBreed(data, breedId) { if (!data || !breedId) return null; return data.breeds.find(({ id }) => id === breedId) ?? (data.unknownBreed.id === breedId ? data.unknownBreed : null); } function sentenceCase(value) { const lower = value.toLocaleLowerCase("de-DE"); return lower.replace( /^\p{L}/u, (letter) => letter.toLocaleUpperCase("de-DE") ); } function formatEuro(value) { return new Intl.NumberFormat("de-DE", { style: "currency", currency: "EUR", maximumFractionDigits: 0 }).format(value); } function bootstrapGame(root2, gameData) { const onboarding = requireElement( root2, '[data-game-screen="onboarding"]', HTMLElement ); const play = requireElement(root2, '[data-game-screen="play"]', HTMLElement); const startButton = requireElement( root2, "[data-game-start]", HTMLButtonElement ); const dialog = requireElement(root2, "[data-game-dialog]", HTMLElement); const speaker = requireElement(root2, "[data-game-speaker]", HTMLElement); const heading = requireElement(root2, "[data-game-heading]", HTMLElement); const text = requireElement(root2, "[data-game-text]", HTMLElement); const choices = requireElement(root2, "[data-game-choices]", HTMLElement); const actions = requireElement(root2, "[data-game-actions]", HTMLElement); const profilePanel = requireElement( root2, "[data-profile-panel]", HTMLElement ); const nameInput = requireElement(root2, "#game-pet-name", HTMLInputElement); const breedInput = requireElement(root2, "#game-breed", HTMLInputElement); const popup = requireElement(root2, "[data-breed-options]", HTMLElement); const nameError = requireElement(root2, "[data-name-error]", HTMLElement); const breedError = requireElement(root2, "[data-breed-error]", HTMLElement); const breedStatus = requireElement(root2, "[data-breed-status]", HTMLElement); const unknownBreedInput = requireElement( root2, "[data-unknown-breed]", HTMLInputElement ); const nameLabel = requireElement(root2, "[data-name-label]", HTMLElement); const breedLabel = requireElement(root2, "[data-breed-label]", HTMLElement); const profileNext = requireElement( root2, "[data-profile-next]", HTMLButtonElement ); const sceneImage = requireElement( root2, "[data-scene-image]", HTMLImageElement ); const sceneFallback = requireElement( root2, "[data-scene-fallback]", HTMLElement ); const animalActor = requireElement(root2, "[data-animal-actor]", HTMLElement); const animalImage = requireElement( root2, "[data-animal-image]", HTMLImageElement ); const kevinActor = requireElement(root2, "[data-kevin-actor]", HTMLElement); const memoryProp = requireElement(root2, "[data-memory-prop]", HTMLElement); const memoryImage = requireElement( root2, "[data-memory-image]", HTMLImageElement ); const nextIndicator = requireElement(root2, "[data-game-next]", HTMLElement); const toast = requireElement(root2, "[data-game-toast]", HTMLElement); const sceneFx = requireElement(root2, "[data-scene-fx]", HTMLElement); const hudProgress = requireElement(root2, "[data-hud-progress]", HTMLElement); const hudProgressbar = requireElement( root2, "[data-hud-progressbar]", HTMLElement ); const hudProgressFill = requireElement( root2, "[data-hud-progress-fill]", HTMLElement ); const hudMemories = requireElement(root2, "[data-hud-memories]", HTMLElement); const live = requireElement(root2, "[data-game-live]", HTMLElement); const audio = requireElement(root2, "[data-game-audio]", HTMLAudioElement); const soundButtons = [ ...root2.querySelectorAll("[data-sound-toggle]") ]; if (soundButtons.length !== 2) { throw new Error("Spiel-DOM ben\xF6tigt genau zwei Tonsteuerungen"); } clearSavedGame(); let state = createInitialState(); let selectedBreedDraft = null; let draftSpecies = null; let visibleBreeds = []; let activeBreedIndex = -1; let destroyed = false; let soundEnabled = readSoundPreference(); let motionReadyKey = ""; let lastCompletionKey = ""; let lastChoiceAt = 0; let lastAdvanceAt = 0; let renderedMemoryCount = state.memories.length; let toastTimer = null; let hudBumpTimer = null; let audioFadeFrame = null; const actorHideTimers = /* @__PURE__ */ new Map(); const storyDirector = createStoryDirector({ text, next: nextIndicator, animal: animalActor, fx: sceneFx }); audio.volume = 0; function clearSavedGame() { try { window.localStorage.removeItem(STORAGE_KEY); window.localStorage.removeItem(RETIRED_STORAGE_KEY); } catch { } } function readSoundPreference() { try { return window.sessionStorage.getItem(SOUND_KEY) === "on"; } catch { return false; } } function writeSoundPreference() { try { window.sessionStorage.setItem(SOUND_KEY, soundEnabled ? "on" : "off"); } catch { } } function updateSoundUi() { soundButtons.forEach((button) => { button.setAttribute("aria-pressed", String(soundEnabled)); button.setAttribute( "aria-label", soundEnabled ? "Ton ausschalten" : "Ton einschalten" ); const icon = button.querySelector("[data-sound-icon]"); if (icon) icon.textContent = soundEnabled ? "\u{1F50A}" : "\u{1F507}"; const label = button.querySelector("[data-sound-label]"); if (label) label.textContent = soundEnabled ? "Ton an" : "Ton aus"; }); } function playAudio() { if (!soundEnabled || document.hidden) return; audio.muted = false; audio.defaultMuted = false; if (!audio.paused) { audio.volume = MUSIC_VOLUME; return; } audio.volume = 0; audio.play().then(() => { const startedAt = performance.now(); const fade = (now) => { const progress = Math.min(1, (now - startedAt) / 900); audio.volume = MUSIC_VOLUME * progress; audioFadeFrame = progress < 1 ? window.requestAnimationFrame(fade) : null; }; audioFadeFrame = window.requestAnimationFrame(fade); }).catch(() => { }); } function toggleSound() { soundEnabled = !soundEnabled; writeSoundPreference(); updateSoundUi(); if (soundEnabled) playAudio(); else { if (audioFadeFrame !== null) window.cancelAnimationFrame(audioFadeFrame); audioFadeFrame = null; audio.pause(); audio.volume = 0; } } function retrySound() { if (soundEnabled && audio.paused) playAudio(); } function personalize(value) { return personalizeStoryText(value, state.petName); } function createChoiceButton(label, onSelect, meta) { const button = document.createElement("button"); button.type = "button"; button.className = "game-choice"; button.append(document.createTextNode(personalize(label))); if (meta) { const detail = document.createElement("span"); detail.className = "game-choice__meta"; detail.textContent = personalize(meta); button.append(detail); } button.addEventListener("click", onSelect); return button; } function createActionButton(label, action) { const button = createChoiceButton(label, () => dispatch(action)); button.classList.add("game-choice--primary"); return button; } function createActionLink(label, href) { const link = document.createElement("a"); link.className = "game-choice"; link.href = href; link.textContent = personalize(label); return link; } function setDialog(speakerName, title, copy) { speaker.textContent = speakerName; heading.hidden = false; heading.textContent = personalize(title); dialog.setAttribute("aria-labelledby", heading.id); dialog.removeAttribute("aria-label"); storyDirector.setStaticText(personalize(copy)); } function hideDialogHeading() { heading.hidden = true; heading.textContent = ""; dialog.removeAttribute("aria-labelledby"); dialog.setAttribute("aria-label", "Geschichtendialog"); } function resetInteraction() { dialog.scrollTop = 0; choices.replaceChildren(); actions.replaceChildren(); profilePanel.hidden = true; } function renderSpecies() { setDialog( "Erz\xE4hler", "Mit wem beginnt euer Abenteuer?", "W\xE4hle dein Tier. Name und Rasse folgen direkt hier in der B\xFChne." ); gameData.forEach((entry) => { choices.append( createChoiceButton( entry.label, () => { selectedBreedDraft = null; draftSpecies = entry.species; dispatch({ type: "select-species", species: entry.species }); }, entry.storyTitle ) ); }); } function renderProfile(data) { setDialog( "Kevin", "Erz\xE4hl mir von deinem Tier", "Name und Rasse bleiben kompakt in unserer gemeinsamen Spielzone." ); profilePanel.hidden = false; nameLabel.textContent = data.nameQuestion; breedLabel.textContent = data.breedQuestion; if (draftSpecies !== data.species) { draftSpecies = data.species; selectedBreedDraft = null; nameInput.value = ""; breedInput.value = ""; breedInput.disabled = false; unknownBreedInput.checked = false; } } function renderGreeting(data) { const breed = findBreed(data, state.breedId); setDialog("Kevin", "", data.story.greeting.text); hideDialogHeading(); const summary = document.createElement("p"); summary.className = "game-hint"; summary.textContent = `${state.petName} \xB7 ${breed?.displayName ?? "gew\xE4hlte Rasse"}`; actions.append(summary); actions.append( createActionButton("Geschichte starten", { type: "start-story" }) ); } function storyBeatKey() { const answered = state.answerIds.length === state.sceneIndex + 1; return `${state.species}:${state.sceneIndex}:${answered ? "reaction" : "intro"}:${state.beatIndex}`; } function selectedSceneAnswer(scene) { const answerId = state.answerIds[state.sceneIndex]; return scene.answers.find(({ id }) => id === answerId) ?? null; } function showToast(copy) { if (toastTimer !== null) window.clearTimeout(toastTimer); toast.textContent = copy; toast.dataset.visible = "true"; toastTimer = window.setTimeout(() => { delete toast.dataset.visible; toastTimer = null; }, 2600); } function loadImage(src) { return new Promise((resolve, reject) => { const image = new Image(); image.onload = () => resolve(image); image.onerror = () => reject(new Error("Ergebnisbild fehlt")); image.src = src; }); } function drawContained(context, image, x, y, width, height) { const scale = Math.min( width / image.naturalWidth, height / image.naturalHeight ); const renderedWidth = image.naturalWidth * scale; const renderedHeight = image.naturalHeight * scale; context.drawImage( image, x + (width - renderedWidth) / 2, y + (height - renderedHeight) / 2, renderedWidth, renderedHeight ); } function drawWrappedText(context, copy, x, y, maxWidth, lineHeight, maxLines) { const lines = []; let line = ""; copy.split(/\s+/).forEach((word) => { const candidate = line ? `${line} ${word}` : word; if (!line || context.measureText(candidate).width <= maxWidth) line = candidate; else { lines.push(line); line = word; } }); if (line) lines.push(line); lines.slice(0, maxLines).forEach((entry, index) => { context.fillText(entry, x, y + index * lineHeight); }); return y + Math.min(lines.length, maxLines) * lineHeight; } function drawWrappedTextWithCenteredUnderline(context, copy, underlinedCopy, x, y, maxWidth, lineHeight, maxLines) { const lines = []; let line = ""; copy.split(/\s+/).forEach((word) => { const candidate = line ? `${line} ${word}` : word; if (!line || context.measureText(candidate).width <= maxWidth) line = candidate; else { lines.push(line); line = word; } }); if (line) lines.push(line); lines.slice(0, maxLines).forEach((entry, index) => { const baseline = y + index * lineHeight; context.fillText(entry, x, baseline); const underlineIndex = entry.indexOf(underlinedCopy); if (underlineIndex < 0) return; const lineWidth = context.measureText(entry).width; const prefixWidth = context.measureText( entry.slice(0, underlineIndex) ).width; const underlinedWidth = context.measureText(underlinedCopy).width; const underlineStart = x - lineWidth / 2 + prefixWidth; const underlineY = baseline + lineHeight * 0.12; context.save(); context.beginPath(); context.strokeStyle = context.fillStyle; context.lineWidth = Math.max(2, lineHeight * 0.07); context.lineCap = "round"; context.moveTo(underlineStart, underlineY); context.lineTo(underlineStart + underlinedWidth, underlineY); context.stroke(); context.restore(); }); } async function createResultBlob(data, format) { const breed = findBreed(data, state.breedId); const copy = state.result ? data.story.resultCopy[state.result] : null; const answers = state.answerIds.map( (answerId, sceneIndex) => data.story.scenes[sceneIndex]?.answers.find(({ id }) => id === answerId) ); if (!breed || !copy || answers.some((answer) => !answer)) { throw new Error("Ergebnisdaten fehlen"); } const resolvedAnswers = answers.filter( (answer) => answer !== void 0 ); const [animal, ...memoryImages] = await Promise.all([ loadImage(breed.assetUrl), ...resolvedAnswers.map(({ memoryUrl }) => loadImage(memoryUrl)) ]); const canvas = document.createElement("canvas"); canvas.width = 1080; canvas.height = format === "story" ? 1920 : 1080; const context = canvas.getContext("2d"); if (!context) throw new Error("Canvas ist nicht verf\xFCgbar"); if (format === "post") { drawResultPost( context, canvas, animal, memoryImages, resolvedAnswers, copy ); return canvasToBlob(canvas); } drawResultStory( context, canvas, animal, memoryImages, resolvedAnswers, copy ); return canvasToBlob(canvas); } function drawResultStory(context, canvas, animal, memoryImages, answers, copy) { context.fillStyle = "#f5efe4"; context.fillRect(0, 0, canvas.width, canvas.height); context.textAlign = "center"; context.fillStyle = "#183f35"; context.font = '700 42px Georgia, "Times New Roman", serif'; context.fillText("\u2661 Tierisch geregelt", 540, 92); context.fillStyle = "#c87350"; context.font = '700 29px system-ui, "Segoe UI", sans-serif'; context.fillText("EIN MOMENT. EINE ECHTE KONSEQUENZ.", 540, 190, 930); context.fillStyle = "#183f35"; context.font = '700 70px Georgia, "Times New Roman", serif'; context.fillText("UNSER ERGEBNIS", 540, 285, 940); context.fillStyle = "#dde6da"; context.beginPath(); context.ellipse(540, 820, 430, 370, 0, 0, Math.PI * 2); context.fill(); drawContained(context, animal, 170, 495, 740, 650); context.fillStyle = "#c87350"; context.beginPath(); context.roundRect(235, 1115, 610, 76, 38); context.fill(); context.fillStyle = "#fffaf2"; context.font = '800 24px system-ui, "Segoe UI", sans-serif'; context.fillText( `${state.petName} und ich sind ${copy.teamPhrase}.`, 540, 1164, 560 ); context.fillStyle = "#fffaf2"; context.beginPath(); context.roundRect(95, 1218, 890, 230, 38); context.fill(); context.fillStyle = "#183f35"; context.font = '700 48px Georgia, "Times New Roman", serif'; drawWrappedTextWithCenteredUnderline( context, `${state.petName} ist dankbar, dass es tierisch-geregelt.de gibt.`, "tierisch-geregelt.de", 540, 1310, 790, 56, 3 ); answers.forEach((answer) => { const centerX = 540; context.fillStyle = "#dde6da"; context.beginPath(); context.arc(centerX, 1640, 116, 0, Math.PI * 2); context.fill(); drawContained(context, memoryImages[0], centerX - 76, 1563, 152, 152); context.fillStyle = "#183f35"; context.font = '700 25px system-ui, "Segoe UI", sans-serif'; drawWrappedText(context, answer.memoryName, centerX, 1790, 260, 30, 2); }); context.textAlign = "left"; } function canvasToBlob(canvas) { return new Promise((resolve, reject) => { canvas.toBlob( (blob) => blob ? resolve(blob) : reject(new Error("Bildexport fehlgeschlagen")), "image/png" ); }); } function drawResultPost(context, canvas, animal, memoryImages, answers, copy) { context.fillStyle = "#f5efe4"; context.fillRect(0, 0, canvas.width, canvas.height); context.textAlign = "center"; context.fillStyle = "#c87350"; context.font = '700 28px system-ui, "Segoe UI", sans-serif'; context.fillText("EIN MOMENT. EINE ECHTE KONSEQUENZ.", 540, 64, 940); context.fillStyle = "#183f35"; context.font = '700 60px Georgia, "Times New Roman", serif'; context.fillText("UNSER ERGEBNIS", 540, 135, 930); drawContained(context, animal, 260, 245, 560, 430); context.fillStyle = "#c87350"; context.beginPath(); context.roundRect(105, 685, 870, 70, 32); context.fill(); context.fillStyle = "#fffaf2"; context.font = '800 22px system-ui, "Segoe UI", sans-serif'; context.fillText( `${state.petName} und ich sind ${copy.teamPhrase}.`, 540, 729, 800 ); context.fillStyle = "#fffaf2"; context.beginPath(); context.roundRect(105, 770, 870, 110, 32); context.fill(); context.fillStyle = "#183f35"; context.font = '700 32px Georgia, "Times New Roman", serif'; drawWrappedTextWithCenteredUnderline( context, `${state.petName} ist dankbar, dass es tierisch-geregelt.de gibt.`, "tierisch-geregelt.de", 540, 810, 780, 37, 2 ); answers.forEach((answer) => { const x = 540; drawContained(context, memoryImages[0], x - 58, 890, 116, 105); context.fillStyle = "#183f35"; context.font = '700 20px system-ui, "Segoe UI", sans-serif'; drawWrappedText(context, answer.memoryName, x, 1018, 220, 24, 2); }); context.textAlign = "left"; } function resultFilename(format) { const safeName = (state.petName || "tiergeschichte").toLocaleLowerCase("de-DE").normalize("NFKD").replace(/[\u0300-\u036f]/g, "").replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, ""); return `tierisch-geregelt-${safeName || "tiergeschichte"}-${format === "story" ? "story" : "beitrag"}.png`; } async function saveResult(data, format) { live.textContent = "Ergebnisbild wird vorbereitet."; try { const blob = await createResultBlob(data, format); const url = URL.createObjectURL(blob); const link = document.createElement("a"); link.href = url; link.download = resultFilename(format); link.click(); window.setTimeout(() => URL.revokeObjectURL(url), 0); live.textContent = "Dein Ergebnisbild wurde gespeichert."; } catch { live.textContent = "Das Ergebnisbild konnte nicht erstellt werden."; } } async function shareResult(data) { const format = "story"; live.textContent = "Teilen wird vorbereitet."; try { const blob = await createResultBlob(data, format); const file = new File([blob], resultFilename(format), { type: "image/png" }); const shareText = personalize(RESULT_SHARE_MESSAGE); const shareData = { title: `${state.petName}s Tierisch-geregelt-Ergebnis`, text: shareText, files: [file] }; const supportsFileShare = typeof navigator.share === "function" && (typeof navigator.canShare !== "function" || navigator.canShare({ files: [file] })); if (supportsFileShare) { await navigator.share(shareData); live.textContent = "Teilen ge\xF6ffnet. W\xE4hle jetzt die gew\xFCnschte App."; } else { await saveResult(data, format); live.textContent = "Dein Browser kann das Bild nicht direkt teilen. Das Ergebnis wurde deshalb gespeichert."; } } catch (error) { if (error instanceof DOMException && error.name === "AbortError") { live.textContent = "Teilen wurde abgebrochen."; return; } await saveResult(data, format); live.textContent = "Dein Ergebnisbild wurde gespeichert."; } } function renderCompletion(scene) { storyDirector.resetVisualState(); const answer = selectedSceneAnswer(scene); if (!answer) return; setDialog( "Kevin", "", `Deine St\xE4rke: ${STRENGTH_LABELS[answer.scoreCategory]}` ); hideDialogHeading(); memoryImage.src = answer.memoryUrl; memoryImage.alt = ""; memoryProp.hidden = false; memoryProp.dataset.revealed = "true"; const nextLabel = "Zur Einordnung"; actions.append(createActionButton(nextLabel, { type: "advance" })); const completionKey = `${scene.id}:${answer.id}`; if (completionKey !== lastCompletionKey) { lastCompletionKey = completionKey; showToast(`Erinnerung gesammelt: ${answer.memoryName}`); live.textContent = `${answer.memoryName} gesammelt. Eine Erinnerung gesammelt. ${nextLabel}.`; } } function renderStoryChoices(scene) { storyDirector.resetVisualState(); setDialog("Erz\xE4hler", "", scene.question); hideDialogHeading(); scene.answers.forEach((answer, index) => { const button = createChoiceButton( sentenceCase(personalize(answer.label)), () => { const now = Date.now(); if (now - lastChoiceAt < 220) return; lastChoiceAt = now; choices.querySelectorAll("button").forEach((choice) => { choice.disabled = true; }); dispatch({ type: "choose-answer", answerId: answer.id }); } ); button.dataset.choiceIndex = String(index); button.style.setProperty("--choice-index", String(index)); choices.append(button); }); live.textContent = `${scene.question} Drei Antworten stehen zur Auswahl.`; } function renderStoryBeat(scene, answer) { const key = storyBeatKey(); const isReaction = answer !== null; const copy = isReaction ? answer.reaction[state.beatIndex] ?? "" : scene.situation[state.beatIndex] ?? ""; speaker.textContent = "Erz\xE4hler"; const showSceneTitle = !isReaction && state.beatIndex === 0; if (showSceneTitle) { heading.hidden = false; heading.textContent = scene.title; dialog.setAttribute("aria-labelledby", heading.id); dialog.removeAttribute("aria-label"); } else { hideDialogHeading(); } const animate = state.mode === "intro" || state.mode === "typing" || state.mode === "reaction"; storyDirector.showText({ key, copy: personalize(copy), animate, onFinished: () => { if (storyBeatKey() === key) { dispatch({ type: "finish-typing" }, false); } } }); if (isReaction) { const ready = storyDirector.playMotionPlan({ key, kind: answer.animationKind, steps: answer.animationSteps.map(personalize), reactionBeatIndex: state.beatIndex, reactionBeatCount: answer.reaction.length, onFinished: () => { if (storyBeatKey() !== key) return; motionReadyKey = key; render(false); } }); if (ready) motionReadyKey = key; } else { motionReadyKey = key; } nextIndicator.hidden = !(state.mode === "await-advance" && motionReadyKey === key); live.textContent = isReaction ? `Reaktion auf deine Entscheidung, Abschnitt ${state.beatIndex + 1} von ${answer.reaction.length}.` : `Szene ${state.sceneIndex + 1}, Abschnitt ${state.beatIndex + 1} von ${scene.situation.length}.`; } function renderStory(data) { memoryProp.hidden = true; delete memoryProp.dataset.revealed; const scene = data.story.scenes[state.sceneIndex]; if (!scene) return; if (state.mode === "completion") { renderCompletion(scene); return; } if (state.mode === "await-choice") { renderStoryChoices(scene); return; } renderStoryBeat(scene, selectedSceneAnswer(scene)); } function renderLaterView(data) { if (state.view === "resolution") { const finalScene = data.story.scenes[0]; const answer = finalScene ? selectedSceneAnswer(finalScene) : null; const consequence = answer?.consequence; if (!consequence) throw new Error("Kostenfolge der Kurzgeschichte fehlt"); setDialog( "Geschafft!", personalize(consequence.heading), consequence.summary ); const card = document.createElement("section"); card.className = "game-consequence"; card.setAttribute("aria-label", "Beispielhafte Kostenfolge"); const total = document.createElement("p"); total.className = "game-consequence__total"; total.textContent = `${formatEuro(consequence.totalMinimumEuro)} bis ${formatEuro(consequence.totalMaximumEuro)}`; const totalLabel = document.createElement("span"); totalLabel.textContent = "M\xF6gliche Gesamtkosten"; total.prepend(totalLabel); const items = document.createElement("ul"); consequence.costItems.forEach((item) => { const row = document.createElement("li"); const label = document.createElement("span"); label.textContent = item.label; const value = document.createElement("strong"); value.textContent = `${formatEuro(item.minimumEuro)} bis ${formatEuro(item.maximumEuro)}`; row.append(label, value); items.append(row); }); const note = document.createElement("p"); note.className = "game-consequence__note"; note.textContent = "Beispielhafte Spanne. Tats\xE4chliche Kosten h\xE4ngen von Schaden, Behandlung, Region, Geb\xFChrensatz und Tarif ab."; card.append(total, items, note); actions.append( card, createActionButton("Schutz pr\xFCfen", { type: "advance" }) ); return; } if (state.view === "insurance") { setDialog( "Kevin", data.story.insuranceImpulse.heading, data.story.insuranceImpulse.text ); actions.append( createActionButton(data.story.insuranceImpulse.buttonLabel, { type: "advance" }) ); return; } const copy = state.result ? data.story.resultCopy[state.result] : null; const breed = findBreed(data, state.breedId); setDialog( "Euer Fazit", copy ? `${state.petName} und du seid ${copy.teamPhrase}` : "Euer Ergebnis", copy ? data.story.resultMessage : "" ); if (copy) { const portrait = document.createElement("figure"); portrait.className = "game-result-portrait"; const portraitImage = document.createElement("img"); portraitImage.src = breed?.assetUrl ?? ""; portraitImage.alt = `${state.petName}, ${breed?.displayName ?? data.label}`; portrait.append(portraitImage); const breedLine = document.createElement("p"); breedLine.className = "game-result-breed"; breedLine.textContent = `${state.petName} \xB7 ${breed?.displayName ?? data.label}`; const memoryList = document.createElement("ul"); memoryList.className = "game-result-memories"; memoryList.setAttribute("aria-label", "Eure Erinnerung"); memoryList.dataset.count = "one"; state.answerIds.forEach((answerId, sceneIndex) => { const answer = data.story.scenes[sceneIndex]?.answers.find( ({ id }) => id === answerId ); if (!answer) return; const item = document.createElement("li"); const image = document.createElement("img"); image.src = answer.memoryUrl; image.alt = ""; const label = document.createElement("span"); label.textContent = answer.memoryName; item.append(image, label); memoryList.append(item); }); const strength = document.createElement("p"); strength.className = "game-result-strength"; strength.textContent = `Eure besondere St\xE4rke: ${copy.strength}`; const share = createChoiceButton("Geschichte teilen", () => { void shareResult(data); }); const close = createChoiceButton("Geschichte schlie\xDFen", () => { window.close(); window.setTimeout(() => { if (!window.closed) window.location.assign("index.html"); }, 150); }); close.classList.add("game-choice--quiet"); actions.append(portrait, breedLine, memoryList); actions.append(strength); const contact = createActionLink( "Kostenlos pr\xFCfen, was zu euch passt", "index.html#kontakt" ); contact.classList.add("game-choice--primary"); actions.append(contact, share, close); } } function renderActors(data) { const breed = findBreed(data, state.breedId); root2.dataset.species = state.species ?? "none"; if (breed) { animalImage.src = breed.assetUrl; animalImage.alt = ""; } else { animalImage.removeAttribute("src"); } const showKevin = state.view === "species" || state.view === "profile" || state.view === "greeting" || state.view === "resolution" || state.view === "insurance" || state.view === "story" && state.mode === "completion"; const showAnimal = Boolean(breed) && state.view !== "result"; setActorVisibility(kevinActor, showKevin); setActorVisibility(animalActor, showAnimal); const scene = state.view === "story" ? data?.story.scenes[state.sceneIndex] : null; if (scene?.backgroundUrl) { sceneImage.src = scene.backgroundUrl; sceneImage.hidden = false; sceneFallback.hidden = true; } else { sceneImage.hidden = true; sceneImage.removeAttribute("src"); sceneFallback.hidden = false; } const narrator = state.view === "species" || state.view === "story"; kevinActor.dataset.dim = String(narrator); animalActor.dataset.dim = String(state.view !== "story"); kevinActor.dataset.stage = state.view === "story" ? "story" : "setup"; animalActor.dataset.stage = state.view === "story" ? "story" : "setup"; } function setActorVisibility(actor, visible) { const hideTimer = actorHideTimers.get(actor); if (hideTimer !== void 0) { window.clearTimeout(hideTimer); actorHideTimers.delete(actor); } if (visible) { const becomesVisible = actor.hidden || actor.dataset.presence === "exit"; actor.hidden = false; delete actor.dataset.presence; if (!becomesVisible) return; void actor.offsetWidth; actor.dataset.presence = "enter"; window.setTimeout(() => { if (actor.dataset.presence === "enter") { delete actor.dataset.presence; } }, 520); return; } if (actor.hidden) return; actor.dataset.presence = "exit"; const timer = window.setTimeout(() => { if (actor.dataset.presence === "exit") { actor.hidden = true; delete actor.dataset.presence; } actorHideTimers.delete(actor); }, 320); actorHideTimers.set(actor, timer); } function renderHud() { const sceneNumber = state.view === "story" ? state.sceneIndex + 1 : 0; const labels = { species: "Tier ausw\xE4hlen", profile: "Name und Rasse", greeting: "Bereit zum Start", story: "Deine Geschichte", resolution: "Geschichte geschafft", insurance: "Kurz eingeordnet", result: "Euer Ergebnis" }; hudProgress.textContent = labels[state.view]; hudProgressbar.setAttribute("aria-valuenow", String(sceneNumber)); hudProgressFill.style.width = `${sceneNumber * 100}%`; const memoryCount = state.memories.length; hudMemories.querySelector("span").textContent = `${"\u2605 ".repeat(memoryCount)}${"\u2606 ".repeat(1 - memoryCount)}`.trim(); hudMemories.setAttribute( "aria-label", memoryCount === 0 ? "Noch keine Erinnerung gesammelt" : "Eine Erinnerung gesammelt" ); if (memoryCount > renderedMemoryCount) { if (hudBumpTimer !== null) window.clearTimeout(hudBumpTimer); hudMemories.dataset.bump = "true"; hudBumpTimer = window.setTimeout(() => { delete hudMemories.dataset.bump; hudBumpTimer = null; }, 700); } renderedMemoryCount = memoryCount; } function render(focus = true) { const showOnboarding = state.screen === "onboarding"; setHidden(onboarding, !showOnboarding); setHidden(play, showOnboarding); root2.dataset.screen = state.screen; root2.dataset.view = state.view; root2.dataset.mode = state.mode; if (showOnboarding) { storyDirector.resetVisualState(); if (focus) safeFocus(startButton); return; } resetInteraction(); const data = findSpeciesData(gameData, state.species); renderActors(data); renderHud(); if (state.view !== "story") { storyDirector.resetVisualState(); memoryProp.hidden = true; delete memoryProp.dataset.revealed; } if (state.view === "species") renderSpecies(); else if (state.view === "profile" && data) renderProfile(data); else if (state.view === "greeting" && data) renderGreeting(data); else if (state.view === "story" && data) renderStory(data); else if (data) renderLaterView(data); if (!focus) return; if (state.view === "profile") safeFocus(nameInput); else { const firstControl = choices.querySelector("button") ?? actions.querySelector("button"); safeFocus(firstControl ?? dialog); } } function dispatch(action, focus = true) { if (destroyed) return false; const next = transition(state, action); if (next === state) return false; state = next; if (action.type === "restart") { selectedBreedDraft = null; draftSpecies = null; motionReadyKey = ""; lastCompletionKey = ""; lastChoiceAt = 0; lastAdvanceAt = 0; renderedMemoryCount = 0; if (toastTimer !== null) window.clearTimeout(toastTimer); toastTimer = null; delete toast.dataset.visible; toast.textContent = ""; live.textContent = ""; if (hudBumpTimer !== null) window.clearTimeout(hudBumpTimer); hudBumpTimer = null; delete hudMemories.dataset.bump; nameInput.value = ""; breedInput.value = ""; } render(focus); return true; } function closePopup() { popup.hidden = true; breedInput.setAttribute("aria-expanded", "false"); breedInput.removeAttribute("aria-activedescendant"); activeBreedIndex = -1; for (const prop of [ "position", "top", "bottom", "left", "right", "width", "max-height", "z-index" ]) { popup.style.removeProperty(prop); } } function positionPopup() { if (popup.parentElement !== document.body) { document.body.appendChild(popup); } const rect = breedInput.getBoundingClientRect(); const gap = 6; const margin = 10; const viewportHeight = window.innerHeight; const spaceBelow = viewportHeight - rect.bottom - gap - margin; const spaceAbove = rect.top - gap - margin; const preferredMax = 300; popup.style.position = "fixed"; popup.style.zIndex = "9999"; popup.style.left = `${Math.round(rect.left)}px`; popup.style.width = `${Math.round(rect.width)}px`; popup.style.right = "auto"; if (spaceBelow < 160 && spaceAbove > spaceBelow) { popup.style.top = "auto"; popup.style.bottom = `${Math.round(viewportHeight - rect.top + gap)}px`; popup.style.maxHeight = `${Math.round(Math.max(120, Math.min(preferredMax, spaceAbove)))}px`; } else { popup.style.bottom = "auto"; popup.style.top = `${Math.round(rect.bottom + gap)}px`; popup.style.maxHeight = `${Math.round(Math.max(120, Math.min(preferredMax, spaceBelow)))}px`; } } const repositionBreedPopup = () => { if (!popup.hidden) positionPopup(); }; window.addEventListener("resize", repositionBreedPopup); window.addEventListener("scroll", repositionBreedPopup, true); function selectBreed(option) { selectedBreedDraft = option; breedInput.value = option.displayName; breedError.textContent = ""; breedStatus.textContent = `${option.displayName} ausgew\xE4hlt.`; closePopup(); } function renderBreedPopup() { const data = findSpeciesData(gameData, state.species); if (!data || state.view !== "profile") { closePopup(); return; } const query = normalize(breedInput.value); if (selectedBreedDraft && breedInput.value.trim() === selectedBreedDraft.displayName) { closePopup(); return; } if (!query) { visibleBreeds = []; closePopup(); breedStatus.textContent = "Tippe mindestens einen Buchstaben."; return; } visibleBreeds = data.breeds.map((option) => { const ranks = option.normalizedSearchTerms.map((term) => rank(term, query)).filter((value) => value !== null); return ranks.length ? { option, rank: Math.min(...ranks) } : null; }).filter( (entry) => entry !== null ).sort( (left, right) => left.rank - right.rank || left.option.displayName.localeCompare( right.option.displayName, "de-DE" ) || left.option.id.localeCompare(right.option.id) ).slice(0, 12).map(({ option }) => option); popup.replaceChildren(); if (visibleBreeds.length) { const popupHeading = document.createElement("p"); popupHeading.className = "game-combobox__heading"; popupHeading.textContent = "Passende Rassen"; popup.append(popupHeading); visibleBreeds.forEach((option, index) => { const button = document.createElement("button"); button.type = "button"; button.id = `breed-option-${index}`; button.className = "game-combobox__option"; button.setAttribute("role", "option"); button.setAttribute( "aria-selected", String(selectedBreedDraft?.id === option.id) ); button.dataset.optionIndex = String(index); button.textContent = option.displayName; button.addEventListener( "pointerdown", (event) => event.preventDefault() ); button.addEventListener("click", () => selectBreed(option)); popup.append(button); }); } else { const empty = document.createElement("p"); empty.className = "game-combobox__empty"; empty.textContent = "Keine passende Rasse gefunden. Du kannst unten \u201ARasse nicht aufgef\xFChrt oder unbekannt\u2018 ausw\xE4hlen."; popup.append(empty); } popup.hidden = false; positionPopup(); breedInput.setAttribute("aria-expanded", "true"); breedStatus.textContent = `${visibleBreeds.length} passende Rassen gefunden.`; } function updateActiveBreed() { const options = [ ...popup.querySelectorAll("[data-option-index]") ]; options.forEach((option, index) => { option.dataset.active = String(index === activeBreedIndex); }); const active = options[activeBreedIndex]; if (!active) return; breedInput.setAttribute("aria-activedescendant", active.id); active.scrollIntoView({ block: "nearest" }); breedStatus.textContent = `${active.textContent}, Option ${activeBreedIndex + 1} von ${options.length}.`; } function submitProfile() { let validName = true; try { validatePetName(nameInput.value); nameError.textContent = ""; } catch { validName = false; nameError.textContent = "Bitte gib einen Namen mit 1 bis 30 Zeichen ein."; } breedError.textContent = selectedBreedDraft ? "" : "Bitte w\xE4hle eine vorhandene Rasse oder setze den Haken darunter."; if (!validName || !selectedBreedDraft) { safeFocus(validName ? breedInput : nameInput); return; } dispatch({ type: "submit-profile", petName: nameInput.value, breedId: selectedBreedDraft.id }); } function onBreedKeydown(event) { if (event.key === "Escape" || event.key === "Tab") { closePopup(); return; } if (event.key === "ArrowDown" || event.key === "ArrowUp") { if (popup.hidden) renderBreedPopup(); if (!visibleBreeds.length) return; event.preventDefault(); const direction = event.key === "ArrowDown" ? 1 : -1; activeBreedIndex = activeBreedIndex < 0 ? direction > 0 ? 0 : visibleBreeds.length - 1 : (activeBreedIndex + direction + visibleBreeds.length) % visibleBreeds.length; updateActiveBreed(); return; } if (event.key === "Enter" && activeBreedIndex >= 0) { event.preventDefault(); selectBreed(visibleBreeds[activeBreedIndex]); } } function advanceStoryInput() { if (state.view !== "story" || state.mode === "await-choice") { return; } const now = Date.now(); if (now - lastAdvanceAt < 220) return; lastAdvanceAt = now; if (state.mode === "completion") { dispatch({ type: "advance" }); return; } if (storyDirector.finishText()) return; if (state.mode === "await-advance" && motionReadyKey === storyBeatKey()) { dispatch({ type: "advance" }); } } function eventComesFromControl(event) { return event.target instanceof Element && event.target.closest("button, a, input, select, textarea") !== null; } function onPlayClick(event) { if (eventComesFromControl(event)) return; advanceStoryInput(); } function onDocumentKeydown(event) { if (event.key === "Escape") { if (!popup.hidden) { event.preventDefault(); closePopup(); return; } if (state.screen !== "play") return; event.preventDefault(); if (window.confirm( "M\xF6chtest du das Spiel verlassen und zur Website zur\xFCckkehren?" )) { window.location.href = "index.html"; } return; } if (!["Enter", " ", "ArrowRight", "ArrowDown"].includes(event.key) || eventComesFromControl(event)) { return; } if (state.view !== "story") return; event.preventDefault(); advanceStoryInput(); } function onVisibilityChange() { if (document.hidden) { if (audioFadeFrame !== null) window.cancelAnimationFrame(audioFadeFrame); audioFadeFrame = null; audio.pause(); audio.volume = 0; } else playAudio(); } startButton.addEventListener("click", () => { dispatch({ type: "start-game" }); playAudio(); }); soundButtons.forEach( (button) => button.addEventListener("click", toggleSound) ); root2.querySelectorAll("[data-game-back]").forEach( (button) => button.addEventListener("click", () => dispatch({ type: "go-back" })) ); root2.querySelectorAll("[data-game-restart]").forEach( (button) => button.addEventListener("click", () => dispatch({ type: "restart" })) ); profileNext.addEventListener("click", submitProfile); breedInput.addEventListener("focus", renderBreedPopup); breedInput.addEventListener("input", () => { selectedBreedDraft = null; renderBreedPopup(); }); breedInput.addEventListener("keydown", onBreedKeydown); breedInput.addEventListener("blur", closePopup); unknownBreedInput.addEventListener("change", () => { closePopup(); breedError.textContent = ""; breedInput.disabled = unknownBreedInput.checked; breedInput.value = ""; selectedBreedDraft = unknownBreedInput.checked ? findSpeciesData(gameData, state.species)?.unknownBreed ?? null : null; breedStatus.textContent = unknownBreedInput.checked ? "Rasse nicht aufgef\xFChrt oder unbekannt ausgew\xE4hlt." : "Rassenauswahl wieder aktiviert."; if (!unknownBreedInput.checked) safeFocus(breedInput); }); play.addEventListener("click", onPlayClick); root2.addEventListener("pointerdown", retrySound, true); document.addEventListener("keydown", onDocumentKeydown, true); document.addEventListener("visibilitychange", onVisibilityChange); updateSoundUi(); render(true); return { dispatch, getState: () => state, destroy: () => { destroyed = true; audio.pause(); if (audioFadeFrame !== null) window.cancelAnimationFrame(audioFadeFrame); storyDirector.destroy(); if (toastTimer !== null) window.clearTimeout(toastTimer); if (hudBumpTimer !== null) window.clearTimeout(hudBumpTimer); actorHideTimers.forEach((timer) => window.clearTimeout(timer)); actorHideTimers.clear(); play.removeEventListener("click", onPlayClick); root2.removeEventListener("pointerdown", retrySound, true); document.removeEventListener("keydown", onDocumentKeydown, true); document.removeEventListener("visibilitychange", onVisibilityChange); } }; } // src/lib/game/browser-entry.ts var root = document.querySelector("[data-game-entry]"); var dataElement = document.querySelector("#game-entry-data"); if (root && dataElement?.dataset.gameEntryData) { try { const gameData = JSON.parse( dataElement.dataset.gameEntryData ); bootstrapGame(root, gameData); } catch (error) { root.dataset.gameError = "true"; const live = root.querySelector("[data-game-live]"); if (live) { live.textContent = "Das Spiel konnte nicht gestartet werden. Bitte lade die Seite neu."; } console.error("[Tierisch geregelt] Spielstart fehlgeschlagen", error); } } })();

Ein kleines Abenteuer für euch beide.

Optionale Dienste selbst bestimmen