npm - @piveau/piveau-hub-ui-modules - Versions diffs - 4.1.9 → 4.1.10 - Mend

@piveau/piveau-hub-ui-modules 4.1.9 → 4.1.10

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 (21) hide show

package/dist/datasetDetails/header/DatasetDetailsHeaderCatalogue.vue.d.ts CHANGED Viewed

@@ -2,6 +2,10 @@ import { getTranslationFor, getCountryFlagImg } from '../../utils/helpers';
 declare const _default: import('vue').DefineComponent<{
     disableLink: BooleanConstructor;
     catalogueNameFontSize: StringConstructor;
+    embed: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
 }, any, any, {
     getCatalogLink(): {
         path: string;
@@ -19,7 +23,12 @@ declare const _default: import('vue').DefineComponent<{
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     disableLink: BooleanConstructor;
     catalogueNameFontSize: StringConstructor;
+    embed: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
 }>>, {
+    embed: boolean;
     disableLink: boolean;
 }, {}>;
 export default _default;

package/dist/datasetDetails/header/DatasetDetailsHeaderCatalogue.vue.mjs CHANGED Viewed

@@ -1,19 +1,23 @@
-import { has as d, isNil as m } from "lodash-es";
-import { getTranslationFor as c, getCountryFlagImg as u } from "../../utils/helpers.mjs";
-import { mapGetters as p } from "vuex";
-import C from "../../widgets/AppLink.vue.mjs";
-import { resolveComponent as f, openBlock as r, createElementBlock as s, createElementVNode as a, toDisplayString as n, createTextVNode as o, normalizeClass as i, createCommentVNode as y, createVNode as h, normalizeStyle as k, withCtx as _ } from "vue";
+import { has as m, isNil as u } from "lodash-es";
+import { getTranslationFor as c, getCountryFlagImg as p } from "../../utils/helpers.mjs";
+import { mapGetters as C } from "vuex";
+import f from "../../widgets/AppLink.vue.mjs";
+import { resolveComponent as y, openBlock as o, createElementBlock as l, createElementVNode as s, toDisplayString as n, createCommentVNode as i, createTextVNode as r, normalizeClass as g, createVNode as h, normalizeStyle as k, withCtx as _ } from "vue";
 import "./DatasetDetailsHeaderCatalogue.vue2.mjs";
 import F from "../../_virtual/_plugin-vue_export-helper.mjs";
 const b = {
   name: "DatasetDetailsHeaderCatalogue",
-  components: { AppLink: C },
+  components: { AppLink: f },
   props: {
     disableLink: Boolean,
-    catalogueNameFontSize: String
+    catalogueNameFontSize: String,
+    embed: {
+      type: Boolean,
+      default: () => !1
+    }
   },
   computed: {
-    ...p("datasetDetails", [
+    ...C("datasetDetails", [
       "getCatalog",
       "getCountry",
       "getLanguages"
@@ -24,45 +28,48 @@ const b = {
   },
   methods: {
     getTranslationFor: c,
-    getCountryFlagImg: u,
+    getCountryFlagImg: p,
     showCountryFlag(e) {
-      return d(e, "id") && !m(e.id);
+      return m(e, "id") && !u(e.id);
     }
   }
-}, D = { class: "d-flex align-items-center dsd-header-catalogue" }, L = { class: "d-lg-none dsd-title-tag" }, N = ["src"];
-function S(e, v, l, z, V, t) {
-  const g = f("app-link");
-  return r(), s("div", D, [
-    a("div", L, [
-      a("span", null, n(e.$t("message.metadata.dataset")), 1)
-    ]),
-    o(),
-    a("div", null, [
-      t.showCountryFlag(e.getCountry) ? (r(), s("img", {
+}, D = { class: "d-flex align-items-center dsd-header-catalogue" }, L = {
+  key: 0,
+  class: "d-lg-none dsd-title-tag"
+}, N = ["src"];
+function S(e, v, a, z, B, t) {
+  const d = y("app-link");
+  return o(), l("div", D, [
+    a.embed ? i("", !0) : (o(), l("div", L, [
+      s("span", null, n(e.$t("message.metadata.dataset")), 1)
+    ])),
+    r(),
+    s("div", null, [
+      t.showCountryFlag(e.getCountry) ? (o(), l("img", {
         key: 0,
-        class: i(["mr-2 border border-dark flag", { io: e.getCountry.id === "io" }]),
+        class: g(["mr-2 border border-dark flag", { io: e.getCountry.id === "io" }]),
         src: t.getCountryFlagImg(e.getCountry.id),
         alt: "Catalog Flag"
-      }, null, 10, N)) : y("", !0),
-      o(),
-      h(g, {
+      }, null, 10, N)) : i("", !0),
+      r(),
+      h(d, {
         to: t.getCatalogLink,
         title: e.$t("message.tooltip.datasetDetails.catalogue"),
         "data-toggle": "tooltip",
         "data-placement": "top",
-        class: i({ "disabled-link": l.disableLink }),
-        style: k({ fontSize: l.catalogueNameFontSize })
+        class: g({ "disabled-link": a.disableLink }),
+        style: k({ fontSize: a.catalogueNameFontSize })
       }, {
         default: _(() => [
-          o(n(t.getTranslationFor(e.getCatalog.title, e.$route.query.locale, e.getLanguages)), 1)
+          r(n(t.getTranslationFor(e.getCatalog.title, e.$route.query.locale, e.getLanguages)), 1)
         ]),
         _: 1
       }, 8, ["to", "title", "class", "style"])
     ])
   ]);
 }
-const H = /* @__PURE__ */ F(b, [["render", S], ["__scopeId", "data-v-b6c919b5"]]);
+const $ = /* @__PURE__ */ F(b, [["render", S], ["__scopeId", "data-v-a6a32f1f"]]);
 export {
-  H as default
+  $ as default
 };
 //# sourceMappingURL=DatasetDetailsHeaderCatalogue.vue.mjs.map

package/dist/datasetDetails/header/DatasetDetailsHeaderCatalogue.vue.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatasetDetailsHeaderCatalogue.vue.mjs","sources":["../../../lib/datasetDetails/header/DatasetDetailsHeaderCatalogue.vue"],"sourcesContent":["<template>\n <div class=\"d-flex align-items-center dsd-header-catalogue\">\n <div class=\"d-lg-none dsd-title-tag\">\n <span >\n {{$t('message.metadata.dataset')}}\n </span>\n </div>\n <div>\n <img v-if=\"showCountryFlag(getCountry)\" class=\"mr-2 border border-dark flag\" :class=\"{ 'io': getCountry.id === 'io' }\" :src=\"getCountryFlagImg(getCountry.id)\" alt=\"Catalog Flag\">\n <app-link \n :to=\"getCatalogLink\"\n :title=\"$t('message.tooltip.datasetDetails.catalogue')\"\n data-toggle=\"tooltip\" \n data-placement=\"top\"\n :class=\"{ 'disabled-link': disableLink }\"\n :style=\"{ fontSize: catalogueNameFontSize }\"\n >\n {{ getTranslationFor(getCatalog.title, $route.query.locale, getLanguages) }}\n </app-link>\n </div>\n </div>\n</template>\n\n<script>\nimport {has, isNil} from \"lodash\";\nimport {getTranslationFor, getCountryFlagImg} from \"../../utils/helpers\";\nimport {mapGetters} from \"vuex\";\nimport AppLink from \"../../widgets/AppLink\";\n\nexport default {\n name: \"DatasetDetailsHeaderCatalogue\",\n components: {AppLink},\n props: {\n disableLink: Boolean,\n catalogueNameFontSize: String,\n },\n computed: {\n ...mapGetters('datasetDetails', [\n 'getCatalog',\n 'getCountry',\n 'getLanguages',\n ]),\n getCatalogLink() {\n return { path: `/catalogues/${this.getCatalog.id}`, query: { locale: this.$route.query.locale } };\n },\n },\n methods: {\n getTranslationFor,\n getCountryFlagImg,\n showCountryFlag(country) {\n return has(country, 'id') && !isNil(country.id);\n },\n },\n}\n</script>\n\n<style scoped lang=\"scss\">\n.flag {\n max-width: 30px;\n max-height: 19px;\n}\n.disabled-link {\n color: black; /* Change the color to your desired disabled color /\n pointer-events: none; / Disable mouse interactions */\n}\n</style>\n"],"names":["_sfc_main","AppLink","mapGetters","getTranslationFor","getCountryFlagImg","country","has","isNil","_hoisted_1","~~_hoisted_2","~~_hoisted_3","_openBlock","_createElementBlock","_createElementVNode","_ctx","_createTextVNode","$options","_normalizeClass","~~_createCommentVNode","~~_createVNode","_component_app_link","~~$props","~~_normalizeStyle","_withCtx","_toDisplayString"],"mappings":";;;;;;;AA6BA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY,EAAC,SAAAC,EAAO;AAAA,EACpB,OAAO;AAAA,IACL,aAAa;AAAA,IACb,uBAAuB;AAAA,~~EACxB~~;AAAA,EACD,UAAU;AAAA,IACR,GAAGC,EAAW,kBAAkB;AAAA,MAC9B;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACD,iBAAiB;AACf,aAAO,EAAE,MAAM,eAAe,KAAK,WAAW,EAAE,IAAI,OAAO,EAAE,QAAQ,KAAK,OAAO,MAAM,OAAK;IAC7F;AAAA,EACF;AAAA,EACD,SAAS;AAAA,IACP,mBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,gBAAgBC,GAAS;AACvB,aAAOC,EAAID,GAAS,IAAI,KAAK,CAACE,EAAMF,EAAQ,EAAE;AAAA,IAC/C;AAAA,EACF;AACH,~~GApDOG~~,IAAA,EAAA,OAAM,iDAAgD,~~GACpDC~~,~~IAAA~~,~~EAAA,~~OAAM,~~0BAAyB,GAFxCC,~~IAAA,CAAA,KAAA;;;AACE,SAAAC,EAAA,GAAAC,EAmBM,~~OAnBNJ~~,GAmBM;AAAA,~~IAlBJK~~,EAIM,~~OAJNJ~~,GAIM;AAAA,~~MAHJI~~,EAEO,gBADHC,EAAE,GAAA,0BAAA,CAAA,GAAA,CAAA;AAAA;IAJZC,EAAA;AAAA,IAOIF,EAYM,OAAA,MAAA;AAAA,MAXOG,EAAA,gBAAgBF,EAAU,UAAA,~~UAArCF~~,EAAkL,OAAA;AAAA,QARxL,KAAA;AAAA,QAQ8C,~~OAR9CK~~,EAQoD,CAAA,gCAA+C,EAAA,IAAAH,EAAA,WAAW,OAAE,KAAA,CAAA,CAAA;AAAA,QAAc,KAAKE,EAAA,kBAAkBF,EAAA,WAAW,EAAE;AAAA,QAAG,KAAI;AAAA,MARzK,GAAA,MAAA,~~IAAAJ~~,CAAA,~~KAAAQ~~,EAAA,IAAA,EAAA;AAAA,~~MAAAH~~,EAAA;AAAA,~~MASMI~~,EASWC,GAAA;AAAA,QARR,~~IAAIJ~~,EAAc;AAAA,QAClB,OAAOF,EAAE,GAAA,0CAAA;AAAA,QACV,eAAY;AAAA,QACZ,kBAAe;AAAA,QACd,OAdTG,~~qBAcmCI~~,EAAW,YAAA,CAAA;AAAA,QACrC,~~OAfTC~~,~~cAe4BD~~,EAAqB,sBAAA,CAAA;AAAA;QAfjD,~~SAAAE~~,EAiBQ,MAA4E;AAAA,~~UAjBpFR~~,~~EAAAS~~,~~EAiBWR~~,EAAiB,kBAACF,EAAU,WAAC,OAAOA,EAAM,OAAC,MAAM,QAAQA,EAAY,YAAA,CAAA,GAAA,CAAA;AAAA;QAjBhF,GAAA;AAAA;;;;;"}
1	+ {"version":3,"file":"DatasetDetailsHeaderCatalogue.vue.mjs","sources":["../../../lib/datasetDetails/header/DatasetDetailsHeaderCatalogue.vue"],"sourcesContent":["<template>\n <div class=\"d-flex align-items-center dsd-header-catalogue\">\n <div class=\"d-lg-none dsd-title-tag\" v-if=\"!embed\">\n <span>\n {{$t('message.metadata.dataset')}}\n </span>\n </div>\n <div>\n <img v-if=\"showCountryFlag(getCountry)\" class=\"mr-2 border border-dark flag\" :class=\"{ 'io': getCountry.id === 'io' }\" :src=\"getCountryFlagImg(getCountry.id)\" alt=\"Catalog Flag\">\n <app-link \n :to=\"getCatalogLink\"\n :title=\"$t('message.tooltip.datasetDetails.catalogue')\"\n data-toggle=\"tooltip\" \n data-placement=\"top\"\n :class=\"{ 'disabled-link': disableLink }\"\n :style=\"{ fontSize: catalogueNameFontSize }\"\n >\n {{ getTranslationFor(getCatalog.title, $route.query.locale, getLanguages) }}\n </app-link>\n </div>\n </div>\n</template>\n\n<script>\nimport {has, isNil} from \"lodash\";\nimport {getTranslationFor, getCountryFlagImg} from \"../../utils/helpers\";\nimport {mapGetters} from \"vuex\";\nimport AppLink from \"../../widgets/AppLink\";\n\nexport default {\n name: \"DatasetDetailsHeaderCatalogue\",\n components: {AppLink},\n props: {\n disableLink: Boolean,\n catalogueNameFontSize: String,\n embed: {\n type: Boolean,\n default: () => false,\n },\n },\n computed: {\n ...mapGetters('datasetDetails', [\n 'getCatalog',\n 'getCountry',\n 'getLanguages',\n ]),\n getCatalogLink() {\n return { path: `/catalogues/${this.getCatalog.id}`, query: { locale: this.$route.query.locale } };\n },\n },\n methods: {\n getTranslationFor,\n getCountryFlagImg,\n showCountryFlag(country) {\n return has(country, 'id') && !isNil(country.id);\n },\n },\n}\n</script>\n\n<style scoped lang=\"scss\">\n.flag {\n max-width: 30px;\n max-height: 19px;\n margin-bottom: 3px;\n border-radius: 1px;\n}\n.disabled-link {\n color: black; /* Change the color to your desired disabled color /\n pointer-events: none; / Disable mouse interactions */\n}\n</style>\n"],"names":["_sfc_main","AppLink","mapGetters","getTranslationFor","getCountryFlagImg","country","has","isNil","_hoisted_1","_hoisted_3","_openBlock","_createElementBlock","$props","_createCommentVNode","_hoisted_2","_createElementVNode","_ctx","_createTextVNode","$options","_normalizeClass","_createVNode","_component_app_link","_normalizeStyle","_withCtx","_toDisplayString"],"mappings":";;;;;;;AA6BA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY,EAAC,SAAAC,EAAO;AAAA,EACpB,OAAO;AAAA,IACL,aAAa;AAAA,IACb,uBAAuB;AAAA,IACvB,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,MAAM;AAAA,IAChB;AAAA,EACJ;AAAA,EACD,UAAU;AAAA,IACR,GAAGC,EAAW,kBAAkB;AAAA,MAC9B;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACD,iBAAiB;AACf,aAAO,EAAE,MAAM,eAAe,KAAK,WAAW,EAAE,IAAI,OAAO,EAAE,QAAQ,KAAK,OAAO,MAAM,OAAK;IAC7F;AAAA,EACF;AAAA,EACD,SAAS;AAAA,IACP,mBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,gBAAgBC,GAAS;AACvB,aAAOC,EAAID,GAAS,IAAI,KAAK,CAACE,EAAMF,EAAQ,EAAE;AAAA,IAC/C;AAAA,EACF;AACH,GAxDOG,IAAA,EAAA,OAAM,iDAAgD;EAD7D,KAAA;AAAA,EAES,OAAM;GAFfC,IAAA,CAAA,KAAA;;;AACE,SAAAC,EAAA,GAAAC,EAmBM,OAnBNH,GAmBM;AAAA,IAlByCI,EAAK,QAFtDC,EAAA,IAAA,EAAA,KAEIH,KAAAC,EAIM,OAJNG,GAIM;AAAA,MAHJC,EAEO,gBADHC,EAAE,GAAA,0BAAA,CAAA,GAAA,CAAA;AAAA;IAJZC,EAAA;AAAA,IAOIF,EAYM,OAAA,MAAA;AAAA,MAXOG,EAAA,gBAAgBF,EAAU,UAAA,UAArCL,EAAkL,OAAA;AAAA,QARxL,KAAA;AAAA,QAQ8C,OAR9CQ,EAQoD,CAAA,gCAA+C,EAAA,IAAAH,EAAA,WAAW,OAAE,KAAA,CAAA,CAAA;AAAA,QAAc,KAAKE,EAAA,kBAAkBF,EAAA,WAAW,EAAE;AAAA,QAAG,KAAI;AAAA,MARzK,GAAA,MAAA,IAAAP,CAAA,KAAAI,EAAA,IAAA,EAAA;AAAA,MAAAI,EAAA;AAAA,MASMG,EASWC,GAAA;AAAA,QARR,IAAIH,EAAc;AAAA,QAClB,OAAOF,EAAE,GAAA,0CAAA;AAAA,QACV,eAAY;AAAA,QACZ,kBAAe;AAAA,QACd,OAdTG,qBAcmCP,EAAW,YAAA,CAAA;AAAA,QACrC,OAfTU,cAe4BV,EAAqB,sBAAA,CAAA;AAAA;QAfjD,SAAAW,EAiBQ,MAA4E;AAAA,UAjBpFN,EAAAO,EAiBWN,EAAiB,kBAACF,EAAU,WAAC,OAAOA,EAAM,OAAC,MAAM,QAAQA,EAAY,YAAA,CAAA,GAAA,CAAA;AAAA;QAjBhF,GAAA;AAAA;;;;;"}

package/dist/datasetDetails/header/DatasetDetailsHeaderTitle.vue.d.ts CHANGED Viewed

@@ -1,6 +1,10 @@
 import { getTranslationFor } from '../../utils/helpers';
 declare const _default: import('vue').DefineComponent<{
     titleFontSize: StringConstructor;
+    embed: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
 }, any, any, {
     getCatalog: import('vuex').Computed;
     getLanguages: import('vuex').Computed;
@@ -11,5 +15,11 @@ declare const _default: import('vue').DefineComponent<{
     isErpdActive(): boolean;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     titleFontSize: StringConstructor;
-}>>, {}, {}>;
+    embed: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+}>>, {
+    embed: boolean;
+}, {}>;
 export default _default;

package/dist/datasetDetails/header/DatasetDetailsHeaderTitle.vue.mjs CHANGED Viewed

@@ -1,15 +1,19 @@
-import { getTranslationFor as i } from "../../utils/helpers.mjs";
+import { getTranslationFor as n } from "../../utils/helpers.mjs";
 import { mapGetters as r } from "vuex";
-import { openBlock as t, createElementBlock as a, createElementVNode as l, toDisplayString as s, normalizeStyle as n, createTextVNode as c } from "vue";
+import { openBlock as t, createElementBlock as a, createElementVNode as o, toDisplayString as s, normalizeStyle as g, createTextVNode as i, createCommentVNode as c } from "vue";
 import "./DatasetDetailsHeaderTitle.vue2.mjs";
-import g from "../../_virtual/_plugin-vue_export-helper.mjs";
-const m = {
+import m from "../../_virtual/_plugin-vue_export-helper.mjs";
+const f = {
   name: "DatasetDetailsHeaderTitle",
   props: {
-    titleFontSize: String
+    titleFontSize: String,
+    embed: {
+      type: Boolean,
+      default: () => !1
+    }
   },
   methods: {
-    getTranslationFor: i,
+    getTranslationFor: n,
     isErpdActive() {
       return this.getCatalog.is_part_of === "erpd";
     }
@@ -22,36 +26,42 @@ const m = {
       "getID"
     ])
   }
-}, p = { class: "d-flex flex-row align-items-center col-12 col-lg-10 offset-lg-1 mb-3 px-0 dsd-header-title" }, f = {
+}, p = { class: "d-flex flex-row align-items-center col-12 col-lg-10 offset-lg-1 mb-3 px-0 dsd-header-title" }, u = {
   key: 0,
   class: "d-none d-lg-flex dsd-title-tag erpdInfo"
-}, _ = {
+}, y = {
   key: 1,
   class: "d-none d-lg-block dsd-title-tag"
 }, h = {
   key: 2,
   class: "d-none d-lg-block dataset-details-title",
   "data-cy": "dataset-title"
-}, u = {
+}, _ = {
   key: 3,
+  class: "d-lg-block dataset-details-title",
+  "data-cy": "dataset-title"
+}, k = {
+  key: 4,
   class: "d-none d-lg-block dataset-details-title",
   "data-cy": "dataset-title"
 };
-function y(e, k, d, D, T, o) {
+function T(e, b, l, D, v, d) {
   return t(), a("div", p, [
-    o.isErpdActive() ? (t(), a("div", f, [
-      l("span", null, s(e.$t("message.metadata.protecteddata")), 1)
-    ])) : (t(), a("div", _, [
-      l("span", {
-        style: n({ fontSize: d.titleFontSize })
+    d.isErpdActive() ? (t(), a("div", u, [
+      o("span", null, s(e.$t("message.metadata.protecteddata")), 1)
+    ])) : (t(), a("div", y, [
+      o("span", {
+        style: g({ fontSize: l.titleFontSize })
       }, s(e.$t("message.metadata.dataset")), 5)
     ])),
-    c(),
-    e.getTitle ? (t(), a("h1", h, s(o.getTranslationFor(e.getTitle, e.$route.query.locale, e.getLanguages)), 1)) : (t(), a("h1", u, s(e.getID), 1))
+    i(),
+    e.getTitle && !l.embed ? (t(), a("h1", h, s(d.getTranslationFor(e.getTitle, e.$route.query.locale, e.getLanguages)), 1)) : c("", !0),
+    i(),
+    e.getTitle && l.embed ? (t(), a("h1", _, s(d.getTranslationFor(e.getTitle, e.$route.query.locale, e.getLanguages)), 1)) : (t(), a("h1", k, s(e.getID), 1))
   ]);
 }
-const F = /* @__PURE__ */ g(m, [["render", y], ["__scopeId", "data-v-198321fa"]]);
+const B = /* @__PURE__ */ m(f, [["render", T], ["__scopeId", "data-v-acffc9cf"]]);
 export {
-  F as default
+  B as default
 };
 //# sourceMappingURL=DatasetDetailsHeaderTitle.vue.mjs.map

package/dist/datasetDetails/header/DatasetDetailsHeaderTitle.vue.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatasetDetailsHeaderTitle.vue.mjs","sources":["../../../lib/datasetDetails/header/DatasetDetailsHeaderTitle.vue"],"sourcesContent":["<template>\n <div class=\"d-flex flex-row align-items-center col-12 col-lg-10 offset-lg-1 mb-3 px-0 dsd-header-title\">\n <div v-if=\"isErpdActive()\" class=\"d-none d-lg-flex dsd-title-tag erpdInfo\">\n <span>{{$t('message.metadata.protecteddata')}}</span>\n </div>\n <div v-else class=\"d-none d-lg-block dsd-title-tag\">\n <span :style=\"{ fontSize: titleFontSize }\">\n {{$t('message.metadata.dataset')}}\n\n </span>\n </div>\n <h1 v-if=\"getTitle\" class=\"d-none d-lg-block dataset-details-title\" data-cy=\"dataset-title\">{{ getTranslationFor(getTitle, $route.query.locale, getLanguages) }}</h1>\n <h1 v-else class=\"d-none d-lg-block dataset-details-title\" data-cy=\"dataset-title\">{{ getID }}</h1>\n </div>\n</template>\n\n<script>\nimport {getTranslationFor} from \"../../utils/helpers\";\nimport {mapGetters} from \"vuex\";\n\nexport default {\n name: \"DatasetDetailsHeaderTitle\",\n props: {\n titleFontSize: String,\n },\n methods: {\n getTranslationFor,\n isErpdActive() {\n // console.log(this.getLanguages);\n return this.getCatalog.is_part_of === 'erpd';\n },\n },\n computed: {\n ...mapGetters('datasetDetails', [\n 'getLanguages',\n 'getTitle',\n 'getCatalog',\n 'getID',\n ]),\n }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.dataset-details-title {\n font-size: 1.4rem;\n margin-bottom: 0.5rem;\n font-family: inherit;\n font-weight: 500;\n line-height: 1.2;\n color: inherit;\n}\n.erpdInfo{\n background-color: #8f4300 !important;\n min-width: 20%;\n align-items: center;\n justify-content: center;\n}\n@media (min-width: 768px) {\n .dataset-details-title {\n font-size: 1.5rem;\n }\n}\n\n@media (min-width: 992px) {\n .dataset-details-title {\n font-size: 1.75rem;\n }\n}\n\n</style>\n"],"names":["_sfc_main","getTranslationFor","mapGetters","_hoisted_1","_openBlock","_createElementBlock","$options","_hoisted_2","_createElementVNode","_ctx","_hoisted_3","_normalizeStyle","$props","_createTextVNode","_hoisted_4","_toDisplayString","_hoisted_5"],"mappings":";;;;;AAoBA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AAAA,IACL,eAAe;AAAA,~~EAChB~~;AAAA,EACD,SAAS;AAAA,IACP,mBAAAC;AAAA,IACA,eAAe;AAEb,aAAO,KAAK,WAAW,eAAgB;AAAA,IACxC;AAAA,EACF;AAAA,EACD,UAAU;AAAA,IACR,GAAGC,EAAW,kBAAkB;AAAA,MAC9B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AACF,~~GAvCOC~~,IAAA,EAAA,OAAM,6FAA4F;EADzG,KAAA;AAAA,EAE+B,OAAM;;EAFrC,KAAA;AAAA,EAKgB,OAAM;;EALtB,KAAA;AAAA,~~EAWwB~~,OAAM;AAAA,EAA0C,WAAQ;;~~EAXhF~~,KAAA;AAAA,EAYe,OAAM;AAAA,EAA0C,WAAQ;;;AAXrE,SAAAC,EAAA,GAAAC,EAYM,OAZNF,GAYM;AAAA,IAXOG,EAAY,aAAA,KAAvBF,KAAAC,EAEM,OAFNE,GAEM;AAAA,MADJC,EAAqD,gBAA7CC,EAAE,GAAA,gCAAA,CAAA,GAAA,CAAA;AAAA,WAEZL,KAAAC,~~EAKM~~,~~OALNK~~,~~GAKM~~;AAAA,~~MAJJF~~,~~EAGO~~,QAAA;AAAA,~~QAHC~~,OANdG,cAMiCC,EAAa,cAAA,CAAA;AAAA,WACpCH,EAAE,GAAA,0BAAA,CAAA,GAAA,CAAA;AAAA;IAPZI,EAAA;AAAA,IAWcJ,~~EAAQ~~,~~YAAlBL~~,EAAA,GAAAC,~~EAAqK~~,~~MAArKS~~,~~GAA+FC~~,EAAAT,EAAA,kBAAkBG,EAAA,UAAUA,EAAA,OAAO,MAAM,QAAQA,EAAY,YAAA,CAAA,GAAA,CAAA,~~WAC5JJ~~,EAAmG,~~MAAnGW~~,~~GAAmGD~~,EAAbN,EAAK,KAAA,GAAA,CAAA;AAAA;;;"}
1	+ {"version":3,"file":"DatasetDetailsHeaderTitle.vue.mjs","sources":["../../../lib/datasetDetails/header/DatasetDetailsHeaderTitle.vue"],"sourcesContent":["<template>\n <div class=\"d-flex flex-row align-items-center col-12 col-lg-10 offset-lg-1 mb-3 px-0 dsd-header-title\">\n <div v-if=\"isErpdActive()\" class=\"d-none d-lg-flex dsd-title-tag erpdInfo\">\n <span>{{$t('message.metadata.protecteddata')}}</span>\n </div>\n <div v-else class=\"d-none d-lg-block dsd-title-tag\">\n <span :style=\"{ fontSize: titleFontSize }\">\n {{$t('message.metadata.dataset')}}\n </span>\n </div>\n <h1 v-if=\"getTitle && !embed\" class=\"d-none d-lg-block dataset-details-title\" data-cy=\"dataset-title\">{{ getTranslationFor(getTitle, $route.query.locale, getLanguages) }}</h1>\n <h1 v-if=\"getTitle && embed\" class=\"d-lg-block dataset-details-title\" data-cy=\"dataset-title\">{{ getTranslationFor(getTitle, $route.query.locale, getLanguages) }} </h1>\n <h1 v-else class=\"d-none d-lg-block dataset-details-title\" data-cy=\"dataset-title\">{{ getID }}</h1>\n </div>\n</template>\n\n<script>\nimport {getTranslationFor} from \"../../utils/helpers\";\nimport {mapGetters} from \"vuex\";\n\nexport default {\n name: \"DatasetDetailsHeaderTitle\",\n props: {\n titleFontSize: String,\n embed: {\n type: Boolean,\n default: () => false,\n },\n },\n methods: {\n getTranslationFor,\n isErpdActive() {\n // console.log(this.getLanguages);\n return this.getCatalog.is_part_of === 'erpd';\n },\n },\n computed: {\n ...mapGetters('datasetDetails', [\n 'getLanguages',\n 'getTitle',\n 'getCatalog',\n 'getID',\n ]),\n }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.dataset-details-title {\n font-size: 1.4rem;\n margin-bottom: 0.5rem;\n font-family: inherit;\n font-weight: 500;\n line-height: 1.2;\n color: inherit;\n}\n.erpdInfo{\n background-color: #8f4300 !important;\n min-width: 20%;\n align-items: center;\n justify-content: center;\n}\n@media (min-width: 768px) {\n .dataset-details-title {\n font-size: 1.5rem;\n }\n}\n\n@media (min-width: 992px) {\n .dataset-details-title {\n font-size: 1.75rem;\n }\n}\n\n</style>\n"],"names":["_sfc_main","getTranslationFor","mapGetters","_hoisted_1","_openBlock","_createElementBlock","$options","_hoisted_2","_createElementVNode","_ctx","_hoisted_3","_normalizeStyle","$props","_createTextVNode","_hoisted_4","_toDisplayString","_createCommentVNode","_hoisted_5","_hoisted_6"],"mappings":";;;;;AAoBA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AAAA,IACL,eAAe;AAAA,IACf,OAAO;AAAA,MACH,MAAM;AAAA,MACN,SAAS,MAAM;AAAA,IAChB;AAAA,EACJ;AAAA,EACD,SAAS;AAAA,IACP,mBAAAC;AAAA,IACA,eAAe;AAEb,aAAO,KAAK,WAAW,eAAgB;AAAA,IACxC;AAAA,EACF;AAAA,EACD,UAAU;AAAA,IACR,GAAGC,EAAW,kBAAkB;AAAA,MAC9B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH;AACF,GA3COC,IAAA,EAAA,OAAM,6FAA4F;EADzG,KAAA;AAAA,EAE+B,OAAM;;EAFrC,KAAA;AAAA,EAKgB,OAAM;;EALtB,KAAA;AAAA,EAUkC,OAAM;AAAA,EAA0C,WAAQ;;EAV1F,KAAA;AAAA,EAWiC,OAAM;AAAA,EAAmC,WAAQ;;EAXlF,KAAA;AAAA,EAYe,OAAM;AAAA,EAA0C,WAAQ;;;AAXrE,SAAAC,EAAA,GAAAC,EAYM,OAZNF,GAYM;AAAA,IAXOG,EAAY,aAAA,KAAvBF,KAAAC,EAEM,OAFNE,GAEM;AAAA,MADJC,EAAqD,gBAA7CC,EAAE,GAAA,gCAAA,CAAA,GAAA,CAAA;AAAA,WAEZL,KAAAC,EAIM,OAJNK,GAIM;AAAA,MAHJF,EAEO,QAAA;AAAA,QAFC,OANdG,cAMiCC,EAAa,cAAA,CAAA;AAAA,WACpCH,EAAE,GAAA,0BAAA,CAAA,GAAA,CAAA;AAAA;IAPZI,EAAA;AAAA,IAUcJ,EAAA,aAAaG,EAAK,SAA5BR,EAAA,GAAAC,EAA+K,MAA/KS,GAAyGC,EAAAT,EAAA,kBAAkBG,EAAA,UAAUA,EAAA,OAAO,MAAM,QAAQA,EAAY,YAAA,CAAA,GAAA,CAAA,KAV1KO,EAAA,IAAA,EAAA;AAAA,IAAAH,EAAA;AAAA,IAWcJ,EAAA,YAAYG,EAAK,SAA3BR,EAAA,GAAAC,EAAwK,MAAxKY,GAAiGF,EAAAT,EAAA,kBAAkBG,EAAA,UAAUA,EAAA,OAAO,MAAM,QAAQA,EAAY,YAAA,CAAA,GAAA,CAAA,WAC9JJ,EAAmG,MAAnGa,GAAmGH,EAAbN,EAAK,KAAA,GAAA,CAAA;AAAA;;;"}

package/dist/embed/DatasetEmbedModal.vue.d.ts CHANGED Viewed

@@ -5,8 +5,10 @@ declare const _default: import('vue').DefineComponent<{}, {}, {
     copied: boolean;
     minRange: number;
     maxRange: number;
+    embedType: string;
 }, {}, {
     updateEmbedCode(): void;
+    updateEmbedCodeType(event: any): void;
     copy(): void;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

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

@@ -1,7 +1,7 @@
-import { openBlock as m, createElementBlock as c, createElementVNode as e, createTextVNode as a, toDisplayString as o, withDirectives as n, vModelText as h, vShow as p, createStaticVNode as g, pushScopeId as f, popScopeId as _ } from "vue";
+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 "./DatasetEmbedModal.vue2.mjs";
-import u from "../_virtual/_plugin-vue_export-helper.mjs";
-const b = {
+import g from "../_virtual/_plugin-vue_export-helper.mjs";
+const _ = {
   name: "embed-modal",
   data() {
     return {
@@ -10,15 +10,20 @@ const b = {
       embedCode: "",
       copied: !1,
       minRange: this.$env.content.datasetDetails.embed.minRange,
-      maxRange: this.$env.content.datasetDetails.embed.maxRange
+      maxRange: this.$env.content.datasetDetails.embed.maxRange,
+      embedType: "embed"
+      // default to 'embed'
     };
   },
   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(/\?.*$/, "") + "/embed";
+      const t = window.location.href.replace(/\?.*$/, "") + "/" + this.embedType;
       this.embedCode = `<iframe src="${t}" width="${this.iframeWidth}" height="${this.iframeHeight}" frameborder="0"></iframe>`;
     },
+    updateEmbedCodeType(t) {
+      this.embedType = t.target.value === "snippet" ? "embed-snippet" : "embed", this.updateEmbedCode();
+    },
     copy() {
       navigator.clipboard.writeText(this.embedCode).then(() => {
         this.copied = !0, setTimeout(() => {
@@ -32,7 +37,7 @@ const b = {
   created() {
     this.updateEmbedCode();
   }
-}, r = (t) => (f("data-v-340499c6"), t = t(), _(), t), v = {
+}, n = (t) => (f("data-v-b7a26f22"), t = t(), u(), t), v = {
   class: "modal fade",
   id: "embedModal",
   tabindex: "-1",
@@ -56,7 +61,7 @@ const b = {
 }, C = {
   "aria-hidden": "true",
   class: "close-icon rounded-circle"
-}, H = {
+}, k = {
   xmlns: "http://www.w3.org/2000/svg",
   fill: "white",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
@@ -67,51 +72,61 @@ const b = {
   viewBox: "0 0 512 512",
   width: "8",
   "xml:space": "preserve"
-}, D = /* @__PURE__ */ r(() => /* @__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)), R = [
-  D
-], V = { class: "modal-head" }, M = {
+}, 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 = {
   class: "modal-title",
   id: "exampleModalLabel",
   style: { display: "inline-block" }
-}, L = { class: "modal-body" }, k = {
+}, T = { class: "modal-body" }, V = {
   class: "container",
   style: { padding: "0", margin: "0" }
-}, E = { class: "d-flex flex-row iframeSettings" }, W = { class: "input-wrapper" }, S = { for: "iframeWidth" }, T = /* @__PURE__ */ r(() => /* @__PURE__ */ e("br", null, null, -1)), I = { class: "input-with-px" }, z = ["min", "max"], B = {
+}, 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 = {
   class: "input-wrapper height",
   style: { "padding-left": "3.3rem" }
-}, N = { for: "iframeHeight" }, U = /* @__PURE__ */ r(() => /* @__PURE__ */ e("br", null, null, -1)), Z = { class: "input-with-px" }, $ = ["min", "max"], P = { class: "ecl-form-group" }, j = {
+}, 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 = {
   class: "ecl-form-label",
   for: "ebmedTextarea",
   style: { "font-size": "18px", "font-weight": "400", color: "#000000" }
-}, F = ["value"], q = { class: "modal-footer justify-content-start" }, A = { class: "copied" }, G = /* @__PURE__ */ g('<svg width="20" height="23" viewBox="0 0 20 23" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-340499c6><g clip-path="url(#clip0_13_474)" data-v-340499c6><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-340499c6></path></g> <defs data-v-340499c6><clipPath id="clip0_13_474" data-v-340499c6><rect width="20" height="23" fill="white" data-v-340499c6></rect></clipPath></defs></svg>', 1);
-function J(t, s, K, O, i, l) {
-  return m(), c("div", v, [
+}, 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(o(t.$t("message.datasetDetails.datasets.modal.close")) + " ", 1),
+          a(l(t.$t("message.datasetDetails.datasets.modal.close")) + " ", 1),
           e("span", C, [
-            (m(), c("svg", H, R))
+            (r(), c("svg", k, D))
           ])
         ]),
         a(),
-        e("div", V, [
-          e("h5", M, o(t.$t("message.datasetDetails.datasets.modal.embedText")), 1)
+        e("div", H, [
+          e("h5", E, l(t.$t("message.datasetDetails.datasets.modal.embedText")), 1)
         ]),
         a(),
-        e("div", L, [
-          e("div", k, [
-            e("div", E, [
-              e("div", W, [
-                e("label", S, o(t.$t("message.datasetDetails.datasets.modal.width")), 1),
-                T,
+        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, [
-                  n(e("input", {
+                  m(e("input", {
                     type: "number",
                     id: "iframeWidth",
                     "onUpdate:modelValue": s[0] || (s[0] = (d) => i.iframeWidth = d),
-                    onInput: s[1] || (s[1] = (...d) => l.updateEmbedCode && l.updateEmbedCode(...d)),
+                    onInput: s[1] || (s[1] = (...d) => o.updateEmbedCode && o.updateEmbedCode(...d)),
                     min: i.minRange,
                     max: i.maxRange
                   }, null, 40, z), [
@@ -121,18 +136,18 @@ function J(t, s, K, O, i, l) {
               ]),
               a(),
               e("div", B, [
-                e("label", N, o(t.$t("message.datasetDetails.datasets.modal.height")), 1),
+                e("label", N, l(t.$t("message.datasetDetails.datasets.modal.height")), 1),
                 U,
                 a(),
                 e("div", Z, [
-                  n(e("input", {
+                  m(e("input", {
                     type: "number",
                     id: "iframeHeight",
                     "onUpdate:modelValue": s[2] || (s[2] = (d) => i.iframeHeight = d),
-                    onInput: s[3] || (s[3] = (...d) => l.updateEmbedCode && l.updateEmbedCode(...d)),
+                    onInput: s[3] || (s[3] = (...d) => o.updateEmbedCode && o.updateEmbedCode(...d)),
                     min: i.minRange,
                     max: i.maxRange
-                  }, null, 40, $), [
+                  }, null, 40, P), [
                     [h, i.iframeHeight]
                   ])
                 ])
@@ -140,8 +155,8 @@ function J(t, s, K, O, i, l) {
             ])
           ]),
           a(),
-          e("div", P, [
-            e("label", j, o(t.$t("message.datasetDetails.datasets.modal.code")), 1),
+          e("div", j, [
+            e("label", F, l(t.$t("message.datasetDetails.datasets.modal.code")), 1),
             a(),
             e("textarea", {
               id: "ebmedTextarea",
@@ -150,21 +165,48 @@ function J(t, s, K, O, i, l) {
               rows: "4",
               value: i.embedCode,
               readonly: ""
-            }, null, 8, F)
+            }, null, 8, q)
           ])
         ]),
         a(),
-        e("div", q, [
+        e("div", A, [
+          e("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))
+          }, null, 32),
+          a(),
+          G
+        ]),
+        a(),
+        e("div", J, [
+          e("input", {
+            class: "form-check-input",
+            type: "radio",
+            name: "exampleRadios",
+            id: "snippet",
+            value: "snippet",
+            onChange: s[5] || (s[5] = (...d) => o.updateEmbedCodeType && o.updateEmbedCodeType(...d))
+          }, null, 32),
+          a(),
+          K
+        ]),
+        a(),
+        e("div", O, [
           e("button", {
-            onClick: s[4] || (s[4] = (...d) => l.copy && l.copy(...d)),
+            onClick: s[6] || (s[6] = (...d) => o.copy && o.copy(...d)),
             class: "ecl-button ecl-button--secondary px-4 py-3",
             style: { float: "left!important" },
             type: "button"
-          }, o(t.$t("message.datasetDetails.datasets.modal.copy")), 1),
+          }, l(t.$t("message.datasetDetails.datasets.modal.copy")), 1),
           a(),
-          n(e("span", A, [
-            G,
-            a(" " + o(t.$t("message.datasetDetails.datasets.modal.copied")), 1)
+          m(e("span", Q, [
+            X,
+            a(" " + l(t.$t("message.datasetDetails.datasets.modal.copied")), 1)
           ], 512), [
             [p, i.copied]
           ])
@@ -173,8 +215,8 @@ function J(t, s, K, O, i, l) {
     ])
   ]);
 }
-const ee = /* @__PURE__ */ u(b, [["render", J], ["__scopeId", "data-v-340499c6"]]);
+const de = /* @__PURE__ */ g(_, [["render", Y], ["__scopeId", "data-v-b7a26f22"]]);
 export {
-  ee as default
+  de 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 <div class=\"modal-footer justify-content-start\">\n <button @click=\"copy\" class=\"ecl-button ecl-button--secondary px-4 py-3\" style=\"float: left!important;\" type=\"button\">{{ $t('message.datasetDetails.datasets.modal.copy')}}</button>\n <span v-show=\"copied\" class=\"copied\">\n <svg width=\"20\" height=\"23\" viewBox=\"0 0 20 23\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <g clip-path=\"url(#clip0_13_474)\">\n <path d=\"M14.2857 20.125V21.9219C14.2857 22.5173 13.806 23 13.2143 23H1.07143C0.479688 23 0 22.5173 0 21.9219V5.39062C0 4.79519 0.479688 4.3125 1.07143 4.3125H4.28571V17.6094C4.28571 18.9965 5.40719 20.125 6.78571 20.125H14.2857ZM14.2857 4.67188V0H6.78571C6.19397 0 5.71429 0.482686 5.71429 1.07812V17.6094C5.71429 18.2048 6.19397 18.6875 6.78571 18.6875H18.9286C19.5203 18.6875 20 18.2048 20 17.6094V5.75H15.3571C14.7679 5.75 14.2857 5.26484 14.2857 4.67188ZM19.6862 3.27799L16.7424 0.315756C16.5414 0.113582 16.2689 1.49498e-06 15.9848 0L15.7143 0V4.3125H20V4.04032C20 3.75439 19.8871 3.48018 19.6862 3.27799Z\" fill=\"#464646\"/>\n </g>\n <defs>\n <clipPath id=\"clip0_13_474\">\n <rect width=\"20\" height=\"23\" fill=\"white\"/>\n </clipPath>\n </defs>\n </svg>\n {{ $t('message.datasetDetails.datasets.modal.copied') }}\n </span>\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<script >\nexport default {\n name: \"embed-modal\",\n data() {\n return {\n iframeWidth: this.$env.content.datasetDetails.embed.defaultWidth,\n iframeHeight: this.$env.content.datasetDetails.embed.defaultHeight,\n embedCode: '',\n copied: false,\n minRange: this.$env.content.datasetDetails.embed.minRange,\n maxRange: this.$env.content.datasetDetails.embed.maxRange,\n };\n },\n methods: {\n updateEmbedCode() {\n // Ensure the input values are within the specified range\n this.iframeWidth = Math.min(Math.max(this.iframeWidth, this.minRange), this.maxRange);\n this.iframeHeight = Math.min(Math.max(this.iframeHeight, this.minRange), this.maxRange);\n // Generate the embed code\n const currentURL = window.location.href.replace(/\\?.$/, '') + '/embed';\n this.embedCode = `<iframe src=\"${currentURL}\" width=\"${this.iframeWidth}\" height=\"${this.iframeHeight}\" frameborder=\"0\"></iframe>`;\n },\n copy() {\n navigator.clipboard.writeText(this.embedCode)\n .then(() => {\n this.copied = true;\n setTimeout(() => {\n this.copied = false;\n }, 3000);\n })\n .catch((error) => {\n // Handle the error\n console.error('Failed to copy: ', error);\n });\n }\n },\n created() {\n // Initialize the embed code with default values\n this.updateEmbedCode();\n }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.modal-title {\n float: left!important;\n font-family: 'Arial';\n font-style: normal;\n font-weight: 700;\n font-size: 24px;\n // line-height: 24px;\n color: #000000;\n}\n.modal-head {\n border-bottom: none;\n padding: 0;\n padding-bottom: 1rem;\n}\n.modal-body {\n border-top: 1px solid #e9ecef;\n padding: 0;\n}\n.ecl-button {\n font-size: 16px;\n}\n.modal-footer {\n border-top: none;\n padding: 2.438rem 0 0 0;\n font-size: 16px;\n}\n.close {\n font-size: 14px;\n color: #1C3D66;\n opacity: 1;\n padding: 0.5rem!important;\n text-align: right;\n .close-icon {\n color:white;\n background: #1C3D66;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 16px;\n height: 16px;\n float: right;\n margin-left: 10px;\n }\n}\n.active {\n color: #000000!important;\n}\n.iframeSettings {\n padding: 1.875rem 0 2.438rem 0;\n font-size: 18px;\n\n input {\n padding: 1.563rem 0rem;\n }\n / Style the input field wrapper /\n.input-with-px {\n position: relative;\n margin-top: 5px;\n\n}\n\n.input-with-px input {\n padding: 15px 50px 15px 50px;\n border: 1px solid #A5A5A5;\n}\n\n/ Style the \"px\" text /\n.input-with-px::after {\n content: \"px\";\n position: absolute;\n right: 30%;\n top: 54%;\n transform: translateY(-50%);\n color: #777;\n pointer-events: none; / Prevent interaction with the \"px\" span /\n}\n}\n.copied {\n margin-left: 30px;\n}\n/ Firefox-specific styles */\n@-moz-document url-prefix() {\n .input-with-px input {\n max-width: 240px;\n }\n}\n@media screen and (max-width: 1100px) {\n .iframeSettings {\n flex-direction: column!important;\n }\n .height {\n padding-left: 0!important;\n margin-top: 10px;\n }\n #ebmedTextarea {\n padding-bottom: 20px!important;\n }\n}\n</style>\n"],"names":["_sfc_main","currentURL","error","_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_28","_hoisted_29","_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","_withDirectives"],"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\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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"}