@piveau/piveau-hub-ui-modules 3.18.0

package/dist/facets/CatalogDetailsFacet.vue.mjs

@@ -0,0 +1,112 @@
+import r from "../widgets/AppLink.vue.mjs";
+import c from "../widgets/ResourceDetailsLinkedDataButton.vue.mjs";
+import { has as i, isNil as l, isObject as n, isString as g, isArray as d } from "lodash-es";
+import { getImg as _, getTranslationFor as h } from "../utils/helpers.mjs";
+import u from "../filters/dateFilters.mjs";
+import "./CatalogDetailsFacet.vue2.mjs";
+import m from "../_virtual/_plugin-vue2_normalizer.mjs";
+const p = {
+  name: "CatalogDetailsFacet",
+  props: [
+    "catalog",
+    "catalogLanguageIds"
+  ],
+  components: {
+    AppLink: r,
+    ResourceDetailsLinkedDataButton: c
+  },
+  methods: {
+    has: i,
+    isNil: l,
+    getImg: _,
+    getTranslationFor: h,
+    formatDate(e) {
+      return u.formatEU(e);
+    },
+    getCatalogImage(e) {
+      return this.$env.content.catalogs.useCatalogCountries ? `${this.$env.content.catalogs.defaultCatalogImagePath}/${i(e, "country.id") ? e.country.id : this.$env.content.catalogs.defaultCatalogCountryID}` : `${this.$env.content.catalogs.defaultCatalogImagePath}/${i(e, "id") ? e.id : this.$env.content.catalogs.defaultCatalogID}`;
+    },
+    showObject(e) {
+      return !l(e) && n(e) && !Object.values(e).reduce((a, t) => a && t === void 0, !0);
+    },
+    showArrayOfStrings(e) {
+      return this.showArray(e) && e.every((a) => this.showString(a));
+    },
+    showString(e) {
+      return !l(e) && g(e);
+    },
+    showArray(e) {
+      return !l(e) && d(e) && e.length > 0;
+    },
+    showObjectArray(e) {
+      return this.showArray(e) && !e.reduce((a, t) => a && Object.values(t).reduce((s, o) => s && o === void 0, !0), !0);
+    }
+  }
+};
+var v = function() {
+  var a = this, t = a._self._c;
+  return t("div", { staticClass: "row position-relative" }, [t("span", { staticClass: "px-3" }, [a.has(a.catalog, "country.id") ? t("img", { staticClass: "catalog-flag border border-dark", class: { io: a.catalog.country.id === "io" }, attrs: { src: a.getImg(a.getCatalogImage(a.catalog)), width: "100%", height: "auto", alt: a.catalog.country.id } }) : a._e()]), a._v(" "), a.showObject(a.catalog) ? t("div", { staticClass: "catalog-details-table col mt-3" }, [t("div", { staticClass: "small" }, [a.has(a.catalog, "title") && a.showObject(a.catalog.title) ? t("dl", [t("dt", [t("span", { staticClass: "pointer", attrs: { title: a.$t("message.tooltip.catalogDetails.title"), "data-toggle": "tooltip", "data-placement": "right" } }, [a._v(`
+            ` + a._s(a.$t("message.metadata.title")) + `
+          `)])]), a._v(" "), t("dd", [a._v(a._s(a.getTranslationFor(a.catalog.title, a.$route.query.locale, a.catalog.languages)))]), a._v(" "), t("dd", [t("app-link", { attrs: { to: a.catalog.homepage } }, [a._v(`
+            ` + a._s(a.catalog.homepage) + `
+          `)])], 1)]) : a._e(), a._v(" "), a.has(a.catalog, "description") && a.showObject(a.catalog.description) ? t("dl", [t("dt", [t("span", { staticClass: "pointer", attrs: { title: a.$t("message.tooltip.catalogDetails.description"), "data-toggle": "tooltip" } }, [a._v(`
+            ` + a._s(a.$t("message.metadata.description")) + `
+          `)])]), a._v(" "), t("dd", [a._v(a._s(a.getTranslationFor(a.catalog.description, a.$route.query.locale, a.catalog.languages)))])]) : a._e(), a._v(" "), a.has(a.catalog, "publisher") && a.showObject(a.catalog.publisher) ? t("dl", [t("dt", [t("span", { staticClass: "pointer", attrs: { title: a.$t("message.tooltip.catalogDetails.publisher"), "data-toggle": "tooltip" } }, [a._v(`
+            ` + a._s(a.$t("message.metadata.publisher")) + `
+          `)])]), a._v(" "), a.has(a.catalog, "publisher.name") && a.showString(a.catalog.publisher.name) ? t("dd", [a._v(a._s(a.catalog.publisher.name) + `
+        `)]) : a._e(), a._v(" "), t("dd", [a.has(a.catalog, "publisher.homepage") && a.showString(a.catalog.publisher.homepage) ? t("app-link", { attrs: { to: a.catalog.publisher.homepage } }, [a._v(`
+            ` + a._s(a.catalog.publisher.homepage) + `
+          `)]) : a._e()], 1), a._v(" "), t("dd", [a.has(a.catalog, "publisher.email") && a.showString(a.catalog.publisher.email) ? t("app-link", { attrs: { to: a.catalog.publisher.email } }, [a._v(`
+            ` + a._s(a.catalog.publisher.email) + `
+          `)]) : a._e()], 1)]) : a._e(), a._v(" "), a.has(a.catalog, "creator") && a.showObject(a.catalog.creator) ? t("dl", [t("dt", [a._v(a._s(a.$t("message.metadata.creator")))]), a._v(" "), a.has(a.catalog, "creator.name") && a.showString(a.catalog.creator.name) ? t("dd", [a._v(a._s(a.catalog.creator.name))]) : a._e(), a._v(" "), t("dd", [a.has(a.catalog, "creator.homepage") && a.showString(a.catalog.creator.homepage) ? t("app-link", { attrs: { to: a.catalog.creator.homepage } }, [a._v(`
+            ` + a._s(a.catalog.creator.homepage) + `
+          `)]) : a._e()], 1), a._v(" "), t("dd", [a.has(a.catalog, "creator.email") && a.showString(a.catalog.creator.email) ? t("app-link", { attrs: { to: a.catalog.creator.email } }, [a._v(`
+            ` + a._s(a.catalog.creator.email) + `
+          `)]) : a._e()], 1)]) : a._e(), a._v(" "), a.has(a.catalog, "languages") && a.showArray(a.catalog.languages) ? t("dl", [t("dt", [t("span", { staticClass: "pointer", attrs: { title: a.$t("message.tooltip.catalogDetails.language"), "data-toggle": "tooltip" } }, [a._v(`
+            ` + a._s(a.$t("message.metadata.languages")) + `
+          `)])]), a._v(" "), a._l(a.catalogLanguageIds, function(s) {
+    return t("dd", { key: s }, [a._v(a._s(s))]);
+  })], 2) : a._e(), a._v(" "), a.has(a.catalog, "availability") && a.showObject(a.catalog.availability) ? t("dl", [t("dt", [t("span", { staticClass: "pointer", attrs: { title: a.$t("message.tooltip.catalogDetails.availability"), "data-toggle": "tooltip" } }, [a._v(`
+            ` + a._s(a.$t("message.metadata.availability")) + `
+          `)])]), a._v(" "), a.has(a.catalog.availability, "label") && !a.isNil(a.catalog.availability.label) ? t("dd", [a._v(" " + a._s(a.$t("message.metadata.label")) + ": " + a._s(a.catalog.availability.label))]) : a._e(), a._v(" "), a.has(a.catalog.availability, "resource") && !a.isNil(a.catalog.availability.resource) ? t("dd", [a._v(" " + a._s(a.$t("message.metadata.resource")) + ": "), t("a", { attrs: { href: a.catalog.availability.resource } }, [a._v(a._s(a.catalog.availability.resource))])]) : a._e()]) : a._e(), a._v(" "), a.has(a.catalog, "licence") && a.showObject(a.catalog.licence) ? t("dl", [t("dt", [a._v(a._s(a.$t("message.catalogFacets.facets.licences")))]), a._v(" "), a.has(a.catalog, "licence.label") && a.showString(a.catalog.licence.label) ? t("dd", [a._v(a._s(a.catalog.licence.label))]) : a._e(), a._v(" "), a.has(a.catalog, "licence.description") && a.showString(a.catalog.licence.description) ? t("dd", [a._v(a._s(a.catalog.licence.description))]) : a._e(), a._v(" "), t("dd", [a.has(a.catalog, "licence.resource") && a.showString(a.catalog.licence.resource) ? t("app-link", { attrs: { to: a.catalog.licence.resource } }, [a._v(`
+            ` + a._s(a.catalog.licence.resource) + `
+          `)]) : a._e()], 1), a._v(" "), t("dd", [a.has(a.catalog, "licence.la_url") && a.showString(a.catalog.licence.la_url) ? t("app-link", { attrs: { to: a.catalog.licence.la_url } }, [a._v(`
+            ` + a._s(a.catalog.licence.la_url) + `
+          `)]) : a._e()], 1)]) : a._e(), a._v(" "), a.has(a.catalog, "issued") && !a.isNil(a.catalog.issued) ? t("dl", [t("dt", [t("span", { staticClass: "pointer", attrs: { title: a.$t("message.tooltip.catalogDetails.created"), "data-toggle": "tooltip" } }, [a._v(`
+            ` + a._s(a.$t("message.metadata.created")) + `
+          `)])]), a._v(" "), t("dd", [a._v(a._s(a.formatDate(a.catalog.issued)))])]) : a._e(), a._v(" "), a.has(a.catalog, "modified") && !a.isNil(a.catalog.modified) ? t("dl", [t("dt", [t("span", { staticClass: "pointer", attrs: { title: a.$t("message.tooltip.catalogDetails.updated"), "data-toggle": "tooltip" } }, [a._v(`
+            ` + a._s(a.$t("message.metadata.updated")) + `
+          `)])]), a._v(" "), t("dd", [a._v(a._s(a.formatDate(a.catalog.modified)))])]) : a._e(), a._v(" "), a.has(a.catalog, "rights") && a.showObject(a.catalog.rights) ? t("dl", [t("dt", [a._v(a._s(a.$t("message.metadata.rights")))]), a._v(" "), a.has(a.catalog, "rights.label") && a.showString(a.catalog.rights.label) ? t("dd", [a._v(a._s(a.catalog.rights.label))]) : a._e(), a._v(" "), t("dd", [a.has(a.catalog, "rights.resource") && a.showString(a.catalog.rights.resource) ? t("app-link", { attrs: { to: a.catalog.rights.resource } }, [a._v(`
+            ` + a._s(a.catalog.rights.resource) + `
+          `)]) : a._e()], 1)]) : a._e(), a._v(" "), a.has(a.catalog, "isPartOf") && a.showString(a.catalog.isPartOf) ? t("dl", [t("dt", [a._v(a._s(a.$t("message.metadata.isPartOf")))]), a._v(" "), t("dd", [a._v(a._s(a.catalog.isPartOf))])]) : a._e(), a._v(" "), a.has(a.catalog, "hasPart") && a.showArrayOfStrings(a.catalog.hasPart) ? t("dl", [t("dt", [a._v(a._s(a.$t("message.metadata.hasPart")))]), a._v(" "), a._l(a.catalog.hasPart, function(s, o) {
+    return t("dl", { key: o }, [a._v(`
+          ` + a._s(s) + `
+        `)]);
+  })], 2) : a._e(), a._v(" "), a.has(a.catalog, "themeTaxonomy") && a.showArrayOfStrings(a.catalog.themeTaxonomy) ? t("dl", [t("dt", [a._v(a._s(a.$t("message.metadata.themeTaxonomy")))]), a._v(" "), a._l(a.catalog.themeTaxonomy, function(s, o) {
+    return t("dl", { key: o }, [a._v(`
+          ` + a._s(s) + `
+        `)]);
+  })], 2) : a._e(), a._v(" "), a.has(a.catalog, "spatial") && a.showObjectArray(a.catalog.spatial) ? t("dl", [t("dt", [a._v(a._s(a.$t("message.metadata.spatial")))]), a._v(" "), a._l(a.catalog.spatial, function(s, o) {
+    return t("dl", { key: o }, [a.has(s, "coordinates") && a.showString(s.coordinates) ? t("dd", [a._v(a._s(a.$t("message.metadata.coordinates")) + ": " + a._s(s.coordinates))]) : a._e(), a._v(" "), a.has(s, "type") && a.showString(s.type) ? t("dd", [a._v(a._s(a.$t("message.metadata.type")) + ": " + a._s(s.type))]) : a._e()]);
+  })], 2) : a._e(), a._v(" "), a.has(a.catalog, "spatialResource") && a.showArray(a.catalog.spatialResource) ? t("dl", [t("dt", [a._v(a._s(a.$t("message.metadata.spatialResource")))]), a._v(" "), a._l(a.catalog.spatialResource, function(s, o) {
+    return t("dl", { key: o }, [t("dd", [a.showString(s) ? t("app-link", { attrs: { to: s } }, [a._v(`
+              ` + a._s(s) + `
+            `)]) : a._e()], 1)]);
+  })], 2) : a._e(), a._v(" "), t("dl", [t("div", { staticClass: "dropdown d-inline-block" }, [t("app-link", { staticClass: "text-dark p-0 font-weight-bold nav-link underline dropdown-toggle text-nowrap", attrs: { fragment: "#", role: "button", id: "linkedDataDropdownMenuLink", "data-toggle": "dropdown", "aria-haspopup": "true", "aria-expanded": "false" } }, [t("span", { attrs: { title: a.$t("message.tooltip.catalogDetails.metadata"), "data-toggle": "tooltip" } }, [a._v(`
+              ` + a._s(a.$t("message.catalogs.downloadAsLinkedData")) + `
+            `)])]), a._v(" "), t("div", { staticClass: "dropdown-menu", attrs: { "aria-labelledby": "linkedDataDropdownMenuLink" } }, [t("resource-details-linked-data-button", { staticClass: "dropdown-item", attrs: { format: "rdf", text: "RDF/XML", resources: "catalogues", "resources-id": a.catalog.id } }), a._v(" "), t("resource-details-linked-data-button", { staticClass: "dropdown-item", attrs: { format: "ttl", text: "Turtle", resources: "catalogues", "resources-id": a.catalog.id } }), a._v(" "), t("resource-details-linked-data-button", { staticClass: "dropdown-item", attrs: { format: "n3", text: "Notation3", resources: "catalogues", "resources-id": a.catalog.id } }), a._v(" "), t("resource-details-linked-data-button", { staticClass: "dropdown-item", attrs: { format: "nt", text: "N-Triples", resources: "catalogues", "resources-id": a.catalog.id } }), a._v(" "), t("resource-details-linked-data-button", { staticClass: "dropdown-item", attrs: { format: "jsonld", text: "JSON-LD", resources: "catalogues", "resources-id": a.catalog.id } })], 1)], 1)])])]) : a._e()]);
+}, b = [], w = /* @__PURE__ */ m(
+  p,
+  v,
+  b,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const O = w.exports;
+export {
+  O as default
+};
+//# sourceMappingURL=CatalogDetailsFacet.vue.mjs.map

package/dist/facets/CatalogDetailsFacet.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CatalogDetailsFacet.vue.mjs","sources":["../../lib/facets/CatalogDetailsFacet.vue"],"sourcesContent":["<template>\n  <div class=\"row position-relative\">\n    <span class=\"px-3\">\n      <img v-if=\"has(catalog, 'country.id')\" class=\"catalog-flag border border-dark\"\n        :class=\"{ 'io': catalog.country.id === 'io' }\" :src=\"getImg(getCatalogImage(catalog))\" width=\"100%\" height=\"auto\"\n        :alt=\"catalog.country.id\">\n    </span>\n    <div class=\"catalog-details-table col mt-3\" v-if=\"showObject(catalog)\">\n      <div class=\"small\">\n        <!-- TITLE -->\n        <dl v-if=\"has(catalog, 'title') && showObject(catalog.title)\">\n          <dt>\n            <span class=\"pointer\" :title=\"$t('message.tooltip.catalogDetails.title')\" data-toggle=\"tooltip\" data-placement=\"right\">\n              {{ $t('message.metadata.title') }}\n            </span>\n          </dt>\n          <dd>{{ getTranslationFor(catalog.title, $route.query.locale, catalog.languages) }}</dd>\n          <dd>\n            <app-link :to=\"catalog.homepage\">\n              {{ catalog.homepage }}\n            </app-link>\n          </dd>\n        </dl>\n        <!-- DESCRIPTION -->\n        <dl v-if=\"has(catalog, 'description') && showObject(catalog.description)\">\n          <dt>\n            <span class=\"pointer\" :title=\"$t('message.tooltip.catalogDetails.description')\" data-toggle=\"tooltip\">\n              {{ $t('message.metadata.description') }}\n            </span>\n          </dt>\n          <dd>{{ getTranslationFor(catalog.description, $route.query.locale, catalog.languages) }}</dd>\n        </dl>\n        <!-- PUBLISHER -->\n        <dl v-if=\"has(catalog, 'publisher') && showObject(catalog.publisher)\">\n          <dt>\n            <span class=\"pointer\" :title=\"$t('message.tooltip.catalogDetails.publisher')\" data-toggle=\"tooltip\">\n              {{ $t('message.metadata.publisher') }}\n            </span>\n          </dt>\n          <dd v-if=\"has(catalog, 'publisher.name') && showString(catalog.publisher.name)\">{{ catalog.publisher.name }}\n          </dd>\n          <dd>\n            <app-link v-if=\"has(catalog, 'publisher.homepage') && showString(catalog.publisher.homepage)\"\n              :to=\"catalog.publisher.homepage\">\n              {{ catalog.publisher.homepage }}\n            </app-link>\n          </dd>\n          <dd>\n            <app-link v-if=\"has(catalog, 'publisher.email') && showString(catalog.publisher.email)\"\n              :to=\"catalog.publisher.email\">\n              {{ catalog.publisher.email }}\n            </app-link>\n          </dd>\n        </dl>\n        <!-- CREATOR -->\n        <dl v-if=\"has(catalog, 'creator') && showObject(catalog.creator)\">\n          <dt>{{ $t('message.metadata.creator') }}</dt>\n          <dd v-if=\"has(catalog, 'creator.name') && showString(catalog.creator.name)\">{{ catalog.creator.name }}</dd>\n          <dd>\n            <app-link v-if=\"has(catalog, 'creator.homepage') && showString(catalog.creator.homepage)\"\n              :to=\"catalog.creator.homepage\">\n              {{ catalog.creator.homepage }}\n            </app-link>\n          </dd>\n          <dd>\n            <app-link v-if=\"has(catalog, 'creator.email') && showString(catalog.creator.email)\"\n              :to=\"catalog.creator.email\">\n              {{ catalog.creator.email }}\n            </app-link>\n          </dd>\n        </dl>\n        <!-- LANGUAGES -->\n        <dl v-if=\"has(catalog, 'languages') && showArray(catalog.languages)\">\n          <dt>\n            <span class=\"pointer\" :title=\"$t('message.tooltip.catalogDetails.language')\" data-toggle=\"tooltip\">\n              {{ $t('message.metadata.languages') }}\n            </span>\n          </dt>\n          <dd v-for=\"lang in catalogLanguageIds\" :key=\"lang\">{{ lang }}</dd>\n        </dl>\n        <!-- Availability -->\n        <dl v-if=\"has(catalog, 'availability') && showObject(catalog.availability)\">\n          <dt>\n            <!-- TODO Tooltip string -->\n            <span class=\"pointer\" :title=\"$t('message.tooltip.catalogDetails.availability')\" data-toggle=\"tooltip\">\n              {{ $t('message.metadata.availability') }}\n            </span>\n          </dt>\n          <dd v-if=\"has(catalog.availability, 'label') && !isNil(catalog.availability.label)\"> {{\n            $t('message.metadata.label') }}: {{ catalog.availability.label }}</dd>\n          <dd v-if=\"has(catalog.availability, 'resource') && !isNil(catalog.availability.resource)\"> {{\n            $t('message.metadata.resource') }}: <a :href=\"catalog.availability.resource\">{{ catalog.availability.resource\n  }}</a></dd>\n        </dl>\n        <!-- LICENCE -->\n        <dl v-if=\"has(catalog, 'licence') && showObject(catalog.licence)\">\n          <dt>{{ $t('message.catalogFacets.facets.licences') }}</dt>\n          <dd v-if=\"has(catalog, 'licence.label') && showString(catalog.licence.label)\">{{ catalog.licence.label }}</dd>\n          <dd v-if=\"has(catalog, 'licence.description') && showString(catalog.licence.description)\">{{\n            catalog.licence.description }}</dd>\n          <dd>\n            <app-link v-if=\"has(catalog, 'licence.resource') && showString(catalog.licence.resource)\"\n              :to=\"catalog.licence.resource\">\n              {{ catalog.licence.resource }}\n            </app-link>\n          </dd>\n          <dd>\n            <app-link v-if=\"has(catalog, 'licence.la_url') && showString(catalog.licence.la_url)\"\n              :to=\"catalog.licence.la_url\">\n              {{ catalog.licence.la_url }}\n            </app-link>\n          </dd>\n        </dl>\n        <!-- ISSUED -->\n        <dl v-if=\"has(catalog, 'issued') && !isNil(catalog.issued)\">\n          <dt>\n            <span class=\"pointer\" :title=\"$t('message.tooltip.catalogDetails.created')\" data-toggle=\"tooltip\">\n              {{ $t('message.metadata.created') }}\n            </span>\n          </dt>\n          <dd>{{ formatDate(catalog.issued) }}</dd>\n        </dl>\n        <!-- MODIFIED -->\n        <dl v-if=\"has(catalog, 'modified') && !isNil(catalog.modified)\">\n          <dt>\n            <span class=\"pointer\" :title=\"$t('message.tooltip.catalogDetails.updated')\" data-toggle=\"tooltip\">\n              {{ $t('message.metadata.updated') }}\n            </span>\n          </dt>\n          <dd>{{ formatDate(catalog.modified) }}</dd>\n        </dl>\n        <!-- <dl v-if=\"has(catalog, 'availability') && !isNil(catalog.availability)\">\n          <dt :title=\"$t('message.tooltip.catalogDetails.updated')\">\n             <span :title=\"$t('message.tooltip.catalogDetails.updated')\"\n                     data-toggle=\"tooltip\"\n                     data-placement=\"right\">\n              {{ 'Availability' }}\n            </span>\n          </dt>\n          <dd>{{ catalog.availability }}</dd>\n        </dl> -->\n        <!-- RIGHTS -->\n        <dl v-if=\"has(catalog, 'rights') && showObject(catalog.rights)\">\n          <dt>{{ $t('message.metadata.rights') }}</dt>\n          <dd v-if=\"has(catalog, 'rights.label') && showString(catalog.rights.label)\">{{ catalog.rights.label }}</dd>\n          <dd>\n            <app-link v-if=\"has(catalog, 'rights.resource') && showString(catalog.rights.resource)\"\n              :to=\"catalog.rights.resource\">\n              {{ catalog.rights.resource }}\n            </app-link>\n          </dd>\n        </dl>\n        <!-- IS PART OF -->\n        <dl v-if=\"has(catalog, 'isPartOf') && showString(catalog.isPartOf)\">\n          <dt>{{ $t('message.metadata.isPartOf') }}</dt>\n          <dd>{{ catalog.isPartOf }}</dd>\n        </dl>\n        <!-- HAS PART -->\n        <dl v-if=\"has(catalog, 'hasPart') && showArrayOfStrings(catalog.hasPart)\">\n          <dt>{{ $t('message.metadata.hasPart') }}</dt>\n          <dl v-for=\"(hasPart, i) of catalog.hasPart\" :key=\"i\">\n            {{ hasPart }}\n          </dl>\n        </dl>\n        <!-- THEME TAXONOMY -->\n        <dl v-if=\"has(catalog, 'themeTaxonomy') && showArrayOfStrings(catalog.themeTaxonomy)\">\n          <dt>{{ $t('message.metadata.themeTaxonomy') }}</dt>\n          <dl v-for=\"(themeTaxonomy, i) of catalog.themeTaxonomy\" :key=\"i\">\n            {{ themeTaxonomy }}\n          </dl>\n        </dl>\n        <!-- SPATIAL -->\n        <dl v-if=\"has(catalog, 'spatial') && showObjectArray(catalog.spatial)\">\n          <dt>{{ $t('message.metadata.spatial') }}</dt>\n          <dl v-for=\"(spatial, i) of catalog.spatial\" :key=\"i\">\n            <dd v-if=\"has(spatial, 'coordinates') && showString(spatial.coordinates)\">{{\n              $t('message.metadata.coordinates') }}: {{ spatial.coordinates }}</dd>\n            <dd v-if=\"has(spatial, 'type') && showString(spatial.type)\">{{ $t('message.metadata.type') }}: {{ spatial.type\n            }}</dd>\n          </dl>\n        </dl>\n        <!-- SPATIAL RESOURCE -->\n        <dl v-if=\"has(catalog, 'spatialResource') && showArray(catalog.spatialResource)\">\n          <dt>{{ $t('message.metadata.spatialResource') }}</dt>\n          <dl v-for=\"(spatialResource, i) of catalog.spatialResource\" :key=\"i\">\n            <dd>\n              <app-link v-if=\"showString(spatialResource)\" :to=\"spatialResource\">\n                {{ spatialResource }}\n              </app-link>\n            </dd>\n          </dl>\n        </dl>\n        <!-- LINKED DATA -->\n        <dl>\n          <div class=\"dropdown d-inline-block\">\n            <app-link class=\"text-dark p-0 font-weight-bold nav-link underline dropdown-toggle text-nowrap\" fragment=\"#\"\n              role=\"button\" id=\"linkedDataDropdownMenuLink\" data-toggle=\"dropdown\" aria-haspopup=\"true\"\n              aria-expanded=\"false\">\n              <span :title=\"$t('message.tooltip.catalogDetails.metadata')\" data-toggle=\"tooltip\">\n                {{ $t('message.catalogs.downloadAsLinkedData') }}\n              </span>\n            </app-link>\n            <div class=\"dropdown-menu\" aria-labelledby=\"linkedDataDropdownMenuLink\">\n              <resource-details-linked-data-button class=\"dropdown-item\" format=\"rdf\" text=\"RDF/XML\"\n                resources=\"catalogues\" v-bind:resources-id=\"catalog.id\"></resource-details-linked-data-button>\n              <resource-details-linked-data-button class=\"dropdown-item\" format=\"ttl\" text=\"Turtle\" resources=\"catalogues\"\n                v-bind:resources-id=\"catalog.id\"></resource-details-linked-data-button>\n              <resource-details-linked-data-button class=\"dropdown-item\" format=\"n3\" text=\"Notation3\"\n                resources=\"catalogues\" v-bind:resources-id=\"catalog.id\"></resource-details-linked-data-button>\n              <resource-details-linked-data-button class=\"dropdown-item\" format=\"nt\" text=\"N-Triples\"\n                resources=\"catalogues\" v-bind:resources-id=\"catalog.id\"></resource-details-linked-data-button>\n              <resource-details-linked-data-button class=\"dropdown-item\" format=\"jsonld\" text=\"JSON-LD\"\n                resources=\"catalogues\" v-bind:resources-id=\"catalog.id\"></resource-details-linked-data-button>\n            </div>\n          </div>\n        </dl>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport AppLink from \"../widgets/AppLink.vue\";\nimport ResourceDetailsLinkedDataButton from \"../widgets/ResourceDetailsLinkedDataButton.vue\";\nimport {\n  has, isArray, isNil, isObject, isString\n} from 'lodash';\nimport { getTranslationFor, getImg } from '../utils/helpers';\nimport dateFilters from \"../filters/dateFilters\";\n\nexport default {\n  name: \"CatalogDetailsFacet\",\n  props: [\n    \"catalog\",\n    \"catalogLanguageIds\"\n  ],\n  components: {\n    AppLink,\n    ResourceDetailsLinkedDataButton\n  },\n  methods: {\n    has,\n    isNil,\n    getImg,\n    getTranslationFor,\n    formatDate(date) {\n      return dateFilters.formatEU(date);\n    },\n    getCatalogImage(catalog) {\n      return this.$env.content.catalogs.useCatalogCountries\n        ? `${this.$env.content.catalogs.defaultCatalogImagePath}/${has(catalog, 'country.id') ? catalog.country.id : this.$env.content.catalogs.defaultCatalogCountryID}`\n        : `${this.$env.content.catalogs.defaultCatalogImagePath}/${has(catalog, 'id') ? catalog.id : this.$env.content.catalogs.defaultCatalogID}`;\n    },\n    showObject(object) {\n      return !isNil(object) && isObject(object) && !Object.values(object).reduce((keyUndefined, currentValue) => keyUndefined && currentValue === undefined, true);\n    },\n    showArrayOfStrings(stringArray) {\n      return this.showArray(stringArray) && stringArray.every(currentString => this.showString(currentString));\n    },\n    showString(string) {\n      return !isNil(string) && isString(string);\n    },\n    showArray(array) {\n      return !isNil(array) && isArray(array) && array.length > 0;\n    },\n    showObjectArray(objectArray) {\n      return this.showArray(objectArray) && !objectArray.reduce((objectUndefined, currentObject) => objectUndefined && Object.values(currentObject).reduce((keyUndefined, currentValue) => keyUndefined && currentValue === undefined, true), true);\n    },\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.catalog-details-table {\n  overflow: auto;\n  margin-bottom: 15px;\n}\n\n.pointer {\n    cursor: pointer;\n}\n</style>\n"],"names":["_sfc_main","AppLink","ResourceDetailsLinkedDataButton","has","isNil","getImg","getTranslationFor","date","dateFilters","catalog","object","isObject","keyUndefined","currentValue","stringArray","currentString","string","isString","array","isArray","objectArray","objectUndefined","currentObject"],"mappings":";;;;;;;AAsOA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EACA,YAAA;AAAA,IACA,SAAAC;AAAA,IACA,iCAAAC;AAAA,EACA;AAAA,EACA,SAAA;AAAA,IACA,KAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,WAAAC,GAAA;AACA,aAAAC,EAAA,SAAAD,CAAA;AAAA,IACA;AAAA,IACA,gBAAAE,GAAA;AACA,aAAA,KAAA,KAAA,QAAA,SAAA,sBACA,GAAA,KAAA,KAAA,QAAA,SAAA,uBAAA,IAAAN,EAAAM,GAAA,YAAA,IAAAA,EAAA,QAAA,KAAA,KAAA,KAAA,QAAA,SAAA,uBAAA,KACA,GAAA,KAAA,KAAA,QAAA,SAAA,uBAAA,IAAAN,EAAAM,GAAA,IAAA,IAAAA,EAAA,KAAA,KAAA,KAAA,QAAA,SAAA,gBAAA;AAAA,IACA;AAAA,IACA,WAAAC,GAAA;AACA,aAAA,CAAAN,EAAAM,CAAA,KAAAC,EAAAD,CAAA,KAAA,CAAA,OAAA,OAAAA,CAAA,EAAA,OAAA,CAAAE,GAAAC,MAAAD,KAAAC,MAAA,QAAA,EAAA;AAAA,IACA;AAAA,IACA,mBAAAC,GAAA;AACA,aAAA,KAAA,UAAAA,CAAA,KAAAA,EAAA,MAAA,CAAAC,MAAA,KAAA,WAAAA,CAAA,CAAA;AAAA,IACA;AAAA,IACA,WAAAC,GAAA;AACA,aAAA,CAAAZ,EAAAY,CAAA,KAAAC,EAAAD,CAAA;AAAA,IACA;AAAA,IACA,UAAAE,GAAA;AACA,aAAA,CAAAd,EAAAc,CAAA,KAAAC,EAAAD,CAAA,KAAAA,EAAA,SAAA;AAAA,IACA;AAAA,IACA,gBAAAE,GAAA;AACA,aAAA,KAAA,UAAAA,CAAA,KAAA,CAAAA,EAAA,OAAA,CAAAC,GAAAC,MAAAD,KAAA,OAAA,OAAAC,CAAA,EAAA,OAAA,CAAAV,GAAAC,MAAAD,KAAAC,MAAA,QAAA,EAAA,GAAA,EAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/facets/CatalogDetailsFacet.vue2.mjs

