@bpost/bp-address-auto-complete-by-component 1.1.5 → 1.1.7

package/tutorial/aacwidget-tutorial/src/assets/aacwidget/i18n/nl.json

@@ -0,0 +1,62 @@
+{
+	"common": {
+		"message": {
+			"address-not-found": "Het adres werd niet herkend.",
+			"address-validated": "Het adres werd gevalideerd.",
+			"service-unavailable": "Er kon geen verbinding gemaakt worden. Probeer later opnieuw."
+		},
+		"label": {
+			"boxNumber": "postbus",
+			"streetNumber": "huisnummer",
+			"municipalityName": "gemeente",
+			"postalCode": "postcode",
+			"streetName": "straatnaam"
+		}
+	},
+	"locality": {
+		"placeholder": {
+			"input-placeholder": "Voer een postal code / deelgemeente in ..."
+		},
+		"suggestion": {
+			"message": {
+				"subl": "<em>{{sub}}</em> is een deelgemeente van <em>{{principal}}</em>"
+			}
+		}
+	},
+	"street": {
+		"placeholder": {
+			"input-placeholder": "Voer een straat naam in ..."
+		},
+		"suggestion": {
+			"message": {
+				"subl": "<em>{{sub}}</em> is een deelgemeente van <em>{{principal}}</em>"
+			}
+		}
+	},
+	"streetNumber": {
+		"placeholder": {
+			"input-placeholder": "Voer een straat nummer in ..."
+		},
+		"suggestion": {
+			"message": {
+				"subl": "<em>{{sub}}</em> is een deelgemeente van <em>{{principal}}</em>"
+			}
+		},
+		"message": {
+			"not-in-list": "Het straat nummer staat niet in de lijst"
+		}
+	},
+	"boxNumber": {
+		"placeholder": {
+			"input-placeholder": "Voer een bus nummer in ..."
+		},
+		"suggestion": {
+			"message": {
+				"subl": "<em>{{sub}}</em> is een deelgemeente van <em>{{principal}}</em>"
+			}
+		},
+		"message": {
+			"not-in-list": "Het bus nummer staat niet in de lijst"
+		}
+	}
+}

package/tutorial/aacwidget-tutorial/src/assets/aacwidget/scss/aacwidget-custom.scss

@@ -0,0 +1,81 @@
+// ///////////////////////////////////////////////////////
+
+@media screen and (min-width: 641px) {
+
+	.aacwidget-address-container {
+
+        margin-bottom: 30px;
+        
+		.aacwidget-address-locality {
+		}
+		
+		.aacwidget-address-street {
+			position: absolute;
+			width: 40%;
+			.bpaac-input-width {
+				width: 100%;
+			}
+		}
+
+		.aacwidget-address-streetnumber {
+			position: absolute;
+			left: 45%;
+			width: 20%;
+			.bpaac-input-width {
+				width: 90%;
+			}
+			.streetNbChekmark {
+				position: relative;
+				left: 5px;
+			}
+		}
+
+		.aacwidget-address-boxnumber {
+			position: absolute;
+			left: 70%;
+			.bpaac-input-width {
+				width: 80%;
+				position: relative;
+			}
+			.boxNbChekmark {
+				position: relative;
+				left: 5px;
+			}
+		}
+	}
+}
+
+@media screen and (max-width: 640px) {
+	.aacwidget-address-container {
+	
+		margin-bottom: 20px;
+
+		.aacwidget-address-locality {
+		}
+		
+		.aacwidget-address-street {
+		}
+	
+		.aacwidget-address-streetnumber {
+			.bpaac-input-width {
+				width: 90%;
+			}
+			.streetNbChekmark {
+				position: relative;
+			}
+		}
+	
+		.aacwidget-address-boxnumber {
+			.bpaac-input-width {
+				width: 90%;
+				position: relative;
+			}
+			.boxNbChekmark {
+				position: relative;
+			}
+		}
+	}
+}
+	
+
+

package/tutorial/aacwidget-tutorial/src/assets/aacwidget/scss/aacwidget-default.scss

