diff --git a/force-app/main/default/lwc/productTileList/productTileList.js b/force-app/main/default/lwc/productTileList/productTileList.js
index 06fd830b..b3cc30ac 100644
--- a/force-app/main/default/lwc/productTileList/productTileList.js
+++ b/force-app/main/default/lwc/productTileList/productTileList.js
@@ -22,6 +22,18 @@ export default class ProductTileList extends LightningElement {
*/
@api tilesAreDraggable = false;
+ /**
+ * min-size of the pictures shown
+ */
+ @api minPictureWidth;
+
+ renderedCallback() {
+ const productTiles = this.template.querySelectorAll('c-product-tile');
+ productTiles.forEach((tile) => {
+ tile.style.minWidth = `${this.minPictureWidth}px`;
+ });
+ }
+
/** Current page in the product list. */
pageNumber = 1;
diff --git a/force-app/main/default/lwc/productTileList/productTileList.js-meta.xml b/force-app/main/default/lwc/productTileList/productTileList.js-meta.xml
index 781a2b72..e501537e 100644
--- a/force-app/main/default/lwc/productTileList/productTileList.js-meta.xml
+++ b/force-app/main/default/lwc/productTileList/productTileList.js-meta.xml
@@ -37,6 +37,12 @@
type="Boolean"
label="Product tiles are draggable"
/>
+
diff --git a/force-app/main/default/lwc/sliderEditor/sliderEditor.html b/force-app/main/default/lwc/sliderEditor/sliderEditor.html
new file mode 100644
index 00000000..40ced21d
--- /dev/null
+++ b/force-app/main/default/lwc/sliderEditor/sliderEditor.html
@@ -0,0 +1,13 @@
+
+
+
+
+
+
diff --git a/force-app/main/default/lwc/sliderEditor/sliderEditor.js b/force-app/main/default/lwc/sliderEditor/sliderEditor.js
new file mode 100644
index 00000000..2e7721b3
--- /dev/null
+++ b/force-app/main/default/lwc/sliderEditor/sliderEditor.js
@@ -0,0 +1,30 @@
+import { LightningElement, api } from 'lwc';
+
+export default class SliderEditor extends LightningElement {
+ @api label;
+ _width = 200; // Default width
+
+ @api
+ get width() {
+ return this._width;
+ }
+
+ set width(value) {
+ this._width = value;
+ }
+
+ connectedCallback() {
+ this.fireWidthChangedEvent();
+ }
+
+ handleChange(event) {
+ this._width = event.target.value;
+ this.fireWidthChangedEvent();
+ }
+
+ fireWidthChangedEvent() {
+ this.dispatchEvent(
+ new CustomEvent('valuechange', { detail: { value: this._width } })
+ );
+ }
+}
diff --git a/force-app/main/default/lwc/sliderEditor/sliderEditor.js-meta.xml b/force-app/main/default/lwc/sliderEditor/sliderEditor.js-meta.xml
new file mode 100644
index 00000000..dc327e97
--- /dev/null
+++ b/force-app/main/default/lwc/sliderEditor/sliderEditor.js-meta.xml
@@ -0,0 +1,9 @@
+
+
+ 59.0
+ true
+ Slider Custom Editor
+
+ lightning__PropertyEditor
+
+