@@ -0,0 +1,5 @@
+const e = "";
+export {
+  e as default
+};
+//# sourceMappingURL=CatalogDetailsFacet.vue2.mjs.map

package/dist/facets/CatalogDetailsFacet.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CatalogDetailsFacet.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/facets/ExpandableSelectFacet.vue.d.ts

@@ -0,0 +1,60 @@
+declare const _default: import('../../vue/dist/vue.esm.js').DefineComponent<{
+    header: {
+        type: StringConstructor;
+        default: string;
+    };
+    items: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    toolTipTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    fieldId: {
+        type: StringConstructor;
+        default: string;
+    };
+    getFacetTranslationWrapper: FunctionConstructor;
+    facetIsSelected: FunctionConstructor;
+    facetClicked: FunctionConstructor;
+}, {}, {
+    id: null;
+    isExpanded: boolean;
+    isGrown: boolean;
+    numItemsAllowed: number;
+    minItems: number;
+    maxItems: number;
+}, {
+    myId(): string;
+    myListId(): string;
+    myTitleId(): string;
+}, {
+    handleGrowToggle(): void;
+    getFacetCount(facet: any): any;
+}, import('../../vue/dist/vue.esm.js').ComponentOptionsMixin, import('../../vue/dist/vue.esm.js').ComponentOptionsMixin, {}, string, Readonly<import('../../vue/dist/vue.esm.js').ExtractPropTypes<{
+    header: {
+        type: StringConstructor;
+        default: string;
+    };
+    items: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    toolTipTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    fieldId: {
+        type: StringConstructor;
+        default: string;
+    };
+    getFacetTranslationWrapper: FunctionConstructor;
+    facetIsSelected: FunctionConstructor;
+    facetClicked: FunctionConstructor;
+}>>, {
+    header: string;
+    toolTipTitle: string;
+    fieldId: string;
+}>;
+export default _default;

