npm - @piveau/piveau-hub-ui-modules - Versions diffs - 4.5.12 → 4.5.13 - Mend

@piveau/piveau-hub-ui-modules 4.5.12 → 4.5.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/dist/data-provider-interface/CatalogueMQA.vue.mjs +21 -21
package/dist/data-provider-interface/CatalogueMQA.vue.mjs.map +1 -1
package/dist/datasetDetails/DatasetDetails.vue.mjs +31 -29
package/dist/datasetDetails/DatasetDetails.vue.mjs.map +1 -1
package/dist/embed/DatasetEmbedModal.vue.d.ts +2 -0
package/dist/embed/DatasetEmbedModal.vue.mjs +126 -88
package/dist/embed/DatasetEmbedModal.vue.mjs.map +1 -1
package/dist/embed/EmbedDataset.vue.mjs +31 -26
package/dist/embed/EmbedDataset.vue.mjs.map +1 -1
package/dist/embed/EmbedDatasetSnippet.vue.mjs +30 -25
package/dist/embed/EmbedDatasetSnippet.vue.mjs.map +1 -1
package/dist/piveau-hub-ui-modules.css +1 -1
package/package.json +1 -1

package/dist/embed/DatasetEmbedModal.vue.mjs CHANGED Viewed

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

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

	@@ -1 +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","_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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"}
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 v-if=\"!isResponsive\"\n \n type=\"number\"\n id=\"iframeWidth\"\n v-model=\"iframeWidth\"\n @input=\"updateEmbedCode\"\n :min=\"minRange\"\n :max=\"maxRange\"\n />\n\n <input v-if=\"isResponsive\"\n class=\"disable-width\"\n type=\"text\"\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 \n <div class=\"form-check mb-4\">\n <input class=\"form-check-input\" type=\"checkbox\" v-model=\"isResponsive\" @change=\"updateEmbedCode\">\n <label class=\"form-check-label\" for=\"responsive\">\n Responsive\n </label>\n </div>\n\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\" @click=\"selectAll\" ></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 <label class=\"form-check-label\">\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 \n {{ $t('message.datasetDetails.datasets.modal.copied') }}\n </label>\n \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 isResponsive: false\n };\n },\n methods: {\n selectAll(event) {\n event.target.select()\n },\n updateEmbedCode() {\n // Ensure the input values are within the specified range\n if(this.isResponsive){\n this.iframeWidth = '100%';\n } else {\n this.iframeWidth = 900;\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\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\n.disable-width {\n background: #d8d8d8;\n border-radius: 10px;\n border: 1px solid #cecece !important;\n width: 140px;\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\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 1.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 30px 15px 50px;\n border: 1px solid #cbcbcb;\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","event","currentURL","error","_hoisted_7","_hoisted_9","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_29","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_4","_createTextVNode","_toDisplayString","_ctx","_hoisted_5","_hoisted_6","_cache","_hoisted_8","_hoisted_10","$data","_createCommentVNode","$event","$options","args","_hoisted_17","_hoisted_23","_withDirectives","_createStaticVNode"],"mappings":"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"}

package/dist/embed/EmbedDataset.vue.mjs CHANGED Viewed

@@ -1,8 +1,8 @@
 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 { mapGetters as b } from "vuex";
+import { resolveComponent as l, openBlock as c, createElementBlock as _, createElementVNode as e, createTextVNode as o, createVNode as d } from "vue";
 import g from "../assets/img/ec-logo.png.mjs";
 import "./EmbedDataset.vue2.mjs";
 import w from "../_virtual/_plugin-vue_export-helper.mjs";