@@ -0,0 +1,424 @@
+/* You can add global styles to this file, and also import other style files */
+
+
+
+
+// ----------------------------------------------------------------------------------------
+
+.divider-right {
+    border-right: 1px solid #bce8f1;
+    height: 40px;
+}
+
+.padding-6 {
+    padding-left: 6px !important;
+	padding-right: 6px !important;
+}
+
+.justify-word {
+	word-break: break-all;
+}
+
+.bpaac-form-control 
+{ 	
+	margin-bottom: 6px; 
+	margin-left: 6px; 
+}
+.bpaac-panel-title{
+	font-size: 14px;
+}
+.bpaac-lb-sm {
+  font-weight: normal;
+}
+.bpaac-panel-heading {
+  padding: 7px 10px;
+  background-color: rgb(202, 233, 220);
+  background-color: #d9edf7;
+  border-color: #bce8f1;
+}
+.bpaac-btn { 
+	margin-bottom: 6px; 
+	margin-left: 6px; 
+}
+.dropdown-menu bpaac-help-option{
+	align-self: right;
+}
+.bpaac-suggestion-char-highlight{
+	font-weight: bold;
+}
+
+.bpaac-option-highlight {
+	background: #dddddd;
+}
+
+.bpaac-button{
+	left: 0;
+	border: 0 solid transparent;
+	border-bottom-left-radius: 0;
+	border-top-left-radius: 0;
+	position: relative;
+	height: 26px;
+	background-color:#4285f4;
+	margin: 0;
+	outline: none;
+	padding: 0 0;
+	width: 35px;
+	box-shadow: none;
+	-webkit-box-shadow: none;
+	box-sizing: border-box;
+	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAA30lEQVR4nI2RMU7DQBBFvy1hcQHTxkI0S8kVUiBxKg4RxQUnMD0Fd4AG6KgcKkRHUBQrxUszi8ZrL+JLXzv6s0+7mhEg8wJogR4Y7GyBxt35dSyugW/mtbX+BFw46B64BCogAJ2DmxRcW7Ob+5KD2xTsrREyYLB+7/MCGCRV5oOmqiQN5tMYlpI+rb6YgXy+8WEp6cHq2wwY88dRatPaugEF4CSZKsDV3B5vgJ/MHqNegToFBZwDd8AHsAfegZW99GLwG3CWgn+5dvAzoDIzkFRfkpaSniTtJKkA/smOdQRp67ytYRSzEQAAAABJRU5ErkJggg==');
+	background-repeat: no-repeat;
+	background-position: center;
+}
+
+
+
+.bpaac-button:active{
+	border: 0 solid transparent;
+	-webkit-box-shadow: inset 0 2px 0 rgba(0,0,0,.15);
+	box-shadow: inset 0 2px 0 rgba(0,0,0,.15);
+	background-color: #3c78dc;
+	background-color: -webkit-linear-gradient(top,#3c7ae4,#3f76d3);
+	background-color: linear-gradient(to bottom,#3c7ae4,#3f76d3);
+}
+
+.bpaac-validated-icon{
+	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAxklEQVR4nI3QP0vCURTG8Y++B8GGnFobJGiRQNzc2hvcnXsJDc3OEbS49hpaGpx1EhQJGoQaLKjI/gydC9cfP6UHznDP+T7cc56KTVVxgBoeMbdDfSzwk9UYp2XwdQEs1nkOn+0Al1jhC81kuI/hdwGeooGjeF8lwwvecYIe1phgL+aXYRglwzIMrXh3/aVUwSD78S4ZbqPxik70qrFCvuJFMhzjM5pvEcKwAD+hnifVw8eWpJ7RVqJD3OAhbprFDftl8L/1C3gjSNJmHs5CAAAAAElFTkSuQmCC')
+	no-repeat;
+	background-size: 14px 14px;
+	display: inline-block;
+    width: 14px;
+    height: 14px;
+}
+
+//////////////////////////////////////////////////////////////////////////////
+
+
+.bpaac-dropdown{
+	/* width : 400px; */
+	position:relative;
+	height:26px;
+}
+
+.bpaac-search-bar {
+	position: relative;
+	min-height: 20px;
+	height:26px;
+}
+
+.bpaac-input-width{
+	position:relative;
+	width: calc(100% - 5px);
+	float:left;
+	background-color:white;
+}
+
+.bpaac-input {
+	width: 100%;
+	position: relative;
+	top: 0;
+	left: 0;
+	z-index: 5;
+	padding-left: 5px;
+	padding-right:0px;
+	line-height: 20px;
+	-webkit-border-radius: 6px;
+	-moz-border-radius: 6px;
+	border-radius: 6px;
+	background-color:transparent;
+}
+
+.bpaac-clear {
+	position: absolute;
+	right: 5px;
+	top:6px;
+	z-index: 12;
+	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAvklEQVR4nJ2SsQ2DQAxFXxBSGspskCbTpKSiQaDUGYE5UBANFWWmScMWFESKEEU+ku8OGtz4/L+/fbZ8qqqKIxYdUnnCOzABL4NHiifxgTABeuAMFEqO5QvhvfIc4Qh0pmAOfORX65QXfPUBtCa+mncrfnPGWeSAa4PweU8YAbXXae1ce7lOUOPOZDvn4gNhAmQGb4Eb7swZO1tNgS/QACXwk2+Ep5itxqbiG7hYkv9CSuDp4cHJjWxbgB++1QVY2ijORRI4QQAAAABJRU5ErkJggg==')
+	no-repeat;
+	background-size: 14px 14px;
+	display: inline-block;
+	width: 14px;
+	height: 14px;
+}
+
+.bpaac-clear:hover {
+	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAY0lEQVR4nMWRSwrAMAhEHyHLnq0nlJwsB3GXbqYg+SyaQvtAxFEYE+FPTsABA5K0pNrVHzjUbIoCZOVbc80NWBhqQO1qW62aOocYJaw/JU+cqvQl245bb3z1q1t3jM5P9A+5ALYeN4B2Qo/zAAAAAElFTkSuQmCC')
+	no-repeat;
+}
+
+#bpaac-street-typeahead{
+	width: calc(100% - 5px);
+	position: absolute;
+	top: 0;
+	left: 0;
+	background: transparent;
+	z-index: 1;
+	padding-left: 5px;
+	padding-right:0px;
+	line-height: 20px;
+	-webkit-border-radius: 6px;
+	-moz-border-radius: 6px;
+	border-radius: 6px;
+	-webkit-text-fill-color: silver;
+	color: silver
+}
+
+.bpaac-dropdown-menu-container{
+	position: relative;
+}
+
+.bpaac-dropdown-menu{
+	position: absolute;
+	top: 100%;
+	left: 0;
+	z-index: 1000;
+	float: left;
+	min-width: 160px;
+	margin: 2px 0 0;
+	font-size: 14px;
+	text-align: left;
+	background-color: #fff;
+	/* border: 1px solid #ccc; */
+	border: 1px solid rgba(0, 0, 0, .15);
+	border-radius: 4px;
+	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
+	padding: 5px 0 0 0;
+	overflow-x: auto;
+    width: 100%;
+    max-height: 300px;
+}
+
+.bpaac-dropdown-menu li:active,
+.bpaac-dropdown-menu li.active {
+	color: #20a28e;
+	background: #dddddd;
+}
+
+.bpaac-dropdown-menu li.validatedSuggestion {
+	color: #20a28e;
+	background: #7e86dd;
+}
+
+.bpaac-dropdown-menu:focus{
+	outline:none;
+}
+
+.bpaac-dropdown-menu ul{
+	padding-bottom: 0;
+	padding-left: 0;
+	padding-top: 0;
+	margin: 0;
+}
+
+.bpaac-dropdown-menu li {
+	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+	color: #333333;
+	font-weight: 400;
+	padding: 4px 10px;
+	font-size: 1em;
+	cursor: pointer;
+	border-bottom: 1px solid #dddddd;
+}
+.bpaac-dropdown-menu li:hover {
+	background: #dddddd;
+} 
+
+.checkmark {
+	position: absolute;
+}
+
+.checkmark:before {
+	content: " ";
+	display: block;
+	border: solid 0.8em #39ad39;
+	border-radius: 0.8em;
+	height: 0;
+	width: 0;
+	position: absolute;
+	top: 40%;
+	left: 2px;
+}
+  
+.checkmark:after {
+	content: " ";
+	display: block;
+	width: 9px;
+	height: 12px;
+	border: solid #fff;
+	border-width: 0 0.2em 0.2em 0;
+	position: absolute;
+	left: 8px;
+	/* top: 39%; */
+	margin-top: 4px;
+	-webkit-transform: rotate(45deg);
+	-moz-transform: rotate(45deg);
+	-o-transform: rotate(45deg);
+	transform: rotate(45deg);
+}
+
+// locality
+#bpaac-locality-typeahead{
+	width: calc(100% - 5px);
+	position: absolute;
+	top: 0;
+	left: 0;
+	background: transparent;
+	z-index: 1;
+	padding-left: 5px;
+	padding-right:0px;
+	line-height: 20px;
+	-webkit-border-radius: 6px;
+	-moz-border-radius: 6px;
+	border-radius: 6px;
+	-webkit-text-fill-color: silver;
+	color: silver
+}
+
+/*
+#bpaac-locality-typeahead {
+	visibility: hidden;
+}
+*/
+
+#bpaac-locality-typeahead{
+	width: calc(100% - 5px);
+	position: absolute;
+	top: 0;
+	left: 0;
+	background: transparent;
+	z-index: 1;
+	padding-left: 5px;
+	padding-right:0px;
+	line-height: 20px;
+	-webkit-border-radius: 6px;
+	-moz-border-radius: 6px;
+	border-radius: 6px;
+	-webkit-text-fill-color: silver;
+	color: silver
+}
+
+
+
+// STREET
+#bpaac-street-typeahead{
+	width: calc(100% - 5px);
+	position: absolute;
+	top: 0;
+	left: 0;
+	background: transparent;
+	z-index: 1;
+	padding-left: 5px;
+	padding-right:0px;
+	line-height: 20px;
+	-webkit-border-radius: 6px;
+	-moz-border-radius: 6px;
+	border-radius: 6px;
+	-webkit-text-fill-color: silver;
+	color: silver
+}
+
+/*
+#bpaac-street-typeahead {
+	visibility: hidden;
+}
+*/
+
+#bpaac-street-typeahead{
+	width: calc(100% - 5px);
+	position: absolute;
+	top: 0;
+	left: 0;
+	background: transparent;
+	z-index: 1;
+	padding-left: 5px;
+	padding-right:0px;
+	line-height: 20px;
+	-webkit-border-radius: 6px;
+	-moz-border-radius: 6px;
+	border-radius: 6px;
+	-webkit-text-fill-color: silver;
+	color: silver
+}
+
+// STREET NUMBER
+#bpaac-streetNb-typeahead{
+	width: calc(100% - 30px);
+	position: absolute;
+	top: 0;
+	left: 0;
+	background: transparent;
+	z-index: 1;
+	padding-left: 5px;
+	padding-right:0px;
+	line-height: 20px;
+	-webkit-border-radius: 6px;
+	-moz-border-radius: 6px;
+	border-radius: 6px;
+	-webkit-text-fill-color: silver;
+	color: silver
+}
+
+/*
+#bpaac-streetNb-typeahead {
+	visibility: hidden;
+}
+*/
+
+#bpaac-streetNb-typeahead{
+	width: calc(100% - 30px);
+	position: absolute;
+	top: 0;
+	left: 0;
+	background: transparent;
+	z-index: 1;
+	padding-left: 5px;
+	padding-right:0px;
+	line-height: 20px;
+	-webkit-border-radius: 6px;
+	-moz-border-radius: 6px;
+	border-radius: 6px;
+	-webkit-text-fill-color: silver;
+	color: silver
+}
+
+
+// BOX NUMBER
+#bpaac-boxNb-typeahead{
+	width: calc(100% - 30px);
+	position: absolute;
+	top: 0;
+	left: 0;
+	background: transparent;
+	z-index: 1;
+	padding-left: 5px;
+	padding-right:0px;
+	line-height: 20px;
+	-webkit-border-radius: 6px;
+	-moz-border-radius: 6px;
+	border-radius: 6px;
+	-webkit-text-fill-color: silver;
+	color: silver
+}
+
+/*
+#bpaac-boxNb-typeahead {
+	visibility: hidden;
+}
+*/
+
+#bpaac-boxNb-typeahead{
+	width: calc(100% - 30px);
+	position: absolute;
+	top: 0;
+	left: 0;
+	background: transparent;
+	z-index: 1;
+	padding-left: 5px;
+	padding-right:0px;
+	line-height: 20px;
+	-webkit-border-radius: 6px;
+	-moz-border-radius: 6px;
+	border-radius: 6px;
+	-webkit-text-fill-color: silver;
+	color: silver
+}