package/dist/facets/ExpandableSelectFacet.vue.mjs

@@ -0,0 +1,82 @@
+import n from "../datasets/datasetsFacets/DatasetsFacetsItem.vue.mjs";
+import l from "./FacetTitle.vue.mjs";
+import "./ExpandableSelectFacet.vue2.mjs";
+import o from "../_virtual/_plugin-vue2_normalizer.mjs";
+const c = {
+  name: "ExpandableSelectFacet",
+  components: { FacetTitle: l, DatasetsFacetsItem: n },
+  props: {
+    header: {
+      type: String,
+      default: ""
+    },
+    items: {
+      type: Array,
+      required: !0
+    },
+    toolTipTitle: {
+      type: String,
+      default: ""
+    },
+    fieldId: {
+      type: String,
+      default: ""
+    },
+    getFacetTranslationWrapper: Function,
+    facetIsSelected: Function,
+    facetClicked: Function
+  },
+  data() {
+    return {
+      id: null,
+      isExpanded: !1,
+      isGrown: !1,
+      numItemsAllowed: this.$env.content.datasets.facets.MIN_FACET_LIMIT || 5,
+      minItems: this.$env.content.datasets.facets.MIN_FACET_LIMIT || 5,
+      maxItems: this.$env.content.datasets.facets.MAX_FACET_LIMIT || 50
+    };
+  },
+  computed: {
+    myId() {
+      return `facet-${this.id}`;
+    },
+    myListId() {
+      return `facet-list-${this.id}`;
+    },
+    myTitleId() {
+      return `facet-title-${this.id}`;
+    }
+  },
+  methods: {
+    handleGrowToggle() {
+      this.isGrown = !this.isGrown, this.numItemsAllowed = this.isGrown ? this.maxItems : this.minItems;
+    },
+    getFacetCount(s) {
+      return this.fieldId === "scoring" ? "" : s.count;
+    }
+  }
+};
+var d = function() {
+  var t = this, e = t._self._c;
+  return e("div", { staticClass: "list-group", attrs: { role: "group", "aria-labelledby": t.myTitleId } }, [t.header ? [e("facet-title", { attrs: { title: t.header, tooltip: t.toolTipTitle, "title-id": t.myTitleId } }), t._v(" "), e("a", { staticClass: "facet-title-mobile d-flex d-md-none list-group-item justify-content-between align-items-baseline", attrs: { "data-toggle": "collapse", "data-target": `#${t.myListId}` }, on: { click: function(a) {
+    t.isExpanded = !t.isExpanded;
+  } } }, [e("h2", { staticClass: "h5 mb-0" }, [t._v(t._s(t.header))]), t._v(" "), e("button", { staticClass: "btn" }, [t.isExpanded ? e("i", { staticClass: "material-icons small-icon expand-less animated" }, [t._v("expand_less")]) : e("i", { staticClass: "material-icons small-icon expand-more animated" }, [t._v("expand_more")])])])] : t._e(), t._v(" "), e("div", { staticClass: "collapse dont-collapse-sm", attrs: { id: t.myListId } }, [t.items && t.items.length > 0 ? [t._l(t.items.slice(0, t.numItemsAllowed), function(a, i) {
+    return e("div", { key: `field@${i}`, staticClass: "list-item-container" }, [e("datasets-facets-item", { staticClass: "d-flex facet list-group-item list-group-item-action justify-content-between align-items-center", class: { active: t.facetIsSelected(t.fieldId, a) }, attrs: { title: t.getFacetTranslationWrapper(t.fieldId, a.id, t.$route.query.locale, a.title), count: t.getFacetCount(a), "hide-count": t.fieldId === "dataScope" }, nativeOn: { click: function(p) {
+      return t.facetClicked(t.fieldId, a);
+    } } })], 1);
+  }), t._v(" "), t.items.length > t.minItems ? e("button", { staticClass: "d-block btn btn-primary btn-color w-100 facet-expand-button", on: { click: t.handleGrowToggle } }, [e("i", { staticClass: "material-icons align-bottom expand-more animated" }, [t._v(t._s(t.isGrown ? "expand_less" : "expand_more"))])]) : t._e()] : t._e()], 2)], 2);
+}, r = [], m = /* @__PURE__ */ o(
+  c,
+  d,
+  r,
+  !1,
+  null,
+  "7cb0d976",
+  null,
+  null
+);
+const h = m.exports;
+export {
+  h as default
+};
+//# sourceMappingURL=ExpandableSelectFacet.vue.mjs.map