@@ -16,35 +16,35 @@ const D = {
     DatasetDetailsHeaderCatalogue: f
   },
   computed: {
-    ..._("datasetDetails", [
+    ...b("datasetDetails", [
       "getLanguages",
       "getTitle"
     ])
   },
   methods: {
     openUrl() {
-      const d = window.location.href.split("/embed")[0];
-      window.open(d, "_blank");
+      const r = window.location.href.split("/embed")[0];
+      window.open(r, "_blank");
     }
   }
-}, 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, [
+}, 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" }, U = { class: "mb-5" };
+function y(r, t, E, V, C, s) {
+  const n = l("dataset-details-header-title"), i = l("dataset-details-header-catalogue"), m = l("dataset-details-dataset");
+  return c(), _("div", v, [
     e("div", x, [
-      t[2] || (t[2] = e("div", null, [
+      t[3] || (t[3] = e("div", null, [
         e("img", {
           class: "logo",
           src: g
         })
       ], -1)),
-      t[3] || (t[3] = o()),
+      t[4] || (t[4] = o()),
       e("div", h, [
         e("button", {
-          onClick: t[0] || (t[0] = (...m) => l.openUrl && l.openUrl(...m)),
+          onClick: t[0] || (t[0] = (...a) => s.openUrl && s.openUrl(...a)),
           class: "ecl-button ecl-button--secondary mt-3",
           type: "button"
-        }, t[1] || (t[1] = [
+        }, t[2] || (t[2] = [
           e("svg", {
             class: "mr-3",
             xmlns: "http://www.w3.org/2000/svg",
@@ -60,25 +60,30 @@ function E(d, t, V, L, N, l) {
         ]))
       ])
     ]),
-    t[6] || (t[6] = o()),
-    t[7] || (t[7] = e("div", { class: "headline" }, [
+    t[7] || (t[7] = o()),
+    t[8] || (t[8] = 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()),
+    t[9] || (t[9] = o()),
     e("div", k, [
-      a(r, {
-        titleFontSize: "0.75rem",
-        embed: !0
-      }),
-      t[4] || (t[4] = o()),
-      e("div", y, [
-        a(n, {
+      e("button", {
+        onClick: t[1] || (t[1] = (...a) => s.openUrl && s.openUrl(...a)),
+        class: "btn-title"
+      }, [
+        d(n, {
+          titleFontSize: "0.75rem",
+          embed: !0
+        })
+      ]),
+      t[5] || (t[5] = o()),
+      e("div", U, [
+        d(i, {
           disableLink: !0,
           catalogueNameFontSize: "1rem"
         })
       ]),
-      t[5] || (t[5] = o()),
-      a(i, {
+      t[6] || (t[6] = o()),
+      d(m, {
         showDatasetDescription: !1,
         showDatasetProperties: !1,
         showPublisher: !0,
@@ -87,7 +92,7 @@ function E(d, t, V, L, N, l) {
     ])
   ]);
 }
-const S = /* @__PURE__ */ w(D, [["render", E], ["__scopeId", "data-v-4dae7d31"]]);
+const S = /* @__PURE__ */ w(D, [["render", y], ["__scopeId", "data-v-72dfd6c9"]]);
 export {
   S as default
 };

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

	@@ -1 +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","_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;;;;;"}
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 <button @click=\"openUrl\" class=\"btn-title\"> \n <dataset-details-header-title \n titleFontSize=\"0.75rem\"\n :embed=\"true\"\n /> </button>\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: 999999; / Ensure it's above other content */\n}\n\n.btn-title {\n border: none;\n background: none;\n text-align: left;\n width: 100%;\n}\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":";;;;;;;;AAyCA,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,GA1DOC,IAAA,EAAA,OAAM,iDAAgD,GACjDC,IAAA,EAAA,OAAM,iEAAgE,GAIlEC,IAAA,EAAA,OAAM,yBAAwB,GAOlCC,IAAA,EAAA,OAAM,MAAK,GAMLC,IAAA,EAAA,OAAM,OAAM;;;AAlB5B,SAAAC,EAAA,GAAAC,EA+BM,OA/BNN,GA+BM;AAAA,IA9BDO,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,EAkBM,OAlBNJ,GAkBM;AAAA,MAjBLI,EAIgB,UAAA;AAAA,QAJP,mCAAOI,EAAO,WAAAA,EAAA,QAAA,GAAAC,CAAA;AAAA,QAAE,OAAM;AAAA;QAC7BC,EAGIC,GAAA;AAAA,UAFA,eAAc;AAAA,UACb,OAAO;AAAA;;MAjBtBL,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,MAmBYH,EAKO,OALPH,GAKO;AAAA,QAJHS,EAGEE,GAAA;AAAA,UAFG,aAAa;AAAA,UACd,uBAAsB;AAAA;;MAtB1CN,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,MAyBgBG,EAKEG,GAAA;AAAA,QAJG,wBAAwB;AAAA,QACxB,uBAAuB;AAAA,QACvB,eAAe;AAAA,QACf,OAAO;AAAA;;;;;"}