All notable changes to this project will be documented in this file.
The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.
- Added new properties to the
mi-dropdown-item
component calledexcludeFromAll
anddisabled
. - Extended the
mi-dropdown-item
component's documentation.
- Added a new property to the
mi-data-table
component called page.
- Fixed
my-position
component resetting the tilt of the map.
- Adjust
scroll-buttons
component to fit the new design.
- Refactor the
route-instructions-step
component to fit the new design.
- mi-search Make sure the display text is set on the input element value.
- mi-search Make sure to use valid language tag when requesting search suggestions from Mapbox.
- Support for using language property on the
mi-keyboard
. - Add
clearInput()
andgetInputField()
methods.
- The
mi-search
component that can now get external location info in any language by using thelanguage
property.
- Add support for listening to the
floor_changed
event in themi-floor-selector
component. - Add hovering effects on the
mi-list-item-location
component.
- Add support for searching for Mapbox places in the
mi-search
component.
- Add support for setting the compass style when the component has been rendered.
- Fixed version number.
- Add support for having
changed
event on the search component. - A
changed
event will be emitted whenever the valye of the input field is changed.
- Fixed documentation for the My Position component.
- Fixed My Position URL parameter not working.
- mi-route-instructions-maneuver has been renamed to
mi-route-instructions-maneuver-legacy
. - A new component for the
mi-route-instructions-maneuver
with a new design has been created.
- mi-location-info now supports translation of the word 'Level'.
- mi-my-position is now positioned according to the normal flow of the document.
- mi-my-position displays user-position in blue color.
- mi-floor-selector is a new component for showing a MapsIndoors Floor Selector.
- mi-my-position is a new component for showing a MapsIndoors My Position button.
- mi-list-item-location implements
showExternalId
property.
- mi-route-instructions-step support for
destination
type.
- mi-chip added suport for having background color property.
- mi-chip hover effects.
- mi-list-item-location hover effects.
- mi-search show clear button only when the input has a value.
- mi-keyboard moved the backspace character from lower right to upper right corner.
- mi-keyboard now displays
.
,-
and&
characters.
- mi-route-instructions-step now supports Biking and Driving transportations modes besides Walking.
- Updated the reposity release workflow.
- mi-route-instructions-step was changed to a simpler layout. The old layout was moved to mi-route-instructions-step-legacy.
- mi-chip is a new component for showing a "chip".
- mi-location-info will now show subtitle property if available on the location.
- mi-list-item-location
icon
property that can be used to explicitly set the icon. - mi-search now has a
disabled
prop, afocusInput
method to focus the input field, asetDisplayText
to override the text content and atriggerSearch
method to programatically trigger the search.
- mi-combo-box: Clicking inside the input field will highlight the text inside.
- mi-combo-box: Arrow will open/close dropdown. After a hard refresh, the combo box will not be in focus.
- mi-combo-box: Implemented a new Combo Box component.
- Support for French (AZERTY) and German (QWERTZ) layout keyboards.
- Upgrading various dependencies to the latest versions.
- mi-map-mapbox: The Floor Selector is going to be shown all the time, without map interaction.
- mi-map-googlemaps: The Floor Selector is going to be shown all the time, without map interaction. The attribute value of
myPositionControlPosition
andfloorSelectorControlPosition
should now be strings corresponding to value ofgoogle.maps.ControlPosition
.
- mi-dropdown: In Safari dropdown will be closed when clicked outside of the dropdown.
- mi-column:
monospace
prop for setting the font-family to monospace.
- mi-data-table: Adjustments of row heights to a more sensible, smaller height.
- mi-data-table: Now sorts numeric values as well as strings.
- mi-data-table: The checkbox in the header of the table now has the correct state when selected rows are deleted.
- route-instructions-step: Now supports escalators.
- Use font-family property from
midt
in all components
- mi-dropdown: Is now aware of its position in the viewport and will adjust the placement of the dropdown accordingly.
- mi-dropdown: Is now capable of sorting numeric values.
- mi-dropdown: When navigating the list using arrow up or down arrow keys, the currently highlighted item is kept in view by scrolling the list.
- mi-tabs: Now re-renders upon receiving new content.
- mi-data-table: Now supports n-depth object traversal so you can dot into objects when binding in the view.
- mi-dropdown: Prevent the dropdown component to interfere with other scrollable elements.
- mi-dropdown: A
disabled
attribute was added.
- mi-dropdown: Would throw an error when the
filterable
property wasn't set.
- mi-dropdown: Now has support for showing items with icons in the header when single selecting.
- mi-data-table: It's now possible to select rows when adding data to the table by setting the tables
selected
property.
- mi-dropdown: A
button-icon
part attribute to allow external styling of the icon img element.
- mi-dropdown: Now has the option to display user-specified text when hovering an
mi-dropdown-item
by setting thetitle
attribute.
- mi-dropdown: Tabbing to the clear button and pressing Enter would clear the input field and select the highlighted item instead of just clearing the input field.
- mi-dropdown:
mi-dropdown-item
s with icons were not filterable.
- mi-notification: Enums and interfaces is now exposed.
- mi-dropdown: The items within the content window now truncate long strings, and hovering over items will now show the full text.
- mi-dropdown: Fuzzy search now correctly shows the items that match the input query the most.
- mi-dropdown: The clear button in the input field is now hidden and untabable when there's no input string.
- mi-dropdown: Searching for items now uses a score to show the items that match the search query.
- mi-column: Styling issue that would cause columns with a fixed width to resize when changing the table width.
- mi-column:
alignContent
attribute for setting the alignment of the column's content. - mi-column:
width
attribute for setting a fixed width of the column.
- mi-data-table: Styling issue for none-sortable columns that caused extra padding to be applied.
- mi-dropdown: Using the cursor to select an item was not possible.
- mi-dropdown: Now shows the selected item again.
- mi-dropdown: Now supports navigating and selecting items using the keyboard.
- mi-dropdown: The dropdown filtering options now got a fixed position.
- mi-dropdown: The spacing between checkbox and icon is now
12px
. - mi-dropdown: The spacing between the icon and the label is now
8px
.
- mi-dropdown: Now has support for adding icons to items.
<mi-dropdown-item value="foo"><img src="example.com/image.png />bar</mi-dropdown-item>
. - mi-column: Now has an
sort
attribute for pre-sorting the table by that column.sort="asc|desc"
- mi-column: The
sortable
attribute can now take an optional value"date"
to sort the specific column as dates.sortable="date"
.
- mi-dropdown: Now has an
icon
property, which accepts an image source. - mi-dropdown: Now has an
icon-alt
property, which sets the alternative text for an image.
- mi-route-instructions: Support for three new highways that can occur in a route:
ladder
,wheelchairramp
andwheelcharlift
. - mi-icon: Icons for
ladder
,wheelchair-ramp
andwheelchair-lift
.
- mi-list-item-location and mi-list-item-category: Images hosted on
image.mapsindoors.com
are now requested with query parameters for getting the image in the displayed size.
- mi-data-table: Now has a
sticky-header
property, which can be used to make the table header non-sticky.
- mi-tabs: Now has a
bordered
property, which can be set to add a border surrounding the content view.
- mi-dropdown: Now displays a message when no results can be found based on the search query.
- mi-dropdown: Now disables the filter select buttons when there's nothing to select.
- mi-dropdown: Now performs filtering based on a fuzzy search algorithm.
- mi-dropdown: Filtering within the component now works as expected.
- mi-data-table:
emptyPageHeader
andemptyPageSubheader
properties added which can be used to set the header and subheader that is being presented when the table is empty.
- mi-dropdown:
itemsOrder
property added to control the sorting of the dropdown options.
- mi-scroll-buttons: The state of the up and down buttons now disable or enable correctly when the scrollbar reaches the top or bottom.
- mi-dropdown: Option to style icon on the right-hand side of the dropdown component.
- mi-dropdown: Dropdown content previously had no max height to prevent it from taking more space than available.
- mi-dropdown: Collapsing button now has a pre-defined height.
- mi-dropdown: Disabled state for the button when no textual content is available.
- mi-dropdown: The button will now display the name of the first
mi-dropdown-item
as its content instead of being empty.
- mi-dropdown: Option to style the textual content inside the button using document-level CSS.
- mi-dropdown: The button can now be styled using document-level CSS.
- mi-dropdown: The
mi-dropdown-item
's wasn't rendered when theitems
attribute was an empty array.
- mi-dropdown: The
mi-dropdown
component didn't render themi-dropdown-item
elements when set before the first render.
- mi-data-table: The
selectionChanged
event has been added. If the table is selectable this event will fire when the selection changes.
- mi-column: The
fit-content
attribute has been added. When present the column width will be fitted to the content.
- mi-data-table: The
selectable
attribute has been added. When present on the data-table the first column will be rendered as checkboxes.
- mi-dropdown: Documentation added.
- mi-dropdown: Cleanup of component including look and feel.
- mi-dropdown:
change
event now emits selected items instead of the component itself.
- mi-data-table: Emit
clicked
event when clickin on elements within table cells. - mi-column: Make it possible to use bindings for boolean HTML attributes within table cells.
- mi-column: Make it possible to style elements within table cells with MIDT helper classes and MapsIndoors CSS classes.
- mi-map-mapbox: New attribute for setting max pitch (defaults to 60).
- mi-map-mapbox: Upgrade to use Mapbox GL JS v2.3.0.
- From previously inserting a script tag manually to now using the Google Maps JS API Loader npm package.
- Fixed a bug where moving across buildings would show incorrect step heading.
- Updated the version used of @mapsindoors/typescript-interfaces.
- Deprecate the following interfaces: Anchor, Building, BuildingInfo, LatLng, DisplayRule, Field, Location, Venue in favor of using the TypeScript interface library @mapsindoors/typescript-interfaces.
- mi-map-googlemaps: Reduce memory leaks when removing component.
- mi-map-mapbox: Reduce memory leaks when removing component.
- mi-scroll-buttons: Documentation added.
- mi-route-instructions-step Replaced the empty circle with the steps action icon. Now showing the steps instruction when available (defaults to action for travel mode).
- mi-map-mapbox Removed default maxZoom value of 21. This is handled in the SDK.
- Upgrade to use the latest MapsIndoors JavaScript SDK (v4.7.0) with various bugfixes.
- mi-share-sms: Property name changed from
inputPlaceholder
toinput-placeholder
.
- mi-list-item-location: Added properties
iconBadge
andiconBadgeValue
which can be used to add a badge to the icon.
- mi-share-sms: Documentation updated.
- mi-location-info: Documentation updated.
- mi-step-switcher: Documentation updated.
- mi-map-googlemaps:
language
property added to set the language of the component. This property is not reactive. - mi-map-mapbox:
language
property added to set the language of the component. This property is not reactive.
- mi-map-googlemaps: Now checks if an instance of Google Maps API is initialized or not.
- mi-map-googlemaps: Now checks if an instance of the Mapbox API is initialized or not.
- mi-search: New custom
shortInput
event. - mi-map-googlemaps:
getDirectionsServiceInstance
method added to exposeDirectionsService
instance. - mi-map-googlemaps:
getDirectionsRendererInstance
method added to exposeDirectionsRenderer
instance. - mi-map-mapbox:
getDirectionsServiceInstance
method added to exposeDirectionsService
instance. - mi-map-mapbox:
getDirectionsRendererInstance
method added to exposeDirectionsRenderer
instance.
- mi-map-googlemaps:
showRoute
,setRoute
,clearRoute
,nextRouteLeg
,previousRouteLeg
,setRouteLegIndex
, andgetRoute
methods is deprecated in favor for newgetDirectionsRendererInstance
andgetDirectionsRendererInstance
methods. - mi-map-googlemaps: Component updated to latests SDK release (V. 4.5.0).
- mi-map-mapbox:
showRoute
,setRoute
,clearRoute
,nextRouteLeg
,previousRouteLeg
,setRouteLegIndex
, andgetRoute
methods is deprecated in favor for newgetDirectionsRendererInstance
andgetDirectionsRendererInstance
methods. - mi-map-mapbox: Component updated to latests SDK release (V. 4.5.0).
- RouteParams interface: Deprecation of
RouteParams
interface.
- mi-map-googlemaps: Default value for
strokeWeight
at thepolygonHighlightOptions
property is changed from 1 to 2. - mi-map-mapbox: Default value for
strokeWeight
at thepolygonHighlightOptions
property is changed from 1 to 2.
- mi-location-booking: Remove hardcoded participant list for the bookings.
- mi-location-booking: New component that can show and perform location bookings.
- mi-route-instructions: Documentation updated.
- mi-route-instructions-maneuver: Documentation updated.
- mi-map-googlemaps: Component updated to latests SDK release (V. 4.4.0).
- mi-map-mapbox: Component updated to latests SDK release (V. 4.4.0).
- Field Interface: Export
Field
interface used forfields
property atLocation
objects.
- mi-route-instructions: The step toggle didn't show the pointer cursor on hover if the step was active.
- mi-route-instructions: Add
activeStep
attribute for visually highlighting of current step. - mi-route-instructions: Add
step
andactive
part attributes for external styling of step element.
- mi-map-googlemaps: Documentation updated.
- mi-map-mapbox: Documentation updated.
- mi-route-instructions-step: Documentation updated.
- mi-distance: Documentation updated.
- mi-icon: Documentation updated. Note added regards component not being compatible with IE11.
- mi-route-instructions: The translations for "venue" and "building" was missing and can now be added to the
translations
attribute. - mi-route-instructions-step: The translations for "venue" and "building" was missing and can now be added to the
translations
attribute.
- mi-map-googlemaps: Add missing protocol to URL used for googleMaps API script tag.
- mi-route-instructions-maneuver: Set
instructions
property as default maneuver and fallback to themaneuver
property.
- mi-route-instructions:
originLocation
andoriginName
attributes added.
- mi-route-instructions-step: Header saying "Leave" was presented for outdoor to outdoor steps.
- mi-route-instructions: Add a
hideIndoorSubsteps
attribute which can be used to control the visibility of the indoor substeps at the<mi-route-instructions-step>
element. - mi-route-instructions-step: Add a
hideIndoorSubsteps
attribute which can be used to control the visibility of the indoor substeps. - mi-route-instructions-maneuver: Fallback to
instructions
property value if themaneuver
property is empty.
- mi-route-instructions-step: A solid box was rendered instead of a maneuver icon when the
maneuver
property was empty.
- mi-route-instructions: Handles for styleable elements in shadow tree.
- mi-route-instructions-step: Handles for styleable elements in shadow tree.
- mi-route-instructions-maneuver: Handles for styleable elements in shadow tree.
- mi-step-switcher: Documentation simplified for styling handles.
- mi-route-instructions-step: Transit destination wasn't presented.
- mi-route-instructions-heading: Documentation updated.
- mi-route-instructions: 'arrive' and 'take' translation strings is deprecated and not longer needed.
- mi-route-instructions-step: Transit destination wasn't presented.
- mi-step-switcher: Handles for styleable elements in shadow tree.
- mi-route-instructions: IE11 support.
- mi-route-instructions-step: IE11 support.
- mi-map-googlemaps: New map component using Google Maps as map provider and SDK V. 4.1.1.
- mi-map-mapbox: Position Control support added.
- mi-route-instructions-step: Added missing rendering of transit step.
- mi-spinner: Documentation updated.
- mi-notification: Documentation updated.
- mi-map-mapbox: Documentation added.
- mi-map: Component deprecated in favor for new
<mi-map-googlemaps>
component. - mi-map-mapbox: The
mapsIndoors
instance is removed from the payload of themapsIndoorsReady
event in favor for newgetMapsIndoorsInstance
method. - mi-map-mapbox: Deprecated the following methods:
panTo
,getBounds
,fitBounds
,setDisplayRule
,setVenue
,fitVenue
,filterLocations
, andclearLocationFilter
in favor for thegetMapInstance
andgetMapsIndoorsInstance
methods.
- mi-route-instructions: The action name reflects now the proper Enter/Exit step.
- mi-route-instructions: Adds Building or Venue name to step heading.
- mi-search: Reflect namespace changes introduced in SDK 4.
- mi-share-sms: Reflect namespace changes introduced in SDK 4.
- mi-route-instructions: Add default translations for
mi-time
component. - mi-time: Clean up handling of
translations
attribute.
- mi-map-mapbox: Component updated to latests SDK release (V. 4.1.1).
- mi-time:
translations
attributes is added. - mi-keyboard: Support added for
da-DK
browser language.
- mi-keyboard: Documentation update.
- mi-search: The fixed height of the component is removed.
- mi-search: Documentation update.
- mi-keyboard: Documentation update with sample usage and working example.
- mi-route-instructions: Documentation update to describe the clicked event.
- mi-map-mapbox: Component updated to latests SDK release (V. 4.1.0).
- mi-route-instructions: Unit property wasn't reflected in child components.
- mi-icon: Printer icon added.
- mi-route-instructions: New component displaying MapsIndoors route instructions.
- mi-map-mapbox:
highlightLocation
method is made public. - mi-map-mapbox:
clearPolygonHighlight
method is renamed toclearHighlightLocation
.
- mi-map-mapbox: New map component using Mapbox as map provider and the SDK v.4 alpha 7.
- Initial load url for dev server is changed to components.html.
- mi-search: Fixed bug where clearing search field could cause similar subsequent search to fail.
- mi-scroll-buttons: Changed the styling of the button container.
- mi-search: Expose a
mi-venue
prop to restrict MapsIndoors search results to a specific venue.
- mi-search: The clear button is now always visible in the right side on the input field no matter what browser is used.
- mi-map: Location polygon is highlighted when clicked. The highlight can be cleared using the
clearPolygonHighlight
method, and styling of the highlight can be controlled with thepolygonHighlightOptions
prop.
- mi-location-info: details string wasn't returned when the venue and building was named the same.
- mi-keyboard: eventListener was attached multiple times.
- mi-keyboard: custom
inputCleared
event listener.
- mi-location-info: details for outdoor locations wasn't shown.
- mi-keyboard: some breaking changes was introduced for better control of when the keyboard should be visible. A layout and inputElement property is added.
- mi-share-sms: necessary changes to reflect changes made in mi-keyboard component.
- New: mi-share-sms component.
- mi-map: didn't show any locations until the map had been idle.
- mi-card: had a unnecessary div tag which in some cases did cause trouble.
- Upgrade to MapsIndoors JS SDK version 3.11.0.
- mi-search: fixed
mi-near
to provide correctly formatted data to the SDK.
- mi-search: added a componentRendered event.
- mi-search: added a idAttribute and dataAttributes attribute.
- mi-keyboard: added a "same element" check to handleFocusin method.
- mi-step-switcher: adjusted the vertical padding.
- New: mi-step-switcher component.
- Changelog.
- Switched to semantic versioning.
- mi-search: disabled browser autocomplete.
- mi-search: style changes for a larger appearance.
- mi-keyboard: removed the enter key from the keyboard layouts.
- mi-list-item-location: vertically centering.
- mi-location-info: removed alike building names.
- mi-keyboard: when clicking outside the keyboard to dismiss it now exposes the correct click target.
- mi-list: fixed reference bug.