@ta-interaktiv/react-municipality-search 1.4.0 → 1.5.2

package/CHANGELOG.md

@@ -2,6 +2,36 @@
 
 All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.5.2](https://gitlab.com/ta-interaktiv/packages/compare/@ta-interaktiv/react-municipality-search@1.5.1...@ta-interaktiv/react-municipality-search@1.5.2) (2022-06-20)
+
+### Bug Fixes
+
+- try to publish ([55709f9](https://gitlab.com/ta-interaktiv/packages/commit/55709f97a752e5753430f8068e2edc858b22a84b))
+
+### Reverts
+
+- Revert "Publish" ([627f67e](https://gitlab.com/ta-interaktiv/packages/commit/627f67ed0bb983a9213d344c699c6c1518f1a2a7))
+- Revert "Publish" ([5f254e3](https://gitlab.com/ta-interaktiv/packages/commit/5f254e3d553853fa050f2635afc8fa36186b517c))
+
+## [1.5.1](https://gitlab.com/ta-interaktiv/packages/compare/@ta-interaktiv/react-municipality-search@1.5.1...@ta-interaktiv/react-municipality-search@1.5.1) (2022-06-20)
+
+### Reverts
+
+- Revert "Publish" ([627f67e](https://gitlab.com/ta-interaktiv/packages/commit/627f67ed0bb983a9213d344c699c6c1518f1a2a7))
+- Revert "Publish" ([5f254e3](https://gitlab.com/ta-interaktiv/packages/commit/5f254e3d553853fa050f2635afc8fa36186b517c))
+
+# [1.5.0](https://gitlab.com/ta-interaktiv/packages/compare/@ta-interaktiv/react-municipality-search@1.4.1...@ta-interaktiv/react-municipality-search@1.5.0) (2022-06-01)
+
+### Features
+
+- muniSearch refactor to styledComponents ([603fadd](https://gitlab.com/ta-interaktiv/packages/commit/603fadd02ff8280c20eab454d0cae28d88a505ba))
+
+## [1.4.1](https://gitlab.com/ta-interaktiv/packages/compare/@ta-interaktiv/react-municipality-search@1.4.0...@ta-interaktiv/react-municipality-search@1.4.1) (2022-06-01)
+
+### Bug Fixes
+
+- muniSearch switched to css module ([10dbc07](https://gitlab.com/ta-interaktiv/packages/commit/10dbc074f415bdd3fb1d1ab85d47d62eb57b93d5))
+
 # [1.4.0](https://gitlab.com/ta-interaktiv/packages/compare/@ta-interaktiv/react-municipality-search@1.3.0...@ta-interaktiv/react-municipality-search@1.4.0) (2022-05-18)
 
 ### Features

package/dist/index.js

@@ -9,28 +9,19 @@ var React__default = _interopDefault(React);
 require('@ta-interaktiv/semantic-ui/semantic/dist/components/icon.css');
 require('@ta-interaktiv/semantic-ui/semantic/dist/components/input.css');
 require('@ta-interaktiv/semantic-ui/semantic/dist/components/label.css');
+var styled = _interopDefault(require('styled-components'));
 var reactSpring = require('react-spring');
 var IntlMessageFormat = _interopDefault(require('intl-messageformat'));
 
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation. All rights reserved.
-Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-this file except in compliance with the License. You may obtain a copy of the
-License at http://www.apache.org/licenses/LICENSE-2.0
-THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-MERCHANTABLITY OR NON-INFRINGEMENT.
-See the Apache Version 2.0 License for specific language governing permissions
-and limitations under the License.
-***************************************************************************** */
 var extendStatics = function(d, b) {
     extendStatics = Object.setPrototypeOf ||
         ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
     return extendStatics(d, b);
 };
 function __extends(d, b) {
+    if (typeof b !== "function" && b !== null)
+        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
     extendStatics(d, b);
     function __() { this.constructor = d; }
     d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -56,34 +47,11 @@ function __spread() {
         ar = ar.concat(__read(arguments[i]));
     return ar;
 }
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-  if (!css || typeof document === 'undefined') { return; }
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
+function __makeTemplateObject(cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
 }
 
-var css_248z = "/* IDENTIFICATOR STYLES */\n.styles-module_flexInput__UKuph {\n  display: flex; }\n\n.styles-module_inputRow__2d_ug {\n  display: flex;\n  flex-direction: row;\n  align-items: center; }\n  @media screen and (max-width: 599px) {\n    .styles-module_inputRow__2d_ug {\n      flex-direction: column; }\n      .styles-module_inputRow__2d_ug .ui.input {\n        width: 100%;\n        max-width: 100%; } }\n\n.styles-module_results__3PGlX {\n  margin-top: 1ex;\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));\n  grid-gap: 0;\n  font-family: var(--ui-font-stack); }\n\n.styles-module_result__3usMx {\n  padding: calc(11 / 16 * 1em) calc(14 / 16 * 1em);\n  border-radius: 0.2ex;\n  box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);\n  color: rgba(0, 0, 0, 0.9);\n  line-height: 1.1em;\n  cursor: pointer;\n  transition: box-shadow 200ms ease-in-out;\n  background-color: transparent; }\n  .styles-module_result__3usMx:hover, .styles-module_result__3usMx:focus {\n    box-shadow: 0 0 0.5ex rgba(0, 0, 0, 0.2), 0 0 0 1px #007abf inset;\n    background-color: rgba(255, 255, 255, 0.95); }\n\n.styles-module_resultHeader__1JwTX {\n  font-weight: 700; }\n\n.styles-module_resultPlz__3ZHjS {\n  opacity: 0.5;\n  font-weight: 400; }\n\n.styles-module_resultMeta__2pscu {\n  opacity: 0.66;\n  font-size: 0.9em; }\n";
-var styles = {"flexInput":"styles-module_flexInput__UKuph","inputRow":"styles-module_inputRow__2d_ug","results":"styles-module_results__3PGlX","result":"styles-module_result__3usMx","resultHeader":"styles-module_resultHeader__1JwTX","resultPlz":"styles-module_resultPlz__3ZHjS","resultMeta":"styles-module_resultMeta__2pscu"};
-styleInject(css_248z);
-
 var data = { meta:{ forComponent:"MunicipalitySearch",
     language:"German" },
   label:"Suchen Sie nach einer Postleitzahl oder dem Gemeindenamen",
@@ -139,13 +107,13 @@ var MunicipalitySearch = (function (_super) {
             results: [],
             value: '',
             error: null,
-            municipalities: [],
+            municipalities: []
         };
         _this.resetComponent = function () {
             _this.setState({
                 isLoading: false,
                 results: [],
-                value: '',
+                value: ''
             });
         };
         _this.filterList = function (searchTerm) {
@@ -188,7 +156,7 @@ var MunicipalitySearch = (function (_super) {
                 window.dataLayer.push({
                     event: 'Interactions',
                     event_action: 'input',
-                    event_label: "search:for_" + searchTerm + ":results_" + results.length,
+                    event_label: "search:for_" + searchTerm + ":results_" + results.length
                 });
             }
             return _this.removeDuplicates(results, searchTerm);
@@ -213,7 +181,7 @@ var MunicipalitySearch = (function (_super) {
                 .fetch(url, {
                 method: 'GET',
                 mode: 'no-cors',
-                credentials: 'include',
+                credentials: 'include'
             })
                 .then(function (response) {
                 console.log(response);
@@ -224,19 +192,26 @@ var MunicipalitySearch = (function (_super) {
         };
         _this.pushToLocalStorageArray = function (newMuni) {
             var _a;
+            var prevSelectedMunicipalities;
+            var newArray = [];
             var localStorageItemName = 'selectedMunicipalities_' + _this.props.municipalityData;
-            var prevSelectedMunicipalities = (_a = localStorage.getItem(localStorageItemName)) !== null && _a !== void 0 ? _a : JSON.stringify([]);
-            var newArray = JSON.parse(prevSelectedMunicipalities);
+            try {
+                prevSelectedMunicipalities = (_a = localStorage.getItem(localStorageItemName)) !== null && _a !== void 0 ? _a : JSON.stringify([]);
+                newArray = JSON.parse(prevSelectedMunicipalities);
+            }
+            catch (_b) {
+                console.warn('🗄 localStorage is not available');
+            }
             var slicedArray = newArray.slice(0, 15);
             slicedArray.unshift(newMuni);
             localStorage.setItem(localStorageItemName, JSON.stringify(__spread(new Map(slicedArray.map(function (muni) { return [
                 muni.ORTNAME + muni.GDENR,
-                muni,
+                muni
             ]; })).values())));
         };
         _this.getMunicipalitiesData = function () {
             _this.setState({
-                isLoading: true,
+                isLoading: true
             });
             return fetch("https://interaktiv.tagesanzeiger.ch/static/gemeindesuche/" + _this.props.municipalityData + ".json")
                 .then(function (res) {
@@ -248,7 +223,7 @@ var MunicipalitySearch = (function (_super) {
                 .then(function (data) {
                 _this.setState({
                     isLoading: false,
-                    municipalities: data,
+                    municipalities: data
                 });
             })
                 .catch(function (error) {
@@ -258,7 +233,7 @@ var MunicipalitySearch = (function (_super) {
                     console.info('Read more about the data generation in the "data" directory in the project repository for the MunicipalitySearch React component.');
                     _this.setState({
                         isLoading: false,
-                        error: 'error.municipalitiesNotDownloaded',
+                        error: 'error.municipalitiesNotDownloaded'
                     });
                 }
                 else {
@@ -300,7 +275,13 @@ var MunicipalitySearch = (function (_super) {
     };
     MunicipalitySearch.prototype.componentDidMount = function () {
         var _a;
-        var locallyStoredMunicipalitiesArray = localStorage.getItem('selectedMunicipalities_' + this.props.municipalityData);
+        var locallyStoredMunicipalitiesArray;
+        try {
+            locallyStoredMunicipalitiesArray = localStorage.getItem('selectedMunicipalities_' + this.props.municipalityData);
+        }
+        catch (_b) {
+            console.warn('🗄 localStorage is not available!');
+        }
         if (this.props.showLastSelectedMunicipalities &&
             locallyStoredMunicipalitiesArray) {
             var parsed = JSON.parse(locallyStoredMunicipalitiesArray);
@@ -327,49 +308,59 @@ var MunicipalitySearch = (function (_super) {
             .matches
             ? 'top pointing'
             : 'left pointing';
-        return (React__default.createElement("div", { className: "municipality-search " + styles.municipalitySearch },
-            React__default.createElement("div", { className: styles.inputRow },
+        return (React__default.createElement(MunicipalitySearchContainer, { className: 'municipality-search' },
+            React__default.createElement(InputRow, { className: 'inputRow' },
                 React__default.createElement("div", { className: 'ui left icon input' },
-                    React__default.createElement("input", { id: 'search', type: 'text', className: "prompt " + styles.flexInput, placeholder: this.props.placeholder || t('placeholder'), value: value, disabled: this.state.error === 'error.municipalitiesNotDownloaded', onChange: this.handleSearchChange }),
-                    React__default.createElement("i", { className: 'search icon' })),
+                    React__default.createElement(FlexInput, { id: 'search', type: 'text', className: 'prompt flexInput', placeholder: this.props.placeholder || t('placeholder'), value: value, disabled: this.state.error === 'error.municipalitiesNotDownloaded', onChange: this.handleSearchChange }),
+                    React__default.createElement(Icon, null,
+                        React__default.createElement("svg", { width: '18', height: '18', viewBox: '0 0 18 18', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', stroke: 'black', strokeWidth: '3' },
+                            React__default.createElement("circle", { cx: '7.5', cy: '7.5', r: '6' }),
+                            React__default.createElement("line", { x1: '11', y1: '11', x2: '17', y2: '17' })))),
                 !this.props.hideTooltip && (React__default.createElement("div", null,
                     React__default.createElement("label", { htmlFor: 'search', className: "ui " + (this.state.error ? 'red' : 'basic grey') + " " + labelDirection + " label" }, labelContent())))),
-            showResults(results) && (React__default.createElement("div", { className: "results " + styles.results }, showResults(results) && (React__default.createElement(reactSpring.Transition, { native: true, items: results, keys: function (result) {
+            showResults(results) && (React__default.createElement(Results, { className: 'results' }, showResults(results) && (React__default.createElement(reactSpring.Transition, { native: true, items: results, keys: function (result) {
                     return result.PLZ4 + result.GDENR + result.ORTNAME;
-                }, from: { transform: 'translate(0,-20px)', opacity: 0 }, enter: { transform: 'translate(0,0px)', opacity: 1 }, leave: { transform: 'translate(0, 60px)', opacity: 0 }, config: reactSpring.config.gentle }, function (values, result) {
-                return (React__default.createElement(reactSpring.animated.div, { onClick: function () {
+                }, from: { transform: 'translate(0,-20px)', opacity: 0 }, enter: { transform: 'translate(0,0px)', opacity: 1 }, leave: { transform: 'translate(0, 60px)', opacity: 0 }, config: reactSpring.config.gentle }, function (values, result) { return (React__default.createElement(reactSpring.animated.div, { onClick: function () {
+                    _this.props.onSelectionHandler(result);
+                    if (_this.props.showLastSelectedMunicipalities) {
+                        _this.pushToLocalStorageArray(result);
+                    }
+                    if (_this.props.resetOnSelect) {
+                        _this.resetComponent();
+                    }
+                }, onKeyUp: function (e) {
+                    if (e.key === 'Enter' || e.key === 'Space') {
                         _this.props.onSelectionHandler(result);
-                        if (_this.props.showLastSelectedMunicipalities) {
-                            _this.pushToLocalStorageArray(result);
-                        }
                         if (_this.props.resetOnSelect) {
                             _this.resetComponent();
                         }
-                    }, onKeyUp: function (e) {
-                        if (e.key === 'Enter' || e.key === 'Space') {
-                            _this.props.onSelectionHandler(result);
-                            if (_this.props.resetOnSelect) {
-                                _this.resetComponent();
-                            }
-                        }
-                    }, className: "result " + styles.result, style: values, tabIndex: 0 },
-                    React__default.createElement("div", { className: styles.resultHeader },
-                        React__default.createElement("span", { className: styles.resultPlz }, result.PLZ4),
-                        ' ',
-                        result.ORTNAME),
-                    React__default.createElement("div", { className: styles.resultMeta },
-                        t('list.municipalityPrefix'),
-                        " ",
-                        result.GDENAMK)));
-            }))))));
+                    }
+                }, className: 'result', style: values, tabIndex: 0 },
+                React__default.createElement(ResultHeader, { className: 'resultHeader' },
+                    React__default.createElement(ResultPlz, { className: 'resultPlz' }, result.PLZ4),
+                    ' ',
+                    result.ORTNAME),
+                React__default.createElement(ResultMeta, { className: 'resultMeta' },
+                    t('list.municipalityPrefix'),
+                    " ",
+                    result.GDENAMK))); }))))));
     };
     MunicipalitySearch.defaultProps = {
         municipalityData: '2021v3',
         locale: 'de',
-        numberOfLastSelectedMunicipalities: 1,
+        numberOfLastSelectedMunicipalities: 1
     };
     return MunicipalitySearch;
-}(React.Component));
+}(React.Component));
+var Icon = styled.i(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  padding-left: 0.8em;\n  opacity: .5;\n  transition: opacity 0.5s ease-in-out;\n"], ["\n\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  padding-left: 0.8em;\n  opacity: .5;\n  transition: opacity 0.5s ease-in-out;\n"])));
+var MunicipalitySearchContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\n"], ["\n\n"])));
+var InputRow = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  input:focus ~ i {\n  opacity: 1;\n}\n  @media screen and (max-width: 599px) {\n    flex-direction: column;\n    .ui.input {\n      width: 100%;\n      max-width: 100%;\n    }\n  }\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  input:focus ~ i {\n  opacity: 1;\n}\n  @media screen and (max-width: 599px) {\n    flex-direction: column;\n    .ui.input {\n      width: 100%;\n      max-width: 100%;\n    }\n  }\n"])));
+var FlexInput = styled.input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
+var Results = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  margin-top: 1ex;\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));\n  grid-gap: 0;\n  font-family: var(--ui-font-stack);\n  .result {\n    padding: calc(11 / 16 * 1em) calc(14 / 16 * 1em);\n    border-radius: 0.2ex;\n    box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);\n    //border: 1px solid #007abf;\n    color: rgba(0, 0, 0, 0.9);\n    line-height: 1.1em;\n    cursor: pointer;\n    transition: box-shadow 200ms ease-in-out;\n    background-color: transparent;\n\n    &:hover,\n    &:focus {\n      box-shadow: 0 0 0.5ex rgba(0, 0, 0, 0.2), 0 0 0 1px #007abf inset;\n      background-color: $backgroundColor;\n    }\n  }\n"], ["\n  margin-top: 1ex;\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));\n  grid-gap: 0;\n  font-family: var(--ui-font-stack);\n  .result {\n    padding: calc(11 / 16 * 1em) calc(14 / 16 * 1em);\n    border-radius: 0.2ex;\n    box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);\n    //border: 1px solid #007abf;\n    color: rgba(0, 0, 0, 0.9);\n    line-height: 1.1em;\n    cursor: pointer;\n    transition: box-shadow 200ms ease-in-out;\n    background-color: transparent;\n\n    &:hover,\n    &:focus {\n      box-shadow: 0 0 0.5ex rgba(0, 0, 0, 0.2), 0 0 0 1px #007abf inset;\n      background-color: $backgroundColor;\n    }\n  }\n"])));
+var ResultHeader = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  font-weight: 700;\n"], ["\n  font-weight: 700;\n"])));
+var ResultPlz = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  opacity: 0.5;\n  font-weight: 400;\n"], ["\n  opacity: 0.5;\n  font-weight: 400;\n"])));
+var ResultMeta = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  opacity: 0.66;\n  font-size: 0.9em;\n"], ["\n  opacity: 0.66;\n  font-size: 0.9em;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
 
 exports.MunicipalitySearch = MunicipalitySearch;
 exports.default = MunicipalitySearch;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../node_modules/tslib/tslib.es6.js","../../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation. All rights reserved.\r\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use\r\nthis file except in compliance with the License. You may obtain a copy of the\r\nLicense at http://www.apache.org/licenses/LICENSE-2.0\r\n\r\nTHIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\r\nKIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED\r\nWARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,\r\nMERCHANTABLITY OR NON-INFRINGEMENT.\r\n\r\nSee the Apache Version 2.0 License for specific language governing permissions\r\nand limitations under the License.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport function __exportStar(m, exports) {\r\n    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n};\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\r\n    result.default = mod;\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, privateMap) {\r\n    if (!privateMap.has(receiver)) {\r\n        throw new TypeError(\"attempted to get private field on non-instance\");\r\n    }\r\n    return privateMap.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, privateMap, value) {\r\n    if (!privateMap.has(receiver)) {\r\n        throw new TypeError(\"attempted to set private field on non-instance\");\r\n    }\r\n    privateMap.set(receiver, value);\r\n    return value;\r\n}\r\n","function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../node_modules/tslib/tslib.es6.js"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    var desc = Object.getOwnPropertyDescriptor(m, k);\r\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n        desc = { enumerable: true, get: function() { return m[k]; } };\r\n    }\r\n    Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n    if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n    return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/municipalitySearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"municipalitySearch.d.ts","sourceRoot":"","sources":["src/municipalitySearch.tsx"],"names":[],"mappings":"AACA,OAAc,EAAe,SAAS,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,8DAA8D,CAAA;AACrE,OAAO,+DAA+D,CAAA;AACtE,OAAO,+DAA+D,CAAA;AAsBtE,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;CAC9B;AAED,MAAM,WAAW,KAAK;IAGpB,gBAAgB,EAAE,MAAM,CAAA;IAGxB,MAAM,CAAC,EAAE,OAAO,CAAA;IAGhB,WAAW,CAAC,EAAE,OAAO,CAAA;IAGrB,aAAa,CAAC,EAAE,OAAO,CAAA;IAGvB,kBAAkB,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAA;IAGxD,MAAM,EAAE,IAAI,GAAG,IAAI,CAAA;IAGnB,WAAW,CAAC,EAAE,MAAM,CAAA;IAGpB,8BAA8B,CAAC,EAAE,OAAO,CAAA;IAGxC,kCAAkC,CAAC,EAAE,MAAM,CAAA;CAC5C;AAED,UAAU,KAAK;IACb,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EACD,IAAI,GACJ,sBAAsB,GACtB,uBAAuB,GACvB,mCAAmC,CAAA;IACvC,cAAc,EAAE,YAAY,EAAE,CAAA;CAC/B;AAsDD,qBAAa,kBAAmB,SAAQ,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IAC7D,OAAc,YAAY;;;;MAIzB;IAEM,KAAK;;;;;;MAMX;IAED,OAAO,CAAC,cAAc,CAMrB;IAED,OAAO,CAAC,UAAU,CA0DjB;IAED,OAAO,CAAC,gBAAgB;IAkCxB,OAAO,CAAC,kBAAkB,CAezB;IAOD,OAAO,CAAC,kBAAkB,CAgBzB;IAED,OAAO,CAAC,uBAAuB,CAqB9B;IAED,OAAO,CAAC,qBAAqB,CAuC5B;IAEM,kBAAkB,CAAC,SAAS,EAAE,KAAK;IAUnC,iBAAiB;IAqBjB,MAAM;CA0Hd"}
+{"version":3,"file":"municipalitySearch.d.ts","sourceRoot":"","sources":["src/municipalitySearch.tsx"],"names":[],"mappings":"AACA,OAAc,EAAe,SAAS,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,8DAA8D,CAAA;AACrE,OAAO,+DAA+D,CAAA;AACtE,OAAO,+DAA+D,CAAA;AAmBtE,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;CAC9B;AAED,MAAM,WAAW,KAAK;IAGpB,gBAAgB,EAAE,MAAM,CAAA;IAGxB,MAAM,CAAC,EAAE,OAAO,CAAA;IAGhB,WAAW,CAAC,EAAE,OAAO,CAAA;IAGrB,aAAa,CAAC,EAAE,OAAO,CAAA;IAGvB,kBAAkB,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAA;IAGxD,MAAM,EAAE,IAAI,GAAG,IAAI,CAAA;IAGnB,WAAW,CAAC,EAAE,MAAM,CAAA;IAGpB,8BAA8B,CAAC,EAAE,OAAO,CAAA;IAGxC,kCAAkC,CAAC,EAAE,MAAM,CAAA;CAC5C;AAED,UAAU,KAAK;IACb,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EACD,IAAI,GACJ,sBAAsB,GACtB,uBAAuB,GACvB,mCAAmC,CAAA;IACvC,cAAc,EAAE,YAAY,EAAE,CAAA;CAC/B;AAsDD,qBAAa,kBAAmB,SAAQ,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IAC7D,OAAc,YAAY;;;;MAIzB;IAEM,KAAK;;;;;;MAMX;IAED,OAAO,CAAC,cAAc,CAMrB;IAED,OAAO,CAAC,UAAU,CA0DjB;IAED,OAAO,CAAC,gBAAgB;IAkCxB,OAAO,CAAC,kBAAkB,CAezB;IAOD,OAAO,CAAC,kBAAkB,CAgBzB;IAED,OAAO,CAAC,uBAAuB,CA4B9B;IAED,OAAO,CAAC,qBAAqB,CAuC5B;IAEM,kBAAkB,CAAC,SAAS,EAAE,KAAK;IAUnC,iBAAiB;IA0BjB,MAAM;CAgJd"}

package/es/index.js

@@ -2,28 +2,19 @@ import React, { Component } from 'react';
 import '@ta-interaktiv/semantic-ui/semantic/dist/components/icon.css';
 import '@ta-interaktiv/semantic-ui/semantic/dist/components/input.css';
 import '@ta-interaktiv/semantic-ui/semantic/dist/components/label.css';
+import styled from 'styled-components';
 import { Transition, config, animated } from 'react-spring';
 import IntlMessageFormat from 'intl-messageformat';
 
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation. All rights reserved.
-Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-this file except in compliance with the License. You may obtain a copy of the
-License at http://www.apache.org/licenses/LICENSE-2.0
-THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-MERCHANTABLITY OR NON-INFRINGEMENT.
-See the Apache Version 2.0 License for specific language governing permissions
-and limitations under the License.
-***************************************************************************** */
 var extendStatics = function(d, b) {
     extendStatics = Object.setPrototypeOf ||
         ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
     return extendStatics(d, b);
 };
 function __extends(d, b) {
+    if (typeof b !== "function" && b !== null)
+        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
     extendStatics(d, b);
     function __() { this.constructor = d; }
     d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -49,34 +40,11 @@ function __spread() {
         ar = ar.concat(__read(arguments[i]));
     return ar;
 }
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-  if (!css || typeof document === 'undefined') { return; }
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
+function __makeTemplateObject(cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
 }
 
-var css_248z = "/* IDENTIFICATOR STYLES */\n.styles-module_flexInput__UKuph {\n  display: flex; }\n\n.styles-module_inputRow__2d_ug {\n  display: flex;\n  flex-direction: row;\n  align-items: center; }\n  @media screen and (max-width: 599px) {\n    .styles-module_inputRow__2d_ug {\n      flex-direction: column; }\n      .styles-module_inputRow__2d_ug .ui.input {\n        width: 100%;\n        max-width: 100%; } }\n\n.styles-module_results__3PGlX {\n  margin-top: 1ex;\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));\n  grid-gap: 0;\n  font-family: var(--ui-font-stack); }\n\n.styles-module_result__3usMx {\n  padding: calc(11 / 16 * 1em) calc(14 / 16 * 1em);\n  border-radius: 0.2ex;\n  box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);\n  color: rgba(0, 0, 0, 0.9);\n  line-height: 1.1em;\n  cursor: pointer;\n  transition: box-shadow 200ms ease-in-out;\n  background-color: transparent; }\n  .styles-module_result__3usMx:hover, .styles-module_result__3usMx:focus {\n    box-shadow: 0 0 0.5ex rgba(0, 0, 0, 0.2), 0 0 0 1px #007abf inset;\n    background-color: rgba(255, 255, 255, 0.95); }\n\n.styles-module_resultHeader__1JwTX {\n  font-weight: 700; }\n\n.styles-module_resultPlz__3ZHjS {\n  opacity: 0.5;\n  font-weight: 400; }\n\n.styles-module_resultMeta__2pscu {\n  opacity: 0.66;\n  font-size: 0.9em; }\n";
-var styles = {"flexInput":"styles-module_flexInput__UKuph","inputRow":"styles-module_inputRow__2d_ug","results":"styles-module_results__3PGlX","result":"styles-module_result__3usMx","resultHeader":"styles-module_resultHeader__1JwTX","resultPlz":"styles-module_resultPlz__3ZHjS","resultMeta":"styles-module_resultMeta__2pscu"};
-styleInject(css_248z);
-
 var data = { meta:{ forComponent:"MunicipalitySearch",
     language:"German" },
   label:"Suchen Sie nach einer Postleitzahl oder dem Gemeindenamen",
@@ -132,13 +100,13 @@ var MunicipalitySearch = (function (_super) {
             results: [],
             value: '',
             error: null,
-            municipalities: [],
+            municipalities: []
         };
         _this.resetComponent = function () {
             _this.setState({
                 isLoading: false,
                 results: [],
-                value: '',
+                value: ''
             });
         };
         _this.filterList = function (searchTerm) {
@@ -181,7 +149,7 @@ var MunicipalitySearch = (function (_super) {
                 window.dataLayer.push({
                     event: 'Interactions',
                     event_action: 'input',
-                    event_label: "search:for_" + searchTerm + ":results_" + results.length,
+                    event_label: "search:for_" + searchTerm + ":results_" + results.length
                 });
             }
             return _this.removeDuplicates(results, searchTerm);
@@ -206,7 +174,7 @@ var MunicipalitySearch = (function (_super) {
                 .fetch(url, {
                 method: 'GET',
                 mode: 'no-cors',
-                credentials: 'include',
+                credentials: 'include'
             })
                 .then(function (response) {
                 console.log(response);
@@ -217,19 +185,26 @@ var MunicipalitySearch = (function (_super) {
         };
         _this.pushToLocalStorageArray = function (newMuni) {
             var _a;
+            var prevSelectedMunicipalities;
+            var newArray = [];
             var localStorageItemName = 'selectedMunicipalities_' + _this.props.municipalityData;
-            var prevSelectedMunicipalities = (_a = localStorage.getItem(localStorageItemName)) !== null && _a !== void 0 ? _a : JSON.stringify([]);
-            var newArray = JSON.parse(prevSelectedMunicipalities);
+            try {
+                prevSelectedMunicipalities = (_a = localStorage.getItem(localStorageItemName)) !== null && _a !== void 0 ? _a : JSON.stringify([]);
+                newArray = JSON.parse(prevSelectedMunicipalities);
+            }
+            catch (_b) {
+                console.warn('🗄 localStorage is not available');
+            }
             var slicedArray = newArray.slice(0, 15);
             slicedArray.unshift(newMuni);
             localStorage.setItem(localStorageItemName, JSON.stringify(__spread(new Map(slicedArray.map(function (muni) { return [
                 muni.ORTNAME + muni.GDENR,
-                muni,
+                muni
             ]; })).values())));
         };
         _this.getMunicipalitiesData = function () {
             _this.setState({
-                isLoading: true,
+                isLoading: true
             });
             return fetch("https://interaktiv.tagesanzeiger.ch/static/gemeindesuche/" + _this.props.municipalityData + ".json")
                 .then(function (res) {
@@ -241,7 +216,7 @@ var MunicipalitySearch = (function (_super) {
                 .then(function (data) {
                 _this.setState({
                     isLoading: false,
-                    municipalities: data,
+                    municipalities: data
                 });
             })
                 .catch(function (error) {
@@ -251,7 +226,7 @@ var MunicipalitySearch = (function (_super) {
                     console.info('Read more about the data generation in the "data" directory in the project repository for the MunicipalitySearch React component.');
                     _this.setState({
                         isLoading: false,
-                        error: 'error.municipalitiesNotDownloaded',
+                        error: 'error.municipalitiesNotDownloaded'
                     });
                 }
                 else {
@@ -293,7 +268,13 @@ var MunicipalitySearch = (function (_super) {
     };
     MunicipalitySearch.prototype.componentDidMount = function () {
         var _a;
-        var locallyStoredMunicipalitiesArray = localStorage.getItem('selectedMunicipalities_' + this.props.municipalityData);
+        var locallyStoredMunicipalitiesArray;
+        try {
+            locallyStoredMunicipalitiesArray = localStorage.getItem('selectedMunicipalities_' + this.props.municipalityData);
+        }
+        catch (_b) {
+            console.warn('🗄 localStorage is not available!');
+        }
         if (this.props.showLastSelectedMunicipalities &&
             locallyStoredMunicipalitiesArray) {
             var parsed = JSON.parse(locallyStoredMunicipalitiesArray);
@@ -320,49 +301,59 @@ var MunicipalitySearch = (function (_super) {
             .matches
             ? 'top pointing'
             : 'left pointing';
-        return (React.createElement("div", { className: "municipality-search " + styles.municipalitySearch },
-            React.createElement("div", { className: styles.inputRow },
+        return (React.createElement(MunicipalitySearchContainer, { className: 'municipality-search' },
+            React.createElement(InputRow, { className: 'inputRow' },
                 React.createElement("div", { className: 'ui left icon input' },
-                    React.createElement("input", { id: 'search', type: 'text', className: "prompt " + styles.flexInput, placeholder: this.props.placeholder || t('placeholder'), value: value, disabled: this.state.error === 'error.municipalitiesNotDownloaded', onChange: this.handleSearchChange }),
-                    React.createElement("i", { className: 'search icon' })),
+                    React.createElement(FlexInput, { id: 'search', type: 'text', className: 'prompt flexInput', placeholder: this.props.placeholder || t('placeholder'), value: value, disabled: this.state.error === 'error.municipalitiesNotDownloaded', onChange: this.handleSearchChange }),
+                    React.createElement(Icon, null,
+                        React.createElement("svg", { width: '18', height: '18', viewBox: '0 0 18 18', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', stroke: 'black', strokeWidth: '3' },
+                            React.createElement("circle", { cx: '7.5', cy: '7.5', r: '6' }),
+                            React.createElement("line", { x1: '11', y1: '11', x2: '17', y2: '17' })))),
                 !this.props.hideTooltip && (React.createElement("div", null,
                     React.createElement("label", { htmlFor: 'search', className: "ui " + (this.state.error ? 'red' : 'basic grey') + " " + labelDirection + " label" }, labelContent())))),
-            showResults(results) && (React.createElement("div", { className: "results " + styles.results }, showResults(results) && (React.createElement(Transition, { native: true, items: results, keys: function (result) {
+            showResults(results) && (React.createElement(Results, { className: 'results' }, showResults(results) && (React.createElement(Transition, { native: true, items: results, keys: function (result) {
                     return result.PLZ4 + result.GDENR + result.ORTNAME;
-                }, from: { transform: 'translate(0,-20px)', opacity: 0 }, enter: { transform: 'translate(0,0px)', opacity: 1 }, leave: { transform: 'translate(0, 60px)', opacity: 0 }, config: config.gentle }, function (values, result) {
-                return (React.createElement(animated.div, { onClick: function () {
+                }, from: { transform: 'translate(0,-20px)', opacity: 0 }, enter: { transform: 'translate(0,0px)', opacity: 1 }, leave: { transform: 'translate(0, 60px)', opacity: 0 }, config: config.gentle }, function (values, result) { return (React.createElement(animated.div, { onClick: function () {
+                    _this.props.onSelectionHandler(result);
+                    if (_this.props.showLastSelectedMunicipalities) {
+                        _this.pushToLocalStorageArray(result);
+                    }
+                    if (_this.props.resetOnSelect) {
+                        _this.resetComponent();
+                    }
+                }, onKeyUp: function (e) {
+                    if (e.key === 'Enter' || e.key === 'Space') {
                         _this.props.onSelectionHandler(result);
-                        if (_this.props.showLastSelectedMunicipalities) {
-                            _this.pushToLocalStorageArray(result);
-                        }
                         if (_this.props.resetOnSelect) {
                             _this.resetComponent();
                         }
-                    }, onKeyUp: function (e) {
-                        if (e.key === 'Enter' || e.key === 'Space') {
-                            _this.props.onSelectionHandler(result);
-                            if (_this.props.resetOnSelect) {
-                                _this.resetComponent();
-                            }
-                        }
-                    }, className: "result " + styles.result, style: values, tabIndex: 0 },
-                    React.createElement("div", { className: styles.resultHeader },
-                        React.createElement("span", { className: styles.resultPlz }, result.PLZ4),
-                        ' ',
-                        result.ORTNAME),
-                    React.createElement("div", { className: styles.resultMeta },
-                        t('list.municipalityPrefix'),
-                        " ",
-                        result.GDENAMK)));
-            }))))));
+                    }
+                }, className: 'result', style: values, tabIndex: 0 },
+                React.createElement(ResultHeader, { className: 'resultHeader' },
+                    React.createElement(ResultPlz, { className: 'resultPlz' }, result.PLZ4),
+                    ' ',
+                    result.ORTNAME),
+                React.createElement(ResultMeta, { className: 'resultMeta' },
+                    t('list.municipalityPrefix'),
+                    " ",
+                    result.GDENAMK))); }))))));
     };
     MunicipalitySearch.defaultProps = {
         municipalityData: '2021v3',
         locale: 'de',
-        numberOfLastSelectedMunicipalities: 1,
+        numberOfLastSelectedMunicipalities: 1
     };
     return MunicipalitySearch;
-}(Component));
+}(Component));
+var Icon = styled.i(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  padding-left: 0.8em;\n  opacity: .5;\n  transition: opacity 0.5s ease-in-out;\n"], ["\n\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  padding-left: 0.8em;\n  opacity: .5;\n  transition: opacity 0.5s ease-in-out;\n"])));
+var MunicipalitySearchContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\n"], ["\n\n"])));
+var InputRow = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  input:focus ~ i {\n  opacity: 1;\n}\n  @media screen and (max-width: 599px) {\n    flex-direction: column;\n    .ui.input {\n      width: 100%;\n      max-width: 100%;\n    }\n  }\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  input:focus ~ i {\n  opacity: 1;\n}\n  @media screen and (max-width: 599px) {\n    flex-direction: column;\n    .ui.input {\n      width: 100%;\n      max-width: 100%;\n    }\n  }\n"])));
+var FlexInput = styled.input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
+var Results = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  margin-top: 1ex;\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));\n  grid-gap: 0;\n  font-family: var(--ui-font-stack);\n  .result {\n    padding: calc(11 / 16 * 1em) calc(14 / 16 * 1em);\n    border-radius: 0.2ex;\n    box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);\n    //border: 1px solid #007abf;\n    color: rgba(0, 0, 0, 0.9);\n    line-height: 1.1em;\n    cursor: pointer;\n    transition: box-shadow 200ms ease-in-out;\n    background-color: transparent;\n\n    &:hover,\n    &:focus {\n      box-shadow: 0 0 0.5ex rgba(0, 0, 0, 0.2), 0 0 0 1px #007abf inset;\n      background-color: $backgroundColor;\n    }\n  }\n"], ["\n  margin-top: 1ex;\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));\n  grid-gap: 0;\n  font-family: var(--ui-font-stack);\n  .result {\n    padding: calc(11 / 16 * 1em) calc(14 / 16 * 1em);\n    border-radius: 0.2ex;\n    box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);\n    //border: 1px solid #007abf;\n    color: rgba(0, 0, 0, 0.9);\n    line-height: 1.1em;\n    cursor: pointer;\n    transition: box-shadow 200ms ease-in-out;\n    background-color: transparent;\n\n    &:hover,\n    &:focus {\n      box-shadow: 0 0 0.5ex rgba(0, 0, 0, 0.2), 0 0 0 1px #007abf inset;\n      background-color: $backgroundColor;\n    }\n  }\n"])));
+var ResultHeader = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  font-weight: 700;\n"], ["\n  font-weight: 700;\n"])));
+var ResultPlz = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  opacity: 0.5;\n  font-weight: 400;\n"], ["\n  opacity: 0.5;\n  font-weight: 400;\n"])));
+var ResultMeta = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  opacity: 0.66;\n  font-size: 0.9em;\n"], ["\n  opacity: 0.66;\n  font-size: 0.9em;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
 
 export default MunicipalitySearch;
 export { MunicipalitySearch };

package/es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../node_modules/tslib/tslib.es6.js","../../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation. All rights reserved.\r\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use\r\nthis file except in compliance with the License. You may obtain a copy of the\r\nLicense at http://www.apache.org/licenses/LICENSE-2.0\r\n\r\nTHIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\r\nKIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED\r\nWARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,\r\nMERCHANTABLITY OR NON-INFRINGEMENT.\r\n\r\nSee the Apache Version 2.0 License for specific language governing permissions\r\nand limitations under the License.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport function __exportStar(m, exports) {\r\n    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n};\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\r\n    result.default = mod;\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, privateMap) {\r\n    if (!privateMap.has(receiver)) {\r\n        throw new TypeError(\"attempted to get private field on non-instance\");\r\n    }\r\n    return privateMap.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, privateMap, value) {\r\n    if (!privateMap.has(receiver)) {\r\n        throw new TypeError(\"attempted to set private field on non-instance\");\r\n    }\r\n    privateMap.set(receiver, value);\r\n    return value;\r\n}\r\n","function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../node_modules/tslib/tslib.es6.js"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    var desc = Object.getOwnPropertyDescriptor(m, k);\r\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n        desc = { enumerable: true, get: function() { return m[k]; } };\r\n    }\r\n    Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n    if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n    return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n"],"names":[],"mappings":"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"}

package/es/municipalitySearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"municipalitySearch.d.ts","sourceRoot":"","sources":["src/municipalitySearch.tsx"],"names":[],"mappings":"AACA,OAAc,EAAe,SAAS,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,8DAA8D,CAAA;AACrE,OAAO,+DAA+D,CAAA;AACtE,OAAO,+DAA+D,CAAA;AAsBtE,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;CAC9B;AAED,MAAM,WAAW,KAAK;IAGpB,gBAAgB,EAAE,MAAM,CAAA;IAGxB,MAAM,CAAC,EAAE,OAAO,CAAA;IAGhB,WAAW,CAAC,EAAE,OAAO,CAAA;IAGrB,aAAa,CAAC,EAAE,OAAO,CAAA;IAGvB,kBAAkB,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAA;IAGxD,MAAM,EAAE,IAAI,GAAG,IAAI,CAAA;IAGnB,WAAW,CAAC,EAAE,MAAM,CAAA;IAGpB,8BAA8B,CAAC,EAAE,OAAO,CAAA;IAGxC,kCAAkC,CAAC,EAAE,MAAM,CAAA;CAC5C;AAED,UAAU,KAAK;IACb,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EACD,IAAI,GACJ,sBAAsB,GACtB,uBAAuB,GACvB,mCAAmC,CAAA;IACvC,cAAc,EAAE,YAAY,EAAE,CAAA;CAC/B;AAsDD,qBAAa,kBAAmB,SAAQ,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IAC7D,OAAc,YAAY;;;;MAIzB;IAEM,KAAK;;;;;;MAMX;IAED,OAAO,CAAC,cAAc,CAMrB;IAED,OAAO,CAAC,UAAU,CA0DjB;IAED,OAAO,CAAC,gBAAgB;IAkCxB,OAAO,CAAC,kBAAkB,CAezB;IAOD,OAAO,CAAC,kBAAkB,CAgBzB;IAED,OAAO,CAAC,uBAAuB,CAqB9B;IAED,OAAO,CAAC,qBAAqB,CAuC5B;IAEM,kBAAkB,CAAC,SAAS,EAAE,KAAK;IAUnC,iBAAiB;IAqBjB,MAAM;CA0Hd"}
+{"version":3,"file":"municipalitySearch.d.ts","sourceRoot":"","sources":["src/municipalitySearch.tsx"],"names":[],"mappings":"AACA,OAAc,EAAe,SAAS,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,8DAA8D,CAAA;AACrE,OAAO,+DAA+D,CAAA;AACtE,OAAO,+DAA+D,CAAA;AAmBtE,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;CAC9B;AAED,MAAM,WAAW,KAAK;IAGpB,gBAAgB,EAAE,MAAM,CAAA;IAGxB,MAAM,CAAC,EAAE,OAAO,CAAA;IAGhB,WAAW,CAAC,EAAE,OAAO,CAAA;IAGrB,aAAa,CAAC,EAAE,OAAO,CAAA;IAGvB,kBAAkB,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAA;IAGxD,MAAM,EAAE,IAAI,GAAG,IAAI,CAAA;IAGnB,WAAW,CAAC,EAAE,MAAM,CAAA;IAGpB,8BAA8B,CAAC,EAAE,OAAO,CAAA;IAGxC,kCAAkC,CAAC,EAAE,MAAM,CAAA;CAC5C;AAED,UAAU,KAAK;IACb,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EACD,IAAI,GACJ,sBAAsB,GACtB,uBAAuB,GACvB,mCAAmC,CAAA;IACvC,cAAc,EAAE,YAAY,EAAE,CAAA;CAC/B;AAsDD,qBAAa,kBAAmB,SAAQ,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IAC7D,OAAc,YAAY;;;;MAIzB;IAEM,KAAK;;;;;;MAMX;IAED,OAAO,CAAC,cAAc,CAMrB;IAED,OAAO,CAAC,UAAU,CA0DjB;IAED,OAAO,CAAC,gBAAgB;IAkCxB,OAAO,CAAC,kBAAkB,CAezB;IAOD,OAAO,CAAC,kBAAkB,CAgBzB;IAED,OAAO,CAAC,uBAAuB,CA4B9B;IAED,OAAO,CAAC,qBAAqB,CAuC5B;IAEM,kBAAkB,CAAC,SAAS,EAAE,KAAK;IAUnC,iBAAiB;IA0BjB,MAAM;CAgJd"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ta-interaktiv/react-municipality-search",
-  "version": "1.4.0",
+  "version": "1.5.2",
   "description": "React component that allows searching for Swiss municipalities with either ZIP code or place names.",
   "keywords": [
     "react",
@@ -46,7 +46,8 @@
   "dependencies": {
     "@ta-interaktiv/semantic-ui": "^3.3.3",
     "intl-messageformat": "^2.2.0",
-    "react-spring": "^9.4.5"
+    "react-spring": "^9.4.5",
+    "styled-components": "^5.3.5"
   },
   "peerDependencies": {
     "@ta-interaktiv/semantic-ui": "^3.1.0",
@@ -56,5 +57,5 @@
   "devDependencies": {
     "@react-spring/types": "^9.4.5"
   },
-  "gitHead": "a43facdb171c04efa0d9e2a6d1d25918f0a92635"
+  "gitHead": "74e5a72da1618a79ea2d303a9494162491b6e11a"
 }

package/src/municipalitySearch.tsx

@@ -3,12 +3,9 @@ import React, { ChangeEvent, Component } from 'react'
 import '@ta-interaktiv/semantic-ui/semantic/dist/components/icon.css'
 import '@ta-interaktiv/semantic-ui/semantic/dist/components/input.css'
 import '@ta-interaktiv/semantic-ui/semantic/dist/components/label.css'
-import styles from './styles.module.scss'
-import {
-  animated,
-  config as springConfig,
-  Transition,
-} from 'react-spring'
+// import './styles.scss'
+import styled from 'styled-components'
+import { animated, config as springConfig, Transition } from 'react-spring'
 import IntlMessageFormat from 'intl-messageformat'
 import de from './locales/de.yml'
 import fr from './locales/fr.yml'
@@ -133,7 +130,7 @@ export class MunicipalitySearch extends Component<Props, State> {
   public static defaultProps = {
     municipalityData: '2021v3',
     locale: 'de',
-    numberOfLastSelectedMunicipalities: 1,
+    numberOfLastSelectedMunicipalities: 1
   }
 
   public state = {
@@ -141,14 +138,14 @@ export class MunicipalitySearch extends Component<Props, State> {
     results: [],
     value: '',
     error: null,
-    municipalities: [],
+    municipalities: []
   }
 
   private resetComponent = () => {
     this.setState({
       isLoading: false,
       results: [],
-      value: '',
+      value: ''
     })
   }
 
@@ -205,7 +202,7 @@ export class MunicipalitySearch extends Component<Props, State> {
       window.dataLayer.push({
         event: 'Interactions',
         event_action: 'input',
-        event_label: `search:for_${searchTerm}:results_${results.length}`,
+        event_label: `search:for_${searchTerm}:results_${results.length}`
       })
     }
 
@@ -217,7 +214,7 @@ export class MunicipalitySearch extends Component<Props, State> {
     searchTerm: string
   ): Municipality[] {
     const map = new Map()
-    arr.forEach((v) => {
+    arr.forEach(v => {
       if (this.props.dedupe) {
         map.set(v.ORTNAME + v.GDENR, v)
       } else {
@@ -276,25 +273,32 @@ export class MunicipalitySearch extends Component<Props, State> {
       .fetch(url, {
         method: 'GET',
         mode: 'no-cors',
-        credentials: 'include',
+        credentials: 'include'
       })
-      .then((response) => {
+      .then(response => {
         console.log(response)
       })
-      .catch((error) => {
+      .catch(error => {
         console.log(error)
       })
   }
 
   private pushToLocalStorageArray = (newMuni: Municipality) => {
-    const localStorageItemName =
-      'selectedMunicipalities_' + this.props.municipalityData
-    const prevSelectedMunicipalities =
-      localStorage.getItem(localStorageItemName) ?? JSON.stringify([])
-    const newArray = JSON.parse(prevSelectedMunicipalities)
-    // limit the number of stored municipalities
-    const slicedArray = newArray.slice(0, 15)
-    slicedArray.unshift(newMuni)
+   let prevSelectedMunicipalities
+   let newArray: Municipality[] = []
+   const localStorageItemName =
+   'selectedMunicipalities_' + this.props.municipalityData
+    try{
+       
+      prevSelectedMunicipalities =
+       localStorage.getItem(localStorageItemName) ?? JSON.stringify([])
+       newArray = JSON.parse(prevSelectedMunicipalities)
+    }catch{
+      console.warn('🗄 localStorage is not available')
+    }
+      // limit the number of stored municipalities
+      const slicedArray = newArray.slice(0, 15)
+      slicedArray.unshift(newMuni)
     // deduplicate the array and stringify it for localStorage
     localStorage.setItem(
       localStorageItemName,
@@ -302,22 +306,22 @@ export class MunicipalitySearch extends Component<Props, State> {
         ...new Map(
           slicedArray.map((muni: Municipality) => [
             muni.ORTNAME + muni.GDENR,
-            muni,
+            muni
           ])
-        ).values(),
+        ).values()
       ])
     )
   }
 
   private getMunicipalitiesData = () => {
     this.setState({
-      isLoading: true,
+      isLoading: true
     })
 
     return fetch(
       `https://interaktiv.tagesanzeiger.ch/static/gemeindesuche/${this.props.municipalityData}.json`
     )
-      .then((res) => {
+      .then(res => {
         if (!res.ok) {
           throw new MunicipalityDownloadError(
             `Download error: ${res.status}: ${res.statusText}.`
@@ -325,13 +329,13 @@ export class MunicipalitySearch extends Component<Props, State> {
         }
         return res.json()
       })
-      .then((data) => {
+      .then(data => {
         this.setState({
           isLoading: false,
-          municipalities: data,
+          municipalities: data
         })
       })
-      .catch((error) => {
+      .catch(error => {
         if (error instanceof MunicipalityDownloadError) {
           console.log(error)
           console.info(
@@ -342,7 +346,7 @@ export class MunicipalitySearch extends Component<Props, State> {
           )
           this.setState({
             isLoading: false,
-            error: 'error.municipalitiesNotDownloaded',
+            error: 'error.municipalitiesNotDownloaded'
           })
         } else {
           throw error
@@ -362,9 +366,14 @@ export class MunicipalitySearch extends Component<Props, State> {
   /** Component mounting */
   public componentDidMount() {
     // set the municipalities from localStorage as results
-    const locallyStoredMunicipalitiesArray = localStorage.getItem(
-      'selectedMunicipalities_' + this.props.municipalityData
-    )
+    let locallyStoredMunicipalitiesArray
+    try{
+      locallyStoredMunicipalitiesArray = localStorage.getItem(
+        'selectedMunicipalities_' + this.props.municipalityData
+        )
+      }catch{
+        console.warn('🗄 localStorage is not available!')
+      }
     if (
       this.props.showLastSelectedMunicipalities &&
       locallyStoredMunicipalitiesArray
@@ -414,13 +423,13 @@ export class MunicipalitySearch extends Component<Props, State> {
       : 'left pointing'
 
     return (
-      <div className={`municipality-search ${styles.municipalitySearch}`}>
-        <div className={styles.inputRow}>
+      <MunicipalitySearchContainer className='municipality-search'>
+        <InputRow className='inputRow'>
           <div className='ui left icon input'>
-            <input
+            <FlexInput
               id='search'
               type='text'
-              className={`prompt ${styles.flexInput}`}
+              className='prompt flexInput'
               placeholder={
                 this.props.placeholder || (t('placeholder') as string)
               }
@@ -430,7 +439,30 @@ export class MunicipalitySearch extends Component<Props, State> {
               }
               onChange={this.handleSearchChange}
             />
-            <i className='search icon' />
+            <Icon>
+              <svg
+                width='18'
+                height='18'
+                viewBox='0 0 18 18'
+                fill='none'
+                xmlns='http://www.w3.org/2000/svg'
+                stroke='black'
+                strokeWidth='3'
+              >
+                <circle
+                  cx='7.5'
+                  cy='7.5'
+                  r='6'
+                
+                />
+                <line
+                  x1='11'
+                  y1='11'
+                  x2='17'
+                  y2='17'
+                />
+              </svg>
+            </Icon>
           </div>
           {!this.props.hideTooltip && (
             <div>
@@ -444,9 +476,9 @@ export class MunicipalitySearch extends Component<Props, State> {
               </label>
             </div>
           )}
-        </div>
+        </InputRow>
         {showResults(results) && (
-          <div className={`results ${styles.results}`}>
+          <Results className='results'>
             {showResults(results) && (
               <Transition
                 native
@@ -459,48 +491,113 @@ export class MunicipalitySearch extends Component<Props, State> {
                 leave={{ transform: 'translate(0, 60px)', opacity: 0 }}
                 config={springConfig.gentle}
               >
-                {(values, result)  =>
-                  (
-                    <animated.div
-                      onClick={() => {
+                {(values, result) => (
+                  <animated.div
+                    onClick={() => {
+                      this.props.onSelectionHandler(result)
+                      // this.sendToDataPipeline(result.PLZ4)
+                      if (this.props.showLastSelectedMunicipalities) {
+                        this.pushToLocalStorageArray(result)
+                      }
+                      if (this.props.resetOnSelect) {
+                        this.resetComponent()
+                      }
+                    }}
+                    onKeyUp={e => {
+                      if (e.key === 'Enter' || e.key === 'Space') {
                         this.props.onSelectionHandler(result)
                         // this.sendToDataPipeline(result.PLZ4)
-                        if (this.props.showLastSelectedMunicipalities) {
-                          this.pushToLocalStorageArray(result)
-                        }
                         if (this.props.resetOnSelect) {
                           this.resetComponent()
                         }
-                      }}
-                      onKeyUp={(e) => {
-                        if (e.key === 'Enter' || e.key === 'Space') {
-                          this.props.onSelectionHandler(result)
-                          // this.sendToDataPipeline(result.PLZ4)
-                          if (this.props.resetOnSelect) {
-                            this.resetComponent()
-                          }
-                        }
-                      }}
-                      className={`result ${styles.result}`}
-                      style={values}
-                      tabIndex={0}
-                    >
-                      <div className={styles.resultHeader}>
-                        <span className={styles.resultPlz}>{result.PLZ4}</span>{' '}
-                        {result.ORTNAME}
-                      </div>
-                      <div className={styles.resultMeta}>
-                        {t('list.municipalityPrefix')} {result.GDENAMK}
-                      </div>
-                    </animated.div>
-                  )}
+                      }
+                    }}
+                    className='result'
+                    style={values}
+                    tabIndex={0}
+                  >
+                    <ResultHeader className='resultHeader'>
+                      <ResultPlz className='resultPlz'>{result.PLZ4}</ResultPlz>{' '}
+                      {result.ORTNAME}
+                    </ResultHeader>
+                    <ResultMeta className='resultMeta'>
+                      {t('list.municipalityPrefix')} {result.GDENAMK}
+                    </ResultMeta>
+                  </animated.div>
+                )}
               </Transition>
             )}
-          </div>
+          </Results>
         )}
-      </div>
+      </MunicipalitySearchContainer>
     )
   }
 
   // endregion
 }
+const Icon = styled.i`
+
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  display: flex;
+  padding-left: 0.8em;
+  opacity: .5;
+  transition: opacity 0.5s ease-in-out;
+`
+const MunicipalitySearchContainer = styled.div`
+
+`
+const InputRow = styled.div`
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  input:focus ~ i {
+  opacity: 1;
+}
+  @media screen and (max-width: 599px) {
+    flex-direction: column;
+    .ui.input {
+      width: 100%;
+      max-width: 100%;
+    }
+  }
+`
+const FlexInput = styled.input`
+  display: flex;
+`
+const Results = styled.div`
+  margin-top: 1ex;
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
+  grid-gap: 0;
+  font-family: var(--ui-font-stack);
+  .result {
+    padding: calc(11 / 16 * 1em) calc(14 / 16 * 1em);
+    border-radius: 0.2ex;
+    box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
+    //border: 1px solid #007abf;
+    color: rgba(0, 0, 0, 0.9);
+    line-height: 1.1em;
+    cursor: pointer;
+    transition: box-shadow 200ms ease-in-out;
+    background-color: transparent;
+
+    &:hover,
+    &:focus {
+      box-shadow: 0 0 0.5ex rgba(0, 0, 0, 0.2), 0 0 0 1px #007abf inset;
+      background-color: $backgroundColor;
+    }
+  }
+`
+const ResultHeader = styled.div`
+  font-weight: 700;
+`
+const ResultPlz = styled.span`
+  opacity: 0.5;
+  font-weight: 400;
+`
+const ResultMeta = styled.div`
+  opacity: 0.66;
+  font-size: 0.9em;
+`

package/src/styles.module.scss

@@ -1,64 +0,0 @@
-/* IDENTIFICATOR STYLES */
-$backgroundColor: rgba(255, 255, 255, 0.95);
-
-.flexInput {
-  display: flex;
-}
-
-.municipalitySearch {
-}
-
-.inputRow {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-
-  @media screen and (max-width: 599px) {
-    flex-direction: column;
-
-    :global .ui.input {
-      width: 100%;
-      max-width: 100%;
-    }
-  }
-}
-
-.results {
-  margin-top: 1ex;
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
-  grid-gap: 0;
-  font-family: var(--ui-font-stack);
-}
-
-.result {
-  padding: calc(11 / 16 * 1em) calc(14 / 16 * 1em);
-  border-radius: 0.2ex;
-  box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
-  //border: 1px solid #007abf;
-  color: rgba(0, 0, 0, 0.9);
-  line-height: 1.1em;
-  cursor: pointer;
-  transition: box-shadow 200ms ease-in-out;
-  background-color: transparent;
-
-  &:hover,
-  &:focus {
-    box-shadow: 0 0 0.5ex rgba(0, 0, 0, 0.2), 0 0 0 1px #007abf inset;
-    background-color: $backgroundColor;
-  }
-}
-
-.resultHeader {
-  font-weight: 700;
-}
-
-.resultPlz {
-  opacity: 0.5;
-  font-weight: 400;
-}
-
-.resultMeta {
-  opacity: 0.66;
-  font-size: 0.9em;
-}