@piveau/piveau-hub-ui-modules 80.0.0-alpha.2 → 80.0.0-alpha.20

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 (136) hide show
  1. package/dist/data-provider-interface/DataProviderInterface.vue.mjs.map +1 -1
  2. package/dist/data-provider-interface/HappyFlowComponents/DPIHome.vue.d.ts +1022 -57
  3. package/dist/data-provider-interface/HappyFlowComponents/DPIHome.vue.mjs +796 -457
  4. package/dist/data-provider-interface/HappyFlowComponents/DPIHome.vue.mjs.map +1 -1
  5. package/dist/data-provider-interface/HappyFlowComponents/img/CheckCircleFill.svg.mjs +5 -0
  6. package/dist/data-provider-interface/HappyFlowComponents/img/CheckCircleFill.svg.mjs.map +1 -0
  7. package/dist/data-provider-interface/HappyFlowComponents/img/DatenbereitstellerV3.svg.mjs +5 -0
  8. package/dist/data-provider-interface/HappyFlowComponents/img/DatenbereitstellerV3.svg.mjs.map +1 -0
  9. package/dist/data-provider-interface/HappyFlowComponents/img/Ellipse2Error.svg.mjs +5 -0
  10. package/dist/data-provider-interface/HappyFlowComponents/img/Ellipse2Error.svg.mjs.map +1 -0
  11. package/dist/data-provider-interface/HappyFlowComponents/img/Ellipse2Published.svg.mjs +5 -0
  12. package/dist/data-provider-interface/HappyFlowComponents/img/Ellipse2Published.svg.mjs.map +1 -0
  13. package/dist/data-provider-interface/HappyFlowComponents/img/Ellipse2Warning.svg.mjs +5 -0
  14. package/dist/data-provider-interface/HappyFlowComponents/img/Ellipse2Warning.svg.mjs.map +1 -0
  15. package/dist/data-provider-interface/HappyFlowComponents/img/FurV3.svg.mjs +5 -0
  16. package/dist/data-provider-interface/HappyFlowComponents/img/FurV3.svg.mjs.map +1 -0
  17. package/dist/data-provider-interface/HappyFlowComponents/img/InfoFill.svg.mjs +5 -0
  18. package/dist/data-provider-interface/HappyFlowComponents/img/InfoFill.svg.mjs.map +1 -0
  19. package/dist/data-provider-interface/HappyFlowComponents/img/WarningFill.svg.mjs +5 -0
  20. package/dist/data-provider-interface/HappyFlowComponents/img/WarningFill.svg.mjs.map +1 -0
  21. package/dist/data-provider-interface/HappyFlowComponents/img/bydata_logo_blue_small.svg.mjs +5 -0
  22. package/dist/data-provider-interface/HappyFlowComponents/img/bydata_logo_blue_small.svg.mjs.map +1 -0
  23. package/dist/data-provider-interface/HappyFlowComponents/img/x-circleFill.svg.mjs +5 -0
  24. package/dist/data-provider-interface/HappyFlowComponents/img/x-circleFill.svg.mjs.map +1 -0
  25. package/dist/data-provider-interface/HappyFlowComponents/ui/ButtonV3.vue.d.ts +204 -18
  26. package/dist/data-provider-interface/HappyFlowComponents/ui/ButtonV3.vue.mjs +135 -47
  27. package/dist/data-provider-interface/HappyFlowComponents/ui/ButtonV3.vue.mjs.map +1 -1
  28. package/dist/data-provider-interface/HappyFlowComponents/ui/ButtonV3.vue2.mjs +2 -78
  29. package/dist/data-provider-interface/HappyFlowComponents/ui/ButtonV3.vue2.mjs.map +1 -1
  30. package/dist/data-provider-interface/HappyFlowComponents/ui/CheckboxV3.vue.d.ts +2 -0
  31. package/dist/data-provider-interface/HappyFlowComponents/ui/CheckboxV3.vue.mjs +75 -27
  32. package/dist/data-provider-interface/HappyFlowComponents/ui/CheckboxV3.vue.mjs.map +1 -1
  33. package/dist/data-provider-interface/HappyFlowComponents/ui/Chip.vue.mjs +53 -52
  34. package/dist/data-provider-interface/HappyFlowComponents/ui/Chip.vue.mjs.map +1 -1
  35. package/dist/data-provider-interface/HappyFlowComponents/ui/CrossOutButton.vue.d.ts +77 -5
  36. package/dist/data-provider-interface/HappyFlowComponents/ui/CrossOutButton.vue.mjs +40 -18
  37. package/dist/data-provider-interface/HappyFlowComponents/ui/CrossOutButton.vue.mjs.map +1 -1
  38. package/dist/data-provider-interface/HappyFlowComponents/ui/CrossOutButton.vue2.mjs +2 -14
  39. package/dist/data-provider-interface/HappyFlowComponents/ui/CrossOutButton.vue2.mjs.map +1 -1
  40. package/dist/data-provider-interface/HappyFlowComponents/ui/Dropdown.vue.d.ts +15 -0
  41. package/dist/data-provider-interface/HappyFlowComponents/ui/Dropdown.vue.mjs +86 -0
  42. package/dist/data-provider-interface/HappyFlowComponents/ui/Dropdown.vue.mjs.map +1 -0
  43. package/dist/data-provider-interface/HappyFlowComponents/ui/Dropdown.vue2.mjs +5 -0
  44. package/dist/data-provider-interface/HappyFlowComponents/ui/Dropdown.vue2.mjs.map +1 -0
  45. package/dist/data-provider-interface/HappyFlowComponents/ui/InputField.vue.d.ts +27 -0
  46. package/dist/data-provider-interface/HappyFlowComponents/ui/InputField.vue.mjs +189 -0
  47. package/dist/data-provider-interface/HappyFlowComponents/ui/InputField.vue.mjs.map +1 -0
  48. package/dist/data-provider-interface/HappyFlowComponents/ui/InputField.vue2.mjs +5 -0
  49. package/dist/data-provider-interface/HappyFlowComponents/ui/InputField.vue2.mjs.map +1 -0
  50. package/dist/data-provider-interface/HappyFlowComponents/ui/InputV3.vue.d.ts +4 -2
  51. package/dist/data-provider-interface/HappyFlowComponents/ui/InputV3.vue.mjs +158 -86
  52. package/dist/data-provider-interface/HappyFlowComponents/ui/InputV3.vue.mjs.map +1 -1
  53. package/dist/data-provider-interface/HappyFlowComponents/ui/InputV3.vue2.mjs +2 -2
  54. package/dist/data-provider-interface/HappyFlowComponents/ui/LogoV3.vue.d.ts +2 -0
  55. package/dist/data-provider-interface/HappyFlowComponents/ui/LogoV3.vue.mjs +43 -0
  56. package/dist/data-provider-interface/HappyFlowComponents/ui/LogoV3.vue.mjs.map +1 -0
  57. package/dist/data-provider-interface/HappyFlowComponents/ui/LogoV3.vue2.mjs +5 -0
  58. package/dist/data-provider-interface/HappyFlowComponents/ui/LogoV3.vue2.mjs.map +1 -0
  59. package/dist/data-provider-interface/HappyFlowComponents/ui/MoreButton.vue.d.ts +65 -3
  60. package/dist/data-provider-interface/HappyFlowComponents/ui/MoreButton.vue.mjs +33 -17
  61. package/dist/data-provider-interface/HappyFlowComponents/ui/MoreButton.vue.mjs.map +1 -1
  62. package/dist/data-provider-interface/HappyFlowComponents/ui/MoreButton.vue2.mjs +2 -14
  63. package/dist/data-provider-interface/HappyFlowComponents/ui/MoreButton.vue2.mjs.map +1 -1
  64. package/dist/data-provider-interface/HappyFlowComponents/ui/StateTag.vue.d.ts +33 -0
  65. package/dist/data-provider-interface/HappyFlowComponents/ui/StateTag.vue.mjs +68 -0
  66. package/dist/data-provider-interface/HappyFlowComponents/ui/StateTag.vue.mjs.map +1 -0
  67. package/dist/data-provider-interface/HappyFlowComponents/ui/StateTag.vue2.mjs +5 -0
  68. package/dist/data-provider-interface/HappyFlowComponents/ui/StateTag.vue2.mjs.map +1 -0
  69. package/dist/data-provider-interface/HappyFlowComponents/ui/SwitchV3.vue.d.ts +191 -0
  70. package/dist/data-provider-interface/HappyFlowComponents/ui/SwitchV3.vue.mjs +196 -0
  71. package/dist/data-provider-interface/HappyFlowComponents/ui/SwitchV3.vue.mjs.map +1 -0
  72. package/dist/data-provider-interface/HappyFlowComponents/ui/SwitchV3.vue2.mjs +5 -0
  73. package/dist/data-provider-interface/HappyFlowComponents/ui/SwitchV3.vue2.mjs.map +1 -0
  74. package/dist/data-provider-interface/HappyFlowComponents/ui/TertiaryButton.vue.d.ts +199 -17
  75. package/dist/data-provider-interface/HappyFlowComponents/ui/TertiaryButton.vue.mjs +120 -46
  76. package/dist/data-provider-interface/HappyFlowComponents/ui/TertiaryButton.vue.mjs.map +1 -1
  77. package/dist/data-provider-interface/HappyFlowComponents/ui/TertiaryButton.vue2.mjs +2 -67
  78. package/dist/data-provider-interface/HappyFlowComponents/ui/TertiaryButton.vue2.mjs.map +1 -1
  79. package/dist/data-provider-interface/HappyFlowComponents/ui/TextButtonLarge.vue.d.ts +123 -0
  80. package/dist/data-provider-interface/HappyFlowComponents/ui/TextButtonLarge.vue.mjs +109 -0
  81. package/dist/data-provider-interface/HappyFlowComponents/ui/TextButtonLarge.vue.mjs.map +1 -0
  82. package/dist/data-provider-interface/HappyFlowComponents/ui/TextButtonLarge.vue2.mjs +5 -0
  83. package/dist/data-provider-interface/HappyFlowComponents/ui/TextButtonLarge.vue2.mjs.map +1 -0
  84. package/dist/data-provider-interface/HappyFlowComponents/ui/TextButtonSmall.vue.d.ts +89 -21
  85. package/dist/data-provider-interface/HappyFlowComponents/ui/TextButtonSmall.vue.mjs +103 -26
  86. package/dist/data-provider-interface/HappyFlowComponents/ui/TextButtonSmall.vue.mjs.map +1 -1
  87. package/dist/data-provider-interface/HappyFlowComponents/ui/TextButtonSmall.vue2.mjs +2 -85
  88. package/dist/data-provider-interface/HappyFlowComponents/ui/TextButtonSmall.vue2.mjs.map +1 -1
  89. package/dist/data-provider-interface/HappyFlowComponents/ui/{Accordion.vue.d.ts → Toast.vue.d.ts} +0 -2
  90. package/dist/data-provider-interface/HappyFlowComponents/ui/Toast.vue.mjs +71 -0
  91. package/dist/data-provider-interface/HappyFlowComponents/ui/Toast.vue.mjs.map +1 -0
  92. package/dist/data-provider-interface/HappyFlowComponents/ui/Toast.vue2.mjs +5 -0
  93. package/dist/data-provider-interface/HappyFlowComponents/ui/Toast.vue2.mjs.map +1 -0
  94. package/dist/piveau-hub-ui-modules.css +1 -1
  95. package/dist/widgets/PvButton.vue.d.ts +1 -1
  96. package/package.json +2 -1
  97. package/dist/data-provider-interface/HappyFlowComponents/img/Crossout.svg.mjs +0 -5
  98. package/dist/data-provider-interface/HappyFlowComponents/img/Crossout.svg.mjs.map +0 -1
  99. package/dist/data-provider-interface/HappyFlowComponents/img/DeleteBlue.svg.mjs +0 -5
  100. package/dist/data-provider-interface/HappyFlowComponents/img/DeleteBlue.svg.mjs.map +0 -1
  101. package/dist/data-provider-interface/HappyFlowComponents/img/DeleteBlue100.svg.mjs +0 -5
  102. package/dist/data-provider-interface/HappyFlowComponents/img/DeleteBlue100.svg.mjs.map +0 -1
  103. package/dist/data-provider-interface/HappyFlowComponents/img/DeleteBlue30.svg.mjs +0 -5
  104. package/dist/data-provider-interface/HappyFlowComponents/img/DeleteBlue30.svg.mjs.map +0 -1
  105. package/dist/data-provider-interface/HappyFlowComponents/img/DeleteBlue60.svg.mjs +0 -5
  106. package/dist/data-provider-interface/HappyFlowComponents/img/DeleteBlue60.svg.mjs.map +0 -1
  107. package/dist/data-provider-interface/HappyFlowComponents/img/MagnifyingGlassBlue.svg.mjs +0 -5
  108. package/dist/data-provider-interface/HappyFlowComponents/img/MagnifyingGlassBlue.svg.mjs.map +0 -1
  109. package/dist/data-provider-interface/HappyFlowComponents/img/MagnifyingGlassSec.svg.mjs +0 -5
  110. package/dist/data-provider-interface/HappyFlowComponents/img/MagnifyingGlassSec.svg.mjs.map +0 -1
  111. package/dist/data-provider-interface/HappyFlowComponents/img/MagnifyingGlassWhite.svg.mjs +0 -5
  112. package/dist/data-provider-interface/HappyFlowComponents/img/MagnifyingGlassWhite.svg.mjs.map +0 -1
  113. package/dist/data-provider-interface/HappyFlowComponents/img/Star.svg.mjs +0 -5
  114. package/dist/data-provider-interface/HappyFlowComponents/img/Star.svg.mjs.map +0 -1
  115. package/dist/data-provider-interface/HappyFlowComponents/img/ThreeDotsVertical.svg.mjs +0 -5
  116. package/dist/data-provider-interface/HappyFlowComponents/img/ThreeDotsVertical.svg.mjs.map +0 -1
  117. package/dist/data-provider-interface/HappyFlowComponents/img/X.svg.mjs +0 -5
  118. package/dist/data-provider-interface/HappyFlowComponents/img/X.svg.mjs.map +0 -1
  119. package/dist/data-provider-interface/HappyFlowComponents/img/iconLeft.svg.mjs +0 -5
  120. package/dist/data-provider-interface/HappyFlowComponents/img/iconLeft.svg.mjs.map +0 -1
  121. package/dist/data-provider-interface/HappyFlowComponents/img/iconRightError.svg.mjs +0 -5
  122. package/dist/data-provider-interface/HappyFlowComponents/img/iconRightError.svg.mjs.map +0 -1
  123. package/dist/data-provider-interface/HappyFlowComponents/ui/Accordion.vue.mjs +0 -68
  124. package/dist/data-provider-interface/HappyFlowComponents/ui/Accordion.vue.mjs.map +0 -1
  125. package/dist/data-provider-interface/HappyFlowComponents/ui/Accordion.vue2.mjs +0 -5
  126. package/dist/data-provider-interface/HappyFlowComponents/ui/Accordion.vue2.mjs.map +0 -1
  127. package/dist/data-provider-interface/HappyFlowComponents/ui/ButtonV3.vue3.mjs +0 -5
  128. package/dist/data-provider-interface/HappyFlowComponents/ui/ButtonV3.vue3.mjs.map +0 -1
  129. package/dist/data-provider-interface/HappyFlowComponents/ui/CrossOutButton.vue3.mjs +0 -5
  130. package/dist/data-provider-interface/HappyFlowComponents/ui/CrossOutButton.vue3.mjs.map +0 -1
  131. package/dist/data-provider-interface/HappyFlowComponents/ui/MoreButton.vue3.mjs +0 -5
  132. package/dist/data-provider-interface/HappyFlowComponents/ui/MoreButton.vue3.mjs.map +0 -1
  133. package/dist/data-provider-interface/HappyFlowComponents/ui/TertiaryButton.vue3.mjs +0 -5
  134. package/dist/data-provider-interface/HappyFlowComponents/ui/TertiaryButton.vue3.mjs.map +0 -1
  135. package/dist/data-provider-interface/HappyFlowComponents/ui/TextButtonSmall.vue3.mjs +0 -5
  136. package/dist/data-provider-interface/HappyFlowComponents/ui/TextButtonSmall.vue3.mjs.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"DataProviderInterface.vue.mjs","sources":["../../lib/data-provider-interface/DataProviderInterface.vue"],"sourcesContent":["<template>\n <div class=\"d-flex flex-column bg-transparent container-fluid justify-content-between dpi position-relative w-100\" :key=\"property\">\n <!-- CONTENT -->\n <router-view ref=\"view\" :key=\"$route.query.edit\">\n </router-view>\n </div>\n</template>\n\n<script>\n/* eslint-disable no-nested-ternary, no-lonely-if, no-param-reassign */\nimport { defineAsyncComponent } from 'vue';\nimport { mapActions, mapGetters } from 'vuex';\n\nexport default {\n name: 'DataProviderInterface',\n components: {\n InputPage: defineAsyncComponent(() => import('./views/InputPage')),\n },\n props: ['name'],\n metaInfo() {\n return {\n title: `${this.$t('message.metadata.upload')} | ${this.$t('message.header.navigation.data.datasets')}`,\n meta: [\n { name: 'description', vmid: 'description', content: `${this.$t('message.datasets.meta.description')}` },\n { name: 'keywords', vmid: 'keywords', content: `${this.$env.metadata.keywords} ${this.$t('message.datasets.meta.description')}}` },\n { name: 'robots', content: 'noindex, follow' },\n ],\n };\n },\n data() {\n return {\n property: this.$route.params.property,\n id: this.$route.params.id,\n };\n },\n computed: {\n ...mapGetters('auth', [\n 'getIsEditMode',\n ]),\n mode() {\n return this.property === 'catalogues'\n ? this.getIsEditMode\n ? this.$t('message.dataupload.menu.editCatalogue')\n : this.$t('message.dataupload.createNewCatalogue')\n : this.property === 'datasets'\n ? this.getIsEditMode\n ? this.$t('message.dataupload.menu.editDataset')\n : this.$t('message.dataupload.createNewDataset')\n : 'Edit Distribution';\n },\n },\n methods: {\n ...mapActions('dpiStore', [\n 'saveLocalstorageValues',\n ]),\n ...mapActions('auth', [\n 'populateDraftAndEdit',\n ]),\n getClearPath() {\n return `${this.$env.content.dataProviderInterface.basePath}/${this.property}?locale=${this.$i18n.locale}&clear=true`;;\n },\n handleScroll() {\n try {\n if (document.getElementById(\"stepperAnchor\").offsetTop >= 35) {\n document.getElementById(\"stepperAnchor\").classList.add(\"border-bottom-lightgray\");\n }\n else {\n document.getElementById(\"stepperAnchor\").classList.remove(\"border-bottom-lightgray\");\n }\n } catch (error) {\n \n }\n }\n\n },\n created() {\n window.addEventListener('scroll', this.handleScroll);\n this.populateDraftAndEdit();\n },\n mounted() {\n this.saveLocalstorageValues(this.property);\n },\n unmounted() {\n window.removeEventListener('scroll', this.handleScroll);\n },\n};\n</script>\n\n<style lang=\"scss\">\n.border-bottom-lightgray {\n border-bottom: 1px solid lightgray;\n}\n.stickyStepper {\n position: sticky;\n top: 0;\n background: #ffffff;\n z-index: 999;\n}\n\n.stickyStepper .SSfirstRow {\n margin: 1vh 0;\n display: flex;\n align-items: center;\n}\n\n.stickyStepper .stickyNav {\n border-left: 1px solid black;\n margin-left: 1vh;\n padding-left: 1vh;\n}\n\n#stepper {\n width: 100% !important;\n}\n\n#input {\n padding: 10px;\n}\n\n.small-headline {\n font-size: 1.5rem;\n min-width: max-content;\n}\n\n.property {\n margin: 20px;\n background-color: #ffffff;\n border: solid 0.5px rgb(225, 225, 225);\n margin-top: 30px;\n}\n\n.infoBox .material-icons {\n font-size: 20px;\n vertical-align: text-bottom;\n margin-right: 5px;\n margin-bottom: 1px;\n}\n\n.infoBox {\n width: 100%;\n height: 30%;\n background-color: #f7f7f7;\n padding: 5%;\n border-radius: 0.25rem;\n margin-top: 20px;\n\n .input_subpage_nav {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 15px;\n }\n}\n\n.besides {\n .formkit-input-group-repeatable {\n display: flex;\n flex-direction: row;\n background-color: transparent;\n padding: 0px;\n }\n}\n\n.main {\n width: 75%;\n margin: 0 5px 0 5px;\n}\n\n.sub {\n width: 20%;\n margin: 0 5px 0 5px;\n}\n\n#subStepperBox {\n position: sticky;\n top: 154px;\n z-index: 10;\n width: 100%;\n padding: 0 10%;\n\n .step-progress__bar {\n border-top: none !important;\n }\n\n .step-progress__step--active {\n .step-progress__step-label {\n background-color: lightsteelblue !important;\n }\n\n }\n}\n\n.step-progress__step span{\n \n color:white !important;\n \n}\n// Stepper Customizing -------------\n\n// #stepper,\n// #subStepper {\n// .step-progress__step {\n// display: flex;\n// align-items: center;\n// justify-content: center;\n// height: 70%;\n// width: 20%;\n// display: flex;\n// align-items: center;\n// z-index: 1;\n\n\n// span {\n// color: grey;\n// font-size: 18px;\n// display: none;\n// }\n\n// div {\n// padding: 1rem;\n// height: 100%;\n// display: flex;\n// align-items: center;\n// color: white;\n// font-weight: 300;\n\n// }\n\n// .step-progress__step-label {\n\n// background: lightgrey;\n// background-size: 400% 400%;\n// background-position: 100% 0%;\n// transition: all 300ms ease-in-out;\n// border-right: 1px white solid;\n// font-size: 14px;\n// display: flex;\n// align-items: center;\n// justify-content: center;\n\n\n// }\n\n\n// .step-progress__step-label:hover {\n// background-position: 65% 0%;\n// color: black;\n\n// }\n\n// }\n\n// .step-progress__step--active {\n\n// z-index: 7 !important;\n\n\n// span {\n// color: black;\n// }\n\n// div {\n// background: white;\n// }\n\n// .step-progress__step-label {\n// background: rgb(236, 236, 236);\n// background-position: 50% 0%;\n// box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important;\n// transform: scale(1.1);\n// z-index: 8;\n// font-size: 16px;\n// }\n\n// }\n\n// .step-progress__step--valid {\n// div {\n// color: white;\n\n// }\n\n// .step-progress__step-label {\n// background: rgba(0, 235, 0, 0.2);\n// color: lightslategrey;\n\n\n// }\n\n// .step-progress__step-label:hover {\n// color: black;\n// }\n// }\n\n// .step-progress__step--active .step-progress__step-label {\n// color: rgb(31, 31, 31);\n// }\n\n// .step-progress__wrapper-after {\n// display: none;\n// }\n\n// .step-progress__step-icon {\n// display: none !important;\n// }\n\n// .step-progress__bar {\n// margin: 0;\n// height: 5rem;\n// border-top: 1px solid lightslategray;\n\n// }\n\n// .step-progress__step-label {\n// position: unset;\n// transform: unset;\n// flex-grow: 1;\n// }\n\n// .step-progress__step {}\n\n// .step-progress__wrapper-before {\n// display: none !important;\n// }\n\n// #stepper .step-progress__step::after {\n// display: none !important;\n// }\n// }\n#stepper .step-progress__step{\n border: solid white 20px;\n}\n#stepper .step-progress__step-icon, #subStepper .step-progress__step-icon {\n font-size: 25px;\n}\n.step-progress__step-label{\n cursor: pointer;\n}\n// Input Form Margins & Borders ----\n\n.formkit-input[data-classification=group] [data-is-repeatable] {\n border: none;\n padding: 1em 1em 1em 0em;\n}\n\n.formkit-input[data-classification=group] [data-is-repeatable] .formkit-input-group-repeatable {\n border-bottom: none;\n}\n\n.formkit-input-element--checkbox {\n margin-right: 5px;\n}\n\n.formkit-input-wrapper {\n font-family: \"Ubuntu\";\n}\n\n.formkit-input[data-classification=button] button[data-ghost] {\n font-weight: 400;\n}\n\n.formkit-input-error {\n color: #e13737 !important;\n font-weight: 400 !important;\n}\n\n// General Formkit Styling ----\n\n.formkit {\n &-input {\n .formkit {\n &-input {\n &-element {\n max-width: 100%;\n }\n\n &-error {\n font-weight: bold;\n }\n }\n }\n }\n\n .formkit-input-group-add-more {\n display: flex;\n justify-content: flex-end;\n\n button {\n border: black;\n }\n }\n\n .formkit-input {\n &[data-classification=\"text\"] .formkit-input-wrapper {\n display: flex;\n flex-direction: column;\n }\n\n &[data-classification=\"select\"] .formkit-input-wrapper {\n display: flex;\n flex-direction: column;\n }\n }\n\n .formkit-input[data-classification=\"button\"] {\n button {\n &[data-ghost] {\n color: white;\n background-color: #001d85;\n border-color: #001d85;\n border-radius: 1.875rem;\n\n &:hover {\n background-color: #196fd2;\n border-color: #196fd2;\n }\n }\n }\n }\n}\n\n.formkit-input.besides {\n border-bottom: 1px solid lightgrey !important;\n}\n\n.formkit-input-label {\n font-weight: 500 !important;\n}\n\n.formkit-input-element {\n\n &--textarea {\n width: 100%;\n }\n}\n\n.formkit-input-element--group {\n display: block !important;\n}\n\n.formkit-input.besides>.formkit-input-wrapper>.formkit-input-label {\n\n\n text-decoration: underline !important;\n}\n\n// #stepper,\n// #subStepper {\n\n\n// .step-progress__step::after {\n// display: none;\n// }\n\n// .step-progress__step-label {\n// cursor: pointer;\n// }\n// }\n</style>\n"],"names":["_sfc_main","defineAsyncComponent","mapGetters","mapActions","_createElementBlock","$data","_createBlock","_component_router_view","_ctx"],"mappings":";;;;AAaA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,WAAWC,EAAqB,MAAM,OAAO,2BAAmB,CAAC;AAAA,EAClE;AAAA,EACD,OAAO,CAAC,MAAM;AAAA,EACd,WAAW;AACT,WAAO;AAAA,MACL,OAAO,GAAG,KAAK,GAAG,yBAAyB,CAAC,MAAM,KAAK,GAAG,yCAAyC,CAAC;AAAA,MACpG,MAAM;AAAA,QACJ,EAAE,MAAM,eAAe,MAAM,eAAe,SAAS,GAAG,KAAK,GAAG,mCAAmC,CAAC,GAAI;AAAA,QACxG,EAAE,MAAM,YAAY,MAAM,YAAY,SAAS,GAAG,KAAK,KAAK,SAAS,QAAQ,IAAI,KAAK,GAAG,mCAAmC,CAAC,IAAK;AAAA,QAClI,EAAE,MAAM,UAAU,SAAS,kBAAmB;AAAA,MAC/C;AAAA;EAEJ;AAAA,EACD,OAAO;AACL,WAAO;AAAA,MACL,UAAU,KAAK,OAAO,OAAO;AAAA,MAC7B,IAAI,KAAK,OAAO,OAAO;AAAA;EAE1B;AAAA,EACD,UAAU;AAAA,IACR,GAAGC,EAAW,QAAQ;AAAA,MACpB;AAAA,IACF,CAAC;AAAA,IACD,OAAO;AACL,aAAO,KAAK,aAAa,eACrB,KAAK,gBACH,KAAK,GAAG,uCAAuC,IAC/C,KAAK,GAAG,uCAAuC,IACjD,KAAK,aAAa,aAChB,KAAK,gBACH,KAAK,GAAG,qCAAqC,IAC7C,KAAK,GAAG,qCAAqC,IAC/C;AAAA,IACP;AAAA,EACF;AAAA,EACD,SAAS;AAAA,IACP,GAAGC,EAAW,YAAY;AAAA,MACxB;AAAA,IACF,CAAC;AAAA,IACD,GAAGA,EAAW,QAAQ;AAAA,MACpB;AAAA,IACF,CAAC;AAAA,IACD,eAAe;AACb,aAAO,GAAG,KAAK,KAAK,QAAQ,sBAAsB,QAAQ,IAAI,KAAK,QAAQ,WAAW,KAAK,MAAM,MAAM;AAAA,IACxG;AAAA,IACD,eAAe;AACb,UAAI;AACF,QAAI,SAAS,eAAe,eAAe,EAAE,aAAa,KACxD,SAAS,eAAe,eAAe,EAAE,UAAU,IAAI,yBAAyB,IAGhF,SAAS,eAAe,eAAe,EAAE,UAAU,OAAO,yBAAyB;AAAA,MAErF,QAAc;AAAA,MAEhB;AAAA,IACF;AAAA,EAED;AAAA,EACD,UAAU;AACR,WAAO,iBAAiB,UAAU,KAAK,YAAY,GACnD,KAAK,qBAAoB;AAAA,EAC1B;AAAA,EACD,UAAU;AACR,SAAK,uBAAuB,KAAK,QAAQ;AAAA,EAC1C;AAAA,EACD,YAAY;AACV,WAAO,oBAAoB,UAAU,KAAK,YAAY;AAAA,EACvD;AACH;;;cApFEC,EAIM,OAAA;AAAA,IAJD,OAAM;AAAA,IAAyG,KAAKC,EAAQ;AAAA;UAE/HC,EACcC,GAAA;AAAA,MADD,KAAI;AAAA,MAAQ,KAAKC,EAAA,OAAO,MAAM;AAAA;;;;"}
