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 + +