@demos-europe/demosplan-ui 0.4.14 → 0.5.0

package/.idea/codeStyles/Project.xml

@@ -0,0 +1,62 @@
+<component name="ProjectCodeStyleConfiguration">
+  <code_scheme name="Project" version="173">
+    <option name="FORMATTER_TAGS_ENABLED" value="false" />
+    <option name="DO_NOT_FORMAT">
+      <list>
+        <fileSet type="globPattern" pattern="[!php]" />
+      </list>
+    </option>
+    <HTMLCodeStyleSettings>
+      <option name="HTML_ENFORCE_QUOTES" value="true" />
+    </HTMLCodeStyleSettings>
+    <JSCodeStyleSettings version="0">
+      <option name="USE_SEMICOLON_AFTER_STATEMENT" value="false" />
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="USE_DOUBLE_QUOTES" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+      <option name="IMPORT_SORT_MODULE_NAME" value="true" />
+    </JSCodeStyleSettings>
+    <TypeScriptCodeStyleSettings version="0">
+      <option name="USE_SEMICOLON_AFTER_STATEMENT" value="false" />
+      <option name="FORCE_SEMICOLON_STYLE" value="true" />
+      <option name="USE_DOUBLE_QUOTES" value="false" />
+      <option name="FORCE_QUOTE_STYlE" value="true" />
+      <option name="ENFORCE_TRAILING_COMMA" value="Remove" />
+      <option name="SPACES_WITHIN_OBJECT_LITERAL_BRACES" value="true" />
+      <option name="SPACES_WITHIN_IMPORTS" value="true" />
+    </TypeScriptCodeStyleSettings>
+    <editorconfig>
+      <option name="ENABLED" value="false" />
+    </editorconfig>
+    <codeStyleSettings language="HTML">
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="JavaScript">
+      <option name="SPACE_BEFORE_METHOD_PARENTHESES" value="true" />
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="TypeScript">
+      <indentOptions>
+        <option name="INDENT_SIZE" value="2" />
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+        <option name="TAB_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+    <codeStyleSettings language="Vue">
+      <indentOptions>
+        <option name="CONTINUATION_INDENT_SIZE" value="2" />
+      </indentOptions>
+    </codeStyleSettings>
+  </code_scheme>
+</component>

package/.idea/codeStyles/codeStyleConfig.xml

@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="USE_PER_PROJECT_SETTINGS" value="true" />
+  </state>
+</component>

package/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
+  </profile>
+</component>

package/.idea/shelf/Uncommitted_changes_before_Checkout_at_12_05_2025_14_15_[Changes]/shelved.patch