package/dist/facets/ExpandableSelectFacet.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandableSelectFacet.vue.mjs","sources":["../../lib/facets/ExpandableSelectFacet.vue"],"sourcesContent":["<template>\n  <!-- Component for a collapsible facet -->\n  <div class=\"list-group\" role=\"group\" :aria-labelledby=\"myTitleId\" >\n    <template v-if=\"header\">\n      <facet-title\n        :title=\"header\"\n        :tooltip=\"toolTipTitle\"\n        :title-id=\"myTitleId\"\n      />\n      <a\n        class=\"facet-title-mobile d-flex d-md-none list-group-item justify-content-between align-items-baseline\"\n        data-toggle=\"collapse\"\n        :data-target=\"`#${myListId}`\"\n        @click=\"isExpanded = !isExpanded\"\n      >\n        <h2 class=\"h5 mb-0\">{{ header }}</h2>\n        <button class=\"btn\">\n          <i class=\"material-icons small-icon expand-more animated\" v-if=\"!isExpanded\">expand_more</i>\n          <i class=\"material-icons small-icon expand-less animated\" v-else>expand_less</i>\n        </button>\n      </a>\n    </template>\n\n    <div\n      :id=\"myListId\"\n      class=\"collapse dont-collapse-sm\">\n      <template v-if=\"items && items.length > 0\">\n        <div\n          class=\"list-item-container\"\n          v-for=\"(item, index) in items.slice(0, numItemsAllowed)\"\n          :key=\"`field@${index}`\"\n        >\n          <datasets-facets-item\n            class=\"d-flex facet list-group-item list-group-item-action justify-content-between align-items-center\"\n            :title=\"getFacetTranslationWrapper(fieldId, item.id, $route.query.locale, item.title)\"\n            :count=\"getFacetCount(item)\"\n            :hide-count=\"fieldId === 'dataScope'\"\n            :class=\"{active: facetIsSelected(fieldId, item)}\"\n            @click.native=\"facetClicked(fieldId, item)\"\n          />\n        </div>\n        <button\n          v-if=\"items.length > minItems\"\n          class=\"d-block btn btn-primary btn-color w-100 facet-expand-button\"\n          @click=\"handleGrowToggle\"\n        >\n          <i class=\"material-icons align-bottom expand-more animated\">{{ isGrown ? 'expand_less' : 'expand_more' }}</i>\n        </button>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script>\n\nimport DatasetsFacetsItem from \"../datasets/datasetsFacets/DatasetsFacetsItem.vue\";\nimport FacetTitle from \"../facets/FacetTitle.vue\";\nexport default {\n  name: 'ExpandableSelectFacet',\n  components: {FacetTitle, DatasetsFacetsItem},\n  props: {\n    header: {\n      type: String,\n      default: '',\n    },\n    items: {\n      type: Array,\n      required: true,\n    },\n    toolTipTitle: {\n      type: String,\n      default: '',\n    },\n    fieldId: {\n      type: String,\n      default: '',\n    },\n    getFacetTranslationWrapper: Function,\n    facetIsSelected: Function,\n    facetClicked: Function\n  },\n  data() {\n    return {\n      id: null,\n      isExpanded: false,\n      isGrown: false,\n      numItemsAllowed: this.$env.content.datasets.facets.MIN_FACET_LIMIT || 5,\n      minItems: this.$env.content.datasets.facets.MIN_FACET_LIMIT || 5,\n      maxItems: this.$env.content.datasets.facets.MAX_FACET_LIMIT || 50\n    };\n  },\n  computed: {\n    myId() {\n      // Use Vue generated uid to set give each facet a unique id\n      return `facet-${this.id}`;\n    },\n    myListId() {\n      // Use Vue generated uid to set give each facet a unique id\n      return `facet-list-${this.id}`;\n    },\n    myTitleId() {\n      // Use Vue generated uid to set give each facet a unique id\n      return `facet-title-${this.id}`;\n    },\n  },\n  methods: {\n    handleGrowToggle() {\n      this.isGrown = !this.isGrown;\n      this.numItemsAllowed = this.isGrown\n        ? this.maxItems\n        : this.minItems;\n    },\n    getFacetCount(facet) {\n      if (this.fieldId === 'scoring') return '';\n      return facet.count;\n    }\n  }\n};\n\n</script>\n\n<style lang=\"scss\" scoped>\n.facet-header {\n  // background-color: #fffade;\n  // background-color: rgba(255, 204, 0, 0.1);\n  background-color: rgba(0, 29, 133,0.05);\n  // background-color: #cddbe8;\n\n  // background-color: #001d85;\n  // color: white !important;\n}\n.tooltip-icon {\n  font-size: 15px;\n}\n\n@media (min-width: 768px) {\n  .collapse.dont-collapse-sm {\n    display: block;\n    height: auto !important;\n    visibility: visible;\n  }\n}\n\n.list-item-container {\n  margin-bottom: -1px;\n}\n\n.btn-color {\n  background-color: var(--primary);\n  border-color: var(--primary);\n\n  &:hover {\n    background-color: #196fd2;\n    border-color: #196fd2;\n  }\n}\n</style>\n"],"names":["_sfc_main","FacetTitle","DatasetsFacetsItem","facet"],"mappings":";;;;AAyDA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA,EAAA,YAAAC,GAAA,oBAAAC,EAAA;AAAA,EACA,OAAA;AAAA,IACA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,IACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,IACA,cAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,IACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,IACA,4BAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,EACA;AAAA,EACA,OAAA;AACA,WAAA;AAAA,MACA,IAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA;AAAA,MACA,iBAAA,KAAA,KAAA,QAAA,SAAA,OAAA,mBAAA;AAAA,MACA,UAAA,KAAA,KAAA,QAAA,SAAA,OAAA,mBAAA;AAAA,MACA,UAAA,KAAA,KAAA,QAAA,SAAA,OAAA,mBAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,UAAA;AAAA,IACA,OAAA;AAEA,aAAA,SAAA,KAAA,EAAA;AAAA,IACA;AAAA,IACA,WAAA;AAEA,aAAA,cAAA,KAAA,EAAA;AAAA,IACA;AAAA,IACA,YAAA;AAEA,aAAA,eAAA,KAAA,EAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,SAAA;AAAA,IACA,mBAAA;AACA,WAAA,UAAA,CAAA,KAAA,SACA,KAAA,kBAAA,KAAA,UACA,KAAA,WACA,KAAA;AAAA,IACA;AAAA,IACA,cAAAC,GAAA;AACA,aAAA,KAAA,YAAA,YAAA,KACAA,EAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;"}

