@piveau/piveau-hub-ui-modules 3.18.0

package/dist/embed/DatasetEmbedModal.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatasetEmbedModal.vue.mjs","sources":["../../lib/embed/DatasetEmbedModal.vue"],"sourcesContent":["<template>\n   <div class=\"modal fade\" id=\"embedModal\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"\" aria-hidden=\"true\" style=\"background-color: rgba(0, 0, 0, 0.75);\">\n      <div class=\"modal-dialog  modal-dialog-centered modal-lg\" role=\"document\"  style=\"z-index: 1100; max-width:52%;\">\n         <div class=\"modal-content border-none\" style=\"border-radius: 0; padding: 1rem 2.125rem 2.75rem;\">\n            <button type=\"button\" id=\"modal-close-btn\" data-dismiss=\"modal\" class=\"close\" aria-label=\"Close\">\n               {{ $t('message.datasetDetails.datasets.modal.close') }}\n               <span aria-hidden=\"true\" class=\"close-icon rounded-circle\">\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"white\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" height=\"8\" id=\"Layer_1\" style=\"enable-background:new 0 0 512 512;\" version=\"1.1\" viewBox=\"0 0 512 512\" width=\"8\" xml:space=\"preserve\">\n                     <path d=\"M443.6,387.1L312.4,255.4l131.5-130c5.4-5.4,5.4-14.2,0-19.6l-37.4-37.6c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4  L256,197.8L124.9,68.3c-2.6-2.6-6.1-4-9.8-4c-3.7,0-7.2,1.5-9.8,4L68,105.9c-5.4,5.4-5.4,14.2,0,19.6l131.5,130L68.4,387.1  c-2.6,2.6-4.1,6.1-4.1,9.8c0,3.7,1.4,7.2,4.1,9.8l37.4,37.6c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1L256,313.1l130.7,131.1  c2.7,2.7,6.2,4.1,9.8,4.1c3.5,0,7.1-1.3,9.8-4.1l37.4-37.6c2.6-2.6,4.1-6.1,4.1-9.8C447.7,393.2,446.2,389.7,443.6,387.1z\"/>\n                  </svg>\n               </span>\n            </button>\n            <div class=\"modal-head\">\n               <h5  class=\"modal-title\" id=\"exampleModalLabel\" style=\"display: inline-block;\">{{ $t('message.datasetDetails.datasets.modal.embedText') }}</h5>\n            </div>\n            <div class=\"modal-body\">\n               <div class=\"container\" style=\"padding:0; margin:0;\">\n                  <div class=\"d-flex flex-row iframeSettings\">\n                     <div class=\"input-wrapper\">\n                        <label for=\"iframeWidth\">{{ $t('message.datasetDetails.datasets.modal.width') }}</label><br>\n                        <div class=\"input-with-px\">\n                           <input\n                              type=\"number\"\n                              id=\"iframeWidth\"\n                              v-model=\"iframeWidth\"\n                              @input=\"updateEmbedCode\"\n                              :min=\"minRange\"\n                              :max=\"maxRange\"\n                              />\n                        </div>\n                     </div>\n                     <div class=\"input-wrapper height\" style=\"padding-left: 3.3rem\">\n                        <label for=\"iframeHeight\">{{ $t('message.datasetDetails.datasets.modal.height') }}</label><br>\n                        <div class=\"input-with-px\">\n                           <input\n                              type=\"number\"\n                              id=\"iframeHeight\"\n                              v-model=\"iframeHeight\"\n                              @input=\"updateEmbedCode\"\n                              :min=\"minRange\"\n                              :max=\"maxRange\"\n                              />\n                        </div>\n                     </div>\n                  </div>\n               </div>\n               <div class=\"ecl-form-group\">\n                  <label class=\"ecl-form-label\" for=\"ebmedTextarea\" style=\"font-size:18px; font-weight: 400; color: #000000;\">{{ $t('message.datasetDetails.datasets.modal.code')}}</label>\n                  <textarea id=\"ebmedTextarea\" style=\"width: 100%; resize: none; padding: 20px 25px 0px 20px; overflow: hidden; font-size:18px; line-height: 1.1; color:#888888; margin-top: 1.375rem; word-break: break-all;float: left!important;\"\n                     class=\"ecl-text-area ecl-text-area--m\" rows=\"4\" :value=\"embedCode\" readonly></textarea>\n               </div>\n            </div>\n            <div class=\"modal-footer justify-content-start\">\n               <button @click=\"copy\" class=\"ecl-button ecl-button--secondary px-4 py-3\" style=\"float: left!important;\" type=\"button\">{{ $t('message.datasetDetails.datasets.modal.copy')}}</button>\n               <span v-show=\"copied\" class=\"copied\">\n                  <svg width=\"20\" height=\"23\" viewBox=\"0 0 20 23\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                     <g clip-path=\"url(#clip0_13_474)\">\n                        <path d=\"M14.2857 20.125V21.9219C14.2857 22.5173 13.806 23 13.2143 23H1.07143C0.479688 23 0 22.5173 0 21.9219V5.39062C0 4.79519 0.479688 4.3125 1.07143 4.3125H4.28571V17.6094C4.28571 18.9965 5.40719 20.125 6.78571 20.125H14.2857ZM14.2857 4.67188V0H6.78571C6.19397 0 5.71429 0.482686 5.71429 1.07812V17.6094C5.71429 18.2048 6.19397 18.6875 6.78571 18.6875H18.9286C19.5203 18.6875 20 18.2048 20 17.6094V5.75H15.3571C14.7679 5.75 14.2857 5.26484 14.2857 4.67188ZM19.6862 3.27799L16.7424 0.315756C16.5414 0.113582 16.2689 1.49498e-06 15.9848 0L15.7143 0V4.3125H20V4.04032C20 3.75439 19.8871 3.48018 19.6862 3.27799Z\" fill=\"#464646\"/>\n                     </g>\n                     <defs>\n                        <clipPath id=\"clip0_13_474\">\n                           <rect width=\"20\" height=\"23\" fill=\"white\"/>\n                        </clipPath>\n                     </defs>\n                  </svg>\n                  {{ $t('message.datasetDetails.datasets.modal.copied') }}\n               </span>\n            </div>\n         </div>\n      </div>\n   </div>\n</template>\n\n<script >\nexport default {\n    name: \"embed-modal\",\n    data() {\n    return {\n      iframeWidth: this.$env.content.datasetDetails.embed.defaultWidth,\n      iframeHeight: this.$env.content.datasetDetails.embed.defaultHeight,\n      embedCode: '',\n      copied: false,\n      minRange: this.$env.content.datasetDetails.embed.minRange,\n      maxRange: this.$env.content.datasetDetails.embed.maxRange,\n    };\n  },\n  methods: {\n    updateEmbedCode() {\n        // Ensure the input values are within the specified range\n        this.iframeWidth = Math.min(Math.max(this.iframeWidth, this.minRange), this.maxRange);\n        this.iframeHeight = Math.min(Math.max(this.iframeHeight, this.minRange), this.maxRange);\n         // Generate the embed code\n        const currentURL = window.location.href.replace(/\\?.*$/, '') + '/embed';\n        this.embedCode = `<iframe src=\"${currentURL}\" width=\"${this.iframeWidth}\" height=\"${this.iframeHeight}\" frameborder=\"0\"></iframe>`;\n    },\n    copy() {\n      navigator.clipboard.writeText(this.embedCode)\n        .then(() => {\n          this.copied = true;\n          setTimeout(() => {\n            this.copied = false;\n          }, 3000);\n        })\n        .catch((error) => {\n          // Handle the error\n          console.error('Failed to copy: ', error);\n        });\n    }\n  },\n  created() {\n    // Initialize the embed code with default values\n    this.updateEmbedCode();\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.modal-title {\n  float: left!important;\n  font-family: 'Arial';\n  font-style: normal;\n  font-weight: 700;\n  font-size: 24px;\n  // line-height: 24px;\n  color: #000000;\n}\n.modal-head {\n  border-bottom: none;\n  padding: 0;\n  padding-bottom: 1rem;\n}\n.modal-body {\n  border-top: 1px solid #e9ecef;\n  padding: 0;\n}\n.ecl-button {\n    font-size: 16px;\n}\n.modal-footer {\n  border-top: none;\n   padding: 2.438rem 0 0 0;\n   font-size: 16px;\n}\n.close {\n  font-size: 14px;\n  color: #1C3D66;\n  opacity: 1;\n  padding: 0.5rem!important;\n  text-align: right;\n  .close-icon {\n    color:white;\n    background: #1C3D66;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 16px;\n    height: 16px;\n    float: right;\n    margin-left: 10px;\n  }\n}\n.active {\n  color: #000000!important;\n}\n.iframeSettings {\n    padding: 1.875rem 0 2.438rem 0;\n    font-size: 18px;\n\n    input {\n        padding: 1.563rem 0rem;\n    }\n /* Style the input field wrapper */\n.input-with-px {\n  position: relative;\n  margin-top: 5px;\n\n}\n\n.input-with-px input {\n  padding: 15px 50px 15px 50px;\n  border: 1px solid #A5A5A5;\n}\n\n/* Style the \"px\" text */\n.input-with-px::after {\n  content: \"px\";\n  position: absolute;\n  right: 30%;\n  top: 54%;\n  transform: translateY(-50%);\n  color: #777;\n  pointer-events: none; /* Prevent interaction with the \"px\" span */\n}\n}\n.copied {\n    margin-left: 30px;\n}\n/* Firefox-specific styles */\n@-moz-document url-prefix() {\n  .input-with-px input {\n    max-width: 240px;\n  }\n}\n@media screen and (max-width: 1100px) {\n  .iframeSettings {\n    flex-direction: column!important;\n  }\n  .height {\n    padding-left: 0!important;\n    margin-top: 10px;\n  }\n  #ebmedTextarea {\n    padding-bottom: 20px!important;\n  }\n}\n</style>\n"],"names":["_sfc_main","currentURL","error"],"mappings":";;AA0EA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AACA,WAAA;AAAA,MACA,aAAA,KAAA,KAAA,QAAA,eAAA,MAAA;AAAA,MACA,cAAA,KAAA,KAAA,QAAA,eAAA,MAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA;AAAA,MACA,UAAA,KAAA,KAAA,QAAA,eAAA,MAAA;AAAA,MACA,UAAA,KAAA,KAAA,QAAA,eAAA,MAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,SAAA;AAAA,IACA,kBAAA;AAEA,WAAA,cAAA,KAAA,IAAA,KAAA,IAAA,KAAA,aAAA,KAAA,QAAA,GAAA,KAAA,QAAA,GACA,KAAA,eAAA,KAAA,IAAA,KAAA,IAAA,KAAA,cAAA,KAAA,QAAA,GAAA,KAAA,QAAA;AAEA,YAAAC,IAAA,OAAA,SAAA,KAAA,QAAA,SAAA,EAAA,IAAA;AACA,WAAA,YAAA,gBAAAA,CAAA,YAAA,KAAA,WAAA,aAAA,KAAA,YAAA;AAAA,IACA;AAAA,IACA,OAAA;AACA,gBAAA,UAAA,UAAA,KAAA,SAAA,EACA,KAAA,MAAA;AACA,aAAA,SAAA,IACA,WAAA,MAAA;AACA,eAAA,SAAA;AAAA,QACA,GAAA,GAAA;AAAA,MACA,CAAA,EACA,MAAA,CAAAC,MAAA;AAEA,gBAAA,MAAA,oBAAAA,CAAA;AAAA,MACA,CAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,UAAA;AAEA,SAAA,gBAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/embed/DatasetEmbedModal.vue2.mjs

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

