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

package/resources/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/.editorconfig

@@ -0,0 +1,16 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.ts]
+quote_type = single
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

package/tutorial/aacwidget-tutorial/angular.json

@@ -0,0 +1,128 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "aacwidget-demo": {
+      "projectType": "application",
+      "schematics": {
+        "@schematics/angular:component": {
+          "style": "scss"
+        }
+      },
+      "root": "",
+      "sourceRoot": "src",
+      "prefix": "app",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:browser",
+          "options": {
+            "outputPath": "dist/aacwidget-demo",
+            "index": "src/index.html",
+            "main": "src/main.ts",
+            "polyfills": "src/polyfills.ts",
+            "tsConfig": "tsconfig.app.json",
+            "aot": true,
+            "assets": [
+              "src/favicon.ico",
+              "src/assets"
+            ],
+            "styles": [
+              "src/styles.scss"
+            ],
+            "scripts": []
+          },
+          "configurations": {
+            "production": {
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.prod.ts"
+                }
+              ],
+              "optimization": true,
+              "outputHashing": "all",
+              "sourceMap": false,
+              "extractCss": true,
+              "namedChunks": false,
+              "extractLicenses": true,
+              "vendorChunk": false,
+              "buildOptimizer": true,
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "2mb",
+                  "maximumError": "5mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb",
+                  "maximumError": "10kb"
+                }
+              ]
+            }
+          }
+        },
+        "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "options": {
+            "browserTarget": "aacwidget-demo:build"
+          },
+          "configurations": {
+            "production": {
+              "browserTarget": "aacwidget-demo:build:production"
+            }
+          }
+        },
+        "extract-i18n": {
+          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "options": {
+            "browserTarget": "aacwidget-demo:build"
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "main": "src/test.ts",
+            "polyfills": "src/polyfills.ts",
+            "tsConfig": "tsconfig.spec.json",
+            "karmaConfig": "karma.conf.js",
+            "assets": [
+              "src/favicon.ico",
+              "src/assets"
+            ],
+            "styles": [
+              "src/styles.scss"
+            ],
+            "scripts": []
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [
+              "tsconfig.app.json",
+              "tsconfig.spec.json",
+              "e2e/tsconfig.json"
+            ],
+            "exclude": [
+              "**/node_modules/**"
+            ]
+          }
+        },
+        "e2e": {
+          "builder": "@angular-devkit/build-angular:protractor",
+          "options": {
+            "protractorConfig": "e2e/protractor.conf.js",
+            "devServerTarget": "aacwidget-demo:serve"
+          },
+          "configurations": {
+            "production": {
+              "devServerTarget": "aacwidget-demo:serve:production"
+            }
+          }
+        }
+      }
+    }},
+  "defaultProject": "aacwidget-demo"
+}

package/tutorial/aacwidget-tutorial/browserslist

@@ -0,0 +1,13 @@
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+
+# You can see what browsers were selected by your queries by running:
+#   npx browserslist
+
+> 0.5%
+last 2 versions
+Firefox ESR
+not dead
+# not IE 9-11 # For IE 9-11 support, remove 'not'.
+IE 9-11

package/tutorial/aacwidget-tutorial/e2e/protractor.conf.js

@@ -0,0 +1,32 @@
+// @ts-check
+// Protractor configuration file, see link for more information
+// https://github.com/angular/protractor/blob/master/lib/config.ts
+
+const { SpecReporter } = require('jasmine-spec-reporter');
+
+/**
+ * @type { import("protractor").Config }
+ */
+exports.config = {
+  allScriptsTimeout: 11000,
+  specs: [
+    './src/**/*.e2e-spec.ts'
+  ],
+  capabilities: {
+    browserName: 'chrome'
+  },
+  directConnect: true,
+  baseUrl: 'http://localhost:4200/',
+  framework: 'jasmine',
+  jasmineNodeOpts: {
+    showColors: true,
+    defaultTimeoutInterval: 30000,
+    print: function() {}
+  },
+  onPrepare() {
+    require('ts-node').register({
+      project: require('path').join(__dirname, './tsconfig.json')
+    });
+    jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
+  }
+};

package/tutorial/aacwidget-tutorial/e2e/src/app.e2e-spec.ts

@@ -0,0 +1,23 @@
+import { AppPage } from './app.po';
+import { browser, logging } from 'protractor';
+
+describe('workspace-project App', () => {
+  let page: AppPage;
+
+  beforeEach(() => {
+    page = new AppPage();
+  });
+
+  it('should display welcome message', () => {
+    page.navigateTo();
+    expect(page.getTitleText()).toEqual('aacwidget-demo app is running!');
+  });
+
+  afterEach(async () => {
+    // Assert that there are no errors emitted from the browser
+    const logs = await browser.manage().logs().get(logging.Type.BROWSER);
+    expect(logs).not.toContain(jasmine.objectContaining({
+      level: logging.Level.SEVERE,
+    } as logging.Entry));
+  });
+});

package/tutorial/aacwidget-tutorial/e2e/src/app.po.ts

@@ -0,0 +1,11 @@
+import { browser, by, element } from 'protractor';
+
+export class AppPage {
+  navigateTo(): Promise<unknown> {
+    return browser.get(browser.baseUrl) as Promise<unknown>;
+  }
+
+  getTitleText(): Promise<string> {
+    return element(by.css('app-root .content span')).getText() as Promise<string>;
+  }
+}

package/tutorial/aacwidget-tutorial/e2e/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/e2e",
+    "module": "commonjs",
+    "target": "es5",
+    "types": [
+      "jasmine",
+      "jasminewd2",
+      "node"
+    ]
+  }
+}

package/tutorial/aacwidget-tutorial/karma.conf.js

@@ -0,0 +1,32 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage-istanbul-reporter'),
+      require('@angular-devkit/build-angular/plugins/karma')
+    ],
+    client: {
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    coverageIstanbulReporter: {
+      dir: require('path').join(__dirname, './coverage/aacwidget-demo'),
+      reports: ['html', 'lcovonly', 'text-summary'],
+      fixWebpackSourcePaths: true
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false,
+    restartOnFileChange: true
+  });
+};