package/dist/facets/ExpandableSelectFacet.vue2.mjs

@@ -0,0 +1,5 @@
+const e = "";
+export {
+  e as default
+};
+//# sourceMappingURL=ExpandableSelectFacet.vue2.mjs.map

package/dist/facets/ExpandableSelectFacet.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandableSelectFacet.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/facets/Facet.vue.d.ts

@@ -0,0 +1,58 @@
+declare const _default: import('../../vue/dist/vue.esm.js').DefineComponent<{
+    header: {
+        type: StringConstructor;
+        default: string;
+    };
+    items: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    maxItems: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minItems: {
+        type: NumberConstructor;
+        default: number;
+    };
+    toolTipTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {}, {
+    id: null;
+    isExpanded: boolean;
+    isGrown: boolean;
+    numItemsAllowed: any;
+}, {
+    myId(): string;
+}, {
+    handleGrowToggle(): void;
+}, import('../../vue/dist/vue.esm.js').ComponentOptionsMixin, import('../../vue/dist/vue.esm.js').ComponentOptionsMixin, {}, string, Readonly<import('../../vue/dist/vue.esm.js').ExtractPropTypes<{
+    header: {
+        type: StringConstructor;
+        default: string;
+    };
+    items: {
+        type: ArrayConstructor;
+        required: true;
+    };
+    maxItems: {
+        type: NumberConstructor;
+        default: number;
+    };
+    minItems: {
+        type: NumberConstructor;
+        default: number;
+    };
+    toolTipTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    header: string;
+    toolTipTitle: string;
+    minItems: number;
+    maxItems: number;
+}>;
+export default _default;

package/dist/facets/Facet.vue.mjs

@@ -0,0 +1,72 @@
+import "./Facet.vue2.mjs";
+import i from "../_virtual/_plugin-vue2_normalizer.mjs";
+const n = {
+  name: "Facet",
+  props: {
+    header: {
+      type: String,
+      default: ""
+    },
+    items: {
+      type: Array,
+      required: !0
+    },
+    maxItems: {
+      type: Number,
+      default: 50
+    },
+    minItems: {
+      type: Number,
+      default: 5
+    },
+    toolTipTitle: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      id: null,
+      isExpanded: !1,
+      isGrown: !1,
+      numItemsAllowed: this.minItems
+    };
+  },
+  computed: {
+    myId() {
+      return `facet-${this.id}`;
+    }
+  },
+  methods: {
+    handleGrowToggle() {
+      this.isGrown = !this.isGrown, this.numItemsAllowed = this.isGrown ? this.maxItems : this.minItems;
+    }
+  },
+  mounted() {
+    this.id = this._uid;
+  }
+};
+var l = function() {
+  var t = this, e = t._self._c;
+  return e("div", { staticClass: "list-group" }, [t._t("before"), t._v(" "), t.header ? [e("div", { staticClass: "d-none d-md-block list-group-item facet-header" }, [e("h2", { staticClass: "h5 mb-0 float-left" }, [t._v(t._s(t.header))]), t._v(" "), e("i", { staticClass: "tooltip-icon material-icons small-icon align-right text-dark pl-1", attrs: { "data-toggle": "tooltip", "data-placement": "right", title: t.toolTipTitle } }, [t._v(`
+        help_outline
+      `)])]), t._v(" "), e("a", { staticClass: "d-flex d-md-none list-group-item justify-content-between align-items-baseline", attrs: { "data-toggle": "collapse", "data-target": `#${t.myId}` }, on: { click: function(s) {
+    t.isExpanded = !t.isExpanded;
+  } } }, [e("h2", { staticClass: "h5 mb-0" }, [t._v(t._s(t.header))]), t._v(" "), e("button", { staticClass: "btn" }, [t.isExpanded ? e("i", { staticClass: "material-icons small-icon expand-less animated" }, [t._v("expand_less")]) : e("i", { staticClass: "material-icons small-icon expand-more animated" }, [t._v("expand_more")])])])] : t._e(), t._v(" "), e("div", { staticClass: "collapse dont-collapse-sm", attrs: { id: t.myId } }, [t.items && t.items.length > 0 ? [t._l(t.items.slice(0, t.numItemsAllowed), function(s, a) {
+    return e("div", { key: `field@${a}`, staticClass: "list-item-container" }, [t._t("default", null, { item: s, index: a })], 2);
+  }), t._v(" "), t.items.length > t.minItems ? e("button", { staticClass: "d-block btn btn-primary btn-color w-100 facet-expand-button", on: { click: t.handleGrowToggle } }, [e("i", { staticClass: "material-icons align-bottom expand-more animated" }, [t._v(t._s(t.isGrown ? "expand_less" : "expand_more"))])]) : t._e()] : t._e(), t._v(" "), t._t("after")], 2)], 2);
+}, o = [], d = /* @__PURE__ */ i(
+  n,
+  l,
+  o,
+  !1,
+  null,
+  "272373c9",
+  null,
+  null
+);
+const _ = d.exports;
+export {
+  _ as default
+};
+//# sourceMappingURL=Facet.vue.mjs.map

