@progressive-development/pd-wizard 0.0.10 → 0.0.12

package/package.json

@@ -14,7 +14,7 @@
     "order",
     "steps"
   ],
-  "version": "0.0.10",
+  "version": "0.0.12",
   "main": "index.js",
   "module": "index.js",
   "scripts": {
@@ -29,7 +29,7 @@
   },
   "dependencies": {
     "lit": "^2.0.2",
-    "@progressive-development/pd-forms": "0.0.14"
+    "@progressive-development/pd-forms": "0.0.15"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.4.17",

package/src/PdWizard.js

@@ -5,7 +5,7 @@
 
 import { LitElement, html, css } from 'lit';
 
-import '@progressive-development/pd-forms/PdButton.js';
+import '@progressive-development/pd-forms/pd-button.js';
 import './PdSteps.js';
 
 // TODO: dont get it running with attribute???
@@ -180,13 +180,14 @@ export class PdWizard extends LitElement {
         color: var(--my-header-text-color);
       }
 
+      /* in Umstellung, Logo als Slot übergeben... */
       .logo {
         max-width: 8rem;
         width: 8rem; /* wird sonst im Chrome nicht angezeigt*/
         position: absolute;
         left: 20px;
         top: 10px;
-      }
+      }      
 
       /* The Close Button */
       .close {
@@ -220,11 +221,6 @@ export class PdWizard extends LitElement {
           font-size: 1.5em;
         }
 
-        .logo {
-          max-width: 6rem;
-          width: 6rem; /* wird sonst im Chrome nicht angezeigt*/
-        }
-
         .close {
           font-size: 1.5em;
           right: 5px;
@@ -257,7 +253,6 @@ export class PdWizard extends LitElement {
     super();
     this.currentNumber = -99;
     this.wizardSteps = [];
-    this.logo = {};
   }
 
   render() {
@@ -306,26 +301,26 @@ export class PdWizard extends LitElement {
           <div class="wiz-buttons">
             ${this.currentNumber >= 1 && this.wizardSteps
               ? html`
-                  <squi-button
+                  <pd-button
                     @click="${this._previousStep}"
                     text="Terug"
                     style="visibility: ${this.currentNumber === 1
                       ? 'hidden'
                       : 'visible'};"
-                  ></squi-button>
+                  ></pd-button>
                   ${this.currentNumber !== this.wizardSteps.length &&
                   this.wizardSteps[this.currentNumber - 1].next !== false
-                    ? html`<squi-button
+                    ? html`<pd-button
                         @click="${this._nextStep}"
                         text="Volgende"
-                      ></squi-button>`
+                      ></pd-button>`
                     : ''}
                   ${this.currentNumber === this.wizardSteps.length
-                    ? html`<squi-button
+                    ? html`<pd-button
                         primary
                         @click="${this._submit}"
                         text="Order"
-                      ></squi-button>`
+                      ></pd-button>`
                     : ''}
                 `
               : ''}