3.3.0

Features

• Ability to customize footer buttons

Templates

• Footer tempalte

Methods

• Added confirm() method
• Added toggleItems() method

Breaking changes

Below fields were renamed to keep logic and naming clear:

• Renamed okButtonText to confirmButtonText
• Renamed isOkButtonEnabled to isConfirmButtonEnabled
• Renamed hasOkButton to hasConfirmButton

4.2.0

Features

• Added isBackdropCloseEnabled field (359a443)
• Added searchText field setter (cb1625e)
• Added onSelect event (0b4b8a7)
• Added onClear event (d815e87)
• Added hasOkButton field (5f33ba4)
• itemsToConfirm now supports single selection when hasOkButton is true (5f33ba4)

Breaking changes

• Dropped support for @ionic/angular less than 4.0.0-beta.19 and upgraded to 4.0.0-rc.0. You need to install ionicons@4.5.1 or higher for the build to work

3.2.0

Features

• Added isBackdropCloseEnabled field (225c139)
• Added searchText field setter (095b028)
• Added onSelect event (f60e1a5)
• Added onClear event (64a91af)
• Added hasOkButton field (d986db9)
• itemsToConfirm now supports single selection when hasOkButton is true (d986db9)

Bug fixes

• Fixed a gap between top bar and no items found message (b9dc255)

3.1.0

Features

• Added Pro features to v3 version. Before only v4 had them.

4.1.1

Features

• All Pro features have been included in Free version, and Pro version has been removed.

Bug fixes

• ngSubmit is no longer firing when ionic-selectable is clicked (b079bf4).

Breaking changes

• focusSearchbar renamed to shouldFocusSearchbar.

4.0.0

Ionic 4 support

Now ionic-selectable can be used with Ionic >=4.0.0-beta.11.

Use 4+ version:

npm install ionic-selectable@4.0.0

3.0.3

Versions

• Ionic Selectable is split into two versions, Free version is available via npm as usual, and Pro can be purchased from Ionic Market. Check out version comparison two see what features have been moved to Pro version

Breaking changes

• Renamed Ionic Select Searchable to Ionic Selectable. See instructions to update below
• ionic-select-searchable is deprecated in favor of ionic-selectable

Instructions to update

• Remove ionic-select-searchable and install ionic-selectable

$ npm uninstall ionic-select-searchable
$ npm install ionic-selectable@3.0.3 --save

• Rename ionic-select-searchable import to ionic-selectable

Instructions to update templates

• Rename <select-searchable> tag to <ionic-selectable>
• Rename selectSearchableAddItemTemplate to ionicSelectableAddItemTemplate
• Rename selectSearchableCloseButtonTemplate to ionicSelectableCloseButtonTemplate
• Rename selectSearchableGroupRightTemplate to ionicSelectableGroupRightTemplate
• Rename selectSearchableGroupTemplate to ionicSelectableGroupTemplate
• Rename selectSearchableItemRightTemplate to ionicSelectableItemRightTemplate
• Rename selectSearchableItemTemplate to ionicSelectableItemTemplate
• Rename selectSearchableMessageTemplate to ionicSelectableMessageTemplate
• Rename selectSearchablePlaceholderTemplate to ionicSelectablePlaceholderTemplate
• Rename selectSearchableSearchFailTemplate to ionicSelectableSearchFailTemplate
• Rename selectSearchableTitleTemplate to ionicSelectableTitleTemplate
• Rename selectSearchableValueTemplate to ionicSelectableValueTemplate

Instructions to update TypeScript

• Rename SelectSearchableModule to IonicSelectableModule
• Rename SelectSearchablePageComponent to IonicSelectablePageComponent
• Rename SelectSearchableComponent to IonicSelectableComponent

Instructions to update CSS

