@progressive-development/pd-page 0.0.26 → 0.0.28

package/package.json

@@ -3,7 +3,7 @@
   "description": "Progressive development page helper, teaser, menu, footer.",
   "license": "SEE LICENSE IN LICENSE",
   "author": "PD Progressive Development",
-  "version": "0.0.26",
+  "version": "0.0.28",
   "main": "index.js",
   "module": "index.js",
   "scripts": {

package/src/PdFooter.js

@@ -7,8 +7,6 @@
 
 import { LitElement, html, css } from 'lit';
 
-import '@progressive-development/pd-dialog/pd-popup.js';
-
 /**
  * An example element.
  *
@@ -176,18 +174,6 @@ export class PdFooter extends LitElement {
           </li>
         </ul>
       </div>
-
-      <pd-popup id="legalPopupId">
-        <div slot="content">
-          <slot name="legal"></slot>
-        </div>
-      </pd-popup>
-
-      <pd-popup id="privacyPopupId">
-        <div slot="content">
-          <slot name="privacy"></slot>
-        </div>
-      </pd-popup>
     `;
   }
 
@@ -196,16 +182,30 @@ export class PdFooter extends LitElement {
   }
 
   _legalClicked() {
-    this.shadowRoot.getElementById('legalPopupId').showPopup();
+    // this.shadowRoot.getElementById('legalPopupId').showPopup();
+    this.dispatchEvent(
+      new CustomEvent('show-policy', {
+        detail: {
+          policy: 'legal'
+        }
+      })
+    );    
   }
 
   _policyClicked() {
-    this.shadowRoot.getElementById('privacyPopupId').showPopup();
+    // this.shadowRoot.getElementById('privacyPopupId').showPopup();
+    this.dispatchEvent(
+      new CustomEvent('show-policy', {
+        detail: {
+          policy: 'policy'
+        }
+      })
+    );    
   }
 
   _cookiePolicyClicked() {
     this.dispatchEvent(
-      new CustomEvent('navigate-policy', {
+      new CustomEvent('show-policy', {
         detail: {
           policy: 'cookie'
         }