@piveau/piveau-hub-ui-modules 4.5.12 → 4.6.0
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.
- package/dist/data-provider-interface/CatalogueMQA.vue.mjs +21 -21
- package/dist/data-provider-interface/CatalogueMQA.vue.mjs.map +1 -1
- package/dist/data-provider-interface/DPIMenu.vue.mjs +5 -5
- package/dist/data-provider-interface/DataProviderInterface.vue.d.ts +9 -4
- package/dist/data-provider-interface/components/Navigation.vue.mjs +57 -56
- package/dist/data-provider-interface/components/Navigation.vue.mjs.map +1 -1
- package/dist/data-provider-interface/components/SpatialInput.vue.mjs +23 -22
- package/dist/data-provider-interface/components/SpatialInput.vue.mjs.map +1 -1
- package/dist/data-provider-interface/components/UniqueIdentifierInput.vue.mjs +13 -13
- package/dist/data-provider-interface/components/UniqueIdentifierInput.vue.mjs.map +1 -1
- package/dist/data-provider-interface/composables/index.d.ts +1 -0
- package/dist/data-provider-interface/composables/useDpiEditMode.mjs +15 -16
- package/dist/data-provider-interface/composables/useDpiEditMode.mjs.map +1 -1
- package/dist/data-provider-interface/composables/useFormSchema.d.ts +13 -0
- package/dist/data-provider-interface/composables/useFormSchema.mjs +59 -0
- package/dist/data-provider-interface/composables/useFormSchema.mjs.map +1 -0
- package/dist/data-provider-interface/index.d.ts +33 -0
- package/dist/data-provider-interface/utils/translation-helper.mjs +23 -23
- package/dist/data-provider-interface/utils/translation-helper.mjs.map +1 -1
- package/dist/data-provider-interface/views/DistributionOverview.vue.d.ts +1 -1
- package/dist/data-provider-interface/views/InputPage.vue.d.ts +9 -4
- package/dist/data-provider-interface/views/InputPage.vue.mjs +110 -110
- package/dist/data-provider-interface/views/InputPage.vue.mjs.map +1 -1
- package/dist/dataProviderInterface.d.ts +1 -0
- package/dist/dataProviderInterface.mjs +71 -0
- package/dist/dataProviderInterface.mjs.map +1 -0
- 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/external/@vueuse/core/index +31 -31
- package/dist/external/@vueuse/shared/index +66 -63
- package/dist/external/@vueuse/shared/index.map +1 -1
- package/dist/form/FormKitGroup.vue.mjs.map +1 -1
- package/dist/index.mjs +54 -54
- package/dist/piveau-hub-ui-modules.css +1 -1
- package/package.json +17 -1
- package/dist/data-provider-interface/index.mjs +0 -15
- package/dist/data-provider-interface/index.mjs.map +0 -1
|
@@ -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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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import p from "../datasetDetails/header/DatasetDetailsHeaderTitle.vue.mjs";
|
|
2
2
|
import u from "../datasetDetails/DatasetDetailsDataset.vue.mjs";
|
|
3
3
|
import f from "../datasetDetails/header/DatasetDetailsHeaderCatalogue.vue.mjs";
|
|
4
|
-
import { mapGetters as
|
|
5
|
-
import { resolveComponent as
|
|
4
|
+
import { mapGetters as b } from "vuex";
|
|
5
|
+
import { resolveComponent as l, openBlock as c, createElementBlock as _, createElementVNode as e, createTextVNode as o, createVNode as d } from "vue";
|
|
6
6
|
import g from "../assets/img/ec-logo.png.mjs";
|
|
7
7
|
import "./EmbedDataset.vue2.mjs";
|
|
8
8
|
import w from "../_virtual/_plugin-vue_export-helper.mjs";
|
|
@@ -16,35 +16,35 @@ const D = {
|
|
|
16
16
|
DatasetDetailsHeaderCatalogue: f
|
|
17
17
|
},
|
|
18
18
|
computed: {
|
|
19
|
-
...
|
|
19
|
+
...b("datasetDetails", [
|
|
20
20
|
"getLanguages",
|
|
21
21
|
"getTitle"
|
|
22
22
|
])
|
|
23
23
|
},
|
|
24
24
|
methods: {
|
|
25
25
|
openUrl() {
|
|
26
|
-
const
|
|
27
|
-
window.open(
|
|
26
|
+
const r = window.location.href.split("/embed")[0];
|
|
27
|
+
window.open(r, "_blank");
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
|
-
}, 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" },
|
|
31
|
-
function
|
|
32
|
-
const
|
|
33
|
-
return c(),
|
|
30
|
+
}, 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" };
|
|
31
|
+
function y(r, t, E, V, C, s) {
|
|
32
|
+
const n = l("dataset-details-header-title"), i = l("dataset-details-header-catalogue"), m = l("dataset-details-dataset");
|
|
33
|
+
return c(), _("div", v, [
|
|
34
34
|
e("div", x, [
|
|
35
|
-
t[
|
|
35
|
+
t[3] || (t[3] = e("div", null, [
|
|
36
36
|
e("img", {
|
|
37
37
|
class: "logo",
|
|
38
38
|
src: g
|
|
39
39
|
})
|
|
40
40
|
], -1)),
|
|
41
|
-
t[
|
|
41
|
+
t[4] || (t[4] = o()),
|
|
42
42
|
e("div", h, [
|
|
43
43
|
e("button", {
|
|
44
|
-
onClick: t[0] || (t[0] = (...
|
|
44
|
+
onClick: t[0] || (t[0] = (...a) => s.openUrl && s.openUrl(...a)),
|
|
45
45
|
class: "ecl-button ecl-button--secondary mt-3",
|
|
46
46
|
type: "button"
|
|
47
|
-
}, t[
|
|
47
|
+
}, t[2] || (t[2] = [
|
|
48
48
|
e("svg", {
|
|
49
49
|
class: "mr-3",
|
|
50
50
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -60,25 +60,30 @@ function E(d, t, V, L, N, l) {
|
|
|
60
60
|
]))
|
|
61
61
|
])
|
|
62
62
|
]),
|
|
63
|
-
t[
|
|
64
|
-
t[
|
|
63
|
+
t[7] || (t[7] = o()),
|
|
64
|
+
t[8] || (t[8] = e("div", { class: "headline" }, [
|
|
65
65
|
e("p", { class: "px-5 py-3 m-0" }, "data.europa.eu - The official portal for European data")
|
|
66
66
|
], -1)),
|
|
67
|
-
t[
|
|
67
|
+
t[9] || (t[9] = o()),
|
|
68
68
|
e("div", k, [
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
69
|
+
e("button", {
|
|
70
|
+
onClick: t[1] || (t[1] = (...a) => s.openUrl && s.openUrl(...a)),
|
|
71
|
+
class: "btn-title"
|
|
72
|
+
}, [
|
|
73
|
+
d(n, {
|
|
74
|
+
titleFontSize: "0.75rem",
|
|
75
|
+
embed: !0
|
|
76
|
+
})
|
|
77
|
+
]),
|
|
78
|
+
t[5] || (t[5] = o()),
|
|
79
|
+
e("div", U, [
|
|
80
|
+
d(i, {
|
|
76
81
|
disableLink: !0,
|
|
77
82
|
catalogueNameFontSize: "1rem"
|
|
78
83
|
})
|
|
79
84
|
]),
|
|
80
|
-
t[
|
|
81
|
-
|
|
85
|
+
t[6] || (t[6] = o()),
|
|
86
|
+
d(m, {
|
|
82
87
|
showDatasetDescription: !1,
|
|
83
88
|
showDatasetProperties: !1,
|
|
84
89
|
showPublisher: !0,
|
|
@@ -87,7 +92,7 @@ function E(d, t, V, L, N, l) {
|
|
|
87
92
|
])
|
|
88
93
|
]);
|
|
89
94
|
}
|
|
90
|
-
const S = /* @__PURE__ */ w(D, [["render",
|
|
95
|
+
const S = /* @__PURE__ */ w(D, [["render", y], ["__scopeId", "data-v-72dfd6c9"]]);
|
|
91
96
|
export {
|
|
92
97
|
S as default
|
|
93
98
|
};
|
|
@@ -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
|
|
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;;;;;"}
|
|
@@ -4,10 +4,10 @@ import u from "../datasetDetails/header/DatasetDetailsHeaderCatalogue.vue.mjs";
|
|
|
4
4
|
import f from "../PvDataInfoBox/PvDataInfoBoxFormats.vue.mjs";
|
|
5
5
|
import v from "../datasetDetails/DatasetDetailsDescription.vue.mjs";
|
|
6
6
|
import { mapGetters as D } from "vuex";
|
|
7
|
-
import { resolveComponent as
|
|
7
|
+
import { resolveComponent as o, openBlock as b, createElementBlock as w, createVNode as n, createTextVNode as s, createElementVNode as e } from "vue";
|
|
8
8
|
import "./EmbedDatasetSnippet.vue2.mjs";
|
|
9
|
-
import
|
|
10
|
-
const
|
|
9
|
+
import g from "../_virtual/_plugin-vue_export-helper.mjs";
|
|
10
|
+
const h = {
|
|
11
11
|
name: "EmbedDatasetSnippet",
|
|
12
12
|
created() {
|
|
13
13
|
},
|
|
@@ -28,44 +28,49 @@ const g = {
|
|
|
28
28
|
},
|
|
29
29
|
methods: {
|
|
30
30
|
openUrl() {
|
|
31
|
-
const
|
|
32
|
-
window.open(
|
|
31
|
+
const i = window.location.href.split("/embed-snippet")[0];
|
|
32
|
+
window.open(i, "_blank");
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
|
-
}, x = { class: "embed-dataset-snipp d-flex flex-column overflow-auto" },
|
|
36
|
-
function
|
|
37
|
-
const
|
|
35
|
+
}, x = { class: "embed-dataset-snipp d-flex flex-column overflow-auto" }, k = { class: "p-5 content-snipp" }, V = { class: "row" }, H = { class: "col-9 no-pad" }, U = { class: "col-3" };
|
|
36
|
+
function B(i, t, C, E, N, a) {
|
|
37
|
+
const l = o("dataset-details-dataset"), r = o("dataset-details-header-title"), p = o("dataset-details-description"), m = o("dataset-details-header-catalogue");
|
|
38
38
|
return b(), w("div", x, [
|
|
39
|
-
|
|
39
|
+
n(l, {
|
|
40
40
|
showDatasetDescription: !0,
|
|
41
41
|
showDatasetProperties: !1,
|
|
42
42
|
showPublisher: !1,
|
|
43
43
|
"embed-snippet": !0,
|
|
44
44
|
class: "d-none"
|
|
45
45
|
}),
|
|
46
|
-
t[
|
|
47
|
-
e("div",
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
class: "
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
|
|
46
|
+
t[6] || (t[6] = s()),
|
|
47
|
+
e("div", k, [
|
|
48
|
+
e("button", {
|
|
49
|
+
onClick: t[0] || (t[0] = (...d) => a.openUrl && a.openUrl(...d)),
|
|
50
|
+
class: "btn-title"
|
|
51
|
+
}, [
|
|
52
|
+
n(r, {
|
|
53
|
+
embed: !0,
|
|
54
|
+
class: "mr-2"
|
|
55
|
+
})
|
|
56
|
+
]),
|
|
54
57
|
t[4] || (t[4] = s()),
|
|
55
|
-
|
|
58
|
+
n(p, { class: "snip-desc" }),
|
|
59
|
+
t[5] || (t[5] = s()),
|
|
60
|
+
e("div", V, [
|
|
56
61
|
e("div", H, [
|
|
57
|
-
|
|
62
|
+
n(m, {
|
|
58
63
|
embed: !0,
|
|
59
64
|
class: "mr-2 mt-2"
|
|
60
65
|
})
|
|
61
66
|
]),
|
|
62
|
-
t[
|
|
63
|
-
e("div",
|
|
67
|
+
t[3] || (t[3] = s()),
|
|
68
|
+
e("div", U, [
|
|
64
69
|
e("button", {
|
|
65
|
-
onClick: t[
|
|
70
|
+
onClick: t[1] || (t[1] = (...d) => a.openUrl && a.openUrl(...d)),
|
|
66
71
|
class: "ecl-button ecl-button--secondary ml-2",
|
|
67
72
|
type: "button"
|
|
68
|
-
}, t[
|
|
73
|
+
}, t[2] || (t[2] = [
|
|
69
74
|
s("Open Dataset "),
|
|
70
75
|
e("svg", {
|
|
71
76
|
"data-v-e7b11991": "",
|
|
@@ -87,8 +92,8 @@ function E(n, t, C, N, P, d) {
|
|
|
87
92
|
])
|
|
88
93
|
]);
|
|
89
94
|
}
|
|
90
|
-
const
|
|
95
|
+
const M = /* @__PURE__ */ g(h, [["render", B], ["__scopeId", "data-v-a064262e"]]);
|
|
91
96
|
export {
|
|
92
|
-
|
|
97
|
+
M as default
|
|
93
98
|
};
|
|
94
99
|
//# sourceMappingURL=EmbedDatasetSnippet.vue.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmbedDatasetSnippet.vue.mjs","sources":["../../lib/embed/EmbedDatasetSnippet.vue"],"sourcesContent":["<template>\n <div class=\"embed-dataset-snipp d-flex flex-column overflow-auto\">\n <dataset-details-dataset :showDatasetDescription=\"true\" :showDatasetProperties=\"false\" :showPublisher=\"false\"\n :embed-snippet=\"true\" class=\"d-none\" />\n\n <div class=\"p-5 content-snipp\">\n
|
|
1
|
+
{"version":3,"file":"EmbedDatasetSnippet.vue.mjs","sources":["../../lib/embed/EmbedDatasetSnippet.vue"],"sourcesContent":["<template>\n <div class=\"embed-dataset-snipp d-flex flex-column overflow-auto\">\n <dataset-details-dataset :showDatasetDescription=\"true\" :showDatasetProperties=\"false\" :showPublisher=\"false\"\n :embed-snippet=\"true\" class=\"d-none\" />\n\n <div class=\"p-5 content-snipp\">\n <button @click=\"openUrl\" class=\"btn-title\"> <dataset-details-header-title :embed=\"true\" class=\"mr-2\" /></button>\n\n <dataset-details-description class=\"snip-desc\"></dataset-details-description>\n\n <div class=\"row\">\n <div class=\"col-9 no-pad\"> \n <dataset-details-header-catalogue :embed=\"true\" class=\"mr-2 mt-2\" />\n </div>\n <div class=\"col-3\">\n \n <button @click=\"openUrl\" class=\"ecl-button ecl-button--secondary ml-2\" type=\"button\">Open Dataset <svg\n data-v-e7b11991=\"\" data-v-363c04b8=\"\" width=\"18\" height=\"18\" viewBox=\"0 0 48 48\"\n xmlns=\"http://www.w3.org/2000/svg\" class=\"access-link-icon\">\n <path data-v-e7b11991=\"\"\n d=\"M14 2v4H6v36h36v-8h4v12H2V2h12Zm32 0v20h-4V8.667l-.201.404-16.97 16.97L22 23.214l16.97-16.97.484-.243H26V2h20Z\">\n </path>\n </svg></button>\n \n </div>\n </div>\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 PvDataInfoBoxFormats from \"../PvDataInfoBox/PvDataInfoBoxFormats.vue\"\nimport DatasetDetailsDescription from \"../datasetDetails/DatasetDetailsDescription.vue\"\nimport { mapGetters } from \"vuex\";\n\nexport default {\n name: 'EmbedDatasetSnippet',\n created() { },\n components: {\n DatasetDetailsHeaderTitle,\n DatasetDetailsDataset,\n DatasetDetailsHeaderCatalogue,\n PvDataInfoBoxFormats,\n DatasetDetailsDescription\n },\n computed: {\n ...mapGetters('datasetDetails', [\n 'getLanguages',\n 'getTitle',\n 'getDescription',\n 'datasets'\n ]),\n },\n methods: {\n openUrl() {\n const url = window.location.href.split('/embed-snippet')[0];\n window.open(url, '_blank');\n }\n }\n};\n</script>\n\n<style scoped>\n\n.embed-dataset-snipp {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #fff;\n /* Semi-transparent background */\n display: flex;\n color: black;\n z-index: 99;\n /* Ensure it's above other content */\n overflow: hidden;\n /* This hides the scrollbar */\n overflow-y: scroll;\n /* This allows vertical scrolling but hides the scrollbar */\n z-index: 99999;\n}\n.btn-title {\n border: none;\n background: none;\n text-align: left;\n width: 100%;\n}\n\n.embed-dataset-snipp::-webkit-scrollbar {\n display: none;\n /* This hides the scrollbar in Webkit browsers */\n}\n\n.content-snipp {\n border: 1px solid rgb(203, 203, 203);\n border-radius: 1px;\n}\n\n.logo {\n width: 290px;\n height: 70px;\n}\n\n.headline {\n background: #123F94;\n color: white;\n font-size: 24px;\n}\n\n.dsd-title-tag {\n display: none !important;\n}\n\n.snip-desc {\n display: -webkit-box;\n -webkit-line-clamp: 7;\n -webkit-box-orient: vertical;\n overflow: hidden;\n}\n\n.no-pad {\n margin-left: -15px;\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\n .openUrl {\n align-self: auto !important;\n }\n}\n</style>\n"],"names":["_sfc_main","DatasetDetailsHeaderTitle","DatasetDetailsDataset","DatasetDetailsHeaderCatalogue","PvDataInfoBoxFormats","DatasetDetailsDescription","mapGetters","url","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_openBlock","_createElementBlock","_createVNode","_component_dataset_details_dataset","_cache","_createTextVNode","_createElementVNode","$options","args","_component_dataset_details_header_title","_component_dataset_details_description","_component_dataset_details_header_catalogue"],"mappings":";;;;;;;;;AAsCA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EACN,UAAU;AAAA,EAAG;AAAA,EACb,YAAY;AAAA,IACV,2BAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,+BAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,2BAAAC;AAAA,EACD;AAAA,EACD,UAAU;AAAA,IACR,GAAGC,EAAW,kBAAkB;AAAA,MAC9B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACF;AAAA,EACD,SAAS;AAAA,IACP,UAAU;AACR,YAAMC,IAAM,OAAO,SAAS,KAAK,MAAM,gBAAgB,EAAE,CAAC;AAC1D,aAAO,KAAKA,GAAK,QAAQ;AAAA,IAC3B;AAAA,EACF;AACF,GA7DOC,IAAA,EAAA,OAAM,uDAAsD,GAI1DC,IAAA,EAAA,OAAM,oBAAmB,GAKvBC,IAAA,EAAA,OAAM,MAAK,GACTC,IAAA,EAAA,OAAM,eAAc,GAGpBC,IAAA,EAAA,OAAM,QAAO;;;AAbxB,SAAAC,EAAA,GAAAC,EA0BM,OA1BNN,GA0BM;AAAA,IAzBJO,EACyCC,GAAA;AAAA,MADf,wBAAwB;AAAA,MAAO,uBAAuB;AAAA,MAAQ,eAAe;AAAA,MACpG,iBAAe;AAAA,MAAM,OAAM;AAAA;IAHlCC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,IAKIC,EAqBM,OArBNV,GAqBM;AAAA,MApBLU,EAAgH,UAAA;AAAA,QAAvG,mCAAOC,EAAO,WAAAA,EAAA,QAAA,GAAAC,CAAA;AAAA,QAAE,OAAM;AAAA;QAAaN,EAA2DO,GAAA;AAAA,UAA5B,OAAO;AAAA,UAAM,OAAM;AAAA;;MANnGL,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,MAQMH,EAA6EQ,GAAA,EAAhD,OAAM,YAAW,CAAA;AAAA,MARpDN,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,MAUMC,EAeM,OAfNT,GAeM;AAAA,QAdJS,EAEM,OAFNR,GAEM;AAAA,UADJI,EAAoES,GAAA;AAAA,YAAjC,OAAO;AAAA,YAAM,OAAM;AAAA;;QAZhEP,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA;AAAA,QAcQC,EAUM,OAVNP,GAUM;AAAA,UARFO,EAMiB,UAAA;AAAA,YANR,mCAAOC,EAAO,WAAAA,EAAA,QAAA,GAAAC,CAAA;AAAA,YAAE,OAAM;AAAA,YAAwC,MAAK;AAAA;YAhBxFH,EAgBiG,eAAa;AAAA,YAAAC,EAM1F,OAAA;AAAA,cALJ,mBAAgB;AAAA,cAAG,mBAAgB;AAAA,cAAG,OAAM;AAAA,cAAK,QAAO;AAAA,cAAK,SAAQ;AAAA,cACrE,OAAM;AAAA,cAA6B,OAAM;AAAA;cACzCA,EAEO,QAAA;AAAA,gBAFD,mBAAgB;AAAA,gBACpB,GAAE;AAAA;;;;;;;;;"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { noop as g, isIOS as F, toValue as
|
|
2
|
-
import {
|
|
3
|
-
import { computed as x, ref as y, watch as M, getCurrentInstance as
|
|
4
|
-
function
|
|
1
|
+
import { noop as g, isIOS as F, toValue as C, notNullish as J, tryOnScopeDispose as W, isClient as R, isObject as X, isDef as Y, promiseTimeout as D, until as U } from "../shared/index";
|
|
2
|
+
import { createSharedComposable as se, whenever as le } from "../shared/index";
|
|
3
|
+
import { computed as x, ref as y, watch as M, getCurrentInstance as $, isVue2 as B, nextTick as j, shallowRef as P, onMounted as q } from "vue-demi";
|
|
4
|
+
function b(n) {
|
|
5
5
|
var e;
|
|
6
|
-
const l =
|
|
6
|
+
const l = C(n);
|
|
7
7
|
return (e = l == null ? void 0 : l.$el) != null ? e : l;
|
|
8
8
|
}
|
|
9
9
|
const V = R ? window : void 0;
|
|
@@ -15,7 +15,7 @@ function L(...n) {
|
|
|
15
15
|
const m = [], p = () => {
|
|
16
16
|
m.forEach((u) => u()), m.length = 0;
|
|
17
17
|
}, c = (u, i, t, o) => (u.addEventListener(i, t, o), () => u.removeEventListener(i, t, o)), h = M(
|
|
18
|
-
() => [
|
|
18
|
+
() => [b(e), C(d)],
|
|
19
19
|
([u, i]) => {
|
|
20
20
|
if (p(), !u)
|
|
21
21
|
return;
|
|
@@ -28,25 +28,25 @@ function L(...n) {
|
|
|
28
28
|
), w = () => {
|
|
29
29
|
h(), p();
|
|
30
30
|
};
|
|
31
|
-
return
|
|
31
|
+
return W(w), w;
|
|
32
32
|
}
|
|
33
|
-
let
|
|
33
|
+
let T = !1;
|
|
34
34
|
function Z(n, e, l = {}) {
|
|
35
35
|
const { window: r = V, ignore: d = [], capture: m = !0, detectIframe: p = !1 } = l;
|
|
36
36
|
if (!r)
|
|
37
37
|
return g;
|
|
38
|
-
F && !
|
|
38
|
+
F && !T && (T = !0, Array.from(r.document.body.children).forEach((t) => t.addEventListener("click", g)), r.document.documentElement.addEventListener("click", g));
|
|
39
39
|
let c = !0;
|
|
40
40
|
const h = (t) => d.some((o) => {
|
|
41
41
|
if (typeof o == "string")
|
|
42
42
|
return Array.from(r.document.querySelectorAll(o)).some((s) => s === t.target || t.composedPath().includes(s));
|
|
43
43
|
{
|
|
44
|
-
const s =
|
|
44
|
+
const s = b(o);
|
|
45
45
|
return s && (t.target === s || t.composedPath().includes(s));
|
|
46
46
|
}
|
|
47
47
|
}), u = [
|
|
48
48
|
L(r, "click", (t) => {
|
|
49
|
-
const o =
|
|
49
|
+
const o = b(n);
|
|
50
50
|
if (!(!o || o === t.target || t.composedPath().includes(o))) {
|
|
51
51
|
if (t.detail === 0 && (c = !h(t)), !c) {
|
|
52
52
|
c = !0;
|
|
@@ -56,13 +56,13 @@ function Z(n, e, l = {}) {
|
|
|
56
56
|
}
|
|
57
57
|
}, { passive: !0, capture: m }),
|
|
58
58
|
L(r, "pointerdown", (t) => {
|
|
59
|
-
const o =
|
|
59
|
+
const o = b(n);
|
|
60
60
|
c = !h(t) && !!(o && !t.composedPath().includes(o));
|
|
61
61
|
}, { passive: !0 }),
|
|
62
62
|
p && L(r, "blur", (t) => {
|
|
63
63
|
setTimeout(() => {
|
|
64
64
|
var o;
|
|
65
|
-
const s =
|
|
65
|
+
const s = b(n);
|
|
66
66
|
((o = r.document.activeElement) == null ? void 0 : o.tagName) === "IFRAME" && !(s != null && s.contains(r.document.activeElement)) && e(t);
|
|
67
67
|
}, 0);
|
|
68
68
|
})
|
|
@@ -70,7 +70,7 @@ function Z(n, e, l = {}) {
|
|
|
70
70
|
return () => u.forEach((t) => t());
|
|
71
71
|
}
|
|
72
72
|
function z() {
|
|
73
|
-
const n = y(!1), e =
|
|
73
|
+
const n = y(!1), e = $();
|
|
74
74
|
return e && q(() => {
|
|
75
75
|
n.value = !0;
|
|
76
76
|
}, B ? void 0 : e), n;
|
|
@@ -88,7 +88,7 @@ function k(n, e, l) {
|
|
|
88
88
|
resetOnExecute: c = !0,
|
|
89
89
|
shallow: h = !0,
|
|
90
90
|
throwError: w
|
|
91
|
-
} = l ?? {}, u = h ?
|
|
91
|
+
} = l ?? {}, u = h ? P(e) : y(e), i = y(!1), t = y(!1), o = P(void 0);
|
|
92
92
|
async function s(v = 0, ...A) {
|
|
93
93
|
c && (u.value = e), o.value = void 0, i.value = !1, t.value = !0, v > 0 && await D(v);
|
|
94
94
|
const S = typeof n == "function" ? n(...A) : n;
|
|
@@ -111,7 +111,7 @@ function k(n, e, l) {
|
|
|
111
111
|
error: o,
|
|
112
112
|
execute: s
|
|
113
113
|
};
|
|
114
|
-
function
|
|
114
|
+
function O() {
|
|
115
115
|
return new Promise((v, A) => {
|
|
116
116
|
U(t).toBe(!1).then(() => v(a)).catch(A);
|
|
117
117
|
});
|
|
@@ -119,7 +119,7 @@ function k(n, e, l) {
|
|
|
119
119
|
return {
|
|
120
120
|
...a,
|
|
121
121
|
then(v, A) {
|
|
122
|
-
return
|
|
122
|
+
return O().then(v, A);
|
|
123
123
|
}
|
|
124
124
|
};
|
|
125
125
|
}
|
|
@@ -134,32 +134,32 @@ function ee(n, e, l = {}) {
|
|
|
134
134
|
window: p = V,
|
|
135
135
|
immediate: c = !0
|
|
136
136
|
} = l, h = G(() => p && "IntersectionObserver" in p), w = x(() => {
|
|
137
|
-
const s =
|
|
138
|
-
return (Array.isArray(s) ? s : [s]).map(
|
|
137
|
+
const s = C(n);
|
|
138
|
+
return (Array.isArray(s) ? s : [s]).map(b).filter(J);
|
|
139
139
|
});
|
|
140
140
|
let u = g;
|
|
141
141
|
const i = y(c), t = h.value ? M(
|
|
142
|
-
() => [w.value,
|
|
142
|
+
() => [w.value, b(r), i.value],
|
|
143
143
|
([s, a]) => {
|
|
144
144
|
if (u(), !i.value || !s.length)
|
|
145
145
|
return;
|
|
146
|
-
const
|
|
146
|
+
const O = new IntersectionObserver(
|
|
147
147
|
e,
|
|
148
148
|
{
|
|
149
|
-
root:
|
|
149
|
+
root: b(a),
|
|
150
150
|
rootMargin: d,
|
|
151
151
|
threshold: m
|
|
152
152
|
}
|
|
153
153
|
);
|
|
154
|
-
s.forEach((v) => v &&
|
|
155
|
-
|
|
154
|
+
s.forEach((v) => v && O.observe(v)), u = () => {
|
|
155
|
+
O.disconnect(), u = g;
|
|
156
156
|
};
|
|
157
157
|
},
|
|
158
158
|
{ immediate: c, flush: "post" }
|
|
159
159
|
) : g, o = () => {
|
|
160
160
|
u(), t(), i.value = !1;
|
|
161
161
|
};
|
|
162
|
-
return
|
|
162
|
+
return W(o), {
|
|
163
163
|
isSupported: h,
|
|
164
164
|
isActive: i,
|
|
165
165
|
pause() {
|
|
@@ -180,7 +180,7 @@ function te(n, e, l, r = {}) {
|
|
|
180
180
|
deep: t = !1,
|
|
181
181
|
defaultValue: o,
|
|
182
182
|
shouldEmit: s
|
|
183
|
-
} = r, a =
|
|
183
|
+
} = r, a = $(), O = l || (a == null ? void 0 : a.emit) || ((d = a == null ? void 0 : a.$emit) == null ? void 0 : d.bind(a)) || ((p = (m = a == null ? void 0 : a.proxy) == null ? void 0 : m.$emit) == null ? void 0 : p.bind(a == null ? void 0 : a.proxy));
|
|
184
184
|
let v = i;
|
|
185
185
|
if (!e)
|
|
186
186
|
if (B) {
|
|
@@ -190,7 +190,7 @@ function te(n, e, l, r = {}) {
|
|
|
190
190
|
e = "modelValue";
|
|
191
191
|
v = v || `update:${e.toString()}`;
|
|
192
192
|
const A = (f) => w ? typeof w == "function" ? w(f) : H(f) : f, S = () => Y(n[e]) ? A(n[e]) : o, E = (f) => {
|
|
193
|
-
s ? s(f) &&
|
|
193
|
+
s ? s(f) && O(v, f) : O(v, f);
|
|
194
194
|
};
|
|
195
195
|
if (u) {
|
|
196
196
|
const f = S(), N = y(f);
|
|
@@ -253,6 +253,7 @@ function ne(n = {}) {
|
|
|
253
253
|
}
|
|
254
254
|
export {
|
|
255
255
|
H as cloneFnJSON,
|
|
256
|
+
se as createSharedComposable,
|
|
256
257
|
V as defaultWindow,
|
|
257
258
|
R as isClient,
|
|
258
259
|
Y as isDef,
|
|
@@ -262,9 +263,9 @@ export {
|
|
|
262
263
|
J as notNullish,
|
|
263
264
|
Z as onClickOutside,
|
|
264
265
|
D as promiseTimeout,
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
266
|
+
C as toValue,
|
|
267
|
+
W as tryOnScopeDispose,
|
|
268
|
+
b as unrefElement,
|
|
268
269
|
U as until,
|
|
269
270
|
k as useAsyncState,
|
|
270
271
|
L as useEventListener,
|
|
@@ -273,7 +274,6 @@ export {
|
|
|
273
274
|
G as useSupported,
|
|
274
275
|
te as useVModel,
|
|
275
276
|
ne as useWindowScroll,
|
|
276
|
-
se as watchOnce,
|
|
277
277
|
le as whenever
|
|
278
278
|
};
|
|
279
279
|
//# sourceMappingURL=index.map
|