@progressive-development/pd-spa-helper 0.4.0 → 0.5.0

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

@@ -1,280 +0,0 @@
-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

@@ -1,35 +0,0 @@
-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

@@ -1,81 +0,0 @@
-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

@@ -1,148 +0,0 @@
-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

@@ -1,27 +0,0 @@
-/**
- * @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

@@ -1,36 +0,0 @@
-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
-};