@progressive-development/pd-spa-helper 0.3.101 → 0.3.103

package/dist/node_modules/@progressive-development/pd-wizard/src/PdWizard.js

@@ -0,0 +1,280 @@
+import { LitElement, css, html } from "lit";
+import { updateWhenLocaleChanges, msg } from "@lit/localize";
+import { ICON_XCLOSE, ICON_CLOSE } from "../../pd-icon/src/PdIcon.js";
+import "../../pd-icon/pd-icon.js";
+import "../../pd-forms/pd-button.js";
+import { PDColorStyles } from "../../pd-shared-styles/src/shared-color-styles.js";
+import { PDFontStyles } from "../../pd-shared-styles/src/shared-font-styles.js";
+import "./PdSteps.js";
+/**
+ * @license
+ * Copyright (c) 2021 PD Progressive Development UG. All rights reserved.
+ */
+class PdWizard extends LitElement {
+  /**
+   * Fired when next step clicked
+   * @event next-step
+   */
+  /**
+   * Fired when previous step clicked
+   * @event previous-step
+   */
+  /**
+   * Fired when wizard submited
+   * @event submit-wizard
+   */
+  /**
+   * Fired when wizard submited
+   * @event close-wizard
+   */
+  static get styles() {
+    return [
+      PDColorStyles,
+      PDFontStyles,
+      css`
+      :host {
+
+        /* These values are used more than onnce and dfined here for short access */
+        --my-height: var(--pd-wizard-title-height, 110px);
+        --my-header-font-color: var(--pd-wizard-header-font-col, var(--pd-default-bg-col));
+        --my-header-bg-col: var(--pd-wizard-header-bg-col, var(--pd-default-col));
+
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+      }
+
+      .wiz-header {
+        flex-grow: 0;
+      }
+
+      .wiz-title {
+        position: relative;
+        text-align: center;
+        background-color: var(--my-header-bg-col);
+        height: var(---my-height);
+        padding-left: var(--pd-wizard-title-padding-left, 0);
+        color: var(--my-header-font-color);
+      }
+
+      :host(.top-rounded) .wiz-title {
+        border-top-left-radius: var(--pd-wizard-top-borderradius, 5px);
+        border-top-right-radius: var(--pd-wizard-top-borderradius, 5px);
+      }
+
+      .title {
+        font-family: var(--pd-default-font-title-family);
+        font-size: var(--pd-wizard-header-font-size, 2em);
+        font-weight: bolder;
+        line-height: var(--my-height);
+      }
+
+      /* The Close Icon */
+      .close {
+        position: absolute;
+        top: 6px;
+        right: 6px;
+
+        cursor: pointer;
+
+        --pd-icon-size: 2em;
+        --pd-icon-stroke-col-active: var(--pd-default-col);
+        --pd-icon-col-active: white;
+      }
+
+      .close:hover,
+      .close:focus {
+        color: var(--pd-default-hover-col);
+        --pd-icon-stroke-col: var(--pd-default-hover-col);
+      }      
+      
+      .wiz-content {        
+        display: flex;
+        justify-content: var(--pd-wizard-justify-content, center);        
+        flex-grow: 1;
+
+        background-color: var(--pd-wizard-content-bg-col, var(--pd-default-bg-col));
+        padding: var(--pd-wizard-content-padding, 1em);
+        overflow-y: var(--pd-wizard-content-scroll, auto);
+      }
+
+      .wiz-content-inner {
+        background-color: var(--pd-wizard-content-inner-bg-col, var(--pd-default-bg-col));
+        max-width: var(--pd-wizard-content-max-width, 1024px);
+        width: var(--pd-wizard-content-width, 75%);
+      }
+
+      .wiz-buttons {
+        display: flex;
+        justify-content: var(--pd-wizard-justify-buttons, space-around);
+        flex-grow: 0;
+        padding: 1em;
+
+        background: linear-gradient(to top,
+          var(--pd-wizard-buttons-bg-col1, var(--pd-default-light-col)) 0%,
+          var(--pd-wizard-buttons-bg-col2, var(--pd-default-disabled-light-col)) 100%);
+      }
+
+      :host(.bottom-rounded) .wiz-buttons {
+        border-bottom-left-radius: var(--pd-wizard-bottom-borderradius, 5px);
+        border-bottom-right-radius: var(--pd-wizard-bottom-borderradius, 5px);
+      }
+
+      /* 
+       * CSS for panel wizard 
+       */
+      .wiz-panel-h {
+        padding: var(--pd-wizard-header-panel-padding, 0);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background-color: var(--pd-wizard-header-panel-bg-col, var(--pd-default-col));
+        position: relative;
+      }
+
+      .wiz-panel-h h1 {
+        color: var(--pd-wizard-header-panel-title-col, white);
+        padding: 0;
+        margin: 0.8em 0 0.5em 0;
+        font-size: var(--pd-wizard-header-font-size, 1.2em);
+        font-family: var(--pd-default-font-title-family);
+      }
+
+      .panel-close-icon {
+        --pd-icon-size: 2em;
+        --pd-icon-stroke-col-active: var(--pd-default-col);
+        --pd-icon-col-active: white;
+        cursor: pointer;
+        position: absolute;
+        right: 0px;
+        top: 0px;
+      }
+
+
+      /* Size Elements for small width */
+      @media (max-width: 700px) {
+        .close {
+          font-size: 0.7rem;
+          --pd-icon-size: 1.2rem;
+          top: 3px;
+          right: 3px;
+        }
+        .title {
+          margin-left: 50px;
+        }
+      }
+
+    `
+    ];
+  }
+  static get properties() {
+    return {
+      currentNumber: { type: Number },
+      wizardSteps: { Array },
+      logo: { type: Object },
+      panelWizard: { type: Boolean },
+      _submited: { type: Boolean, state: true }
+    };
+  }
+  constructor() {
+    super();
+    updateWhenLocaleChanges(this);
+    this.currentNumber = -99;
+    this.wizardSteps = [];
+    this.panelWizard = false;
+    this._submited = false;
+  }
+  render() {
+    if (this.wizardSteps && this.wizardSteps.length > 0) {
+      return html`        
+
+        <div class="wiz-header">
+
+        ${this.panelWizard ? html`
+          <div class="wiz-panel-h">
+            <h1>${this.currentNumber >= 1 && this.wizardSteps ? this.wizardSteps[this.currentNumber - 1].title : "No-Title"}</h1>
+            <pd-icon class="panel-close-icon" 
+              title="Close" activeIcon icon="${ICON_XCLOSE}" @click="${this._closeWizard}"></pd-icon>
+          </div>
+          ` : html`
+            <div class="wiz-title">
+              <slot name="slotLogo"></slot>
+              <span class="title"
+                >${this.currentNumber >= 1 && this.wizardSteps ? this.wizardSteps[this.currentNumber - 1].title : "No-Title"}</span
+              >                          
+              <pd-icon class="close" icon="${ICON_CLOSE}" @click="${this._closeWizard}"></pd-icon>            
+            </div>          
+          `}
+
+          <div class="wiz-breadcrumbs">
+            <pd-steps
+              .steps="${this.wizardSteps}"
+              currentStepNr="${this.currentNumber}"
+            ></pd-steps>
+          </div>
+
+        </div>
+
+        <div class="wiz-content">
+          
+          <div class="wiz-content-inner">
+            <div style="${this.currentNumber === 1 ? "" : "display:none"}">
+              <slot name="step-1"></slot>
+            </div>
+            <div style="${this.currentNumber === 2 ? "" : "display:none"}">
+              <slot name="step-2"></slot>
+            </div>
+            <div style="${this.currentNumber === 3 ? "" : "display:none"}">
+              <slot name="step-3"></slot>
+            </div>
+            <div style="${this.currentNumber === 4 ? "" : "display:none"}">
+              <slot name="step-4"></slot>
+            </div>
+            <div style="${this.currentNumber === 5 ? "" : "display:none"}">
+              <slot name="step-5"></slot>
+            </div>
+          </div>
+
+        </div>
+        
+        <div class="wiz-buttons">
+        ${this.currentNumber >= 1 && this.wizardSteps ? html`
+              <pd-button
+                @button-clicked="${this._previousStep}"
+                text="${msg("Zurück", { id: "pd.wizard.button.back" })}"
+                style="visibility: ${this.currentNumber === 1 ? "hidden" : "visible"};"
+              ></pd-button>
+              ${this.currentNumber !== this.wizardSteps.length && this.wizardSteps[this.currentNumber - 1].next !== false ? html`<pd-button
+                    @button-clicked="${this._nextStep}"
+                    text="${msg("Weiter", { id: "pd.wizard.button.next" })}"
+                  ></pd-button>` : ""}
+              ${this.currentNumber === this.wizardSteps.length ? html`<pd-button
+                    primary
+                    ?disabled="${this._submited}"
+                    @button-clicked="${this._submit}"
+                    text="${msg("Absenden", { id: "pd.wizard.button.send" })}"
+                  ></pd-button>` : ""}
+            ` : ""}
+        </div>
+      `;
+    }
+    return "";
+  }
+  _previousStep() {
+    this.dispatchEvent(new CustomEvent("previous-step"));
+  }
+  _nextStep() {
+    this.dispatchEvent(new CustomEvent("next-step"));
+  }
+  _submit() {
+    const detail = { submited: false };
+    this.dispatchEvent(new CustomEvent("submit-wizard", { detail }));
+    this._submited = detail.submited;
+  }
+  _closeWizard() {
+    this.dispatchEvent(new CustomEvent("close-wizard"));
+  }
+}
+export {
+  PdWizard
+};

