{"version":3,"file":"2WpFGW5U.js","sources":["../../../../layers/multimedia-database/pages/image-database/index.vue"],"sourcesContent":["<template>\n  <div>\n    <ContentHeader :title=\"entity?.title\" :lead=\"entity?.lead\" />\n\n    <div v-show=\"!isLoading\">\n      <celum-adapter\n        url=\"https://multimedia-bs.ch/anura/internet\"\n        infofields=\"101\"\n        license=\"JFIBVAgaBBYMQVkKElpDHEcIHVUbEg8ITh4KGQtvPQ==\"\n      />\n\n      <div class=\"flex justify-end px-30 py-20\">\n        <anura-basket\n          v-if=\"showBasket\"\n          adapter=\"celum-adapter\"\n          terms-of-use=\"force\"\n          default-format=\"1\"\n        >\n          <div slot=\"terms-of-use\">\n            <div class=\"ck-content mt-15\">\n              <!-- TODO: Replace/translate this if possible and/or necessary. -->\n              <h3>Allgemeine Informationen</h3>\n              <p>\n                Der Kanton Basel-Stadt stellt seine Bilddatenbank gemäss den\n                untenstehenden Nutzungsbedingungen auf dem Internet zur\n                Verfügung. Diese gelten zusätzlich zu den\n                <a\n                  href=\"https://www.bs.ch/datenschutzerklaerung\"\n                  target=\"_blank\"\n                  >allgemeinen Nutzungsregeln</a\n                >.\n              </p>\n              <h3>Nutzungsbestimmungen</h3>\n              <p>\n                Einzelne Bildmedien dürfen für nichtkommerzielle Zwecke und\n                unter Angabe der Quelle verwendet werden. Es ist folgende\n                <strong>Quellenangabe</strong> in unmittelbarer Nähe des Bildes\n                anzugeben:\n              </p>\n              <p>\n                <strong>© Kanton Basel-Stadt: www.bs.ch/bilddatenbank</strong>\n              </p>\n              <p>\n                Bei einer online-Publikation ist eine Verlinkung mit\n                <a href=\"https://www.bs.ch/apps/bilddatenbank\" target=\"_blank\"\n                  >www.bs.ch/apps/bilddatenbank</a\n                >\n                vorzunehmen.\n              </p>\n              <p>\n                Bei einer print-Publikation ist ein Belegexemplar an die\n                Staatskanzlei Kanton Basel-Stadt, Abteilung Kommunikation,\n                Digitale Bildredaktion, Marktplatz 9, CH-4051 Basel, abzugeben.\n              </p>\n              <p>\n                Nicht gestattet sind insbesondere die sinnentstellende\n                Verfremdung der Fotos oder die Verwendung der Fotos in einem\n                unsittlichen oder rechtswidrigen Zusammenhang sowie jegliche\n                andere Verwendung, die Rechte Dritter beeinträchtigen könnte.\n              </p>\n              <p>\n                Bei Personenabbildungen können Rechte Dritter bestehen (Recht am\n                eigenen Bild).\n              </p>\n              <h3>\n                Persönlichkeitsschutz (Datenschutz und Recht am eigenen Bild)\n              </h3>\n              <p>\n                Personen, die sich in ihren Persönlichkeitsrechten durch\n                Abbildungen in der Bild-Datenbank verletzt fühlen, werden\n                gebeten, dies umgehend der\n                <a href=\"mailto:redaktion@bs.ch\" target=\"_top\">Bildredaktion</a>\n                mitzuteilen.\n              </p>\n            </div>\n          </div>\n        </anura-basket>\n      </div>\n\n      <div class=\"py-10 px-30 grid md:grid-cols-4 gap-50\">\n        <aside v-if=\"showSidebar\" aria-label=\"Navigation\">\n          <div id=\"anura-filters\">\n            <anura-searchbar\n              id=\"search\"\n              ref=\"searchBar\"\n              adapter=\"celum-adapter\"\n            />\n            <anura-counter\n              v-if=\"showCounter\"\n              parent=\"anura-gallery\"\n              class=\"pt-10\"\n            />\n            <anura-tree\n              id=\"110\"\n              ref=\"anuraTree\"\n              adapter=\"celum-adapter\"\n              root=\"6\"\n              value=\"19828\"\n              title=\"Motiv\"\n              show-count=\"true\"\n              aria-live=\"polite\"\n              deselectable\n              hide-empty=\"true\"\n            />\n            <anura-reset adapter=\"celum-adapter\" target=\"#anura-filters > *\" />\n          </div>\n        </aside>\n        <div id=\"scroll-container\" class=\"md:col-span-3\" aria-label=\"Galerie\">\n          <anura-lightbox\n            adapter=\"celum-adapter\"\n            buttons=\"basket,sidebar,close\"\n          >\n            <anura-details\n              slot=\"sidebar\"\n              denylist=\"id,created,modified,dpi,aspect_ratio\"\n            />\n          </anura-lightbox>\n\n          <anura-gallery\n            v-if=\"showGallery\"\n            adapter=\"celum-adapter\"\n            search=\"#anura-filters > *\"\n            basket=\"anura-basket\"\n            sort=\"date_desc\"\n            aria-live=\"polite\"\n          >\n            <anura-asset slot=\"asset\" buttons=\"basket\" />\n          </anura-gallery>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport loadAnuraWebComponents from '~/layers/multimedia-database/helpers/anura-web-components-loader'\n\ndefinePageMeta({\n  name: 'image-database',\n  drupalFrontendRoute: true,\n  languageMapping: {\n    de: '/apps/bilddatenbank',\n    fr: '/fr/apps/banque-dimages',\n    it: '/it/apps/database-di-immagini',\n    en: '/en/apps/image-database',\n  },\n})\n\nconst isLoading = ref(true)\nconst searchBar = ref<HTMLElement | null>()\nconst anuraTree = ref<HTMLElement | null>()\nconst showGallery = ref(false)\nconst showSidebar = ref(false)\nconst showCounter = ref(false)\nconst showBasket = ref(false)\nconst showTree = ref(false)\nconst showSearchbar = ref(false)\n\nasync function sleep(ms: number) {\n  return new Promise((resolve) => {\n    setTimeout(() => {\n      resolve(true)\n    }, ms)\n  })\n}\n\nonBeforeMount(() => {\n  showSidebar.value = false\n  showBasket.value = false\n  showGallery.value = false\n  showCounter.value = false\n  showTree.value = false\n  showSearchbar.value = false\n})\n\nonMounted(async () => {\n  await loadAnuraWebComponents(isLoading)\n\n  // The web components have dependencies on each other, we need to make sure to load them in the correct order.\n  const componentTiming = [\n    showBasket,\n    showSidebar,\n    showTree,\n    showSearchbar,\n    showGallery,\n    showCounter,\n  ]\n\n  for (const el of componentTiming) {\n    // We need to wait for the web components to be mounted individually.\n    await sleep(300)\n    el.value = true\n  }\n\n  await nextTick()\n\n  anuraTree.value?.setAttribute('root', '6')\n\n  // Some manual class shenanigans in order to get around limitations of the library.\n  if (searchBar.value) {\n    const searchBarChildren = searchBar.value?.shadowRoot?.children\n    if (!searchBarChildren?.[1]) {\n      return\n    }\n\n    const resetButton = searchBarChildren[1].querySelector(\n      'button[type=\"reset\"]',\n    )\n    if (resetButton) {\n      resetButton.classList.remove('subtle')\n    }\n  }\n})\n\nconst { entity } = await useDrupalRouteQuery('page')\n\nawait renderPageDependencies()\n</script>\n\n<style lang=\"postcss\">\n@import '~/assets/css/vendor-specific/anura-web-components.css';\n</style>\n"],"names":["isLoading","ref","searchBar","anuraTree","showGallery","showSidebar","showCounter","showBasket","showTree","showSearchbar","sleep","ms","resolve","onBeforeMount","onMounted","loadAnuraWebComponents","componentTiming","el","nextTick","_a","searchBarChildren","_c","_b","resetButton","entity","__temp","__restore","_withAsyncContext","useDrupalRouteQuery","renderPageDependencies"],"mappings":"uzBAoJM,MAAAA,EAAYC,EAAI,EAAI,EACpBC,EAAYD,EAAwB,EACpCE,EAAYF,EAAwB,EACpCG,EAAcH,EAAI,EAAK,EACvBI,EAAcJ,EAAI,EAAK,EACvBK,EAAcL,EAAI,EAAK,EACvBM,EAAaN,EAAI,EAAK,EACtBO,EAAWP,EAAI,EAAK,EACpBQ,EAAgBR,EAAI,EAAK,EAE/B,eAAeS,EAAMC,EAAY,CACxB,OAAA,IAAI,QAASC,GAAY,CAC9B,WAAW,IAAM,CACfA,EAAQ,EAAI,GACXD,CAAE,CAAA,CACN,CAAA,CAGHE,EAAc,IAAM,CAClBR,EAAY,MAAQ,GACpBE,EAAW,MAAQ,GACnBH,EAAY,MAAQ,GACpBE,EAAY,MAAQ,GACpBE,EAAS,MAAQ,GACjBC,EAAc,MAAQ,EAAA,CACvB,EAEDK,EAAU,SAAY,WACpB,MAAMC,EAAuBf,CAAS,EAGtC,MAAMgB,EAAkB,CACtBT,EACAF,EACAG,EACAC,EACAL,EACAE,CACF,EAEA,UAAWW,KAAMD,EAEf,MAAMN,EAAM,GAAG,EACfO,EAAG,MAAQ,GAQb,GALA,MAAMC,EAAS,GAELC,EAAAhB,EAAA,QAAA,MAAAgB,EAAO,aAAa,OAAQ,KAGlCjB,EAAU,MAAO,CACb,MAAAkB,GAAoBC,GAAAC,EAAApB,EAAU,QAAV,YAAAoB,EAAiB,aAAjB,YAAAD,EAA6B,SACnD,GAAA,EAACD,GAAA,MAAAA,EAAoB,IACvB,OAGI,MAAAG,EAAcH,EAAkB,CAAC,EAAE,cACvC,sBACF,EACIG,GACUA,EAAA,UAAU,OAAO,QAAQ,CACvC,CACF,CACD,EAED,KAAM,CAAE,OAAAC,CAAO,GAAU,CAAAC,EAAAC,CAAA,EAAAC,EAAA,IAAAC,EAAoB,MAAM,CAAA,mBAE7C,OAAAH,EAAAC,CAAA,EAAAC,EAAA,IAAAE,GAAuB"}