From f0c6b0f5223fad458076dfc9decb4470bbc41e39 Mon Sep 17 00:00:00 2001
From: Bill Erickson <berickxx@gmail.com>
Date: Thu, 14 Jun 2018 15:18:42 -0400
Subject: [PATCH] LP#1775466 Dynamic module as angular element experiment
 cleanup

Note the zone.js error when loading is under repair:

https://github.com/angular/angular/issues/24466

Signed-off-by: Bill Erickson <berickxx@gmail.com>
---
 .gitignore                        |  1 +
 Open-ILS/src/eg2/angular.json     |  2 +-
 Open-ILS/src/eg2/package.json     |  1 +
 Open-ILS/src/eg2/src/index.html   | 32 +++++++-------------------------
 Open-ILS/src/eg2/src/polyfills.ts |  6 ++++++
 5 files changed, 16 insertions(+), 26 deletions(-)

diff --git a/.gitignore b/.gitignore
index bfcf501cf7..8c16da5dc3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -361,3 +361,4 @@ Open-ILS/web/js/ui/default/staff/node_modules/
 Open-ILS/web/js/ui/default/staff/bower_components/
 Open-ILS/web/js/ui/default/common/build/
 Open-ILS/web/eg2/
+Open-ILS/web/eg2-dynamic/
diff --git a/Open-ILS/src/eg2/angular.json b/Open-ILS/src/eg2/angular.json
index 3218f852a2..c8779b944d 100644
--- a/Open-ILS/src/eg2/angular.json
+++ b/Open-ILS/src/eg2/angular.json
@@ -101,7 +101,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
-            "outputPath": "../../web/eg2/dynamic",
+            "outputPath": "../../web/eg2-dynamic",
             "index": "src/dynamic.html",
             "main": "src/dynamic.ts",
             "tsConfig": "src/tsconfig.app.json",
diff --git a/Open-ILS/src/eg2/package.json b/Open-ILS/src/eg2/package.json
index 703ed6e758..82024bb8db 100644
--- a/Open-ILS/src/eg2/package.json
+++ b/Open-ILS/src/eg2/package.json
@@ -24,6 +24,7 @@
     "@angular/platform-browser-dynamic": "6.0.1",
     "@angular/router": "6.0.1",
     "@ng-bootstrap/ng-bootstrap": "^1.0.0-beta.5",
+    "@webcomponents/webcomponentsjs": "^2.0.1",
     "core-js": "^2.4.1",
     "ngx-cookie": "^2.0.1",
     "rxjs": "^6.1.0",
diff --git a/Open-ILS/src/eg2/src/index.html b/Open-ILS/src/eg2/src/index.html
index eb5a20d60b..402c8ef00c 100644
--- a/Open-ILS/src/eg2/src/index.html
+++ b/Open-ILS/src/eg2/src/index.html
@@ -28,32 +28,14 @@
   <script src="/js/dojo/opensrf/opensrf.js"></script>
   <script src="/js/dojo/opensrf/opensrf_ws.js"></script>
   <!-- import the dynamic Angular Element component -->
-  <script type="text/javascript" src="/eg2/dynamic/runtime.js"></script>
-
   <!-- probably don't need styles ... -->
-
-<script>
-  // https://github.com/stackblitz/core/issues/475
-	(function () {
-	'use strict';
-
-	(()=>{if(!window.customElements)return;const a=window.HTMLElement,b=window.customElements.define,c=window.customElements.get,d=new Map,e=new Map;let f=!1,g=!1;window.HTMLElement=function(){if(!f){const a=d.get(this.constructor),b=c.call(window.customElements,a);g=!0;const e=new b;return e}f=!1;}, window.HTMLElement.prototype=a.prototype;Object.defineProperty(window,'customElements',{value:window.customElements,configurable:!0,writable:!0}), Object.defineProperty(window.customElements,'define',{value:(c,h)=>{const i=h.prototype,j=class extends a{constructor(){super(), Object.setPrototypeOf(this,i), g||(f=!0, h.call(this)), g=!1;}},k=j.prototype;j.observedAttributes=h.observedAttributes, k.connectedCallback=i.connectedCallback, k.disconnectedCallback=i.disconnectedCallback, k.attributeChangedCallback=i.attributeChangedCallback, k.adoptedCallback=i.adoptedCallback, d.set(h,c), e.set(c,h), b.call(window.customElements,c,j);},configurable:!0,writable:!0}), Object.defineProperty(window.customElements,'get',{value:a=>e.get(a),configurable:!0,writable:!0});})();
-	/**
-	@license
-	Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
-	This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
-	The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
-	The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
-	Code distributed by Google as part of the polymer project is also
-	subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
-	*/
-	}());
-</script>
-
-  <script type="text/javascript" src="/eg2/dynamic/polyfills.js"></script>
-  <script type="text/javascript" src="/eg2/dynamic/styles.js"></script>
-  <script type="text/javascript" src="/eg2/dynamic/vendor.js"></script>
-  <script type="text/javascript" src="/eg2/dynamic/main.js"></script>
+  <script type="text/javascript" src="/eg2-dynamic/runtime.js"></script>
+  <script type="text/javascript" src="/eg2-dynamic/polyfills.js"></script>
+  <!--
+  <script type="text/javascript" src="/eg2-dynamic/styles.js"></script>
+  -->
+  <script type="text/javascript" src="/eg2-dynamic/vendor.js"></script>
+  <script type="text/javascript" src="/eg2-dynamic/main.js"></script>
   <!-- END import the dynamic Angular Element component -->
 
 </body>
diff --git a/Open-ILS/src/eg2/src/polyfills.ts b/Open-ILS/src/eg2/src/polyfills.ts
index a7822cde5f..e5b314a60c 100644
--- a/Open-ILS/src/eg2/src/polyfills.ts
+++ b/Open-ILS/src/eg2/src/polyfills.ts
@@ -64,6 +64,12 @@ import 'core-js/es7/reflect';
 import 'zone.js/dist/zone';  // Included with Angular CLI.
 
 
+/**
+ * Required fro Web components / Angular Elements
+ */
+import '@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js';
+
+
 /***************************************************************************************************
  * APPLICATION IMPORTS
  */
-- 
2.11.0