package/dist/node_modules/firebase/app/dist/esm/index.esm.js

@@ -0,0 +1,35 @@
+import { registerVersion } from "../../../../@firebase/app/dist/esm/index.esm2017.js";
+import { SDK_VERSION, _DEFAULT_ENTRY_NAME, _addComponent, _apps, _components, _getProvider, _isFirebaseServerApp, _registerComponent, _serverApps, getApp, initializeApp } from "../../../../@firebase/app/dist/esm/index.esm2017.js";
+var name = "firebase";
+var version = "10.14.1";
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+registerVersion(name, version, "app");
+export {
+  SDK_VERSION,
+  _DEFAULT_ENTRY_NAME,
+  _addComponent,
+  _apps,
+  _components,
+  _getProvider,
+  _isFirebaseServerApp,
+  _registerComponent,
+  _serverApps,
+  getApp,
+  initializeApp,
+  registerVersion
+};

package/dist/node_modules/idb/build/index.js

@@ -0,0 +1,81 @@
+import { r as replaceTraps, w as wrap } from "./wrap-idb-value.js";
+import { u } from "./wrap-idb-value.js";
+function openDB(name, version, { blocked, upgrade, blocking, terminated } = {}) {
+  const request = indexedDB.open(name, version);
+  const openPromise = wrap(request);
+  if (upgrade) {
+    request.addEventListener("upgradeneeded", (event) => {
+      upgrade(wrap(request.result), event.oldVersion, event.newVersion, wrap(request.transaction), event);
+    });
+  }
+  if (blocked) {
+    request.addEventListener("blocked", (event) => blocked(
+      // Casting due to https://github.com/microsoft/TypeScript-DOM-lib-generator/pull/1405
+      event.oldVersion,
+      event.newVersion,
+      event
+    ));
+  }
+  openPromise.then((db) => {
+    if (terminated)
+      db.addEventListener("close", () => terminated());
+    if (blocking) {
+      db.addEventListener("versionchange", (event) => blocking(event.oldVersion, event.newVersion, event));
+    }
+  }).catch(() => {
+  });
+  return openPromise;
+}
+function deleteDB(name, { blocked } = {}) {
+  const request = indexedDB.deleteDatabase(name);
+  if (blocked) {
+    request.addEventListener("blocked", (event) => blocked(
+      // Casting due to https://github.com/microsoft/TypeScript-DOM-lib-generator/pull/1405
+      event.oldVersion,
+      event
+    ));
+  }
+  return wrap(request).then(() => void 0);
+}
+const readMethods = ["get", "getKey", "getAll", "getAllKeys", "count"];
+const writeMethods = ["put", "add", "delete", "clear"];
+const cachedMethods = /* @__PURE__ */ new Map();
+function getMethod(target, prop) {
+  if (!(target instanceof IDBDatabase && !(prop in target) && typeof prop === "string")) {
+    return;
+  }
+  if (cachedMethods.get(prop))
+    return cachedMethods.get(prop);
+  const targetFuncName = prop.replace(/FromIndex$/, "");
+  const useIndex = prop !== targetFuncName;
+  const isWrite = writeMethods.includes(targetFuncName);
+  if (
+    // Bail if the target doesn't exist on the target. Eg, getAll isn't in Edge.
+    !(targetFuncName in (useIndex ? IDBIndex : IDBObjectStore).prototype) || !(isWrite || readMethods.includes(targetFuncName))
+  ) {
+    return;
+  }
+  const method = async function(storeName, ...args) {
+    const tx = this.transaction(storeName, isWrite ? "readwrite" : "readonly");
+    let target2 = tx.store;
+    if (useIndex)
+      target2 = target2.index(args.shift());
+    return (await Promise.all([
+      target2[targetFuncName](...args),
+      isWrite && tx.done
+    ]))[0];
+  };
+  cachedMethods.set(prop, method);
+  return method;
+}
+replaceTraps((oldTraps) => ({
+  ...oldTraps,
+  get: (target, prop, receiver) => getMethod(target, prop) || oldTraps.get(target, prop, receiver),
+  has: (target, prop) => !!getMethod(target, prop) || oldTraps.has(target, prop)
+}));
+export {
+  deleteDB,
+  openDB,
+  u as unwrap,
+  wrap
+};

