@mapsindoors/map-template 1.95.2 → 1.95.3

package/dist/mi-data-table.entry.js

@@ -53,6 +53,8 @@ const DataTable = class {
         this.renderTableContent();
     }
     connectedCallback() {
+        if (!this.rows)
+            return;
         const miColumns = this.el.querySelectorAll('mi-column');
         this.columns = Array.from(miColumns).map((miColumn) => {
             const column = {
@@ -174,12 +176,12 @@ const DataTable = class {
         }
     }
     render() {
-        return (h(Host, { key: '5f33c379fd4a1726cad525f3674e6a4e8c5e90e0' }, h("table", { key: '852a27330cd0208c9f8d2bcab8589c44e809c713', class: "table" }, h("thead", { key: 'a111f00a7d2e84678b21bea62ad3b999b5dbabf0' }, h("tr", { key: '0550d95de2276ecd673389c0b7eac6421a80a2b7' }, this.renderSelectHeader(), this.columns.map(column => {
+        return (h(Host, { key: 'fc96b149bc557f8d2ef6fd95bf89d2596e748bd3' }, h("table", { key: '9939b343c303eabb12b894487e7a2218d9f1cf7b', class: "table" }, h("thead", { key: '0198ecdcf36e13590187ca682a52f6216e0423c1' }, h("tr", { key: '1a6f6eb7c26b8d37b93c8189da6cf64360a32285' }, this.renderSelectHeader(), this.columns.map(column => {
             var _a;
             const width = !column.fitContent ? column.width || 'auto' : '';
             const sortOrder = ((_a = this.sortByColumn) === null || _a === void 0 ? void 0 : _a.column) === column ? this.sortByColumn.sortOrder : null;
             return h("th", { "data-binding": column.binding, style: { 'width': width, 'max-width': width, 'min-width': width }, onClick: (event) => this.columnHeaderClickHandler(event, column), class: `table__header-cell ${this.isHeaderSticky ? 'table__header-cell--sticky' : ''} ${isNullOrUndefined(column.sortable) ? 'table__header-cell--no-sort' : ''} ${isNullOrUndefined(sortOrder) ? '' : sortOrder} ${column.fitContent ? 'table__header-cell--fit-content' : ''}` }, column.label);
-        }))), h("tbody", { key: '230d8604fd9f43ea6264bf3ecebc3acb09d230ed' }, this.renderTableContent())), this.tableRows.length === 0 ? this.renderEmptyPage() : null));
+        }))), h("tbody", { key: '5543ed9ff86b1f53220e1ec95b58b3131f1e3bbd' }, this.renderTableContent())), this.tableRows.length === 0 ? this.renderEmptyPage() : null));
     }
     /**
      * If the table is selectable then renderSelectHeader will render the th element with the checkbox to check or uncheck all items in the table.

package/dist/mi-dropdown.entry.js

@@ -295,6 +295,8 @@ const Dropdown = class {
      * Lifecycle method called when the component is updated.
      */
     componentDidRender() {
+        if (!this.items)
+            return;
         this.calculateDropDownPosition();
         if (!this.multiple) {
             // Makes sure that an item is always highlighted when the content window is open.
@@ -525,8 +527,8 @@ const Dropdown = class {
         const filter = this.filterable ? this.renderFiltering() : null;
         const multiple = this.multiple ? this.renderMultipleOptions() : null;
         const leftSideIcon = this.iconSrc ? this.renderLeftSideIcon() : null;
-        const listOfItems = (h("ul", { key: 'ff19a6a97fca88aedd028fab4bd5980374f91c95', class: "list" }, this.currentItems.map((item, index) => this.renderListItem(item, index, (multiple ? true : false)))));
-        return (h(Host, { key: 'c6b2f66e22e532a6b28c95e7715ba58f0fac0ca6', class: { 'open': this.open } }, h("button", { key: '8fc5ea12d4a02d434aea1b78717002a1be34debe', part: "button", class: "button", disabled: this.disabled || this.items.length === 0, onClick: () => this.toggleContentWindow() }, leftSideIcon, this.renderButtonLabel(), h("svg", { key: '8b6f271f89242ab40c16ef149a40dd0fde9ba08c', class: "arrow", part: "icon-down-arrow", width: "12", height: "6", viewBox: "0 0 18 10", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '127e71c1bfc6cb5c2f3deac9f54fa3b95cfea612', d: "M9.37165 9.58706C9.17303 9.80775 8.82697 9.80775 8.62835 9.58706L0.751035 0.834484C0.46145 0.512722 0.689796 7.73699e-08 1.12268 1.25924e-07L16.8773 1.89302e-06C17.3102 1.94157e-06 17.5386 0.512723 17.249 0.834484L9.37165 9.58706Z" }))), h("section", { key: '90ba4cb1f24f80073f469da9967f4b413098f892', ref: (el) => this.listElement = el, part: "dropdown-container", class: "content", "tab-index": "1" }, filter, multiple, this.currentItems.length === 0 ? this.renderNoResultsTemplate() : listOfItems)));
+        const listOfItems = (h("ul", { key: '95a252f97ce61e89e5aeda83d8106e22394765a4', class: "list" }, this.currentItems.map((item, index) => this.renderListItem(item, index, (multiple ? true : false)))));
+        return (h(Host, { key: '0c745c84dba8ff682411751d5c70297279602f12', class: { 'open': this.open } }, h("button", { key: 'ac6873022da51f3289d3db29ddcb280a4ad304b0', part: "button", class: "button", disabled: this.disabled || this.items.length === 0, onClick: () => this.toggleContentWindow() }, leftSideIcon, this.renderButtonLabel(), h("svg", { key: 'a86464b106e4e7e31540f7c84afd83ca852158af', class: "arrow", part: "icon-down-arrow", width: "12", height: "6", viewBox: "0 0 18 10", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '98210e841220078401226d3beef0c78102199afb', d: "M9.37165 9.58706C9.17303 9.80775 8.82697 9.80775 8.62835 9.58706L0.751035 0.834484C0.46145 0.512722 0.689796 7.73699e-08 1.12268 1.25924e-07L16.8773 1.89302e-06C17.3102 1.94157e-06 17.5386 0.512723 17.249 0.834484L9.37165 9.58706Z" }))), h("section", { key: '12d83258fac629639bec4469826ed4d6fe59d3b0', ref: (el) => this.listElement = el, part: "dropdown-container", class: "content", "tab-index": "1" }, filter, multiple, this.currentItems.length === 0 ? this.renderNoResultsTemplate() : listOfItems)));
     }
     /**
      * Helper function to render markup when no items are available to be displayed in the content window.

package/dist/mi-floor-selector.entry.js

@@ -149,6 +149,8 @@ const FloorSelector = class {
      * It resets the floorlist and the active floor when the building changes.
      */
     connectedCallback() {
+        if (!this.mapsindoors)
+            return;
         this.mapsindoors.addListener('building_changed', () => {
             this.floors = [];
             const building = this.mapsindoors.getBuilding();
@@ -179,6 +181,8 @@ const FloorSelector = class {
      * Called after every render().
      */
     componentDidRender() {
+        if (!this.mapsindoors || !this.floorSelectorElement)
+            return;
         if (!this.mapsindoors.getBuilding() || this.mapsindoors.getFloor() === null || this.mapsindoors.getFloor() === undefined) {
             this.floorSelectorElement.classList.add('mi-floor-selector--hidden');
         }
@@ -196,7 +200,7 @@ const FloorSelector = class {
      * @returns {JSX.Element}
      */
     render() {
-        return (h(Host, { key: 'de95d023bdcb3e5f06e46366cddca9bcb7b000d4' }, h("div", { key: '7fa2423b4b77dfbad7b27f103e48910606446e59', class: 'mi-floor-selector', ref: (element) => this.floorSelectorElement = element }, h("button", { key: '939b69c8912f8d2d0c5aec56e79c616c0e7ac30a', class: `mi-floor-selector__button mi-floor-selector__button--${this.floorSelectorClosed ? 'closed' : 'open'}`, onClick: () => this.onToggleFloorSelector() }), h("div", { key: '4c926e280127006f530332b180233796de86d302', class: `mi-floor-selector__list ${this.fadeFloorSelectorOnTop ? 'mi-floor-selector__list--fade-top' : ''} ${this.fadeFloorSelectorOnBottom ? 'mi-floor-selector__list--fade-bottom' : ''}`, ref: (element) => this.floorListElement = element, onScroll: () => this.onScrollStyle() }, this.floors.map((floor) => (h("button", { "data-floor": floor.index, style: this.currentFloor === floor.index ? { backgroundColor: this.primaryColor } : {}, class: `mi-floor-selector__floor ${this.currentFloor === floor.index ? 'mi-floor-selector__floor--active' : ''}`, onClick: (event) => this.onSelectFloor(event, floor.index) }, h("span", null, floor.name))))))));
+        return (h(Host, { key: '94371368bf86dbdf8e87431f6d56ed44d0d243ea' }, h("div", { key: '1851cc7c272e8721cba6c924393352a276b058a5', class: 'mi-floor-selector', ref: (element) => this.floorSelectorElement = element }, h("button", { key: '8f6ca96d5ce9f200ccc0a3bdeaea8dcfe020119a', class: `mi-floor-selector__button mi-floor-selector__button--${this.floorSelectorClosed ? 'closed' : 'open'}`, onClick: () => this.onToggleFloorSelector() }), h("div", { key: '75fac544899864d762e90a437d616a16cd93487a', class: `mi-floor-selector__list ${this.fadeFloorSelectorOnTop ? 'mi-floor-selector__list--fade-top' : ''} ${this.fadeFloorSelectorOnBottom ? 'mi-floor-selector__list--fade-bottom' : ''}`, ref: (element) => this.floorListElement = element, onScroll: () => this.onScrollStyle() }, this.floors.map((floor) => (h("button", { "data-floor": floor.index, style: this.currentFloor === floor.index ? { backgroundColor: this.primaryColor } : {}, class: `mi-floor-selector__floor ${this.currentFloor === floor.index ? 'mi-floor-selector__floor--active' : ''}`, onClick: (event) => this.onSelectFloor(event, floor.index) }, h("span", null, floor.name))))))));
     }
     get el() { return getElement(this); }
 };

package/dist/mi-keyboard.entry.js

@@ -180,6 +180,8 @@ const Keyboard = class {
             theme: 'hg-theme-default hg-layout-numeric numeric-theme'
         });
         // Populate the keyboard's internal input value with any existing value from the input field.
+        if (!this.inputElement)
+            return;
         this.simpleKeyboard.setInput(this.inputElement.value);
     }
     /**
@@ -240,7 +242,7 @@ const Keyboard = class {
      * @returns {JSX.Element}
      */
     render() {
-        return (h("div", { key: 'c095acdc1353039ad2b9dd009f0a79e4611871cc', class: 'simple-keyboard' }));
+        return (h("div", { key: 'b156e627b81f1ea2868b72aa9699b1e5a3c96b39', class: 'simple-keyboard' }));
     }
     static get watchers() { return {
         "inputElement": [{

package/dist/mi-list.entry.js

@@ -17,6 +17,10 @@ const List = class {
         this.scrollLength = 100;
     }
     componentDidLoad() {
+        if (!this.scrollButtonsEnabled && this.scrollButtonsEnabled !== false)
+            return;
+        if (typeof this.scrollLength !== 'number')
+            return;
         this.addIntersectionObserver();
         if (this.scrollButtonsEnabled) {
             this.setScrollContainerElementRef();
@@ -56,7 +60,7 @@ const List = class {
         this.intersectionObserver.observe(this.scrollContainerElement);
     }
     render() {
-        return (h("div", { key: '8d38719fbe1586826bc34884d7687fcfbdd23a4d', class: "container" }, h("div", { key: '704dd6782c94e34e6bc368771499898b7184e4e5', role: "list", class: "scroll-container", ref: (el) => this.scrollContainerElement = el }, h("slot", { key: 'ad4da577575a168ef3e8e56735e4b359e084c616' })), this.scrollButtonsEnabled ? h("mi-scroll-buttons", { scrollLength: this.scrollLength, ref: (el) => this.miScrollButtonsElement = el }) : null));
+        return (h("div", { key: 'bc2f046eadf87cd3ce09af999a80f3c46b83f985', class: "container" }, h("div", { key: '59fce6d0b99e85506457e8cd26378b771853c091', role: "list", class: "scroll-container", ref: (el) => this.scrollContainerElement = el }, h("slot", { key: '589917cef174ca09f80310b8acbc8f726a11581b' })), this.scrollButtonsEnabled ? h("mi-scroll-buttons", { scrollLength: this.scrollLength, ref: (el) => this.miScrollButtonsElement = el }) : null));
     }
 };
 List.style = listCss();

package/dist/mi-my-position.entry.js

@@ -2270,6 +2270,8 @@ const MyPositionComponent = class {
      */
     connectedCallback() {
         var _a;
+        if (!this.mapsindoors)
+            return;
         this.mapView = this.mapsindoors.getMapView();
         this.options = merge(this.defaultOptions, (_a = this.myPositionOptions) !== null && _a !== void 0 ? _a : {});
         // Clean up any existing position provider listeners before assigning a new one
@@ -2407,6 +2409,8 @@ const MyPositionComponent = class {
      * Component render callback.
      */
     componentDidRender() {
+        if (!this.mapView)
+            return;
         this.setCompassStyle(this.mapView.getBearing());
     }
     /**
@@ -2438,14 +2442,14 @@ const MyPositionComponent = class {
      * @returns {JSX.Element}
      */
     render() {
-        return (h(Host, { key: '25b6a75a2f84e4f286fae4d8ab7fd4a1a524fd24' }, h("div", { key: 'bf28f953743107da5c988816f92be936d657c856', class: 'mi-my-position' }, h("button", { key: 'bb93195422107b961e9029421741b40517e7f784', class: `mi-my-position__position-button
+        return (h(Host, { key: '1bd75195ad233880f7b5779077491ea2eeac1043' }, h("div", { key: '207646d366dca4c935f93e11de64fe34281ed756', class: 'mi-my-position' }, h("button", { key: '86d6f5c11fe677a0af8d148c82b5d8715bfacb37', class: `mi-my-position__position-button
                             ${this.positionState === PositionStateTypes.POSITION_UNKNOWN || this.positionState === PositionStateTypes.POSITION_INACCURATE ? 'mi-my-position__position-button--unknown' : ''}
                             ${this.positionState === PositionStateTypes.POSITION_REQUESTING ? 'mi-my-position__position-button--requesting' : ''}
                             ${this.positionState === PositionStateTypes.POSITION_KNOWN ? 'mi-my-position__position-button--known' : ''}
                             ${this.positionState === PositionStateTypes.POSITION_CENTERED ? 'mi-my-position__position-button--centered' : ''}
                             ${this.positionState === PositionStateTypes.POSITION_TRACKED ? 'mi-my-position__position-button--tracked' : ''}
                             ${this.positionState === PositionStateTypes.POSITION_UNTRACKED ? 'mi-my-position__position-button--untracked' : ''}
-                            ${this.positionState === PositionStateTypes.POSITION_FOLLOW ? 'mi-my-position__position-button--follow' : ''}`, onClick: (event) => this.onPositionButtonClicked(event) }), h("button", { key: 'a68ed322c7be7cd6f6584220d7a94243f2d18446', ref: (el) => this.compassButton = el, class: 'mi-my-position__compass-button', onClick: () => this.onCompassButtonClicked() }))));
+                            ${this.positionState === PositionStateTypes.POSITION_FOLLOW ? 'mi-my-position__position-button--follow' : ''}`, onClick: (event) => this.onPositionButtonClicked(event) }), h("button", { key: '06d2973cf54899046d6d03422d9e7e2cb2762f5e', ref: (el) => this.compassButton = el, class: 'mi-my-position__compass-button', onClick: () => this.onCompassButtonClicked() }))));
     }
 };
 MyPositionComponent.style = myPositionCss();

package/dist/mi-route-instructions.entry.js

@@ -78,6 +78,8 @@ const RouteInstructions = class {
         this.lastStepTransitStop = null;
     }
     componentDidRender() {
+        if (!this.hideIndoorSubsteps && this.hideIndoorSubsteps !== false)
+            return;
         this.miStepElements.forEach((element) => {
             element.hideIndoorSubsteps = this.hideIndoorSubsteps;
         });

package/dist/mi-scroll-buttons.entry.js

@@ -54,6 +54,8 @@ const ScrollButtons = class {
      * @returns {Promise<void>}
      */
     async updateScrollButtonsState() {
+        if (!this.scrollContainerElementRef || !this.upButtonElement)
+            return;
         // Disable or enable the scroll up button
         if (this.scrollContainerElementRef.scrollTop === 0) {
             this.upButtonElement.disabled = true;
@@ -95,17 +97,17 @@ const ScrollButtons = class {
      * @returns {JSX.Element}
      */
     render() {
-        return (h("div", { key: '6e7798e435c65cf6546e4d3b7a5caaae8fbc8593', part: "container", class: "scroll-buttons" }, h("button", { key: 'eb9f16636f24fbd9f5552363939841f318d0af9e', part: "button button-up", class: "mi-button mi-button--base btn btn-up", type: "button", disabled: true, "aria-label": "Scroll Up", ref: (el) => {
+        return (h("div", { key: '35e32a60ec5721855c552d6f7771ff53301d5981', part: "container", class: "scroll-buttons" }, h("button", { key: 'e5b1d5811d4b693c18c3e68a82c9607b7f06be36', part: "button button-up", class: "mi-button mi-button--base btn btn-up", type: "button", disabled: true, "aria-label": "Scroll Up", ref: (el) => {
                 this.upButtonElement = el;
             }, onClick: (event) => {
                 event.stopPropagation();
                 this.updateScrollPosition(-this.scrollLength);
-            } }, h("mi-icon", { key: 'a6fa66568854de9e1372242d64b1f1b6101cac2c', "icon-name": "chevron-up" })), h("button", { key: '14647752d65d98c1a7ede9dfd25241bde764e7bc', part: "button button-down", class: "mi-button mi-button--base btn btn-down", type: "button", "aria-label": "Scroll Down", ref: (el) => {
+            } }, h("mi-icon", { key: '061c50e3809963dfcc558bd9bf6ce71904aa5a30', "icon-name": "chevron-up" })), h("button", { key: '6706f4cf2ba101a9453018fab8c532c90d4c27ee', part: "button button-down", class: "mi-button mi-button--base btn btn-down", type: "button", "aria-label": "Scroll Down", ref: (el) => {
                 this.downButtonElement = el;
             }, onClick: (event) => {
                 event.stopPropagation();
                 this.updateScrollPosition(this.scrollLength);
-            } }, h("mi-icon", { key: '7f4a95d3be41402bebfe4ee48ed7d2576dc10018', "icon-name": "chevron-down" }))));
+            } }, h("mi-icon", { key: '1cc8e05eebf066dac04ff12bac6767d8d7d59c29', "icon-name": "chevron-down" }))));
     }
     static get watchers() { return {
         "scrollContainerElementRef": [{

package/dist/mi-search.entry.js

@@ -187,6 +187,8 @@ const Search = class {
      * Clear the input field.
      */
     async clear() {
+        if (!this.inputElement)
+            return;
         this.inputElement.value = '';
         this.value = '';
         this.lastRequested = null;
@@ -196,6 +198,8 @@ const Search = class {
      * Programmatically trigger the search.
      */
     async triggerSearch() {
+        if (!this.inputElement)
+            return;
         const inputValue = this.inputElement.value;
         this.search(inputValue);
     }
@@ -204,6 +208,8 @@ const Search = class {
      * Setting it will not perform a search.
      */
     async setDisplayText(displayText) {
+        if (!this.inputElement)
+            return;
         this.preventSearch = true;
         this.inputElement.value = displayText;
         this.value = displayText;
@@ -215,12 +221,16 @@ const Search = class {
      * from scrolling the document to bring the newly-focused element into view.
      */
     async focusInput() {
+        if (!this.inputElement)
+            return;
         this.inputElement.focus({ preventScroll: true });
     }
     /**
      * Get hold of the search input field.
      */
     async getInputField() {
+        if (!this.inputElement)
+            return null;
         return this.inputElement;
     }
     /**
@@ -391,6 +401,8 @@ const Search = class {
         }
     }
     componentDidRender() {
+        if (!this.inputElement)
+            return;
         if (this.dataAttributes) {
             for (const key in this.dataAttributes) {
                 this.inputElement.setAttribute(key, this.dataAttributes[key]);
@@ -400,8 +412,8 @@ const Search = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: '1d524038db7c50caf9fae15f096e2deb7a00260a' }, h("input", { key: '34dfd499754a26fd9dbec28442a357200bbff512', disabled: this.disabled, id: this.idAttribute ? this.idAttribute : null, type: "search", ref: (el) => this.inputElement = el, onInput: () => this.inputChanged(), placeholder: this.placeholder, autocomplete: "off" }), ((_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.value) &&
-            h("button", { key: '0247bf1383ae69d463035bfddca474be239581e8', type: "button", onClick: () => this.clear(), "aria-label": "Clear" }, h("svg", { key: '5836e18679a30a44a22881b49aa0934ff8fff13d', width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'c3cf6f24d26c0d9b66f4cb2d93c60aded7b5d947', d: "M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" })))));
+        return (h(Host, { key: '2a7218a542e11e078974394e53952a96170d900a' }, h("input", { key: '933157a4c89795b1a90c2472303586390ae18e4c', disabled: this.disabled, id: this.idAttribute ? this.idAttribute : null, type: "search", ref: (el) => this.inputElement = el, onInput: () => this.inputChanged(), placeholder: this.placeholder, autocomplete: "off" }), ((_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.value) &&
+            h("button", { key: '92360364b036ba224cd74741b5ac95818f05564c', type: "button", onClick: () => this.clear(), "aria-label": "Clear" }, h("svg", { key: 'da9d421f4fd9033a0326f9ede9974de48430498a', width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '759d43febded3f03cb538038d323836ccd423a54', d: "M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" })))));
     }
     static get watchers() { return {
         "value": [{

package/dist/mi-share-sms.entry.js

@@ -46,6 +46,8 @@ const ShareSms = class {
         };
     }
     componentDidRender() {
+        if (!this.countryCodeInputElement || !this.countryCode)
+            return;
         this.countryCodeInputElement.value = this.countryCode;
     }
     componentDidLoad() {
@@ -84,7 +86,7 @@ const ShareSms = class {
         this.submitButtonElement.disabled = false;
     }
     render() {
-        return (h("form", { key: '4d6b6a2e7021daa63d91509f0c848c672d6e82e2', onSubmit: this.submitFormHandler, ref: (el) => this.formElement = el }, h("div", { key: '2fc6c9bfc7ab5b39cd64d8e22fb3dce2eabc05d3', class: "inputs" }, h("span", { key: 'b2304f9e435f795e9e7ae10f0a039fd681f94796', class: "plus-sign" }, "\uFF0B"), h("input", { key: '3eb7ee171409f1e7f36596a617540ad79ca48a17', id: "country-code", class: "country-code", pattern: "[0-9]{1,3}", required: true, autocomplete: "off", type: "text", placeholder: this.countryCode, ref: (el) => this.countryCodeInputElement = el, onInput: () => this.updateFormValidity(), onFocus: (e) => this.setKeyboardInputElement(e) }), h("input", { key: '3b97aa3beadd03d823e10bcceaf40f93e2dd5448', id: "phone-number", class: "phone-number", pattern: "[0-9]{6,10}", required: true, autocomplete: "off", type: "text", placeholder: this.phoneNumberInputPlaceholder, ref: (el) => this.phoneNumberInputElement = el, onInput: () => this.updateFormValidity(), onFocus: (e) => this.setKeyboardInputElement(e) })), h("mi-keyboard", { key: 'b0355bab5b026232943b56c8ca1f4883578d7a17', layout: "numeric", ref: (el) => this.miKeyboardElement = el }), h("div", { key: '28a97726023b3b57a6aa890bf31c8a249893bdad', class: "flex justify-center" }, h("button", { key: 'e455ace31620e5d2c641acc549291e9a8b54851a', type: "submit", disabled: true, class: "mi-button mi-button--primary", ref: (el) => this.submitButtonElement = el }, this.submitButtonLabel))));
+        return (h("form", { key: '6b95e4a70dd312d48820f1ab7d097f5015fbcd82', onSubmit: this.submitFormHandler, ref: (el) => this.formElement = el }, h("div", { key: 'a1d9078dcf9edea773fff8437117fabd96cee74d', class: "inputs" }, h("span", { key: '79d9bc0cdee2f4a8d950f912ed384cb91fa9c651', class: "plus-sign" }, "\uFF0B"), h("input", { key: '803a9d46a87d0984401995ba6c999dc6e349664a', id: "country-code", class: "country-code", pattern: "[0-9]{1,3}", required: true, autocomplete: "off", type: "text", placeholder: this.countryCode, ref: (el) => this.countryCodeInputElement = el, onInput: () => this.updateFormValidity(), onFocus: (e) => this.setKeyboardInputElement(e) }), h("input", { key: '6b2276bafe173ceebbe3b4e878f5db6081d536fe', id: "phone-number", class: "phone-number", pattern: "[0-9]{6,10}", required: true, autocomplete: "off", type: "text", placeholder: this.phoneNumberInputPlaceholder, ref: (el) => this.phoneNumberInputElement = el, onInput: () => this.updateFormValidity(), onFocus: (e) => this.setKeyboardInputElement(e) })), h("mi-keyboard", { key: 'd6f440ff7123ce57e02a6831aa9907048b9b59fa', layout: "numeric", ref: (el) => this.miKeyboardElement = el }), h("div", { key: 'd86ec402d9aa5c457d26b6ab26bdf292f088e3be', class: "flex justify-center" }, h("button", { key: '70b53db06f85c5e463b84189731e1d479b0cdf77', type: "submit", disabled: true, class: "mi-button mi-button--primary", ref: (el) => this.submitButtonElement = el }, this.submitButtonLabel))));
     }
 };
 ShareSms.style = shareSmsCss();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mapsindoors/map-template",
   "description": "Get a MapsIndoors map up and running in less than 10 mins.",
-  "version": "1.95.2",
+  "version": "1.95.3",
   "private": false,
   "files": [
     "dist/*.js",