au-widget-pim-design-selector/IDesignSelectorConfig

Interfaces

IDesignSelectorConfig

Provides gallery properties.

You can use these properties in params of the AuWidgetGallery class.

{
  "type": "pim-design-selector",
  "name": "pim-design-selector",
  "params": {
    "designs": "{{ $['pim-ajax'].output.designs }}",
    "onChange": "{{ #function console.warn($['pim-design-selector']._); }}",
    "itemWidth": "200px"
  }
}

Properties

designs

designs: ProductInformationDesign[];

An array of designs to display in the gallery.

itemsPerPage?

optional itemsPerPage?: number;

Number of elements per page. Default value is 24.

onChange?

optional onChange?: Function | Function[];

A single function or an array of functions that will be executed when an item is changed.

onItemClick?

optional onItemClick?: Function | Function[];

A single function or an array of functions that will be executed when an item is clicked.

onItemDoubleClick?

optional onItemDoubleClick?: Function | Function[];

A single function or an array of functions that will be executed when an item is double clicked.

showItemsTitle?

optional showItemsTitle?: boolean;

If true, displays the title.

---

ItemFunctions

Properties

itemClickFunction

itemClickFunction: Function;

itemDoubleClickFunction

itemDoubleClickFunction: Function;