1
+ {"version":3,"file":"DataProviderInterface.vue.mjs","sources":["../../lib/data-provider-interface/DataProviderInterface.vue"],"sourcesContent":["<template>\n <div class=\"d-flex flex-column bg-transparent container-fluid justify-content-between dpi position-relative w-100\"\n :key=\"property\">\n <!-- CONTENT -->\n <router-view ref=\"view\" :key=\"$route.query.edit\">\n </router-view>\n </div>\n</template>\n\n<script>\n/* eslint-disable no-nested-ternary, no-lonely-if, no-param-reassign */\nimport { defineAsyncComponent } from 'vue';\nimport { mapActions, mapGetters } from 'vuex';\n\n\nexport default {\n name: 'DataProviderInterface',\n components: {\n InputPage: defineAsyncComponent(() => import('./views/InputPage')),\n },\n props: ['name'],\n metaInfo() {\n return {\n title: `${this.$t('message.metadata.upload')} | ${this.$t('message.header.navigation.data.datasets')}`,\n meta: [\n { name: 'description', vmid: 'description', content: `${this.$t('message.datasets.meta.description')}` },\n { name: 'keywords', vmid: 'keywords', content: `${this.$env.metadata.keywords} ${this.$t('message.datasets.meta.description')}}` },\n { name: 'robots', content: 'noindex, follow' },\n ],\n };\n },\n data() {\n return {\n property: this.$route.params.property,\n id: this.$route.params.id,\n };\n },\n computed: {\n ...mapGetters('auth', [\n 'getIsEditMode',\n ]),\n mode() {\n return this.property === 'catalogues'\n ? this.getIsEditMode\n ? this.$t('message.dataupload.menu.editCatalogue')\n : this.$t('message.dataupload.createNewCatalogue')\n : this.property === 'datasets'\n ? this.getIsEditMode\n ? this.$t('message.dataupload.menu.editDataset')\n : this.$t('message.dataupload.createNewDataset')\n : 'Edit Distribution';\n },\n },\n methods: {\n ...mapActions('dpiStore', [\n 'saveLocalstorageValues',\n ]),\n ...mapActions('auth', [\n 'populateDraftAndEdit',\n ]),\n getClearPath() {\n return `${this.$env.content.dataProviderInterface.basePath}/${this.property}?locale=${this.$i18n.locale}&clear=true`;;\n },\n handleScroll() {\n try {\n if (document.getElementById(\"stepperAnchor\").offsetTop >= 35) {\n document.getElementById(\"stepperAnchor\").classList.add(\"border-bottom-lightgray\");\n }\n else {\n document.getElementById(\"stepperAnchor\").classList.remove(\"border-bottom-lightgray\");\n }\n } catch (error) {\n\n }\n }\n\n },\n created() {\n window.addEventListener('scroll', this.handleScroll);\n this.populateDraftAndEdit();\n },\n mounted() {\n this.saveLocalstorageValues(this.property);\n \n },\n unmounted() {\n window.removeEventListener('scroll', this.handleScroll);\n \n },\n};\n</script>\n\n<style lang=\"scss\">\n.border-bottom-lightgray {\n border-bottom: 1px solid lightgray;\n}\n\n.stickyStepper {\n position: sticky;\n top: 0;\n background: #ffffff;\n z-index: 999;\n}\n\n.stickyStepper .SSfirstRow {\n margin: 1vh 0;\n display: flex;\n align-items: center;\n}\n\n.stickyStepper .stickyNav {\n border-left: 1px solid black;\n margin-left: 1vh;\n padding-left: 1vh;\n}\n\n#stepper {\n width: 100% !important;\n}\n\n#input {\n padding: 10px;\n}\n\n.small-headline {\n font-size: 1.5rem;\n min-width: max-content;\n}\n\n.property {\n margin: 20px;\n background-color: #ffffff;\n border: solid 0.5px rgb(225, 225, 225);\n margin-top: 30px;\n}\n\n.infoBox .material-icons {\n font-size: 20px;\n vertical-align: text-bottom;\n margin-right: 5px;\n margin-bottom: 1px;\n}\n\n.infoBox {\n width: 100%;\n height: 30%;\n background-color: #f7f7f7;\n padding: 5%;\n border-radius: 0.25rem;\n margin-top: 20px;\n\n .input_subpage_nav {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 15px;\n }\n}\n\n.besides {\n .formkit-input-group-repeatable {\n display: flex;\n flex-direction: row;\n background-color: transparent;\n padding: 0px;\n }\n}\n\n.main {\n width: 75%;\n margin: 0 5px 0 5px;\n}\n\n.sub {\n width: 20%;\n margin: 0 5px 0 5px;\n}\n\n#subStepperBox {\n position: sticky;\n top: 154px;\n z-index: 10;\n width: 100%;\n padding: 0 10%;\n\n .step-progress__bar {\n border-top: none !important;\n }\n\n .step-progress__step--active {\n .step-progress__step-label {\n background-color: lightsteelblue !important;\n }\n\n }\n}\n\n.step-progress__step span {\n\n color: white !important;\n\n}\n\n// Stepper Customizing -------------\n\n// #stepper,\n// #subStepper {\n// .step-progress__step {\n// display: flex;\n// align-items: center;\n// justify-content: center;\n// height: 70%;\n// width: 20%;\n// display: flex;\n// align-items: center;\n// z-index: 1;\n\n\n// span {\n// color: grey;\n// font-size: 18px;\n// display: none;\n// }\n\n// div {\n// padding: 1rem;\n// height: 100%;\n// display: flex;\n// align-items: center;\n// color: white;\n// font-weight: 300;\n\n// }\n\n// .step-progress__step-label {\n\n// background: lightgrey;\n// background-size: 400% 400%;\n// background-position: 100% 0%;\n// transition: all 300ms ease-in-out;\n// border-right: 1px white solid;\n// font-size: 14px;\n// display: flex;\n// align-items: center;\n// justify-content: center;\n\n\n// }\n\n\n// .step-progress__step-label:hover {\n// background-position: 65% 0%;\n// color: black;\n\n// }\n\n// }\n\n// .step-progress__step--active {\n\n// z-index: 7 !important;\n\n\n// span {\n// color: black;\n// }\n\n// div {\n// background: white;\n// }\n\n// .step-progress__step-label {\n// background: rgb(236, 236, 236);\n// background-position: 50% 0%;\n// box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12) !important;\n// transform: scale(1.1);\n// z-index: 8;\n// font-size: 16px;\n// }\n\n// }\n\n// .step-progress__step--valid {\n// div {\n// color: white;\n\n// }\n\n// .step-progress__step-label {\n// background: rgba(0, 235, 0, 0.2);\n// color: lightslategrey;\n\n\n// }\n\n// .step-progress__step-label:hover {\n// color: black;\n// }\n// }\n\n// .step-progress__step--active .step-progress__step-label {\n// color: rgb(31, 31, 31);\n// }\n\n// .step-progress__wrapper-after {\n// display: none;\n// }\n\n// .step-progress__step-icon {\n// display: none !important;\n// }\n\n// .step-progress__bar {\n// margin: 0;\n// height: 5rem;\n// border-top: 1px solid lightslategray;\n\n// }\n\n// .step-progress__step-label {\n// position: unset;\n// transform: unset;\n// flex-grow: 1;\n// }\n\n// .step-progress__step {}\n\n// .step-progress__wrapper-before {\n// display: none !important;\n// }\n\n// #stepper .step-progress__step::after {\n// display: none !important;\n// }\n// }\n#stepper .step-progress__step {\n border: solid white 20px;\n}\n\n#stepper .step-progress__step-icon,\n#subStepper .step-progress__step-icon {\n font-size: 25px;\n}\n\n.step-progress__step-label {\n cursor: pointer;\n}\n\n// Input Form Margins & Borders ----\n\n.formkit-input[data-classification=group] [data-is-repeatable] {\n border: none;\n padding: 1em 1em 1em 0em;\n}\n\n.formkit-input[data-classification=group] [data-is-repeatable] .formkit-input-group-repeatable {\n border-bottom: none;\n}\n\n.formkit-input-element--checkbox {\n margin-right: 5px;\n}\n\n.formkit-input-wrapper {\n font-family: \"Ubuntu\";\n}\n\n.formkit-input[data-classification=button] button[data-ghost] {\n font-weight: 400;\n}\n\n.formkit-input-error {\n color: #e13737 !important;\n font-weight: 400 !important;\n}\n\n// General Formkit Styling ----\n\n.formkit {\n &-input {\n .formkit {\n &-input {\n &-element {\n max-width: 100%;\n }\n\n &-error {\n font-weight: bold;\n }\n }\n }\n }\n\n .formkit-input-group-add-more {\n display: flex;\n justify-content: flex-end;\n\n button {\n border: black;\n }\n }\n\n .formkit-input {\n &[data-classification=\"text\"] .formkit-input-wrapper {\n display: flex;\n flex-direction: column;\n }\n\n &[data-classification=\"select\"] .formkit-input-wrapper {\n display: flex;\n flex-direction: column;\n }\n }\n\n .formkit-input[data-classification=\"button\"] {\n button {\n &[data-ghost] {\n color: white;\n background-color: #001d85;\n border-color: #001d85;\n border-radius: 1.875rem;\n\n &:hover {\n background-color: #196fd2;\n border-color: #196fd2;\n }\n }\n }\n }\n}\n\n.formkit-input.besides {\n border-bottom: 1px solid lightgrey !important;\n}\n\n.formkit-input-label {\n font-weight: 500 !important;\n}\n\n.formkit-input-element {\n\n &--textarea {\n width: 100%;\n }\n}\n\n.formkit-input-element--group {\n display: block !important;\n}\n\n.formkit-input.besides>.formkit-input-wrapper>.formkit-input-label {\n\n\n text-decoration: underline !important;\n}\n\n// #stepper,\n// #subStepper {\n\n\n// .step-progress__step::after {\n// display: none;\n// }\n\n// .step-progress__step-label {\n// cursor: pointer;\n// }\n// }\n.tooltip-inner {\n all: unset;\n display: flex;\n min-height: 24px;\n padding: var(--Spacing-1, 4px) var(--Spacing-2, 8px) !important;\n justify-content: center;\n align-items: center;\n border-radius: var(--Border-Radius, 8px) !important;\n background: var(--background-tooltip, #25333D) !important;\n color: var(--text-tooltip, #FFF) !important;\n\n /* Copy/Copy-Mini-Regular */\n font-family: Inter;\n font-size: var(--copy-mini-regular-font-size);\n font-style: normal;\n font-weight: var(--copy-mini-regular-font-weight);\n line-height: var( --copy-mini-regular-line-height) !important;\n /* 133.333% */\n}\n.bs-tooltip-top{\n padding-bottom: 4px !important;\n}\n.tooltip {\n \n .arrow {\n display: none !important;\n }\n}\n</style>\n"],"names":["_sfc_main","defineAsyncComponent","mapGetters","mapActions","_createElementBlock","$data","_createBlock","_component_router_view","_ctx"],"mappings":";;;;AAeA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,IACV,WAAWC,EAAqB,MAAM,OAAO,2BAAmB,CAAC;AAAA,EAClE;AAAA,EACD,OAAO,CAAC,MAAM;AAAA,EACd,WAAW;AACT,WAAO;AAAA,MACL,OAAO,GAAG,KAAK,GAAG,yBAAyB,CAAC,MAAM,KAAK,GAAG,yCAAyC,CAAC;AAAA,MACpG,MAAM;AAAA,QACJ,EAAE,MAAM,eAAe,MAAM,eAAe,SAAS,GAAG,KAAK,GAAG,mCAAmC,CAAC,GAAI;AAAA,QACxG,EAAE,MAAM,YAAY,MAAM,YAAY,SAAS,GAAG,KAAK,KAAK,SAAS,QAAQ,IAAI,KAAK,GAAG,mCAAmC,CAAC,IAAK;AAAA,QAClI,EAAE,MAAM,UAAU,SAAS,kBAAmB;AAAA,MAC/C;AAAA;EAEJ;AAAA,EACD,OAAO;AACL,WAAO;AAAA,MACL,UAAU,KAAK,OAAO,OAAO;AAAA,MAC7B,IAAI,KAAK,OAAO,OAAO;AAAA;EAE1B;AAAA,EACD,UAAU;AAAA,IACR,GAAGC,EAAW,QAAQ;AAAA,MACpB;AAAA,IACF,CAAC;AAAA,IACD,OAAO;AACL,aAAO,KAAK,aAAa,eACrB,KAAK,gBACH,KAAK,GAAG,uCAAuC,IAC/C,KAAK,GAAG,uCAAuC,IACjD,KAAK,aAAa,aAChB,KAAK,gBACH,KAAK,GAAG,qCAAqC,IAC7C,KAAK,GAAG,qCAAqC,IAC/C;AAAA,IACP;AAAA,EACF;AAAA,EACD,SAAS;AAAA,IACP,GAAGC,EAAW,YAAY;AAAA,MACxB;AAAA,IACF,CAAC;AAAA,IACD,GAAGA,EAAW,QAAQ;AAAA,MACpB;AAAA,IACF,CAAC;AAAA,IACD,eAAe;AACb,aAAO,GAAG,KAAK,KAAK,QAAQ,sBAAsB,QAAQ,IAAI,KAAK,QAAQ,WAAW,KAAK,MAAM,MAAM;AAAA,IACxG;AAAA,IACD,eAAe;AACb,UAAI;AACF,QAAI,SAAS,eAAe,eAAe,EAAE,aAAa,KACxD,SAAS,eAAe,eAAe,EAAE,UAAU,IAAI,yBAAyB,IAGhF,SAAS,eAAe,eAAe,EAAE,UAAU,OAAO,yBAAyB;AAAA,MAErF,QAAc;AAAA,MAEhB;AAAA,IACF;AAAA,EAED;AAAA,EACD,UAAU;AACR,WAAO,iBAAiB,UAAU,KAAK,YAAY,GACnD,KAAK,qBAAoB;AAAA,EAC1B;AAAA,EACD,UAAU;AACR,SAAK,uBAAuB,KAAK,QAAQ;AAAA,EAE1C;AAAA,EACD,YAAY;AACV,WAAO,oBAAoB,UAAU,KAAK,YAAY;AAAA,EAEvD;AACH;;;cAxFEC,EAKM,OAAA;AAAA,IALD,OAAM;AAAA,IACR,KAAKC,EAAQ;AAAA;UAEdC,EACcC,GAAA;AAAA,MADD,KAAI;AAAA,MAAQ,KAAKC,EAAA,OAAO,MAAM;AAAA;;;;"}