package/dist/facets/Facet.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Facet.vue.mjs","sources":["../../lib/facets/Facet.vue"],"sourcesContent":["<template>\n  <!-- Component for a collapsible facet -->\n  <div class=\"list-group\">\n    <slot name=\"before\" />\n    <template v-if=\"header\">\n      <div class=\"d-none d-md-block list-group-item facet-header\">\n        <h2 class=\"h5 mb-0 float-left\">{{ header }}</h2>\n        <i class=\"tooltip-icon material-icons small-icon align-right text-dark pl-1\"\n           data-toggle=\"tooltip\"\n           data-placement=\"right\"\n           :title=\"toolTipTitle\">\n          help_outline\n        </i>\n      </div>\n      <a\n        class=\"d-flex d-md-none list-group-item justify-content-between align-items-baseline\"\n        data-toggle=\"collapse\"\n        :data-target=\"`#${myId}`\"\n        @click=\"isExpanded = !isExpanded\"\n      >\n        <h2 class=\"h5 mb-0\">{{ header }}</h2>\n        <button class=\"btn\">\n          <i class=\"material-icons small-icon expand-more animated\" v-if=\"!isExpanded\">expand_more</i>\n          <i class=\"material-icons small-icon expand-less animated\" v-else>expand_less</i>\n        </button>\n      </a>\n    </template>\n\n    <div\n      :id=\"myId\"\n      class=\"collapse dont-collapse-sm\">\n      <template v-if=\"items && items.length > 0\">\n        <div\n          class=\"list-item-container\"\n          v-for=\"(item, index) in items.slice(0, numItemsAllowed)\"\n          :key=\"`field@${index}`\"\n        >\n          <slot\n            :item=\"item\"\n            :index=\"index\"\n          />\n        </div>\n        <button\n          v-if=\"items.length > minItems\"\n          class=\"d-block btn btn-primary btn-color w-100 facet-expand-button\"\n          @click=\"handleGrowToggle\"\n        >\n          <i class=\"material-icons align-bottom expand-more animated\">{{ isGrown ? 'expand_less' : 'expand_more' }}</i>\n        </button>\n      </template>\n\n      <slot name=\"after\" />\n    </div>\n  </div>\n</template>\n\n<script>\n\nexport default {\n  name: 'Facet',\n  props: {\n    header: {\n      type: String,\n      default: '',\n    },\n    items: {\n      type: Array,\n      required: true,\n    },\n    maxItems: {\n      type: Number,\n      default: 50,\n    },\n    minItems: {\n      type: Number,\n      default: 5,\n    },\n    toolTipTitle: {\n      type: String,\n      default: '',\n    },\n  },\n  data() {\n    return {\n      id: null,\n      isExpanded: false,\n      isGrown: false,\n      numItemsAllowed: this.minItems,\n    };\n  },\n  computed: {\n    myId() {\n      // Use Vue generated uid to set give each facet a unique id\n      return `facet-${this.id}`;\n    },\n  },\n  methods: {\n    handleGrowToggle() {\n      this.isGrown = !this.isGrown;\n      this.numItemsAllowed = this.isGrown\n        ? this.maxItems\n        : this.minItems;\n    },\n  },\n  mounted() {\n    this.id = this._uid; // eslint-disable-line\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.facet-header {\n  // background-color: #fffade;\n  // background-color: rgba(255, 204, 0, 0.1);\n  background-color: rgba(0, 29, 133,0.05);\n  // background-color: #cddbe8;\n\n  // background-color: #001d85;\n  // color: white !important;\n}\n.tooltip-icon {\n  font-size: 15px;\n}\n\n@media (min-width: 768px) {\n  .collapse.dont-collapse-sm {\n    display: block;\n    height: auto !important;\n    visibility: visible;\n  }\n}\n\n.list-item-container {\n  margin-bottom: -1px;\n}\n\n.btn-color {\n  background-color: var(--primary);\n  border-color: var(--primary);\n\n  &:hover {\n    background-color: #196fd2;\n    border-color: #196fd2;\n  }\n}\n</style>\n"],"names":["_sfc_main"],"mappings":";;AA0DA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,IACA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,IACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,IACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,IACA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,IACA,cAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,OAAA;AACA,WAAA;AAAA,MACA,IAAA;AAAA,MACA,YAAA;AAAA,MACA,SAAA;AAAA,MACA,iBAAA,KAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,UAAA;AAAA,IACA,OAAA;AAEA,aAAA,SAAA,KAAA,EAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,SAAA;AAAA,IACA,mBAAA;AACA,WAAA,UAAA,CAAA,KAAA,SACA,KAAA,kBAAA,KAAA,UACA,KAAA,WACA,KAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,UAAA;AACA,SAAA,KAAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;"}

