2 files changed, 68 insertions, 0 deletions
diff --git a/src/theme_builder/components/properties/SelectPropertyEditor.cpp b/src/theme_builder/components/properties/SelectPropertyEditor.cpp
new file mode 100644
index 00000000..10011d65
--- /dev/null
+++ b/src/theme_builder/components/properties/SelectPropertyEditor.cpp
@@ -0,0 +1,21 @@
+#include "SelectPropertyEditor.h"
+#include "cru/ui/controls/FlexLayout.h"
+
+namespace cru::theme_builder::components::properties {
+SelectPropertyEditor::SelectPropertyEditor() {
+  container_.SetFlexDirection(ui::controls::FlexDirection::Horizontal);
+  container_.AddChild(&label_);
+  container_.AddChild(select_.GetRootControl());
+
+  select_.ItemSelectedEvent()->AddHandler([this](Index index) {
+    if (!suppress_next_change_event_) {
+      change_event_.Raise(nullptr);
+    } else {
+      suppress_next_change_event_ = false;
+    }
+  });
+}
+
+SelectPropertyEditor::~SelectPropertyEditor() { container_.RemoveFromParent(); }
+
+}  // namespace cru::theme_builder::components::properties
diff --git a/src/theme_builder/components/properties/SelectPropertyEditor.h b/src/theme_builder/components/properties/SelectPropertyEditor.h
new file mode 100644
index 00000000..a67cb80f
--- /dev/null
+++ b/src/theme_builder/components/properties/SelectPropertyEditor.h
@@ -0,0 +1,47 @@
+#pragma once
+#include "cru/ui/components/Component.h"
+#include "cru/ui/components/Select.h"
+#include "cru/ui/controls/FlexLayout.h"
+#include "cru/ui/controls/TextBlock.h"
+
+namespace cru::theme_builder::components::properties {
+class SelectPropertyEditor : public ui::components::Component {
+ public:
+  using PropertyType = Index;
+
+  SelectPropertyEditor();
+  ~SelectPropertyEditor() override;
+
+ public:
+  ui::controls::Control* GetRootControl() override { return &container_; }
+
+  String GetLabel() const { return label_.GetText(); }
+  void SetLabel(String label) { label_.SetText(std::move(label)); }
+
+  Index GetSelectedIndex() const { return select_.GetSelectedIndex(); }
+  void SetSelectedIndex(Index index, bool trigger_change = true) {
+    if (trigger_change == false) suppress_next_change_event_ = true;
+    select_.SetSelectedIndex(index);
+  }
+
+  std::vector<String> GetItems() const { return select_.GetItems(); }
+  void SetItems(std::vector<String> items) {
+    select_.SetItems(std::move(items));
+  }
+
+  Index GetValue() const { return GetSelectedIndex(); }
+  void SetValue(Index value, bool trigger_change = true) {
+    SetSelectedIndex(value, trigger_change);
+  }
+
+  IEvent<std::nullptr_t>* ChangeEvent() { return &change_event_; }
+
+ private:
+  ui::controls::FlexLayout container_;
+  ui::controls::TextBlock label_;
+  ui::components::Select select_;
+
+  bool suppress_next_change_event_ = false;
+  Event<std::nullptr_t> change_event_;
+};
+}  // namespace cru::theme_builder::components::properties