package/tutorial/aacwidget-tutorial/src/environments/environment.prod.ts

@@ -0,0 +1,3 @@
+export const environment = {
+  production: true
+};

package/tutorial/aacwidget-tutorial/src/environments/environment.ts

@@ -0,0 +1,16 @@
+// This file can be replaced during build by using the `fileReplacements` array.
+// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
+// The list of file replacements can be found in `angular.json`.
+
+export const environment = {
+  production: false
+};
+
+/*
+ * For easier debugging in development mode, you can import the following file
+ * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
+ *
+ * This import should be commented out in production mode because it will have a negative impact
+ * on performance if an error is thrown.
+ */
+// import 'zone.js/dist/zone-error';  // Included with Angular CLI.

package/tutorial/aacwidget-tutorial/src/index.html

@@ -0,0 +1,45 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>AacwidgetDemo</title>
+  <base href="/">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+
+  <script>
+    function insertScript(filename) {
+        var head = document.getElementsByTagName('head')[0];
+        var script = document.createElement('script');
+        script.src = filename;
+        script.type = 'text/javascript';
+        head.appendChild(script);
+    }
+    
+    // Internet Explorer 9-11
+    var isIE = /*@cc_on!@*/false || !!document.documentMode;
+    // Edge 20+
+    var isEdge = !isIE && !!window.StyleMedia;
+
+    console.log('is this IE ?', isIE);
+    // Internet Explorer 6-11
+    // var isIE = /*@cc_on!@*/false || !!document.documentMode;
+    if(isIE === true || isEdge === true /*|| isFirefox===true*/) {
+      //var filename = "./assets/js/custom-elements.min.js";
+      var filename = "https://cdnjs.cloudflare.com/ajax/libs/custom-elements/1.3.0/custom-elements.min.js";
+      insertScript(filename);
+      filename = "https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.6.15/browser-polyfill.min.js";
+      insertScript(filename);
+    }
+
+    if(isIE === false /*&& isFirefox===false*/) {
+      var filename = "https://unpkg.com/@webcomponents/webcomponentsjs@2.0.3/custom-elements-es5-adapter.js";
+      insertScript(filename);
+    }
+  </script>
+  
+</head>
+<body>
+  <app-root></app-root>
+</body>
+</html>