@@ -0,0 +1,199 @@
+Index: tests/components/DpTreeList/DpTreeList.spec.js
+IDEA additional info:
+Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
+<+>import { mockNode, mockSelectedNodes, mockUpdatedNodes } from './DpTreeListMockData'\nimport { shallowMount } from '@vue/test-utils'\nimport DpTreeList from '~/components/DpTreeList/DpTreeList.vue'\n\ndescribe('DpTreeList', () => {\n  let propsData\n  let wrapper\n\n  beforeEach(() => {\n    propsData = {\n      branchIdentifier: jest.fn(),\n      draggable: true,\n      onMove: jest.fn(),\n      options: {},\n      treeData: []\n    }\n\n    wrapper = shallowMount(DpTreeList, {\n      propsData\n    })\n  })\n\n  afterEach(() => {\n    wrapper.unmount()\n  })\n\n  it('renders component correctly', () => {\n    expect(wrapper.exists()).toBe(true)\n  })\n\n  it('returns an empty array if a nodes \"nodeIsSelected\" state is false', () => {\n    wrapper = shallowMount(DpTreeList, {\n      props: {\n        branchIdentifier: jest.fn(),\n        draggable: true,\n        onMove: jest.fn(),\n        options: {},\n        treeData: [\n          mockNode\n        ]\n      }\n    })\n\n    wrapper.vm.handleSelectEvent()\n\n    expect(wrapper.vm.selectedNodesObjects).toEqual([])\n  })\n\n  it('returns an array with the selected nodes if the node has a positive \"nodeIsSelected\" state', () => {\n    wrapper = shallowMount(DpTreeList, {\n      props: {\n        branchIdentifier: jest.fn(),\n        draggable: true,\n        onMove: jest.fn(),\n        options: {},\n        treeData: [\n          mockUpdatedNodes\n        ]\n      }\n    })\n\n    wrapper.vm.handleSelectEvent()\n\n    expect(wrapper.vm.selectedNodesObjects).toEqual(mockSelectedNodes)\n  })\n})\n
+Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
+<+>UTF-8
+===================================================================
+diff --git a/tests/components/DpTreeList/DpTreeList.spec.js b/tests/components/DpTreeList/DpTreeList.spec.js
+--- a/tests/components/DpTreeList/DpTreeList.spec.js	(revision f2fab2be07a606e9c45348b8e108dc03aa4992e4)
++++ b/tests/components/DpTreeList/DpTreeList.spec.js	(date 1746793685132)
+@@ -3,11 +3,11 @@
+ import DpTreeList from '~/components/DpTreeList/DpTreeList.vue'
+ 
+ describe('DpTreeList', () => {
+-  let propsData
++  let props
+   let wrapper
+ 
+   beforeEach(() => {
+-    propsData = {
++    props = {
+       branchIdentifier: jest.fn(),
+       draggable: true,
+       onMove: jest.fn(),
+@@ -16,7 +16,7 @@
+     }
+ 
+     wrapper = shallowMount(DpTreeList, {
+-      propsData
++      props
+     })
+   })
+ 
+@@ -38,6 +38,12 @@
+         treeData: [
+           mockNode
+         ]
++      },
++      stubs: {
++        DpTreeListNode: {
++          template: '<div class="tree-list-node-stub"></div>',
++          props: ['node', 'nodeId', 'children', 'level', 'parentId', 'checkBranch', 'handleChange', 'handleDrag', 'onMove', 'options']
++        }
+       }
+     })
+ 
+Index: jest/setup.js
+IDEA additional info:
+Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
+<+>const hasPermission = jest.fn(() => true)\nconst Translator = {\n  trans: jest.fn(key => key)\n}\nconst prefixClass = jest.fn(key => key)\n\nglobal.prefixClass = prefixClass\nglobal.Translator = Translator\nglobal.hasPermission = hasPermission\n\njest.mock('@vueuse/components', () => {\n  return {\n    vOnClickOutside: jest.fn()\n  }\n})\njest.mock('@uppy/core', () => () => 'mock result')\njest.mock('@uppy/drag-drop', () => () => 'mock result')\njest.mock('@uppy/progress-bar', () => () => 'mock result')\njest.mock('@uppy/tus', () => () => 'mock result')\njest.mock('vue-omnibox', () => () => 'mock result')\njest.mock('a11y-datepicker', () => () => 'mock result')\njest.mock('~/lib/Stickier', () => jest.fn().mockImplementation(function() {\n  return {\n    update: jest.fn(),\n    destroy: jest.fn()\n  }\n}))\n\n\n
+Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
+<+>UTF-8
+===================================================================
+diff --git a/jest/setup.js b/jest/setup.js
+--- a/jest/setup.js	(revision f2fab2be07a606e9c45348b8e108dc03aa4992e4)
++++ b/jest/setup.js	(date 1746793943987)
+@@ -17,7 +17,6 @@
+ jest.mock('@uppy/drag-drop', () => () => 'mock result')
+ jest.mock('@uppy/progress-bar', () => () => 'mock result')
+ jest.mock('@uppy/tus', () => () => 'mock result')
+-jest.mock('vue-omnibox', () => () => 'mock result')
+ jest.mock('a11y-datepicker', () => () => 'mock result')
+ jest.mock('~/lib/Stickier', () => jest.fn().mockImplementation(function() {
+   return {
+Index: src/components/DpTreeList/DpTreeListNode.vue
+IDEA additional info:
+Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
+<+><template>\n  <li\n    :id=\"nodeId\"\n    class=\"border--top relative\"\n    data-cy=\"treeListNode\">\n    <div class=\"c-treelist__node flex\">\n      <div\n        v-if=\"isDraggable\"\n        class=\"inline-block u-p-0_25 u-pr-0 u-mt-0_125\"\n        :class=\"dragHandle\">\n        <dp-icon\n          class=\"c-treelist__drag-handle-icon\"\n          icon=\"drag-handle\" />\n      </div>\n      <dp-tree-list-checkbox\n        v-if=\"isSelectable\"\n        :checked=\"node.nodeIsSelected\"\n        :name=\"checkboxIdentifier\"\n        :string-value=\"nodeId\"\n        @check=\"setSelectionState(!node.nodeIsSelected)\" />\n      <div\n        class=\"flex grow items-start\"\n        :style=\"indentationStyle\">\n        <dp-tree-list-toggle\n          v-if=\"isBranch\"\n          v-model=\"isExpanded\"\n          class=\"c-treelist__folder text--left u-pv-0_25\"\n          :class=\"{ 'pointer-events-none': 0 === children.length }\"\n          :icon-class-prop=\"iconClassFolder\" />\n        <div class=\"grow u-pl-0 u-p-0_25\">\n          <slot\n            v-if=\"isBranch\"\n            name=\"branch\"\n            :node-element=\"node\"\n            :node-children=\"children\"\n            :node-id=\"nodeId\"\n            :parent-id=\"parentId\" />\n          <slot\n            v-if=\"isLeaf\"\n            name=\"leaf\"\n            :node-element=\"node\"\n            :node-id=\"nodeId\"\n            :parent-id=\"parentId\" />\n        </div>\n      </div>\n      <dp-tree-list-toggle\n        v-if=\"isBranch\"\n        v-model=\"isExpanded\"\n        v-tooltip=\"!hasToggle ? translations.noElementsExisting : ''\"\n        data-cy=\"treeListChildToggle\"\n        class=\"self-start\"\n        :disabled=\"!hasToggle\" />\n      <div\n        v-else\n        class=\"min-w-4\" />\n    </div>\n    <component\n      :is=\"draggable ? 'dp-draggable' : 'div'\"\n      :drag-across-branches=\"options.dragAcrossBranches ? options.dragAcrossBranches : null\"\n      class=\"list-style-none u-mb-0 u-1-of-1\"\n      :content-data=\"draggable ? children : []\"\n      data-cy=\"treeListChild\"\n      draggable-tag=\"ul\"\n      :group-id=\"nodeId\"\n      :handle-change=\"handleChange\"\n      :handle-drag=\"handleDrag\"\n      :is-draggable=\"hasDraggableChildren ? hasDraggableChildren : null\"\n      :node-id=\"nodeId\"\n      :on-move=\"onMove\"\n      :opts=\"options.draggable\">\n      <dp-tree-list-node\n        v-for=\"(child, idx) in children\"\n        v-show=\"true === isExpanded\"\n        :ref=\"`node_${child.id}`\"\n        :key=\"child.id\"\n        :data-cy=\"`treeListChild:${idx}`\"\n        :check-branch=\"checkBranch\"\n        :children=\"child.children || []\"\n        :handle-change=\"handleChange\"\n        :handle-drag=\"handleDrag\"\n        :level=\"level + 1\"\n        :node=\"child\"\n        :node-id=\"child.id\"\n        :on-move=\"onMove\"\n        :options=\"options\"\n        :parent-id=\"nodeId\"\n        @draggable:change=\"bubbleDraggableChange\"\n        @end=\"handleDrag('end')\"\n        @node-selected=\"handleChildSelectionChange(child)\"\n        @start=\"handleDrag('start')\"\n        @tree:change=\"bubbleChangeEvent\">\n        <template\n          v-for=\"slot in Object.keys($slots)\"\n          v-slot:[slot]=\"scope\">\n          <slot\n            v-bind=\"scope\"\n            :name=\"slot\" />\n        </template>\n      </dp-tree-list-node>\n    </component>\n  </li>\n</template>\n\n<script>\nimport { checkboxWidth, dragHandleWidth, levelIndentationWidth } from './utils/constants'\nimport { de } from \"~/components/shared/translations\"\nimport DpDraggable from '~/components/DpDraggable'\nimport DpIcon from '~/components/DpIcon'\nimport DpTreeListCheckbox from './DpTreeListCheckbox'\nimport DpTreeListToggle from './DpTreeListToggle'\nimport { Tooltip } from '~/directives'\n\nexport default {\n  name: 'DpTreeListNode',\n\n  components: {\n    DpDraggable,\n    DpIcon,\n    DpTreeListCheckbox,\n    DpTreeListToggle\n  },\n\n  directives: {\n    tooltip: Tooltip\n  },\n\n  props: {\n    checkBranch: {\n      type: Function,\n      required: true\n    },\n\n    children: {\n      type: Array,\n      required: true\n    },\n\n    draggable: {\n      type: Boolean,\n      required: false,\n      default: true\n    },\n\n    /*\n     * The function to handle the draggable \"change\" event is passed as a prop here.\n     * This way we do not run into performance issues with deeply nested lists.\n     * @see https://www.digitalocean.com/community/tutorials/vuejs-communicating-recursive-components\n     */\n    handleChange: {\n      type: Function,\n      required: true\n    },\n\n    /*\n     * The function to handle the draggable \"start\" and \"end\" events is passed as a prop here.\n     */\n    handleDrag: {\n      type: Function,\n      required: true\n    },\n\n    level: {\n      type: Number,\n      required: true\n    },\n\n    node: {\n      type: Object,\n      required: true\n    },\n\n    nodeId: {\n      type: String,\n      required: true\n    },\n\n    onMove: {\n      type: Function,\n      required: true\n    },\n\n    options: {\n      type: Object,\n      required: false,\n      default: () => ({})\n    },\n\n    parentId: {\n      type: String,\n      required: false,\n      default: ''\n    },\n\n    parentSelected: {\n      type: Boolean,\n      required: false,\n      default: false\n    }\n  },\n\n  data () {\n    return {\n      isExpanded: false,\n      translations: {\n        noElementsExisting: de.noElementsExisting\n      }\n    }\n  },\n\n  computed: {\n    checkboxIdentifier () {\n      const prefix = this.isBranch\n        ? this.options.checkboxIdentifier.branch\n        : this.options.checkboxIdentifier.leaf\n      return prefix + ':' + this.nodeId\n    },\n\n    dragHandle () {\n      const str = this.options.draggable.handle\n      return str.substring(1, str.length)\n    },\n\n    hasDraggableChildren () {\n      return this.isBranch && (this.options.dragLeaves || this.options.dragBranches) && this.draggable\n    },\n\n    hasToggle () {\n      return this.isBranch && this.children.length > 0\n    },\n\n    iconClassFolder () {\n      const hasContent = this.children.length > 0\n      let folderClass\n      if (hasContent) {\n        folderClass = this.isExpanded ? 'fa-folder-open' : 'fa-folder'\n      } else {\n        folderClass = 'fa-folder-o'\n      }\n      return 'fa ' + folderClass\n    },\n\n    indentationStyle () {\n      let margin = this.level * levelIndentationWidth\n\n      // If leaves are draggable, but branches are not, or vice versa, add extra space\n      if ((this.isBranch && !this.options.dragBranches && this.options.dragLeaves) ||\n        (this.isLeaf && this.options.dragBranches && !this.options.dragLeaves)) {\n        margin += dragHandleWidth\n      }\n\n      // If leaves are selectable, but branches are not, or vice versa, add extra space\n      if ((this.isBranch && !this.options.branchesSelectable && this.options.leavesSelectable) ||\n        (this.isLeaf && this.options.branchesSelectable && !this.options.leavesSelectable)) {\n        margin += checkboxWidth\n      }\n\n      return `margin-left: ${margin}px;`\n    },\n\n    isBranch () {\n      return this.checkBranch({ node: this.node, children: this.children, id: this.nodeId })\n    },\n\n    isDraggable () {\n      return this.isDraggableLeaf || this.isDraggableBranch\n    },\n\n    isDraggableBranch () {\n      return this.options.dragBranches && this.isBranch\n    },\n\n    isDraggableLeaf () {\n      return this.options.dragLeaves && this.isLeaf\n    },\n\n    isLeaf () {\n      return this.isBranch === false\n    },\n\n    isSelectable () {\n      return (this.isBranch && this.options.branchesSelectable) || (this.isLeaf && this.options.leavesSelectable) || false\n    },\n\n    // See docblock in `tree` computed of parent component.\n    tree: {\n      get () {\n        return this.children\n      },\n\n      set (payload) {\n        this.$emit('tree:change', payload)\n      }\n    }\n  },\n\n  watch: {\n    parentSelected (val) {\n      if (this.options.selectOn.parentSelect || this.options.deselectOn.parentDeselect) {\n        this.setSelectionState(val)\n      }\n    }\n  },\n\n  methods: {\n    bubbleChangeEvent (payload) {\n      this.$emit('tree:change', payload)\n    },\n\n    bubbleDraggableChange (payload) {\n      this.$emit('draggable:change', payload)\n    },\n\n    handleChildSelectionChange (child) {\n      if (this.options.deselectOn.childDeselect && child.nodeIsSelected === false && this.node.nodeIsSelected === true) {\n        this.setSelectionState(child.nodeIsSelected)\n      } else if (this.options.selectOn.childSelect && child.nodeIsSelected === true && this.node.nodeIsSelected === false) {\n        this.setSelectionState(child.nodeIsSelected)\n        // Just bubble the event if the current node doesn't require any changes\n      } else {\n        this.$emit('node-selected')\n      }\n    },\n\n    setNodeAndChildrenSelection (selectionState) {\n      this.node.nodeId = this.nodeId\n      this.node.nodeIsSelected = selectionState\n      this.node.nodeType = this.isBranch === true ? 'branch' : 'leaf'\n\n      if (this.node.children && this.node.children.length > 0) {\n        this.setSelectionRecursively(this.node.children, selectionState)\n      }\n    },\n\n    // Update isSelected property of the parent element and call recursively updateSelectedStatus on children\n    setSelectionRecursively (childObjects, state) {\n      childObjects.forEach(childObj => {\n        childObj.nodeId = childObj.id\n        childObj.nodeIsSelected = state\n        childObj.nodeType = this.checkBranch({ node: childObj }) === true ? 'branch' : 'leaf'\n\n\n        if (childObj.children && childObj.children.length > 0) {\n          this.setSelectionRecursively(childObj.children, state)\n        }\n      })\n    },\n\n    setSelectionState (selectionState) {\n      this.setNodeAndChildrenSelection(selectionState)\n      this.$emit('node-selected')\n    }\n  },\n\n  mounted () {\n    this.$root.$on('treelist:toggle-all', (expanded) => (this.isExpanded = expanded))\n  }\n}\n</script>\n
+Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
+<+>UTF-8
+===================================================================
+diff --git a/src/components/DpTreeList/DpTreeListNode.vue b/src/components/DpTreeList/DpTreeListNode.vue
+--- a/src/components/DpTreeList/DpTreeListNode.vue	(revision f2fab2be07a606e9c45348b8e108dc03aa4992e4)
++++ b/src/components/DpTreeList/DpTreeListNode.vue	(date 1746793685144)
+@@ -14,10 +14,10 @@
+       </div>
+       <dp-tree-list-checkbox
+         v-if="isSelectable"
+-        :checked="node.nodeIsSelected"
++        :checked="localNode.nodeIsSelected"
+         :name="checkboxIdentifier"
+         :string-value="nodeId"
+-        @check="setSelectionState(!node.nodeIsSelected)" />
++        @check="setSelectionState(!localNode.nodeIsSelected)" />
+       <div
+         class="flex grow items-start"
+         :style="indentationStyle">
+@@ -31,14 +31,14 @@
+           <slot
+             v-if="isBranch"
+             name="branch"
+-            :node-element="node"
++            :node-element="localNode"
+             :node-children="children"
+             :node-id="nodeId"
+             :parent-id="parentId" />
+           <slot
+             v-if="isLeaf"
+             name="leaf"
+-            :node-element="node"
++            :node-element="localNode"
+             :node-id="nodeId"
+             :parent-id="parentId" />
+         </div>
+@@ -201,6 +201,7 @@
+   data () {
+     return {
+       isExpanded: false,
++      localNode: this.node,
+       translations: {
+         noElementsExisting: de.noElementsExisting
+       }
+@@ -311,9 +312,9 @@
+     },
+ 
+     handleChildSelectionChange (child) {
+-      if (this.options.deselectOn.childDeselect && child.nodeIsSelected === false && this.node.nodeIsSelected === true) {
++      if (this.options.deselectOn.childDeselect && child.nodeIsSelected === false && this.localNode.nodeIsSelected === true) {
+         this.setSelectionState(child.nodeIsSelected)
+-      } else if (this.options.selectOn.childSelect && child.nodeIsSelected === true && this.node.nodeIsSelected === false) {
++      } else if (this.options.selectOn.childSelect && child.nodeIsSelected === true && this.localNode.nodeIsSelected === false) {
+         this.setSelectionState(child.nodeIsSelected)
+         // Just bubble the event if the current node doesn't require any changes
+       } else {
+@@ -322,12 +323,12 @@
+     },
+ 
+     setNodeAndChildrenSelection (selectionState) {
+-      this.node.nodeId = this.nodeId
+-      this.node.nodeIsSelected = selectionState
+-      this.node.nodeType = this.isBranch === true ? 'branch' : 'leaf'
++      this.localNode.nodeId = this.nodeId
++      this.localNode.nodeIsSelected = selectionState
++      this.localNode.nodeType = this.isBranch === true ? 'branch' : 'leaf'
+ 
+-      if (this.node.children && this.node.children.length > 0) {
+-        this.setSelectionRecursively(this.node.children, selectionState)
++      if (this.localNode.children && this.localNode.children.length > 0) {
++        this.setSelectionRecursively(this.localNode.children, selectionState)
+       }
+     },
+ 
+Index: tests/form/DpInput.spec.js
+IDEA additional info:
+Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
+<+>import { runBooleanAttrTests, runStringAttrTests } from './shared/Attributes'\nimport { runLabelTests } from './shared/Label'\nimport DpInput from '~/components/DpInput'\nimport { shallowMount } from '@vue/test-utils'\n\nconst wrapper = shallowMount(DpInput, {\n  props: {\n    id: 'inputId',\n    label: {\n      hint: 'test hint'\n    }\n  }\n})\n\nrunLabelTests(wrapper)\n\nconst input = wrapper.find('input[type=\"text\"]')\nrunBooleanAttrTests(wrapper, input, 'required')\nrunBooleanAttrTests(wrapper, input, 'disabled')\nrunBooleanAttrTests(wrapper, input, 'readonly')\nrunStringAttrTests(wrapper, input, 'placeholder', 'This is a placeholder.', 'placeholder')\nrunStringAttrTests(wrapper, input, 'dataDpValidateError', 'Bitte füllen Sie alle Pflichtfelder(*) korrekt aus.', 'data-dp-validate-error')\nrunStringAttrTests(wrapper, input, 'dataDpValidateIf', '#r_getEvaluation', 'data-dp-validate-if')\nrunStringAttrTests(wrapper, input, 'dataDpValidateShouldEqual', 'This is a placeholder.', 'data-dp-validate-should-equal')\n\ndescribe('DpInput', () => {\n  let wrapper\n\n  beforeEach(() => {\n    wrapper = shallowMount(DpInput, {\n      props: {\n        id: 'inputId',\n        label: {\n          hint: 'test hint'\n        }\n      }\n    })\n  })\n\n  it('emits an event on input with the new value as argument', async () => {\n    const newValue = 'some text'\n    const input = wrapper.find('input')\n    await input.setValue(newValue)\n\n    expect(wrapper.emitted().input[0][0]).toEqual(newValue)\n  })\n\n  it('emits an event on keydown enter', async () => {\n    const input = wrapper.find('input')\n    await input.trigger('keydown.enter')\n    expect(wrapper.emitted().enter).toBeDefined()\n  })\n})\n
+Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
+<+>UTF-8
+===================================================================
+diff --git a/tests/form/DpInput.spec.js b/tests/form/DpInput.spec.js
+--- a/tests/form/DpInput.spec.js	(revision f2fab2be07a606e9c45348b8e108dc03aa4992e4)
++++ b/tests/form/DpInput.spec.js	(date 1746793699952)
+@@ -7,7 +7,11 @@
+   props: {
+     id: 'inputId',
+     label: {
+-      hint: 'test hint'
++      bold: true,
++      hide: false,
++      hint: 'test hint',
++      text: '',
++      tooltip: ''
+     }
+   }
+ })
+@@ -31,7 +35,11 @@
+       props: {
+         id: 'inputId',
+         label: {
+-          hint: 'test hint'
++          hint: 'test hint',
++          bold: true,
++          hide: false,
++          text: '',
++          tooltip: ''
+         }
+       }
+     })
+Index: src/mixins/dpValidateMixin.js
+IDEA additional info:
+Subsystem: com.intellij.openapi.diff.impl.patch.BaseRevisionTextPatchEP
+<+>/*\n * This is the dpValidate vue mixin that allows us to validate inputs in vue components.\n * It is to be used in vue components. To use it in vanilla JS-context see: src/lib/validation/dpValidate.js\n *\n * Up to date documentation and usage examples can be found here:\n * https://dplan-documentation.demos-europe.eu/development/application-architecture/validation/frontend/#_1-use-as-a-vue-mixin-dpvalidatemixin-js\n */\n\nimport { de } from '~/components/shared/translations'\nimport { errorClass, scrollToVisibleElement } from '~/lib/validation/utils/helpers'\nimport { assignHandlersForInputs } from '~/lib/validation/utils/assignHandlersForInputs'\nimport hasOwnProp from '~/utils/hasOwnProp'\nimport validateForm from '~/lib/validation/utils/validateForm'\n\nexport default {\n  data () {\n    return {\n      dpValidate: {}\n    }\n  },\n\n  methods: {\n    /**\n     *\n     * @param formId\n     * @param callback\n     * @param forceCallback   if true, the callback function is called even if the form is invalid\n     */\n    dpValidateAction (formId, callback, forceCallback = true) {\n      const isForm = this.$el.hasAttribute('data-dp-validate') && this.$el.getAttribute('data-dp-validate') === formId\n      const form = isForm ? this.$el : this.$el.querySelector(`[data-dp-validate=${formId}]`)\n      const formValidation = validateForm(form)\n      this.dpValidate = { ...this.dpValidate, [formId]: formValidation.valid }\n\n      if (hasOwnProp(this.dpValidate, 'invalidFields') === false) {\n        this.dpValidate.invalidFields = {}\n      }\n      this.dpValidate.invalidFields[formId] = formValidation.invalidFields\n\n      if (this.dpValidate[formId] === false) {\n        const invalidFields = this.dpValidate.invalidFields[formId]\n        const customErrors = invalidFields\n          .filter(element => element.hasAttribute('data-dp-validate-error'))\n          .map(element => element.dataset.dpValidateError)\n        customErrors.forEach(error => dplan.notify.notify('error', error))\n\n        if (customErrors.length === 0) {\n          const nonEmptyUniqueFieldNames = invalidFields\n            .map(field => field.getAttribute('data-dp-validate-error-fieldname'))\n            .filter(Boolean)\n            .filter((field, idx, arr) => arr.indexOf(field) === idx)\n\n          if (nonEmptyUniqueFieldNames.length) {\n            const fieldsString = nonEmptyUniqueFieldNames ? nonEmptyUniqueFieldNames.join(', ') : ' '\n            const errorMandatoryFields = de.error.mandatoryFields.intro + fieldsString + de.error.mandatoryFields.outro\n            dplan.notify.notify('error', errorMandatoryFields)\n          } else {\n            dplan.notify.notify('error', de.error.mandatoryFields.default)\n          }\n        }\n        const firstErrorElement = form.querySelector('.' + errorClass)\n        scrollToVisibleElement(firstErrorElement)\n      }\n\n      // In some cases, we want to call the callback even if the form is invalid\n      if ((this.dpValidate[formId] === false && forceCallback) || this.dpValidate[formId]) {\n        return callback()\n      }\n    }\n  },\n\n  mounted () {\n    // Set the initial values for form validity to true and add event listener for input fields (focus and blur)\n    let forms = []\n    if (this.$el.hasAttribute('data-dp-validate')) {\n      this.isComponentForm = true // It means a whole component is a form to be validated; it has no child-forms\n      forms.push(this.$el)\n    } else {\n      this.isComponentForm = false // It means in this component there are several forms that need to be validated\n      forms = Array.from(this.$el.querySelectorAll('[data-dp-validate]'))\n    }\n\n    this.dpValidateForms = forms\n\n    this.dpValidateForms.forEach(form => {\n      const formId = form.getAttribute('data-dp-validate')\n      this.dpValidate[formId] = true\n      assignHandlersForInputs(form)\n    })\n  },\n\n  updated () {\n    this.$nextTick(() => {\n      // Check if new forms were added - only if component is not a form itself\n      if (this.isComponentForm === false) {\n        // Collect all forms, that are in DOM after the update\n        const afterUpdateForms = Array.from(this.$el.querySelectorAll('[data-dp-validate]'))\n        // Merge forms that are currently in DOM with the forms that were previously in DOM\n        const allForms = afterUpdateForms.concat(this.dpValidateForms)\n        // Loop over all forms\n        allForms.forEach(form => {\n          if (this.dpValidateForms.includes(form) && afterUpdateForms.includes(form) === false) {\n            // Remove form from dpValidateForms if it is no longer in DOM\n            const idx = this.dpValidateForms.findIndex(el => el === form)\n            delete this.dpValidateForms[idx]\n          } else if (this.dpValidateForms.includes(form) === false && afterUpdateForms.includes(form)) {\n            // If it is a new form (was just added to DOM), add it to dpValidateForms and assign handlers to each field\n            this.dpValidateForms.push(form)\n            const formId = form.getAttribute('data-dp-validate')\n            this.dpValidate[formId] = true\n            assignHandlersForInputs(form)\n          } else {\n            // If the form was previously in DOM and was not removed, reassign handlers as the required/validateIf/pattern properties may have changed\n            assignHandlersForInputs(form)\n          }\n        })\n      } else {\n        // If component is a form, only reassign handlers in existing forms\n        this.dpValidateForms.forEach(form => {\n          assignHandlersForInputs(form)\n        })\n      }\n    })\n  }\n}\n
+Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
+<+>UTF-8
+===================================================================
+diff --git a/src/mixins/dpValidateMixin.js b/src/mixins/dpValidateMixin.js
+--- a/src/mixins/dpValidateMixin.js	(revision f2fab2be07a606e9c45348b8e108dc03aa4992e4)
++++ b/src/mixins/dpValidateMixin.js	(date 1746793699960)
+@@ -6,9 +6,9 @@
+  * https://dplan-documentation.demos-europe.eu/development/application-architecture/validation/frontend/#_1-use-as-a-vue-mixin-dpvalidatemixin-js
+  */
+ 
+-import { de } from '~/components/shared/translations'
+ import { errorClass, scrollToVisibleElement } from '~/lib/validation/utils/helpers'
+ import { assignHandlersForInputs } from '~/lib/validation/utils/assignHandlersForInputs'
++import { de } from '~/components/shared/translations'
+ import hasOwnProp from '~/utils/hasOwnProp'
+ import validateForm from '~/lib/validation/utils/validateForm'
+ 

package/.idea/shelf/Uncommitted_changes_before_Checkout_at_12_05_2025_14_15__Changes_.xml

@@ -0,0 +1,4 @@
+<changelist name="Uncommitted_changes_before_Checkout_at_12_05_2025_14_15_[Changes]" date="1747052155138" recycled="true" deleted="true">
+  <option name="PATH" value="$PROJECT_DIR$/.idea/shelf/Uncommitted_changes_before_Checkout_at_12_05_2025_14_15_[Changes]/shelved.patch" />
+  <option name="DESCRIPTION" value="Uncommitted changes before Checkout at 12 05 2025 14:15 [Changes]" />
+</changelist>