package/dist/facets/Facet.vue2.mjs

@@ -0,0 +1,5 @@
+const e = "";
+export {
+  e as default
+};
+//# sourceMappingURL=Facet.vue2.mjs.map

package/dist/facets/Facet.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Facet.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/facets/FacetTitle.vue.d.ts

@@ -0,0 +1,18 @@
+declare const _default: import('../../vue/dist/vue.esm.js').DefineComponent<{
+    title: StringConstructor;
+    tooltip: StringConstructor;
+    titleId: {
+        type: StringConstructor;
+        default: null;
+    };
+}, {}, {}, {}, {}, import('../../vue/dist/vue.esm.js').ComponentOptionsMixin, import('../../vue/dist/vue.esm.js').ComponentOptionsMixin, {}, string, Readonly<import('../../vue/dist/vue.esm.js').ExtractPropTypes<{
+    title: StringConstructor;
+    tooltip: StringConstructor;
+    titleId: {
+        type: StringConstructor;
+        default: null;
+    };
+}>>, {
+    titleId: string;
+}>;
+export default _default;

package/dist/facets/FacetTitle.vue.mjs

@@ -0,0 +1,33 @@
+import "./FacetTitle.vue2.mjs";
+import e from "../_virtual/_plugin-vue2_normalizer.mjs";
+const i = {
+  name: "FacetTitle",
+  props: {
+    title: String,
+    tooltip: String,
+    titleId: {
+      type: String,
+      default: null
+    }
+  }
+};
+var o = function() {
+  var t = this, l = t._self._c;
+  return l("div", { staticClass: "d-none d-md-block list-group-item facet-title" }, [l("h2", { staticClass: "h5 mb-0 float-left", attrs: { id: t.titleId } }, [t._v(t._s(t.title))]), t._v(" "), t.tooltip ? l("i", { ref: "tooltip-icon", staticClass: "tooltip-icon material-icons small-icon align-right text-dark pl-1", attrs: { "data-toggle": "tooltip", "data-placement": "right", title: t.tooltip } }, [t._v(`
+    help_outline
+  `)]) : t._e()]);
+}, a = [], n = /* @__PURE__ */ e(
+  i,
+  o,
+  a,
+  !1,
+  null,
+  "1cc63148",
+  null,
+  null
+);
+const _ = n.exports;
+export {
+  _ as default
+};
+//# sourceMappingURL=FacetTitle.vue.mjs.map