package/dist/node_modules/idb/build/wrap-idb-value.js

@@ -0,0 +1,148 @@
+const instanceOfAny = (object, constructors) => constructors.some((c) => object instanceof c);
+let idbProxyableTypes;
+let cursorAdvanceMethods;
+function getIdbProxyableTypes() {
+  return idbProxyableTypes || (idbProxyableTypes = [
+    IDBDatabase,
+    IDBObjectStore,
+    IDBIndex,
+    IDBCursor,
+    IDBTransaction
+  ]);
+}
+function getCursorAdvanceMethods() {
+  return cursorAdvanceMethods || (cursorAdvanceMethods = [
+    IDBCursor.prototype.advance,
+    IDBCursor.prototype.continue,
+    IDBCursor.prototype.continuePrimaryKey
+  ]);
+}
+const cursorRequestMap = /* @__PURE__ */ new WeakMap();
+const transactionDoneMap = /* @__PURE__ */ new WeakMap();
+const transactionStoreNamesMap = /* @__PURE__ */ new WeakMap();
+const transformCache = /* @__PURE__ */ new WeakMap();
+const reverseTransformCache = /* @__PURE__ */ new WeakMap();
+function promisifyRequest(request) {
+  const promise = new Promise((resolve, reject) => {
+    const unlisten = () => {
+      request.removeEventListener("success", success);
+      request.removeEventListener("error", error);
+    };
+    const success = () => {
+      resolve(wrap(request.result));
+      unlisten();
+    };
+    const error = () => {
+      reject(request.error);
+      unlisten();
+    };
+    request.addEventListener("success", success);
+    request.addEventListener("error", error);
+  });
+  promise.then((value) => {
+    if (value instanceof IDBCursor) {
+      cursorRequestMap.set(value, request);
+    }
+  }).catch(() => {
+  });
+  reverseTransformCache.set(promise, request);
+  return promise;
+}
+function cacheDonePromiseForTransaction(tx) {
+  if (transactionDoneMap.has(tx))
+    return;
+  const done = new Promise((resolve, reject) => {
+    const unlisten = () => {
+      tx.removeEventListener("complete", complete);
+      tx.removeEventListener("error", error);
+      tx.removeEventListener("abort", error);
+    };
+    const complete = () => {
+      resolve();
+      unlisten();
+    };
+    const error = () => {
+      reject(tx.error || new DOMException("AbortError", "AbortError"));
+      unlisten();
+    };
+    tx.addEventListener("complete", complete);
+    tx.addEventListener("error", error);
+    tx.addEventListener("abort", error);
+  });
+  transactionDoneMap.set(tx, done);
+}
+let idbProxyTraps = {
+  get(target, prop, receiver) {
+    if (target instanceof IDBTransaction) {
+      if (prop === "done")
+        return transactionDoneMap.get(target);
+      if (prop === "objectStoreNames") {
+        return target.objectStoreNames || transactionStoreNamesMap.get(target);
+      }
+      if (prop === "store") {
+        return receiver.objectStoreNames[1] ? void 0 : receiver.objectStore(receiver.objectStoreNames[0]);
+      }
+    }
+    return wrap(target[prop]);
+  },
+  set(target, prop, value) {
+    target[prop] = value;
+    return true;
+  },
+  has(target, prop) {
+    if (target instanceof IDBTransaction && (prop === "done" || prop === "store")) {
+      return true;
+    }
+    return prop in target;
+  }
+};
+function replaceTraps(callback) {
+  idbProxyTraps = callback(idbProxyTraps);
+}
+function wrapFunction(func) {
+  if (func === IDBDatabase.prototype.transaction && !("objectStoreNames" in IDBTransaction.prototype)) {
+    return function(storeNames, ...args) {
+      const tx = func.call(unwrap(this), storeNames, ...args);
+      transactionStoreNamesMap.set(tx, storeNames.sort ? storeNames.sort() : [storeNames]);
+      return wrap(tx);
+    };
+  }
+  if (getCursorAdvanceMethods().includes(func)) {
+    return function(...args) {
+      func.apply(unwrap(this), args);
+      return wrap(cursorRequestMap.get(this));
+    };
+  }
+  return function(...args) {
+    return wrap(func.apply(unwrap(this), args));
+  };
+}
+function transformCachableValue(value) {
+  if (typeof value === "function")
+    return wrapFunction(value);
+  if (value instanceof IDBTransaction)
+    cacheDonePromiseForTransaction(value);
+  if (instanceOfAny(value, getIdbProxyableTypes()))
+    return new Proxy(value, idbProxyTraps);
+  return value;
+}
+function wrap(value) {
+  if (value instanceof IDBRequest)
+    return promisifyRequest(value);
+  if (transformCache.has(value))
+    return transformCache.get(value);
+  const newValue = transformCachableValue(value);
+  if (newValue !== value) {
+    transformCache.set(value, newValue);
+    reverseTransformCache.set(newValue, value);
+  }
+  return newValue;
+}
+const unwrap = (value) => reverseTransformCache.get(value);
+export {
+  reverseTransformCache as a,
+  instanceOfAny as i,
+  replaceTraps as r,
+  unwrap as u,
+  wrap as w
+};