package/tutorial/aacwidget-tutorial/src/main.ts

@@ -0,0 +1,12 @@
+import { enableProdMode } from '@angular/core';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+
+import { AppModule } from './app/app.module';
+import { environment } from './environments/environment';
+
+if (environment.production) {
+  enableProdMode();
+}
+
+platformBrowserDynamic().bootstrapModule(AppModule)
+  .catch(err => console.error(err));

package/tutorial/aacwidget-tutorial/src/polyfills.ts

@@ -0,0 +1,63 @@
+/**
+ * This file includes polyfills needed by Angular and is loaded before the app.
+ * You can add your own extra polyfills to this file.
+ *
+ * This file is divided into 2 sections:
+ *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
+ *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
+ *      file.
+ *
+ * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
+ * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
+ * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
+ *
+ * Learn more in https://angular.io/guide/browser-support
+ */
+
+/***************************************************************************************************
+ * BROWSER POLYFILLS
+ */
+
+/** IE10 and IE11 requires the following for NgClass support on SVG elements */
+// import 'classlist.js';  // Run `npm install --save classlist.js`.
+
+/**
+ * Web Animations `@angular/platform-browser/animations`
+ * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
+ * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
+ */
+// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
+
+/**
+ * By default, zone.js will patch all possible macroTask and DomEvents
+ * user can disable parts of macroTask/DomEvents patch by setting following flags
+ * because those flags need to be set before `zone.js` being loaded, and webpack
+ * will put import in the top of bundle, so user need to create a separate file
+ * in this directory (for example: zone-flags.ts), and put the following flags
+ * into that file, and then add the following code before importing zone.js.
+ * import './zone-flags';
+ *
+ * The flags allowed in zone-flags.ts are listed here.
+ *
+ * The following flags will work for all browsers.
+ *
+ * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
+ * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
+ * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
+ *
+ *  in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
+ *  with the following flag, it will bypass `zone.js` patch for IE/Edge
+ *
+ *  (window as any).__Zone_enable_cross_context_check = true;
+ *
+ */
+
+/***************************************************************************************************
+ * Zone JS is required by default for Angular itself.
+ */
+import 'zone.js/dist/zone';  // Included with Angular CLI.
+
+
+/***************************************************************************************************
+ * APPLICATION IMPORTS
+ */