• Rename select-searchable-page CSS class to ionic-selectable-page
• Rename select-searchable-page-can-clear CSS class to ionic-selectable-page-can-clear
• Rename select-searchable-page-is-multiple CSS class to ionic-selectable-page-is-multiple
• Rename select-searchable-page-is-searching CSS class to ionic-selectable-page-is-searching
• Rename select-searchable-page-is-add-item-template-visible CSS class to ionic-selectable-page-is-add-item-template-visible
• Rename select-searchable-page-ios CSS class to ionic-selectable-page-ios
• Rename select-searchable-page-md CSS class to ionic-selectable-page-md
• Rename select-searchable-message CSS class to ionic-selectable-message
• Rename select-searchable-spinner CSS class to ionic-selectable-spinner
• Rename select-searchable-spinner-background CSS class to ionic-selectable-spinner-background
• Rename select-searchable-group CSS class to ionic-selectable-group
• Rename select-searchable-item CSS class to ionic-selectable-item
• Rename select-searchable-item-is-selected CSS class to ionic-selectable-item-is-selected
• Rename select-searchable-item-is-disabled CSS class to ionic-selectable-item-is-disabled
• Rename select-searchable-item-button CSS class to ionic-selectable-item-button
• Rename select-searchable-add-item-template CSS class to ionic-selectable-add-item-template
• Rename select-searchable CSS class to ionic-selectable
• Rename select-searchable-ios CSS class to ionic-selectable-ios
• Rename select-searchable-md CSS class to ionic-selectable-md
• Rename select-searchable-is-multiple CSS class to ionic-selectable-is-multiple
• Rename select-searchable-has-value CSS class to ionic-selectable-has-value
• Rename select-searchable-has-placeholder CSS class to ionic-selectable-has-placeholder
• Rename select-searchable-is-enabled CSS class to ionic-selectable-is-enabled
• Rename select-searchable-can-clear CSS class to ionic-selectable-can-clear
• Rename select-searchable-value CSS class to ionic-selectable-value
• Rename select-searchable-value-item CSS class to ionic-selectable-item
• Rename select-searchable-icon CSS class to ionic-selectable-icon
• Rename select-searchable-icon-inner CSS class to ionic-selectable-icon-inner

2.10.0

Features

• Adding, editing and deleting items
• Imitation of highlighting behavior of Ionic Input, e.g. focus, touched, valid, invalid states

Use cases

• Adding, editing and deleting items
• Adding, editing and deleting items asynchronously
• Adding item when search fails
• Adding item asynchronously when search fails

Templates

• Add item template
• Search fail template

Fields

• Added canAddItem field
• Added canDeleteItem field
• Added canSaveItem field
• Added addButtonText field
• Added hasSearchText field
• Added isSearching field
• Added searchText field

Methods

• Added addItem() method
• Added deleteItem() method
• Added showAddItemTemplate() method
• Added hideAddItemTemplate() method
• Added showLoading() method
• Added hideLoading() method
• Added search() method

Events

• Added onAddItem event
• Added onDeleteItem event
• Added onSaveItem event
• Added onSearchFail event
• Added onSearchSuccess event

Breaking changes

• Renamed noItemsFoundText to searchFailText for consistency with new added options
• Renamed reset() method to clear() to avoid confusion with FormControl.reset() method
• Renamed canReset to canClear accordingly
• Renamed resetButtonText to clearButtonText accordingly
• Renamed select-searchable-page-can-reset CSS class to select-searchable-page-can-clear accordingly

2.8.2

Features

• Added Close button template (e961c36)

2.8.1

Features

• Added enableInfiniteScroll metod (5b02e12)
• Added disableInfiniteScroll metod (5b02e12)
• Added endInfiniteScroll metod (5b02e12)

Bug fixes

• Fixed broken two-way data binding of items when onSearch event is used together with hasVirtualScroll or hasInfiniteScroll (1ef2b9e)

Breaking changes

• Removed infiniteScroll parameter from onInfiniteScroll and onSearch events. To update follow the steps below. Check out the demo as well.

1. Replace event.infiniteScroll.enable(true); with event.component.enableInfiniteScroll();.
2. Replace event.infiniteScroll.enable(false); with event.component.disableInfiniteScroll();.
3. Replace event.infiniteScroll.complete(); with event.component.endInfiniteScroll();.