package/dist/node_modules/lit/node_modules/lit-html/directive.js

@@ -0,0 +1,27 @@
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const t = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, e = (t2) => (...e2) => ({ _$litDirective$: t2, values: e2 });
+class i {
+  constructor(t2) {
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AT(t2, e2, i2) {
+    this._$Ct = t2, this._$AM = e2, this._$Ci = i2;
+  }
+  _$AS(t2, e2) {
+    return this.update(t2, e2);
+  }
+  update(t2, e2) {
+    return this.render(...e2);
+  }
+}
+export {
+  i as Directive,
+  t as PartType,
+  e as directive
+};

package/dist/node_modules/lit/node_modules/lit-html/directives/class-map.js

@@ -0,0 +1,36 @@
+import { noChange as T } from "../lit-html.js";
+import { directive as e, Directive as i, PartType as t } from "../directive.js";
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const o = e(class extends i {
+  constructor(t$1) {
+    var i2;
+    if (super(t$1), t$1.type !== t.ATTRIBUTE || "class" !== t$1.name || (null === (i2 = t$1.strings) || void 0 === i2 ? void 0 : i2.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+  }
+  render(t2) {
+    return " " + Object.keys(t2).filter((i2) => t2[i2]).join(" ") + " ";
+  }
+  update(i2, [s]) {
+    var r, o2;
+    if (void 0 === this.it) {
+      this.it = /* @__PURE__ */ new Set(), void 0 !== i2.strings && (this.nt = new Set(i2.strings.join(" ").split(/\s/).filter((t2) => "" !== t2)));
+      for (const t2 in s) s[t2] && !(null === (r = this.nt) || void 0 === r ? void 0 : r.has(t2)) && this.it.add(t2);
+      return this.render(s);
+    }
+    const e2 = i2.element.classList;
+    this.it.forEach((t2) => {
+      t2 in s || (e2.remove(t2), this.it.delete(t2));
+    });
+    for (const t2 in s) {
+      const i3 = !!s[t2];
+      i3 === this.it.has(t2) || (null === (o2 = this.nt) || void 0 === o2 ? void 0 : o2.has(t2)) || (i3 ? (e2.add(t2), this.it.add(t2)) : (e2.remove(t2), this.it.delete(t2)));
+    }
+    return T;
+  }
+});
+export {
+  o as classMap
+};