{"version":3,"sources":["webpack:///./resources/js/src/app/components/item/FsConvertSelect.vue","webpack:///./resources/js/src/app/components/item/FsConvertSelect.vue?2c5d","webpack:///resources/js/src/app/components/item/FsConvertSelect.vue","webpack:///./resources/js/src/app/components/item/FsConvertSelect.vue?3b91"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","groupName","class","active","selectedPropertyId","error","hasError","directives","name","rawName","value","expression","on","change","$event","$$selectedVal","Array","prototype","filter","call","target","options","o","selected","map","_value","multiple","setProperty","domProps","$translate","_l","propertyGroup","properties","prop","id","getName","itemSurcharge","_f","_e","_withStripped","props","template","String","Object","itemId","Number","computed","_this$propertyGroup$g","group","isArray","names","find","languageCode","includes","currentVariation","$store","getters","currentItemVariation","data","currentVariationId","created","_this$propertyGroup$p","property","isPreSelected","methods","_property$names","propertyId","_this","commit","forEach","watch","newVar","oldVar","variation","component"],"mappings":"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","file":"chunks/ceres-client-37.min.js","sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\"div\", { staticClass: \"row\" }, [\n    _c(\n      \"label\",\n      { staticClass: \"col-12 col-md-4 custom-label d-flex align-items-center\" },\n      [_vm._v(_vm._s(_vm.groupName))]\n    ),\n    _vm._v(\" \"),\n    _c(\n      \"div\",\n      {\n        staticClass: \"col-12 col-md-8 input-unit order-property-input\",\n        class: { active: _vm.selectedPropertyId, error: _vm.hasError },\n      },\n      [\n        _c(\n          \"select\",\n          {\n            directives: [\n              {\n                name: \"model\",\n                rawName: \"v-model\",\n                value: _vm.selectedPropertyId,\n                expression: \"selectedPropertyId\",\n              },\n            ],\n            staticClass: \"custom-select\",\n            on: {\n              change: [\n                function ($event) {\n                  var $$selectedVal = Array.prototype.filter\n                    .call($event.target.options, function (o) {\n                      return o.selected\n                    })\n                    .map(function (o) {\n                      var val = \"_value\" in o ? o._value : o.value\n                      return val\n                    })\n                  _vm.selectedPropertyId = $event.target.multiple\n                    ? $$selectedVal\n                    : $$selectedVal[0]\n                },\n                function ($event) {\n                  return _vm.setProperty($event.target.value)\n                },\n              ],\n            },\n          },\n          [\n            _c(\"option\", { domProps: { selected: true, value: 0 } }, [\n              _vm._v(\n                \"\\n        \" +\n                  _vm._s(\n                    _vm.$translate(\"Ceres::Template.singleItemPleaseSelect\")\n                  ) +\n                  \"\\n      \"\n              ),\n            ]),\n            _vm._v(\" \"),\n            _vm._l(_vm.propertyGroup.properties, function (prop) {\n              return _c(\n                \"option\",\n                {\n                  domProps: {\n                    selected: _vm.selectedPropertyId === prop.id,\n                    value: prop.id,\n                  },\n                },\n                [\n                  _vm._v(\"\\n        \" + _vm._s(_vm.getName(prop)) + \" \"),\n                  prop.itemSurcharge\n                    ? [\n                        _vm._v(\n                          \"(+\" +\n                            _vm._s(_vm._f(\"currency\")(prop.itemSurcharge)) +\n                            \")\"\n                        ),\n                      ]\n                    : _vm._e(),\n                ],\n                2\n              )\n            }),\n          ],\n          2\n        ),\n      ]\n    ),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FsConvertSelect.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FsConvertSelect.vue?vue&type=script&lang=js\"","<template>\n  <div class=\"row\">\n    <label class=\"col-12 col-md-4 custom-label d-flex align-items-center\">{{ groupName }}</label>\n    <div class=\"col-12 col-md-8 input-unit order-property-input\" :class=\"{ active: selectedPropertyId, error: hasError }\">\n      <select v-model=\"selectedPropertyId\" @change=\"setProperty($event.target.value)\" class=\"custom-select\">\n        <option :selected=\"true\" :value=\"0\">\n          {{ $translate(\"Ceres::Template.singleItemPleaseSelect\") }}\n        </option>\n        <option :selected=\"selectedPropertyId === prop.id\" :value=\"prop.id\" v-for=\"prop in propertyGroup.properties\">\n          {{ getName(prop) }} <template v-if=\"prop.itemSurcharge\">(+{{ prop.itemSurcharge | currency }})</template>\n        </option>\n      </select>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    template: String,\n    propertyGroup: Object,\n    itemId: Number,\n  },\n\n  computed: {\n    groupName() {\n      if (!this.propertyGroup.group) return \"Auswählen\";\n\n      if (Array.isArray(this.propertyGroup.group.names)) {\n        return this.propertyGroup.group.names.find((name) => name.languageCode === \"de\");\n      }\n\n      let name = this.propertyGroup.group.names?.name;\n      name = (name.includes('*')) ? name : name + '*';\n\n      return name || \"Auswählen\";\n    },\n\n    currentVariation() {\n      return this.$store.getters.currentItemVariation;\n    }\n  },\n\n  data: function () {\n    return {\n      selectedPropertyId: 0,\n      hasError: false,\n      currentVariationId: null\n    };\n  },\n\n  created() {\n    this.selectedPropertyId = this.propertyGroup.properties.find((property) => property.isPreSelected)?.id || 0;\n  },\n\n  methods: {\n    getName(property) {\n      if (Array.isArray(property.names)) {\n        return property.names.find((name) => name.languageCode === \"de\");\n      }\n\n      return property.names?.name;\n    },\n\n    setProperty(propertyId) {\n      this.selectedPropertyId = propertyId;\n      this.$store.commit(this.itemId + \"/setVariationOrderProperty\", {\n        propertyId: Number(propertyId),\n        value: true,\n      });\n\n      // Set other properties to false\n      this.propertyGroup.properties.forEach((property) => {\n        if (property.id !== Number(propertyId)) {\n          this.$store.commit(this.itemId + \"/setVariationOrderProperty\", {\n            propertyId: property.id,\n            value: null,\n          });\n        }\n      });\n    },\n  },\n\n  watch: {\n    currentVariation(newVar, oldVar) {\n      if (newVar.variation.id != this.currentVariation) {\n        // Reset when variation changes\n        this.selectedPropertyId = 0;\n        this.hasError = false;\n      }\n\n      this.currentVariationId = newVar.variation.id;\n    }\n  }\n};\n</script>\n","import { render, staticRenderFns } from \"./FsConvertSelect.vue?vue&type=template&id=ea87b184\"\nimport script from \"./FsConvertSelect.vue?vue&type=script&lang=js\"\nexport * from \"./FsConvertSelect.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}