@piveau/piveau-hub-ui-modules 4.4.3 → 4.4.5

package/dist/embed/DatasetEmbedModal.vue.mjs

@@ -1,7 +1,7 @@
-import { openBlock as r, createElementBlock as c, createElementVNode as e, createTextVNode as a, toDisplayString as l, withDirectives as m, vModelText as h, vShow as p, createStaticVNode as b, pushScopeId as f, popScopeId as u } from "vue";
+import { openBlock as m, createElementBlock as r, createElementVNode as t, createTextVNode as d, toDisplayString as l, withDirectives as n, vModelText as p, createStaticVNode as b, vShow as h } from "vue";
 import "./DatasetEmbedModal.vue2.mjs";
-import g from "../_virtual/_plugin-vue_export-helper.mjs";
-const _ = {
+import f from "../_virtual/_plugin-vue_export-helper.mjs";
+const u = {
   name: "embed-modal",
   data() {
     return {
@@ -18,26 +18,26 @@ const _ = {
   methods: {
     updateEmbedCode() {
       this.iframeWidth = Math.min(Math.max(this.iframeWidth, this.minRange), this.maxRange), this.iframeHeight = Math.min(Math.max(this.iframeHeight, this.minRange), this.maxRange);
-      const t = window.location.href.replace(/\?.*$/, "") + "/" + this.embedType;
-      this.embedCode = `<iframe src="${t}" width="${this.iframeWidth}" height="${this.iframeHeight}" frameborder="0"></iframe>`;
+      const a = window.location.href.replace(/\?.*$/, "") + "/" + this.embedType;
+      this.embedCode = `<iframe src="${a}" width="${this.iframeWidth}" height="${this.iframeHeight}" frameborder="0"></iframe>`;
     },
-    updateEmbedCodeType(t) {
-      this.embedType = t.target.value === "snippet" ? "embed-snippet" : "embed", this.updateEmbedCode();
+    updateEmbedCodeType(a) {
+      this.embedType = a.target.value === "snippet" ? "embed-snippet" : "embed", this.updateEmbedCode();
     },
     copy() {
       navigator.clipboard.writeText(this.embedCode).then(() => {
         this.copied = !0, setTimeout(() => {
           this.copied = !1;
         }, 3e3);
-      }).catch((t) => {
-        console.error("Failed to copy: ", t);
+      }).catch((a) => {
+        console.error("Failed to copy: ", a);
       });
     }
   },
   created() {
     this.updateEmbedCode();
   }
-}, n = (t) => (f("data-v-b7a26f22"), t = t(), u(), t), v = {
+}, g = {
   class: "modal fade",
   id: "embedModal",
   tabindex: "-1",
@@ -45,23 +45,23 @@ const _ = {
   "aria-labelledby": "",
   "aria-hidden": "true",
   style: { "background-color": "rgba(0, 0, 0, 0.75)" }
-}, x = {
+}, c = {
   class: "modal-dialog modal-dialog-centered modal-lg",
   role: "document",
   style: { "z-index": "1100", "max-width": "52%" }
-}, w = {
+}, v = {
   class: "modal-content border-none",
   style: { "border-radius": "0", padding: "1rem 2.125rem 2.75rem" }
-}, y = {
+}, x = {
   type: "button",
   id: "modal-close-btn",
   "data-dismiss": "modal",
   class: "close",
   "aria-label": "Close"
-}, C = {
+}, w = {
   "aria-hidden": "true",
   class: "close-icon rounded-circle"
-}, k = {
+}, y = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "white",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
@@ -72,151 +72,151 @@ const _ = {
   viewBox: "0 0 512 512",
   width: "8",
   "xml:space": "preserve"
-}, R = /* @__PURE__ */ n(() => /* @__PURE__ */ e("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" }, null, -1)), D = [
-  R
-], H = { class: "modal-head" }, E = {
+}, C = { class: "modal-head" }, k = {
   class: "modal-title",
   id: "exampleModalLabel",
   style: { display: "inline-block" }
-}, T = { class: "modal-body" }, V = {
+}, R = { class: "modal-body" }, D = {
   class: "container",
   style: { padding: "0", margin: "0" }
-}, M = { class: "d-flex flex-row iframeSettings" }, L = { class: "input-wrapper" }, W = { for: "iframeWidth" }, S = /* @__PURE__ */ n(() => /* @__PURE__ */ e("br", null, null, -1)), I = { class: "input-with-px" }, z = ["min", "max"], B = {
+}, H = { class: "d-flex flex-row iframeSettings" }, E = { class: "input-wrapper" }, T = { for: "iframeWidth" }, V = { class: "input-with-px" }, M = ["min", "max"], L = {
   class: "input-wrapper height",
   style: { "padding-left": "3.3rem" }
-}, N = { for: "iframeHeight" }, U = /* @__PURE__ */ n(() => /* @__PURE__ */ e("br", null, null, -1)), Z = { class: "input-with-px" }, P = ["min", "max"], j = { class: "ecl-form-group" }, F = {
+}, W = { for: "iframeHeight" }, _ = { class: "input-with-px" }, z = ["min", "max"], S = { class: "ecl-form-group" }, B = {
   class: "ecl-form-label",
   for: "ebmedTextarea",
   style: { "font-size": "18px", "font-weight": "400", color: "#000000" }
-}, q = ["value"], A = { class: "form-check mt-4" }, G = /* @__PURE__ */ n(() => /* @__PURE__ */ e("label", {
-  class: "form-check-label",
-  for: "exampleRadios1"
-}, `
-                  Complete Dataset
-               `, -1)), J = { class: "form-check" }, K = /* @__PURE__ */ n(() => /* @__PURE__ */ e("label", {
-  class: "form-check-label",
-  for: "exampleRadios2"
-}, `
-                  Snippet Dataset
-               `, -1)), O = { class: "modal-footer justify-content-start" }, Q = { class: "copied" }, X = /* @__PURE__ */ b('<svg width="20" height="23" viewBox="0 0 20 23" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-b7a26f22><g clip-path="url(#clip0_13_474)" data-v-b7a26f22><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" data-v-b7a26f22></path></g> <defs data-v-b7a26f22><clipPath id="clip0_13_474" data-v-b7a26f22><rect width="20" height="23" fill="white" data-v-b7a26f22></rect></clipPath></defs></svg>', 1);
-function Y(t, s, $, ee, i, o) {
-  return r(), c("div", v, [
-    e("div", x, [
-      e("div", w, [
-        e("button", y, [
-          a(l(t.$t("message.datasetDetails.datasets.modal.close")) + " ", 1),
-          e("span", C, [
-            (r(), c("svg", k, D))
+}, I = ["value"], N = { class: "form-check mt-4" }, U = { class: "form-check" }, Z = { class: "modal-footer justify-content-start" }, P = { class: "copied" };
+function j(a, e, F, q, s, o) {
+  return m(), r("div", g, [
+    t("div", c, [
+      t("div", v, [
+        t("button", x, [
+          d(l(a.$t("message.datasetDetails.datasets.modal.close")) + " ", 1),
+          t("span", w, [
+            (m(), r("svg", y, e[7] || (e[7] = [
+              t("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" }, null, -1)
+            ])))
           ])
         ]),
-        a(),
-        e("div", H, [
-          e("h5", E, l(t.$t("message.datasetDetails.datasets.modal.embedText")), 1)
+        e[21] || (e[21] = d()),
+        t("div", C, [
+          t("h5", k, l(a.$t("message.datasetDetails.datasets.modal.embedText")), 1)
         ]),
-        a(),
-        e("div", T, [
-          e("div", V, [
-            e("div", M, [
-              e("div", L, [
-                e("label", W, l(t.$t("message.datasetDetails.datasets.modal.width")), 1),
-                S,
-                a(),
-                e("div", I, [
-                  m(e("input", {
+        e[22] || (e[22] = d()),
+        t("div", R, [
+          t("div", D, [
+            t("div", H, [
+              t("div", E, [
+                t("label", T, l(a.$t("message.datasetDetails.datasets.modal.width")), 1),
+                e[8] || (e[8] = t("br", null, null, -1)),
+                e[9] || (e[9] = d()),
+                t("div", V, [
+                  n(t("input", {
                     type: "number",
                     id: "iframeWidth",
-                    "onUpdate:modelValue": s[0] || (s[0] = (d) => i.iframeWidth = d),
-                    onInput: s[1] || (s[1] = (...d) => o.updateEmbedCode && o.updateEmbedCode(...d)),
-                    min: i.minRange,
-                    max: i.maxRange
-                  }, null, 40, z), [
-                    [h, i.iframeWidth]
+                    "onUpdate:modelValue": e[0] || (e[0] = (i) => s.iframeWidth = i),
+                    onInput: e[1] || (e[1] = (...i) => o.updateEmbedCode && o.updateEmbedCode(...i)),
+                    min: s.minRange,
+                    max: s.maxRange
+                  }, null, 40, M), [
+                    [p, s.iframeWidth]
                   ])
                 ])
               ]),
-              a(),
-              e("div", B, [
-                e("label", N, l(t.$t("message.datasetDetails.datasets.modal.height")), 1),
-                U,
-                a(),
-                e("div", Z, [
-                  m(e("input", {
+              e[12] || (e[12] = d()),
+              t("div", L, [
+                t("label", W, l(a.$t("message.datasetDetails.datasets.modal.height")), 1),
+                e[10] || (e[10] = t("br", null, null, -1)),
+                e[11] || (e[11] = d()),
+                t("div", _, [
+                  n(t("input", {
                     type: "number",
                     id: "iframeHeight",
-                    "onUpdate:modelValue": s[2] || (s[2] = (d) => i.iframeHeight = d),
-                    onInput: s[3] || (s[3] = (...d) => o.updateEmbedCode && o.updateEmbedCode(...d)),
-                    min: i.minRange,
-                    max: i.maxRange
-                  }, null, 40, P), [
-                    [h, i.iframeHeight]
+                    "onUpdate:modelValue": e[2] || (e[2] = (i) => s.iframeHeight = i),
+                    onInput: e[3] || (e[3] = (...i) => o.updateEmbedCode && o.updateEmbedCode(...i)),
+                    min: s.minRange,
+                    max: s.maxRange
+                  }, null, 40, z), [
+                    [p, s.iframeHeight]
                   ])
                 ])
               ])
             ])
           ]),
-          a(),
-          e("div", j, [
-            e("label", F, l(t.$t("message.datasetDetails.datasets.modal.code")), 1),
-            a(),
-            e("textarea", {
+          e[14] || (e[14] = d()),
+          t("div", S, [
+            t("label", B, l(a.$t("message.datasetDetails.datasets.modal.code")), 1),
+            e[13] || (e[13] = d()),
+            t("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" },
               class: "ecl-text-area ecl-text-area--m",
               rows: "4",
-              value: i.embedCode,
+              value: s.embedCode,
               readonly: ""
-            }, null, 8, q)
+            }, null, 8, I)
           ])
         ]),
-        a(),
-        e("div", A, [
-          e("input", {
+        e[23] || (e[23] = d()),
+        t("div", N, [
+          t("input", {
             class: "form-check-input",
             type: "radio",
             name: "exampleRadios",
             id: "complete",
             value: "complete",
             checked: "",
-            onChange: s[4] || (s[4] = (...d) => o.updateEmbedCodeType && o.updateEmbedCodeType(...d))
+            onChange: e[4] || (e[4] = (...i) => o.updateEmbedCodeType && o.updateEmbedCodeType(...i))
           }, null, 32),
-          a(),
-          G
+          e[15] || (e[15] = d()),
+          e[16] || (e[16] = t("label", {
+            class: "form-check-label",
+            for: "exampleRadios1"
+          }, `
+                  Complete Dataset
+               `, -1))
         ]),
-        a(),
-        e("div", J, [
-          e("input", {
+        e[24] || (e[24] = d()),
+        t("div", U, [
+          t("input", {
             class: "form-check-input",
             type: "radio",
             name: "exampleRadios",
             id: "snippet",
             value: "snippet",
-            onChange: s[5] || (s[5] = (...d) => o.updateEmbedCodeType && o.updateEmbedCodeType(...d))
+            onChange: e[5] || (e[5] = (...i) => o.updateEmbedCodeType && o.updateEmbedCodeType(...i))
           }, null, 32),
-          a(),
-          K
+          e[17] || (e[17] = d()),
+          e[18] || (e[18] = t("label", {
+            class: "form-check-label",
+            for: "exampleRadios2"
+          }, `
+                  Snippet Dataset
+               `, -1))
         ]),
-        a(),
-        e("div", O, [
-          e("button", {
-            onClick: s[6] || (s[6] = (...d) => o.copy && o.copy(...d)),
+        e[25] || (e[25] = d()),
+        t("div", Z, [
+          t("button", {
+            onClick: e[6] || (e[6] = (...i) => o.copy && o.copy(...i)),
             class: "ecl-button ecl-button--secondary px-4 py-3",
             style: { float: "left!important" },
             type: "button"
-          }, l(t.$t("message.datasetDetails.datasets.modal.copy")), 1),
-          a(),
-          m(e("span", Q, [
-            X,
-            a(" " + l(t.$t("message.datasetDetails.datasets.modal.copied")), 1)
+          }, l(a.$t("message.datasetDetails.datasets.modal.copy")), 1),
+          e[20] || (e[20] = d()),
+          n(t("span", P, [
+            e[19] || (e[19] = b('<svg width="20" height="23" viewBox="0 0 20 23" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-b7a26f22><g clip-path="url(#clip0_13_474)" data-v-b7a26f22><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" data-v-b7a26f22></path></g> <defs data-v-b7a26f22><clipPath id="clip0_13_474" data-v-b7a26f22><rect width="20" height="23" fill="white" data-v-b7a26f22></rect></clipPath></defs></svg>', 1)),
+            d(" " + l(a.$t("message.datasetDetails.datasets.modal.copied")), 1)
           ], 512), [
-            [p, i.copied]
+            [h, s.copied]
           ])
         ])
       ])
     ])
   ]);
 }
-const de = /* @__PURE__ */ g(_, [["render", Y], ["__scopeId", "data-v-b7a26f22"]]);
+const K = /* @__PURE__ */ f(u, [["render", j], ["__scopeId", "data-v-b7a26f22"]]);
 export {
-  de as default
+  K as default
 };
 //# sourceMappingURL=DatasetEmbedModal.vue.mjs.map

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

@@ -1 +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\n            <div class=\"form-check mt-4\">\n               <input class=\"form-check-input\" type=\"radio\" name=\"exampleRadios\" id=\"complete\" value=\"complete\" checked @change=\"updateEmbedCodeType\">\n               <label class=\"form-check-label\" for=\"exampleRadios1\">\n                  Complete Dataset\n               </label>\n            </div>\n            <div class=\"form-check\">\n               <input class=\"form-check-input\" type=\"radio\" name=\"exampleRadios\" id=\"snippet\" value=\"snippet\" @change=\"updateEmbedCodeType\">\n               <label class=\"form-check-label\" for=\"exampleRadios2\">\n                  Snippet Dataset\n               </label>\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      embedType: 'embed', // default to 'embed'\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\n      // Generate the embed code\n      const currentURL = window.location.href.replace(/\\?.*$/, '') + '/' + this.embedType;\n      this.embedCode = `<iframe src=\"${currentURL}\" width=\"${this.iframeWidth}\" height=\"${this.iframeHeight}\" frameborder=\"0\"></iframe>`;\n    },\n    updateEmbedCodeType(event) {\n      // Update the embedType based on selected radio button\n      this.embedType = event.target.value === 'snippet' ? 'embed-snippet' : 'embed';\n      this.updateEmbedCode(); // Regenerate the embed code with the new type\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    text-decoration: none !important;\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","event","error","_createElementVNode","_hoisted_7","_hoisted_9","_hoisted_11","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_17","_hoisted_18","_hoisted_20","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_26","_hoisted_27","_hoisted_29","_hoisted_31","_hoisted_32","_hoisted_33","_createStaticVNode","_openBlock","_createElementBlock","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_createTextVNode","_toDisplayString","_ctx","_hoisted_5","_hoisted_6","_hoisted_8","_hoisted_10","_hoisted_12","_hoisted_16","_cache","$event","$data","$options","args","_hoisted_19","_hoisted_21","_hoisted_25","_hoisted_28","_hoisted_30","_withDirectives"],"mappings":"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"}
+{"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\n            <div class=\"form-check mt-4\">\n               <input class=\"form-check-input\" type=\"radio\" name=\"exampleRadios\" id=\"complete\" value=\"complete\" checked @change=\"updateEmbedCodeType\">\n               <label class=\"form-check-label\" for=\"exampleRadios1\">\n                  Complete Dataset\n               </label>\n            </div>\n            <div class=\"form-check\">\n               <input class=\"form-check-input\" type=\"radio\" name=\"exampleRadios\" id=\"snippet\" value=\"snippet\" @change=\"updateEmbedCodeType\">\n               <label class=\"form-check-label\" for=\"exampleRadios2\">\n                  Snippet Dataset\n               </label>\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      embedType: 'embed', // default to 'embed'\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\n      // Generate the embed code\n      const currentURL = window.location.href.replace(/\\?.*$/, '') + '/' + this.embedType;\n      this.embedCode = `<iframe src=\"${currentURL}\" width=\"${this.iframeWidth}\" height=\"${this.iframeHeight}\" frameborder=\"0\"></iframe>`;\n    },\n    updateEmbedCodeType(event) {\n      // Update the embedType based on selected radio button\n      this.embedType = event.target.value === 'snippet' ? 'embed-snippet' : 'embed';\n      this.updateEmbedCode(); // Regenerate the embed code with the new type\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    text-decoration: none !important;\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","event","error","_hoisted_7","_hoisted_9","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_4","_createTextVNode","_toDisplayString","_ctx","_hoisted_5","_hoisted_6","_cache","_hoisted_8","_hoisted_10","$event","$data","$options","args","_hoisted_16","_hoisted_21","_withDirectives","_createStaticVNode"],"mappings":"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"}

package/dist/embed/EmbedDataset.vue.mjs

@@ -1,84 +1,84 @@
-import m from "../datasetDetails/header/DatasetDetailsHeaderTitle.vue.mjs";
-import _ from "../datasetDetails/DatasetDetailsDataset.vue.mjs";
-import h from "../datasetDetails/header/DatasetDetailsHeaderCatalogue.vue.mjs";
-import { mapGetters as u } from "vuex";
-import { resolveComponent as o, openBlock as f, createElementBlock as b, createElementVNode as e, createTextVNode as a, createVNode as s, pushScopeId as w, popScopeId as g } from "vue";
-import v from "../assets/img/ec-logo.png.mjs";
+import p from "../datasetDetails/header/DatasetDetailsHeaderTitle.vue.mjs";
+import u from "../datasetDetails/DatasetDetailsDataset.vue.mjs";
+import f from "../datasetDetails/header/DatasetDetailsHeaderCatalogue.vue.mjs";
+import { mapGetters as _ } from "vuex";
+import { resolveComponent as s, openBlock as c, createElementBlock as b, createElementVNode as e, createTextVNode as o, createVNode as a } from "vue";
+import g from "../assets/img/ec-logo.png.mjs";
 import "./EmbedDataset.vue2.mjs";
-import D from "../_virtual/_plugin-vue_export-helper.mjs";
-const x = {
+import w from "../_virtual/_plugin-vue_export-helper.mjs";
+const D = {
   name: "EmbedDataset",
   created() {
   },
   components: {
-    DatasetDetailsHeaderTitle: m,
-    DatasetDetailsDataset: _,
-    DatasetDetailsHeaderCatalogue: h
+    DatasetDetailsHeaderTitle: p,
+    DatasetDetailsDataset: u,
+    DatasetDetailsHeaderCatalogue: f
   },
   computed: {
-    ...u("datasetDetails", [
+    ..._("datasetDetails", [
       "getLanguages",
       "getTitle"
     ])
   },
   methods: {
     openUrl() {
-      const t = window.location.href.split("/embed")[0];
-      window.open(t, "_blank");
+      const d = window.location.href.split("/embed")[0];
+      window.open(d, "_blank");
     }
   }
-}, d = (t) => (w("data-v-4dae7d31"), t = t(), g(), t), k = { class: "embed-dataset d-flex flex-column overflow-auto" }, y = { class: "embed-header px-5 py-4 d-flex flex-row justify-content-between" }, E = /* @__PURE__ */ d(() => /* @__PURE__ */ e("div", null, [
-  /* @__PURE__ */ e("img", {
-    class: "logo",
-    src: v
-  })
-], -1)), S = { class: "openUrl align-self-end" }, V = /* @__PURE__ */ d(() => /* @__PURE__ */ e("svg", {
-  class: "mr-3",
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "22",
-  height: "21"
-}, [
-  /* @__PURE__ */ e("path", {
-    fill: "#123F94",
-    d: "M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z"
-  })
-], -1)), I = /* @__PURE__ */ d(() => /* @__PURE__ */ e("div", { class: "headline" }, [
-  /* @__PURE__ */ e("p", { class: "px-5 py-3 m-0" }, "data.europa.eu  - The official portal for European data")
-], -1)), L = { class: "p-5" }, N = { class: "mb-5" };
-function T(t, l, U, z, C, r) {
-  const i = o("dataset-details-header-title"), n = o("dataset-details-header-catalogue"), c = o("dataset-details-dataset");
-  return f(), b("div", k, [
-    e("div", y, [
-      E,
-      a(),
-      e("div", S, [
+}, v = { class: "embed-dataset d-flex flex-column overflow-auto" }, x = { class: "embed-header px-5 py-4 d-flex flex-row justify-content-between" }, h = { class: "openUrl align-self-end" }, k = { class: "p-5" }, y = { class: "mb-5" };
+function E(d, t, V, L, N, l) {
+  const r = s("dataset-details-header-title"), n = s("dataset-details-header-catalogue"), i = s("dataset-details-dataset");
+  return c(), b("div", v, [
+    e("div", x, [
+      t[2] || (t[2] = e("div", null, [
+        e("img", {
+          class: "logo",
+          src: g
+        })
+      ], -1)),
+      t[3] || (t[3] = o()),
+      e("div", h, [
         e("button", {
-          onClick: l[0] || (l[0] = (...p) => r.openUrl && r.openUrl(...p)),
+          onClick: t[0] || (t[0] = (...m) => l.openUrl && l.openUrl(...m)),
           class: "ecl-button ecl-button--secondary mt-3",
           type: "button"
-        }, [
-          V,
-          a("Open Dataset")
-        ])
+        }, t[1] || (t[1] = [
+          e("svg", {
+            class: "mr-3",
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "22",
+            height: "21"
+          }, [
+            e("path", {
+              fill: "#123F94",
+              d: "M7 7h8.586L5.293 17.293l1.414 1.414L17 8.414V17h2V5H7v2z"
+            })
+          ], -1),
+          o("Open Dataset")
+        ]))
       ])
     ]),
-    a(),
-    I,
-    a(),
-    e("div", L, [
-      s(i, {
+    t[6] || (t[6] = o()),
+    t[7] || (t[7] = e("div", { class: "headline" }, [
+      e("p", { class: "px-5 py-3 m-0" }, "data.europa.eu  - The official portal for European data")
+    ], -1)),
+    t[8] || (t[8] = o()),
+    e("div", k, [
+      a(r, {
         titleFontSize: "0.75rem",
         embed: !0
       }),
-      a(),
-      e("div", N, [
-        s(n, {
+      t[4] || (t[4] = o()),
+      e("div", y, [
+        a(n, {
           disableLink: !0,
           catalogueNameFontSize: "1rem"
         })
       ]),
-      a(),
-      s(c, {
+      t[5] || (t[5] = o()),
+      a(i, {
         showDatasetDescription: !1,
         showDatasetProperties: !1,
         showPublisher: !0,
@@ -87,8 +87,8 @@ function T(t, l, U, z, C, r) {
     ])
   ]);
 }
-const O = /* @__PURE__ */ D(x, [["render", T], ["__scopeId", "data-v-4dae7d31"]]);
+const S = /* @__PURE__ */ w(D, [["render", E], ["__scopeId", "data-v-4dae7d31"]]);
 export {
-  O as default
+  S as default
 };
 //# sourceMappingURL=EmbedDataset.vue.mjs.map

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

@@ -1 +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              :embed=\"true\"\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  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","_hoisted_1","_hoisted_2","_createElementVNode","_imports_0","_hoisted_4","_hoisted_7","_hoisted_8","_openBlock","_createElementBlock","_hoisted_3","_createTextVNode","$options","args","_hoisted_5","_hoisted_6","_createVNode","_component_dataset_details_header_title","_component_dataset_details_header_catalogue","_component_dataset_details_dataset"],"mappings":";;;;;;;;AAwCA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EACN,UAAU;AAAA,EAAE;AAAA,EACZ,YAAY;AAAA,IACR,2BAAAC;AAAA,IAA2B,uBAAAC;AAAA,IAAuB,+BAAAC;AAAA,EACrD;AAAA,EACD,UAAU;AAAA,IACR,GAAGC,EAAW,kBAAkB;AAAA,MAC9B;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACF;AAAA,EACD,SAAS;AAAA,IACL,UAAU;AACR,YAAMC,IAAM,OAAO,SAAS,KAAK,MAAM,QAAQ,EAAE,CAAC;AAClD,aAAO,KAAKA,GAAK,QAAQ;AAAA,IAC3B;AAAA,EACJ;AACF,uDAzDOC,IAAA,EAAA,OAAM,iDAAgD,GACjDC,IAAA,EAAA,OAAM,iEAAgE,+BACvEC,gBAAAA,EAEM,OAAA,MAAA;AAAA,EADFA,gBAAAA,EAAoD,OAAA;AAAA,IAA/C,OAAM;AAAA,IAAO,KAAAC;AAAA;SAEjBC,IAAA,EAAA,OAAM,yBAAwB,+BACsDF,gBAAAA,EAAqK,OAAA;AAAA,EAAhK,OAAM;AAAA,EAAO,OAAM;AAAA,EAA6B,OAAM;AAAA,EAAK,QAAO;;EAAKA,gBAAAA,EAAmF,QAAA;AAAA,IAA7E,MAAK;AAAA,IAAU,GAAE;AAAA;qCAGhMA,gBAAAA,EAEM,OAAA,EAFD,OAAM,cAAU;AAAA,EACjBA,gBAAAA,EAAoF,KAAjF,EAAA,OAAM,gBAAe,GAAC,yDAAuD;SAE/EG,IAAA,EAAA,OAAM,MAAK,GAKLC,IAAA,EAAA,OAAM,OAAM;;;AAjB5B,SAAAC,EAAA,GAAAC,EA8BM,OA9BNR,GA8BM;AAAA,IA7BDE,EAOM,OAPND,GAOM;AAAA,MANFQ;AAAA,MAHXC,EAAA;AAAA,MAMWR,EAEM,OAFNE,GAEM;AAAA,QADFF,EAA+Q,UAAA;AAAA,UAAtQ,mCAAOS,EAAO,WAAAA,EAAA,QAAA,GAAAC,CAAA;AAAA,UAAE,OAAM;AAAA,UAAwC,MAAK;AAAA;UAASC;AAAA,UAPpGH,EAOyQ,cAAY;AAAA;;;IAPrRA,EAAA;AAAA,IAUOI;AAAA,IAVPJ,EAAA;AAAA,IAaOR,EAiBM,OAjBNG,GAiBM;AAAA,MAhBDU,EAGEC,GAAA;AAAA,QAFA,eAAc;AAAA,QACb,OAAO;AAAA;MAhBtBN,EAAA;AAAA,MAkBYR,EAKO,OALPI,GAKO;AAAA,QAJHS,EAGEE,GAAA;AAAA,UAFG,aAAa;AAAA,UACd,uBAAsB;AAAA;;MArB1CP,EAAA;AAAA,MAwBgBK,EAKEG,GAAA;AAAA,QAJG,wBAAwB;AAAA,QACxB,uBAAuB;AAAA,QACvB,eAAe;AAAA,QACf,OAAO;AAAA;;;;;"}
+{"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              :embed=\"true\"\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  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","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_openBlock","_createElementBlock","_createElementVNode","_imports_0","_cache","_createTextVNode","$options","args","_createVNode","_component_dataset_details_header_title","_component_dataset_details_header_catalogue","_component_dataset_details_dataset"],"mappings":";;;;;;;;AAwCA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EACN,UAAU;AAAA,EAAE;AAAA,EACZ,YAAY;AAAA,IACR,2BAAAC;AAAA,IAA2B,uBAAAC;AAAA,IAAuB,+BAAAC;AAAA,EACrD;AAAA,EACD,UAAU;AAAA,IACR,GAAGC,EAAW,kBAAkB;AAAA,MAC9B;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACF;AAAA,EACD,SAAS;AAAA,IACL,UAAU;AACR,YAAMC,IAAM,OAAO,SAAS,KAAK,MAAM,QAAQ,EAAE,CAAC;AAClD,aAAO,KAAKA,GAAK,QAAQ;AAAA,IAC3B;AAAA,EACJ;AACF,GAzDOC,IAAA,EAAA,OAAM,iDAAgD,GACjDC,IAAA,EAAA,OAAM,iEAAgE,GAIlEC,IAAA,EAAA,OAAM,yBAAwB,GAOlCC,IAAA,EAAA,OAAM,MAAK,GAKLC,IAAA,EAAA,OAAM,OAAM;;;AAjB5B,SAAAC,EAAA,GAAAC,EA8BM,OA9BNN,GA8BM;AAAA,IA7BDO,EAOM,OAPNN,GAOM;AAAA,sBANFM,EAEM,OAAA,MAAA;AAAA,QADFA,EAAoD,OAAA;AAAA,UAA/C,OAAM;AAAA,UAAO,KAAAC;AAAA;;MAJjCC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,MAMWH,EAEM,OAFNL,GAEM;AAAA,QADFK,EAA+Q,UAAA;AAAA,UAAtQ,mCAAOI,EAAO,WAAAA,EAAA,QAAA,GAAAC,CAAA;AAAA,UAAE,OAAM;AAAA,UAAwC,MAAK;AAAA;UAASL,EAAqK,OAAA;AAAA,YAAhK,OAAM;AAAA,YAAO,OAAM;AAAA,YAA6B,OAAM;AAAA,YAAK,QAAO;AAAA;YAAKA,EAAmF,QAAA;AAAA,cAA7E,MAAK;AAAA,cAAU,GAAE;AAAA;;UAPvMG,EAOyQ,cAAY;AAAA;;;IAPrRD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,oBAUOH,EAEM,OAAA,EAFD,OAAM,cAAU;AAAA,MACjBA,EAAoF,KAAjF,EAAA,OAAM,gBAAe,GAAC,yDAAuD;AAAA;IAX3FE,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,IAaOH,EAiBM,OAjBNJ,GAiBM;AAAA,MAhBDU,EAGEC,GAAA;AAAA,QAFA,eAAc;AAAA,QACb,OAAO;AAAA;MAhBtBL,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,MAkBYH,EAKO,OALPH,GAKO;AAAA,QAJHS,EAGEE,GAAA;AAAA,UAFG,aAAa;AAAA,UACd,uBAAsB;AAAA;;MArB1CN,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,MAwBgBG,EAKEG,GAAA;AAAA,QAJG,wBAAwB;AAAA,QACxB,uBAAuB;AAAA,QACvB,eAAe;AAAA,QACf,OAAO;AAAA;;;;;"}