package/dist/embed/DatasetEmbedModal.vue2.mjs.map

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

package/dist/embed/EmbedDataset.vue.d.ts

@@ -0,0 +1,6 @@
+declare const _default: import('../../vue/dist/vue.esm.js').DefineComponent<{}, any, {}, {
+    [x: string]: import('vuex').Computed;
+}, {
+    openUrl(): void;
+}, import('../../vue/dist/vue.esm.js').ComponentOptionsMixin, import('../../vue/dist/vue.esm.js').ComponentOptionsMixin, {}, string, Readonly<import('../../vue/dist/vue.esm.js').ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/embed/EmbedDataset.vue.mjs

@@ -0,0 +1,54 @@
+import s from "../datasetDetails/header/DatasetDetailsHeaderTitle.vue.mjs";
+import r from "../datasetDetails/DatasetDetailsDataset.vue.mjs";
+import o from "../datasetDetails/header/DatasetDetailsHeaderCatalogue.vue.mjs";
+import { mapGetters as l } from "vuex";
+import i from "../assets/img/ec-logo.png.mjs";
+import "./EmbedDataset.vue2.mjs";
+import n from "../_virtual/_plugin-vue2_normalizer.mjs";
+const d = {
+  name: "EmbedDataset",
+  created() {
+    console.log("embed page created");
+  },
+  components: {
+    DatasetDetailsHeaderTitle: s,
+    DatasetDetailsDataset: r,
+    DatasetDetailsHeaderCatalogue: o
+  },
+  computed: {
+    ...l("datasetDetails", [
+      "getLanguages",
+      "getTitle"
+    ])
+  },
+  methods: {
+    openUrl() {
+      const a = window.location.href.split("/embed")[0];
+      window.open(a, "_blank");
+    }
+  }
+};
+var c = function() {
+  var t = this, e = t._self._c;
+  return e("div", { staticClass: "embed-dataset d-flex flex-column overflow-auto" }, [e("div", { staticClass: "embed-header px-5 py-4 d-flex flex-row justify-content-between" }, [t._m(0), t._v(" "), e("div", { staticClass: "openUrl align-self-end" }, [e("button", { staticClass: "ecl-button ecl-button--secondary mt-3", attrs: { type: "button" }, on: { click: t.openUrl } }, [e("svg", { staticClass: "mr-3", attrs: { xmlns: "http://www.w3.org/2000/svg", width: "22", height: "21" } }, [e("path", { attrs: { fill: "#123F94", d: "M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z" } })]), t._v("Open Dataset")])])]), t._v(" "), t._m(1), t._v(" "), e("div", { staticClass: "p-5" }, [e("dataset-details-header-title", { attrs: { titleFontSize: "0.75rem" } }), t._v(" "), e("div", { staticClass: "mb-5" }, [e("dataset-details-header-catalogue", { attrs: { disableLink: !0, catalogueNameFontSize: "1rem" } })], 1), t._v(" "), e("dataset-details-dataset", { attrs: { showDatasetDescription: !1, showDatasetProperties: !1, showPublisher: !0, embed: !0 } })], 1)]);
+}, m = [function() {
+  var a = this, t = a._self._c;
+  return t("div", [t("img", { staticClass: "logo", attrs: { src: i } })]);
+}, function() {
+  var a = this, t = a._self._c;
+  return t("div", { staticClass: "headline" }, [t("p", { staticClass: "px-5 py-3 m-0" }, [a._v("data.europa.eu  - The official portal for European data")])]);
+}], _ = /* @__PURE__ */ n(
+  d,
+  c,
+  m,
+  !1,
+  null,
+  "85e4e002",
+  null,
+  null
+);
+const w = _.exports;
+export {
+  w as default
+};
+//# sourceMappingURL=EmbedDataset.vue.mjs.map