package/dist/facets/FacetTitle.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FacetTitle.vue.mjs","sources":["../../lib/facets/FacetTitle.vue"],"sourcesContent":["<template>\n  <div class=\"d-none d-md-block list-group-item facet-title\">\n    <h2 class=\"h5 mb-0 float-left\" :id=\"titleId\">{{ title }}</h2>\n    <i v-if=\"tooltip\"\n       class=\"tooltip-icon material-icons small-icon align-right text-dark pl-1\"\n       ref=\"tooltip-icon\"\n       data-toggle=\"tooltip\"\n       data-placement=\"right\"\n       :title=\"tooltip\">\n      help_outline\n    </i>\n  </div>\n</template>\n\n<script>\n\n\nexport default {\n  name: \"FacetTitle\",\n  props: {\n    title: String,\n    tooltip: String,\n    titleId: {\n      type: String,\n      default: null,\n    },\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.facet-title {\n  background-color: rgba(0, 29, 133,0.05);\n}\n\n.tooltip-icon {\n  font-size: 15px;\n}\n</style>\n"],"names":["_sfc_main"],"mappings":";;AAiBA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;"}

package/dist/facets/FacetTitle.vue2.mjs

@@ -0,0 +1,5 @@
+const e = "";
+export {
+  e as default
+};
+//# sourceMappingURL=FacetTitle.vue2.mjs.map

package/dist/facets/FacetTitle.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FacetTitle.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/facets/RadioFacet.vue.d.ts

@@ -0,0 +1,25 @@
+declare const _default: import('../../vue/dist/vue.esm.js').DefineComponent<{
+    title: StringConstructor;
+    toolTipTitle: StringConstructor;
+    property: StringConstructor;
+    initialOption: StringConstructor;
+    optionIds: ArrayConstructor;
+    optionLabels: ArrayConstructor;
+    change: FunctionConstructor;
+}, {}, {
+    option: any;
+}, {
+    myId(): string;
+    myTitleId(): string;
+}, {
+    onChange(id: any): void;
+}, import('../../vue/dist/vue.esm.js').ComponentOptionsMixin, import('../../vue/dist/vue.esm.js').ComponentOptionsMixin, {}, string, Readonly<import('../../vue/dist/vue.esm.js').ExtractPropTypes<{
+    title: StringConstructor;
+    toolTipTitle: StringConstructor;
+    property: StringConstructor;
+    initialOption: StringConstructor;
+    optionIds: ArrayConstructor;
+    optionLabels: ArrayConstructor;
+    change: FunctionConstructor;
+}>>, {}>;
+export default _default;