package/dist/embed/EmbedDataset.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedDataset.vue.mjs","sources":["../../lib/embed/EmbedDataset.vue"],"sourcesContent":["<template>\n  <div class=\"embed-dataset d-flex flex-column overflow-auto\">\n       <div class=\"embed-header px-5 py-4 d-flex flex-row justify-content-between\">\n           <div>\n               <img class=\"logo\" src=\"../assets/img/ec-logo.png\" />\n           </div>\n           <div class=\"openUrl align-self-end\">\n               <button @click=\"openUrl\" class=\"ecl-button ecl-button--secondary mt-3\" type=\"button\"><svg class=\"mr-3\" xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"21\"><path fill=\"#123F94\" d=\"M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z\"/></svg>Open Dataset</button>\n           </div>\n       </div>\n       <div class=\"headline\">\n           <p class=\"px-5 py-3 m-0\">data.europa.eu  - The official portal for European data</p>\n       </div>\n       <div class=\"p-5\">\n            <dataset-details-header-title \n              titleFontSize=\"0.75rem\"\n            />\n            <div  class=\"mb-5\">\n                <dataset-details-header-catalogue \n                    :disableLink=\"true\"\n                    catalogueNameFontSize=\"1rem\"\n                />\n             </div>\n                <dataset-details-dataset\n                    :showDatasetDescription=\"false\"\n                    :showDatasetProperties=\"false\"\n                    :showPublisher=\"true\"\n                    :embed=\"true\"\n                />   \n       </div>\n  </div>\n</template>\n\n<script>\nimport DatasetDetailsHeaderTitle from \"../datasetDetails/header/DatasetDetailsHeaderTitle\"\nimport DatasetDetailsDataset from \"../datasetDetails/DatasetDetailsDataset.vue\"\nimport DatasetDetailsHeaderCatalogue from \"../datasetDetails/header/DatasetDetailsHeaderCatalogue.vue\"\nimport { mapGetters } from \"vuex\";\n\nexport default {\n  name: 'EmbedDataset',\n  created() {\n    console.log('embed page created');\n  },\n  components: {\n      DatasetDetailsHeaderTitle, DatasetDetailsDataset, DatasetDetailsHeaderCatalogue\n  },\n  computed: {\n    ...mapGetters('datasetDetails', [\n      'getLanguages',\n      'getTitle',\n    ]),\n  },\n  methods: {\n      openUrl() {\n        const url = window.location.href.split('/embed')[0];\n        window.open(url, '_blank');\n      }\n  }\n};\n</script>\n\n<style scoped>\n.embed-dataset {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-color: white; /* Semi-transparent background */\n  display: flex;\n  color: black;\n  z-index: 99; /* Ensure it's above other content */\n}\n.logo {\n    width: 290px;\n    height: 70px;\n}\n.headline {\n    background: #123F94;\n    color: white;\n    font-size: 24px;\n}\n.dsd-title-tag {\n    display: none!important;\n}\n\n@media screen and (max-width: 600px) {\n  .embed-header {\n      flex-direction: column!important;\n      justify-content: flex-start!important;\n  }\n  .openUrl {\n      align-self: auto!important;\n  }\n}\n</style>\n\n\n\n\n"],"names":["_sfc_main","DatasetDetailsHeaderTitle","DatasetDetailsDataset","DatasetDetailsHeaderCatalogue","mapGetters","url"],"mappings":";;;;;;;AAuCA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AACA,YAAA,IAAA,oBAAA;AAAA,EACA;AAAA,EACA,YAAA;AAAA,IACA,2BAAAC;AAAA,IAAA,uBAAAC;AAAA,IAAA,+BAAAC;AAAA,EACA;AAAA,EACA,UAAA;AAAA,IACA,GAAAC,EAAA,kBAAA;AAAA,MACA;AAAA,MACA;AAAA,IACA,CAAA;AAAA,EACA;AAAA,EACA,SAAA;AAAA,IACA,UAAA;AACA,YAAAC,IAAA,OAAA,SAAA,KAAA,MAAA,QAAA,EAAA,CAAA;AACA,aAAA,KAAAA,GAAA,QAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;"}

package/dist/embed/EmbedDataset.vue2.mjs

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

package/dist/embed/EmbedDataset.vue2.mjs.map

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