@progressive-development/pd-spa-helper 0.3.102 → 0.3.104

package/package.json

@@ -3,24 +3,29 @@
   "description": "Webcomponent pd-spa-helper following open-wc recommendations",
   "license": "MIT",
   "author": "pd-spa-helper",
-  "version": "0.3.102",
-  "main": "dist/src/index.js",
-  "module": "dist/src/index.js",
+  "version": "0.3.104",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
   "exports": {
-    ".": "./dist/src/index.js",
-    "./pd-spa-helper.js": "./dist/src/pd-spa-helper.js",
-    "./pd-panel-viewer": "./dist/src/tmpown/pd-panel-viewer.js",
-    "./pd-panel": "./dist/src/tmpown/pd-panel.js"
+    ".": "./dist/index.js",
+    "./pd-panel-viewer": "./dist/pd-panel-viewer.js",
+    "./pd-panel": "./dist/pd-panel.js"
   },
+  "files": [
+    "dist/",
+    "package.json",
+    "README.md",
+    "LICENSE"
+  ],
   "scripts": {
     "analyze": "cem analyze --litelement",
-    "start": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
-    "build": "tsc && npm run analyze -- --exclude dist",
-    "prepublish": "tsc && npm run analyze -- --exclude dist",
+    "start": "vite",
+    "build": "vite build && npm run analyze -- --exclude dist",
+    "prepublish": "vite build && npm run analyze -- --exclude dist",
     "lint": "eslint --ext .ts,.html . --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
     "format": "eslint --ext .ts,.html . --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
-    "test": "tsc && wtr --coverage",
-    "test:watch": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch\"",
+    "test": "vitest",
+    "test:watch": "vitest --watch",
     "localizeExtract": "lit-localize extract",
     "localizeBuild": "lit-localize build",
     "storybook": "storybook dev -p 6006",
@@ -32,7 +37,7 @@
     "@progressive-development/pd-dialog": "^0.1.84",
     "@progressive-development/pd-forms": "^0.2.16",
     "@progressive-development/pd-icon": "^0.1.23",
-    "@progressive-development/pd-order": "^0.1.124",
+    "@progressive-development/pd-order": "^0.1.130",
     "@progressive-development/pd-page": "^0.1.128",
     "@progressive-development/pd-wizard": "^0.1.83",
     "@types/hammerjs": "^2.0.45",
@@ -48,8 +53,6 @@
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.4.17",
     "@lit/localize-tools": "^0.7.2",
-    "@open-wc/eslint-config": "^4.3.0",
-    "@open-wc/testing": "^3.2.2",
     "@storybook/addon-essentials": "^7.6.20",
     "@storybook/addon-links": "^7.6.20",
     "@storybook/blocks": "^7.5.3",
@@ -57,8 +60,6 @@
     "@storybook/web-components-vite": "^7.6.20",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
-    "@web/dev-server": "^0.1.38",
-    "@web/test-runner": "^0.13.31",
     "concurrently": "^5.3.0",
     "eslint": "^7.32.0",
     "eslint-config-prettier": "^8.10.0",
@@ -68,7 +69,9 @@
     "prettier": "^2.8.8",
     "storybook": "^7.6.20",
     "tslib": "^2.6.3",
-    "typescript": "^4.9.5"
+    "typescript": "^4.9.5",
+    "vite": "^5.4.11",
+    "vitest": "^2.1.8"
   },
   "customElements": "custom-elements.json",
   "eslintConfig": {

package/.editorconfig

@@ -1,29 +0,0 @@
-# EditorConfig helps developers define and maintain consistent
-# coding styles between different editors and IDEs
-# editorconfig.org
-
-root = true
-
-
-[*]
-
-# Change these settings to your own preference
-indent_style = space
-indent_size = 2
-
-# We recommend you to keep these unchanged
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
-
-[*.md]
-trim_trailing_whitespace = false
-
-[*.json]
-indent_size = 2
-
-[*.{html,js,md}]
-block_comment_start = /**
-block_comment = *
-block_comment_end = */

package/.storybook/main.ts

@@ -1,14 +0,0 @@
-import type { StorybookConfig } from '@storybook/web-components-vite';
-
-const config: StorybookConfig = {
-  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-  addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
-  framework: {
-    name: '@storybook/web-components-vite',
-    options: {},
-  },
-  docs: {
-    autodocs: 'tag',
-  },
-};
-export default config;

package/.storybook/preview.ts

@@ -1,15 +0,0 @@
-import type { Preview } from '@storybook/web-components';
-
-const preview: Preview = {
-  parameters: {
-    actions: { argTypesRegex: '^on[A-Z].*' },
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/i,
-      },
-    },
-  },
-};
-
-export default preview;

package/demo/index.html

@@ -1,29 +0,0 @@
-<!doctype html>
-<html lang="en-GB">
-<head>
-  <meta charset="utf-8">
-  <style>
-    body {
-      background: #fafafa;
-    }
-  </style>
-</head>
-<body>
-  <div id="demo"></div>
-
-  <script type="module">
-    import { html, render } from 'lit';
-    import '../dist/src/pd-spa-helper.js';
-
-    const title = 'Hello owc World!';
-    render(
-      html`
-        <pd-spa-helper .title=${title}>
-          some light-dom
-        </pd-spa-helper>
-      `,
-      document.querySelector('#demo')
-    );
-  </script>
-</body>
-</html>

package/dist/src/InitApplicationData.d.ts

@@ -1,3 +0,0 @@
-import { FirebaseApp } from "firebase/app";
-import { FunctionsConfig } from "./service-provider/firebase/functions-client.js";
-export declare const initApplicationServices: (firebaseApp: FirebaseApp, functionsConfig: FunctionsConfig) => void;

package/dist/src/InitApplicationData.js

@@ -1,8 +0,0 @@
-import { initFirestore } from "./service-provider/firebase/firestore-client.js";
-import { initFunctions } from "./service-provider/firebase/functions-client.js";
-export const initApplicationServices = (firebaseApp, functionsConfig) => {
-    // do something with the app, init db, firestore and functions    
-    initFunctions(firebaseApp, functionsConfig);
-    initFirestore(firebaseApp);
-};
-//# sourceMappingURL=InitApplicationData.js.map

package/dist/src/InitApplicationData.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InitApplicationData.js","sourceRoot":"","sources":["../../src/InitApplicationData.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,iDAAiD,CAAC;AAChF,OAAO,EAAmB,aAAa,EAAE,MAAM,iDAAiD,CAAC;AAEjG,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,WAAwB,EAAE,eAAgC,EAAE,EAAE;IAClG,kEAAkE;IAClE,aAAa,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;IAC5C,aAAa,CAAC,WAAW,CAAC,CAAC;AAC/B,CAAC,CAAA","sourcesContent":["import { FirebaseApp } from \"firebase/app\";\nimport { initFirestore } from \"./service-provider/firebase/firestore-client.js\";\nimport { FunctionsConfig, initFunctions } from \"./service-provider/firebase/functions-client.js\";\n\nexport const initApplicationServices = (firebaseApp: FirebaseApp, functionsConfig: FunctionsConfig) => {\n    // do something with the app, init db, firestore and functions    \n    initFunctions(firebaseApp, functionsConfig);\n    initFirestore(firebaseApp);\n}\n"]}

package/dist/src/PdSpaHelper.d.ts

@@ -1,93 +0,0 @@
-import { LitElement, CSSResultGroup, TemplateResult } from 'lit';
-import { Subscription } from 'rxjs';
-import '@progressive-development/pd-page/pd-menu.js';
-import '@progressive-development/pd-page/pd-footer.js';
-import { AppConfiguration, Footer, NavigationPage } from './service-provider/service-provider-model.js';
-import { LoadingState } from './model/spa-model.js';
-import './router/AppMain.js';
-import './defaultpage/default-login.js';
-import './tmpown/pd-panel-viewer.js';
-import './tmpown/pd-panel.js';
-import './tmpown/pd-toast.js';
-import './tmpown/pd-loading-state.js';
-/**
- * Init the firebase app and application services like
- * functions and firestore. Generate routes from navigationConfig.
- *
- * @param navigationConfig
- * @param firebaseConfig
- * @param functionsConfig
- */
-export declare const startInit: (config: AppConfiguration) => void;
-declare const PdSpaHelper_base: import("lit-element-router").Constructor<import("lit-element-router").Router> & import("lit-element-router").Constructor<import("lit-element-router").Navigator> & typeof LitElement;
-/**
- * Abstract class for SPAs. Extend within the app main class.
- */
-export declare abstract class PdSpaHelper extends PdSpaHelper_base {
-    title: string;
-    /**
-     * Properties needed for login/profile data.
-     */
-    _user: unknown | undefined;
-    _profile: any | undefined;
-    _loadingState: LoadingState[];
-    /**
-     * Properties needed for the router.
-     */
-    route: string;
-    params: {};
-    query: {};
-    /**
-     * Indicates if the teaser should closed (depends on scroll position).
-     */
-    _teaserClosed: boolean;
-    abstract _selectedLocale: string;
-    abstract _availableLocales: string[];
-    protected _singleLocaleMenu: boolean;
-    _subscription?: Subscription;
-    static styles: CSSResultGroup;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    _setConfInDetail(event: Event): void;
-    /**
-     * Non reactive private property for the index db class.
-     */
-    /**
-     * Needed for the router.
-     * Return all configured routes.
-     */
-    static get routes(): any[];
-    /**
-     * Needed for the router.
-     * Set route params to internal members.
-     */
-    router(route: string, params: Object, query: Object): void;
-    /**
-     * Call to activate onAuthState change with profile request callbacks.
-     * Only implemented for firebase provider.
-     */
-    activateLoginHandler(): void;
-    render(): TemplateResult<1>;
-    private _getMainClass;
-    _renderMenu(pageConfig: NavigationPage, hideTeaser: boolean): "" | TemplateResult<1>;
-    _renderTopMenu(pageConfig: NavigationPage, hideTeaser: boolean): "" | TemplateResult<1>;
-    _renderTeaser(): TemplateResult | string;
-    _renderFooter(): TemplateResult<1>;
-    protected abstract _getTeaserContent(): Array<TemplateResult>;
-    protected abstract _getFooter(): Footer;
-    protected abstract _getAppLogo(): TemplateResult;
-    protected abstract _renderRoutePages(): any;
-    protected abstract _loginSuccess(e: CustomEvent): void;
-    protected abstract _setLocale(locale: string): void;
-    protected abstract _getAppConfiguration(): any;
-    protected abstract _getHeaderSize(hideTeaser: boolean): number;
-    _localeChange(e: CustomEvent): void;
-    _handleMenuRouteEvent(e: any): void;
-    _handleFooterRouteEvent(e: CustomEvent): void;
-    _initMenuSections(e: any): void;
-    _createTemporaryToast(e: any): void;
-    static _scrollToTop(): void;
-    _scrollToContent(el: HTMLElement): void;
-}
-export {};

package/dist/src/PdSpaHelper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PdSpaHelper.js","sourceRoot":"","sources":["../../src/PdSpaHelper.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, css, CSSResultGroup, TemplateResult, unsafeCSS } from 'lit';\nimport { router, navigator } from 'lit-element-router';\nimport { property } from 'lit/decorators.js';\n\nimport { Subscription } from 'rxjs';\n\nimport '@progressive-development/pd-page/pd-menu.js';\nimport '@progressive-development/pd-page/pd-footer.js';\n\nimport { initializeStore, pdStore } from './store/mini-rx.store.js';\n\nimport { authStateChangedImpl, initAppImpl, isAuthenticatedImpl, setServiceProvider } from './service-provider/service-provider-impl.js';\nimport { AppConfiguration, Footer, MenuElement, NavigationConfig, NavigationPage } from './service-provider/service-provider-model.js';\n\nimport { getLoadingSelector } from './store/spa-app-selector.js';\nimport { setRouteElement } from './store/spa-app-effects.js';\nimport { APP_CONF_EVENT, LoadingState } from './model/spa-model.js';\nimport { loginSucess, nologin } from './store/spa-app-actions.js';\n\nimport './router/AppMain.js';\nimport './defaultpage/default-login.js';\nimport './tmpown/pd-panel-viewer.js';\nimport './tmpown/pd-panel.js';\n// eslint-disable-next-line import/no-duplicates\nimport './tmpown/pd-toast.js';\nimport './tmpown/pd-loading-state.js';\n\n// TODO: How to solve this import problem?\n// eslint-disable-next-line import/no-duplicates\nimport { PdToast } from './tmpown/pd-toast.js';\n\n\n// Footer Text\nconst MADE_BY = {\n  txt: \"made by PD Progressive Development\",\n  email: \"info@progressive-development.com\"};\n\n// Visible time for time-limited toast\nconst TOAST_DURATION = 6000;\n\n\n/**\n * Transformed routes, generated during startInit.\n */\nlet transformedRoutes:Array<any>;\nlet navigationConfig:NavigationConfig;\n\n/**\n * Internal helper functions to generate route elemets for lit-router. \n */\nconst transformRoutes = () => {\n\n  const transformAuthConfig = (withAuth:boolean) => \n    withAuth ? \n    {\n      unauthenticated: {\n        name: 'login',\n      },\n      authenticate: () => new Promise((resolve, reject) => {\n        resolve(isAuthenticatedImpl());\n      }),\n    } : undefined;\n\n  let generatedRoutes:Array<any> = [];\n  navigationConfig.pages.forEach(cfEntry => {\n    const addAraay = cfEntry.pattern.map(routeMapPattern => (\n      {\n        name: cfEntry.name,\n        pattern: routeMapPattern,\n        authentication: transformAuthConfig(cfEntry.auth),\n      }\n    ));    \n    generatedRoutes = generatedRoutes.concat(addAraay);\n  });\n  \n  // add not-found route\n  generatedRoutes.push({\n    name: 'not-found',\n    pattern: '*',\n  });\n\n  return generatedRoutes;\n}\n\n\n/**\n * Init the firebase app and application services like\n * functions and firestore. Generate routes from navigationConfig.\n * \n * @param navigationConfig\n * @param firebaseConfig\n * @param functionsConfig\n */\nexport const startInit = (config: AppConfiguration) => {\n\n  console.log(\"Start init for config: \", config);\n\n  // set service provider\n  setServiceProvider(config.serviceProvider);\n  \n  // init mini-rx store\n  if (config.storeConfigParam) {\n    initializeStore(config.storeConfigParam);\n  }\n\n  // init app\n  initAppImpl(config);\n\n  // add login route if set in config\n  if (config.navigationConfigParam.includeLogin) {\n    config.navigationConfigParam.pages.push({\n      name: \"login\",\n      menu: [\n        {key: \"login\", name: \"Login\"}\n      ],\n      pattern: [\"login\"],\n      auth: false\n    });\n  }\n\n  // generate routes from navigation config\n  navigationConfig = config.navigationConfigParam;\n  transformedRoutes = transformRoutes();    \n\n  // init ready, trigger by even (if getAuth is called before, error is thrown)    \n  document.dispatchEvent(new CustomEvent(\"init-app-event\"));\n  console.log(\"Init done, Event created\");\n\n};\n\nconst TOP_MENU_HEIGHT = 30;\n\n/**\n * Abstract class for SPAs. Extend within the app main class.\n */\nexport abstract class PdSpaHelper extends router(navigator(LitElement)) {\n\n  // not used at the moment\n  @property({ type: String }) \n  title = 'Hey there';\n\n  /**\n   * Properties needed for login/profile data.\n   */\n  @property({ type: Object, state: true }) \n  _user: unknown | undefined;\n\n  @property({ type: Object, state: true }) \n  _profile: any | undefined;\n\n  @property({ type: Object, state: true }) \n  _loadingState: LoadingState[] = [];\n \n  /**\n   * Properties needed for the router.\n   */\n  @property({ type: String, reflect: true }) \n  route = \"\";\n\n  @property({ type: Object }) \n  params = {};\n\n  @property({ type: Object }) \n  query = {};\n\n  /**\n   * Indicates if the teaser should closed (depends on scroll position).\n   */\n  @property({ type: Boolean })\n  _teaserClosed = false;  \n\n\n  @property({ type: String, state: true })\n  abstract _selectedLocale: string;\n\n  abstract _availableLocales: string[];\n\n  protected _singleLocaleMenu: boolean = false;\n\n  // subscription for loading-state selector\n  _subscription?: Subscription; \n\n  static styles = \n    // Ref: Additional use classmap to add custom classes in concrete impl\n    css`\n\n    :host {\n      display: flex;\n      flex-flow: column;\n      height: 100%;\n    }\n\n    header {\n      flex-grow: 0;\n    }\n\n    main {\n      flex-grow: 1;\n      flex-basis: max-content;\n    }\n\n    footer {\n      flex-grow: 0;\n    }\n\n    .default-header {\n      width: 100%;\n      position: fixed;\n      top: 0;\n      display: block;\n      z-index: 99;\n    }\n\n    .default-teaser {\n      --pd-panel-overflow: hidden;\n      --pd-panel-height: var(--pd-teaser-height, 380px);\n      --pd-panel-width: 100%;      \n      --pd-panel-border-radius: 0;\n      --pd-panel-bg: var(--pd-default-col);\n      --pd-panel-viewer-bg-col: var(--pd-default-col);\n    }\n\n    .default-menu {      \n      transition: background-color 2s;\n    }\n\n    .default-menu-withteaser {      \n      --pd-menu-bg-col: var(--pd-spa-menu-change-col, #AFC1D2);\n      --pd-menu-font-col: var(--pd-spa-menu-change-font-col, #0A3A48);\n      transition: background-color 2s;\n    }\n\n    .default-top-menu, .default-top-menu-withteaser {      \n      --pd-menu-height: ${unsafeCSS(TOP_MENU_HEIGHT)}px;\n      --pd-menu-font-size: 0.8em;      \n      --pd-menu-shadow: 0;\n    }\n\n    .default-top-menu-withteaser {      \n      --pd-menu-bg-col: var(--pd-teaser-bg-col);\n    }\n\n    /* needed for pd-spa-padding-top, only for pages with teaser, check if refactor possible... */\n    .default-main-padding {\n      padding-top: calc(var(--pd-menu-height) + var(--pd-spa-padding-top, 120px)) ;\n      transition: padding-top 2s;\n    }\n\n    .default-main {\n      padding-top: calc(var(--pd-menu-height));\n      transition: padding-top 2s;\n    }    \n\n    .default-main-withteaser {\n      padding-top: calc(var(--pd-menu-height) + var(--pd-teaser-height, 380px));\n      transition: padding-top 2s;\n    }\n\n  ` as CSSResultGroup;  \n\n  constructor() {\n\n    super();    \n\n    setRouteElement(this);\n\n    const doSomething = (scrollPos:number) => {\n      if (scrollPos <= 50) {\n        this._teaserClosed = false;\n      } else {\n        this._teaserClosed = true;\n      }\n    };\n\n    let ticking = false;\n    document.addEventListener('scroll', () => {\n      const lastKnownScrollPosition = window.scrollY;\n      if (!ticking) {\n        window.requestAnimationFrame(() => {\n          doSomething(lastKnownScrollPosition);\n          ticking = false;\n        });\n        ticking = true;\n      }\n    });\n\n    // add login handler after init => else error is thrown\n    // document.addEventListener(\"init-app-event\", this.activateLoginHandler.bind(this));\n    document.addEventListener(\"init-app-event\", () => {\n      console.log(\"Init event catched\");\n    });\n    if (navigationConfig.includeLogin) {\n      console.log(\"Login included, activate login handler\");\n      this.activateLoginHandler();\n    }\n\n    // For common toast messages (not for callfunction toasts => handelt by own controller)\n    this.addEventListener(\"toast-event\", this._createTemporaryToast);\n    this.addEventListener(\"route-event\", this._handleMenuRouteEvent);\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener(APP_CONF_EVENT, this._setConfInDetail);\n    this._subscription = pdStore().select(getLoadingSelector)\n      .subscribe((loadingState) => {\n        console.log(\"Loading State: \", loadingState);\n        this._loadingState = loadingState;\n    });\n  }\n\n  disconnectedCallback(): void {\n    this.removeEventListener(APP_CONF_EVENT, this._setConfInDetail);\n    this._subscription?.unsubscribe();\n    super.disconnectedCallback();\n  }\n\n  _setConfInDetail(event: Event) {\n    const {detail} = event as CustomEvent;\n    if (detail) {\n      detail.appConf = {\n        ...this._getAppConfiguration()\n      };\n    }    \n  }\n\n  /**\n   * Non reactive private property for the index db class.\n   */\n  // private _indexDBClient?: YoIndexDBClient|null;  \n\n  /**\n   * Needed for the router.\n   * Return all configured routes.\n   */\n  static get routes() {\n    return transformedRoutes;  \n  }\n\n  /**\n   * Needed for the router.\n   * Set route params to internal members.\n   */\n  router(route:string, params:Object, query:Object) {\n    this.route = route;\n    this.params = params;\n    this.query = query;\n  }  \n\n\n  /**\n   * Call to activate onAuthState change with profile request callbacks.\n   * Only implemented for firebase provider.\n   */\n  activateLoginHandler() {\n    console.log(\"Activate Login Handler\");    \n    const callback = (user: unknown) => {\n      console.log(\"My callback user:\", user);\n      this._user = user;\n      if (this._user) {\n        pdStore().dispatch(loginSucess());\n        this._loginSuccess(new CustomEvent(\"login-success\"));\n      } else {\n        pdStore().dispatch(nologin());\n      }\n    };\n    authStateChangedImpl(callback);\n  }\n\n  render() {    \n    const pageConf = navigationConfig.pages.filter(p => p.name === this.route)[0];\n    const hideTeaser = this._teaserClosed || !pageConf?.withTeaser;\n    return html`\n      <header id=\"headerElementId\" class=\"default-header\">\n        ${pageConf?.hideTopMenu ? '' : this._renderTopMenu(pageConf, hideTeaser)}\n        ${hideTeaser ? '' : this._renderTeaser()}\n        ${pageConf?.hideMenu ? '' : this._renderMenu(pageConf, hideTeaser)}\n      </header>      \n\n      <main class=\"${this._getMainClass(hideTeaser, pageConf)}\">\n\n        ${this._loadingState.map(ls => html`<pd-loading-state .loadingState=\"${ls}\"></pd-loading-state>`)}\n\n        <app-main active-route=${this.route}\n            @init-menu-sections=\"${this._initMenuSections}\"\n            @login-success=\"${this._loginSuccess}\">\n          ${this._renderRoutePages()}\n          ${navigationConfig.includeLogin ? html`\n            <default-login ?active=\"${this.route === \"login\"}\" route=\"login\"></default-login>` : ''}\n        </app-main>\n      </main>      \n\n      ${pageConf?.withFooter ? html`\n      <footer class=\"default-footer\">\n        ${this._renderFooter()}\n      </footer>` : ''}\n    `;\n  }  \n  \n  // eslint-disable-next-line class-methods-use-this\n  private _getMainClass(hideTeaser: boolean, pageConf: NavigationPage): string {\n    if (hideTeaser) {      \n      if (!pageConf) {\n        return \"default-main\";\n      }\n      // eslint-disable-next-line no-nested-ternary\n      return pageConf.mainClass ? pageConf.mainClass : (pageConf.withTeaser ? \"default-main-padding\" : \"default-main\");\n    }\n    return \"default-main-withteaser\";\n  }\n\n  _renderMenu(pageConfig:NavigationPage, hideTeaser:boolean) {\n    const menuForPage = pageConfig ? (pageConfig.menu || []) : [];\n    return menuForPage ? html`\n      <pd-menu\n        id=\"pdHelperMenuId\"\n        class=\"${hideTeaser ? \"default-menu\" : \"default-menu-withteaser\"}\"\n        @locale-change=\"${this._localeChange}\"\n        selectedLocale=\"${this._selectedLocale}\"\n        .locales=${this._singleLocaleMenu ? this._availableLocales : []}\n        .menuItems=${menuForPage}\n        .topMenuItems=${[]}\n        activeRoute=\"${this.route}\"\n        headerSize=\"${this._getHeaderSize(hideTeaser) + TOP_MENU_HEIGHT}\"\n      >\n        ${hideTeaser ? this._getAppLogo() : ''}\n      </pd-menu>\n    ` : '';\n  } \n\n  _renderTopMenu(pageConfig:NavigationPage, hideTeaser:boolean) {\n    const topMenuForPage = pageConfig ? pageConfig.topMenuItems : undefined;\n    return topMenuForPage ? html`\n      <pd-menu      \n        id=\"pdHelperTopMenuId\"\n        noBurgerMenu\n        @locale-change=\"${this._localeChange}\"\n        class=\"${hideTeaser ? \"default-top-menu\" : \"default-top-menu-withteaser\"}\"        \n        .locales=${this._availableLocales}\n        selectedLocale=\"${this._selectedLocale}\"\n        .topMenuItems=${topMenuForPage}\n        activeRoute=\"${this.route}\"\n      >\n      </pd-menu>\n    ` : '';\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  _renderTeaser(): TemplateResult | string {\n    const teaserContent = this._getTeaserContent();\n    if (!teaserContent || teaserContent.length <= 0) {\n      return '';\n    }\n    return html`\n      <pd-panel-viewer class=\"default-teaser\" id=\"teaserPanelViewerId\" deltaCalc=\"4\">\n        ${teaserContent.map(content => html`\n          <pd-panel>\n            ${content}\n          </pd-panel>\n        `)}\n      </pd-panel-viewer>\n      `;\n  }\n\n  _renderFooter() {\n    const footer = this._getFooter();\n    return html`\n      <pd-footer \n          class=\"default-footer\"\n          .footerLinks=\"${footer.links}\"\n          version=\"${footer.version}\" \n          copyright=\"${footer.copyright || \"PD Progressive Developent UG\"}\" \n          .madeBy=\"${MADE_BY}\" \n          @footer-link=\"${this._handleFooterRouteEvent}\">\n      </pd-footer>\n    `;\n  }\n\n  protected abstract _getTeaserContent(): Array<TemplateResult>;\n\n  protected abstract _getFooter(): Footer;\n\n  protected abstract _getAppLogo(): TemplateResult;\n\n  protected abstract _renderRoutePages(): any;  \n\n  protected abstract _loginSuccess(e: CustomEvent): void;\n\n  protected abstract _setLocale(locale:string): void;\n\n  protected abstract _getAppConfiguration(): any;\n\n  protected abstract _getHeaderSize(hideTeaser: boolean): number;\n\n  _localeChange(e: CustomEvent): void {\n    this._setLocale(e.detail)\n    this._selectedLocale = e.detail;    \n  } \n  \n  // eslint-disable-next-line class-methods-use-this\n  _handleMenuRouteEvent(e:any) {\n    // test with el, to handel jumps also here, not used at the moment, same postion link problems...\n    if (e.detail.el) {\n      this._scrollToContent(e.detail.el);\n    } else {\n      PdSpaHelper._scrollToTop();\n      this.navigate(e.detail.route);\n    }\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  _handleFooterRouteEvent(e: CustomEvent) {    \n    const {linkObj} = e.detail;    \n    if (linkObj.link) {\n      PdSpaHelper._scrollToTop();\n      this.navigate(linkObj.link);    \n    }\n    if (linkObj.action ) {      \n      linkObj.action();\n    }\n  }\n  \n  // eslint-disable-next-line class-methods-use-this\n  _initMenuSections(e:any) {\n    // add link to configuration object\n    const menRefConf = navigationConfig.pages.filter(p => p.name === e.detail.name)[0];\n    if (menRefConf) {      \n      menRefConf.menu = menRefConf.menu?.map((menuElement:MenuElement, index:number) => ({\n        ...menuElement,\n        ref: e.detail.menuRefs[index]\n      }));\n    }\n  }\n\n  _createTemporaryToast(e: any) {\n    \n    // hide existing call function toast (old one still is visible for directly incoming errors)\n    // this.functionsController.clear();\n    \n    const tmpToast = new PdToast();    \n    tmpToast.isError = e.detail.isError;\n    tmpToast.isSuccess = e.detail.isSuccess;\n    const slotContent = document.createTextNode(e.detail.txt);\n    tmpToast.appendChild(slotContent)    \n\n    this.shadowRoot?.appendChild(tmpToast);\n    tmpToast.duration = e.detail.duration || TOAST_DURATION;\n  }\n\n  static _scrollToTop() {\n    window.scrollTo({\n      top: 0,\n      left: 0,\n      behavior: 'smooth',\n    });\n  }\n\n  // Test, not used at the moment, jump/menu problem...\n  // eslint-disable-next-line class-methods-use-this\n  _scrollToContent(el:HTMLElement) {\n    if (el) {\n      const rect = el.getBoundingClientRect();\n      console.log(\"Rect: \", rect);\n      console.log(\"Offset Top/Height: \", el.offsetTop, el.offsetHeight);\n      window.scrollBy({\n        top: rect.top - (this._teaserClosed ? 80 : 450),\n        left: 0,\n        behavior: 'smooth',\n      });\n    }\n  }\n\n}\n\n  // Refactor: deactivate functions controller unwanted with new loader\n  /* \n  protected functionsController = new ServiceCallController(this);\n  \n  // from render\n  ${this.functionsController.render({\n        complete: (result: FunctionResult) => this._renderSuccessResultInfo(result),\n        initial: () => '',\n        pending: () => this._renderPendingInfo(),\n        error: (e: any) => this._renderErrorInfo(e),\n      })}\n        /**\n   * Called when (any) cloud function call was finished.   \n   \n  // eslint-disable-next-line class-methods-use-this, @typescript-eslint/no-unused-vars\n  _renderSuccessResultInfo(result: FunctionResult) {\n    return html`\n    <pd-toast isSuccess duration=\"${TOAST_DURATION}\">\n      ${this.functionsController.callDataPromise?.func.successTxt}\n    </pd-toast>`;\n  }\n\n  /**\n   * Called when (any) cloud function is currently running.   \n   \n  _renderPendingInfo() {\n    return this.functionsController.callDataPromise?.func.fadeWindow ? html`\n    <p>Überblende und lade ${this.functionsController.callDataPromise?.func.name}...</p>` \n      : html`\n      <pd-toast duration=\"-1\">\n        ${this.functionsController.callDataPromise?.func.pendingTxt}\n      </pd-toast>`;        \n  }\n\n  /**\n   * Called when (any) cloud function stopped with errors.\n   \n   // eslint-disable-next-line class-methods-use-this\n   _renderErrorInfo(error:any) {\n    return html`\n    <pd-toast isError duration=\"-1\">\n      ${error}\n    </pd-toast>`;\n  }\n  */"]}

package/dist/src/defaultpage/default-confirm-popup.d.ts

@@ -1,19 +0,0 @@
-import { LitElement, CSSResultGroup, HTMLTemplateResult } from "lit";
-import '@progressive-development/pd-dialog/pd-popup-dialog.js';
-export declare const KEY_ABORT = "1";
-export declare const ABORT_EVENT_NAME = "close-popup";
-export declare const KEY_STORE = "2";
-export declare const STORE_EVENT_NAME = "store";
-export type PopupType = "info" | "help" | "warn" | "error";
-export declare abstract class DefaultConfirmPopup extends LitElement {
-    abstract _popupTitle: string;
-    abstract _type?: PopupType;
-    abstract _singleButton: boolean;
-    okButtonText: string;
-    cancelButtonText: string;
-    static styles: CSSResultGroup;
-    render(): import("lit").TemplateResult<1>;
-    private _generateButtons;
-    protected _handleButtonClick(e: CustomEvent): void;
-    abstract _renderContent(): HTMLTemplateResult;
-}

package/dist/src/defaultpage/default-confirm-popup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-confirm-popup.js","sourceRoot":"","sources":["../../../src/defaultpage/default-confirm-popup.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAsC,MAAM,KAAK,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,uDAAuD,CAAC;AAE/D,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAC;AAC7B,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAC;AAE9C,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAC;AAC7B,MAAM,CAAC,MAAM,gBAAgB,GAAG,OAAO,CAAC;AAIxC,MAAM,OAAgB,mBAAoB,SAAQ,UAAU;IAA5D;;QASE,iBAAY,GAAW,IAAI,CAAC;QAG5B,qBAAgB,GAAW,QAAQ,CAAC;IAoDtC,CAAC;IAlCC,MAAM;QACJ,MAAM,OAAO,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxC,OAAO,IAAI,CAAA;iDACkC,IAAI,CAAC,kBAAkB;iBACvD,IAAI,CAAC,WAAW,eAAe,OAAO,WAAW,IAAI,CAAC,KAAK;;UAElE,IAAI,CAAC,cAAc,EAAE;;;KAG1B,CAAC;IACJ,CAAC;IAEO,gBAAgB;QACtB,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,OAAO;gBACL,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE;aAC3D,CAAC;SACH;QACD,OAAO;YACL,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,gBAAgB,EAAE;YAC/C,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE;SAC3D,CAAC;IACJ,CAAC;IAES,kBAAkB,CAAC,CAAc;QACzC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CACb,CAAC,CAAC,MAAM,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CACpE,CACF,CAAC;IACJ,CAAC;;AA7CM,0BAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;KAWF;CACgB,CAAC;AAnBpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yDACC;AAG5B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6DACS","sourcesContent":["import { html, LitElement, css, CSSResultGroup, HTMLTemplateResult } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport '@progressive-development/pd-dialog/pd-popup-dialog.js';\n\nexport const KEY_ABORT = \"1\";\nexport const ABORT_EVENT_NAME = \"close-popup\";\n\nexport const KEY_STORE = \"2\";\nexport const STORE_EVENT_NAME = \"store\";\n\nexport type PopupType = \"info\" | \"help\" | \"warn\" | \"error\";\n\nexport abstract class DefaultConfirmPopup extends LitElement {\n\n  abstract _popupTitle: string;\n\n  abstract _type?: PopupType;\n\n  abstract _singleButton: boolean;\n\n  @property({ type: String }) \n  okButtonText: string = \"Ok\";\n\n  @property({ type: String }) \n  cancelButtonText: string = \"Cancel\"; \n \n  \n  static styles = [        \n    css`\n      :host {\n        --pd-popup-max-width: 600px;\n        --pd-popup-header-height: 50px;\n        --pd-popup-header-font-size: 1em;\n        --pd-popup-header-col: var(--app-primary-dark-col);\n\n        --pd-button-width: var(--pd-confirm-popup-button-width, 120px);\n        --pd-button-height: 35px;\n        --pd-button-font-size: 0.8rem;\n      }\n    `\n  ] as CSSResultGroup;\n\n  render() {        \n    const buttons = this._generateButtons();\n    return html`\n      <pd-popup-dialog @submit-button-clicked=\"${this._handleButtonClick}\"\n        title=\"${this._popupTitle}\" .buttons=\"${buttons}\" type=\"${this._type}\">\n                \n        ${this._renderContent()}\n\n      </pd-popup-dialog>\n    `;\n  }\n\n  private _generateButtons() {\n    if (this._singleButton) {\n      return [\n        { key: KEY_STORE, name: this.okButtonText, primary: true },\n      ];\n    }\n    return [\n      { key: KEY_ABORT, name: this.cancelButtonText },\n      { key: KEY_STORE, name: this.okButtonText, primary: true },\n    ];\n  }\n\n  protected _handleButtonClick(e: CustomEvent) {\n    this.dispatchEvent(\n      new CustomEvent(\n        e.detail.button === KEY_STORE ? STORE_EVENT_NAME : ABORT_EVENT_NAME\n      )\n    );\n  }\n\n  abstract _renderContent(): HTMLTemplateResult;  \n\n}"]}

package/dist/src/defaultpage/default-dialog-popup.d.ts

@@ -1,16 +0,0 @@
-import { LitElement, CSSResultGroup, HTMLTemplateResult } from "lit";
-import '@progressive-development/pd-dialog/pd-popup-dialog.js';
-import '@progressive-development/pd-forms/pd-form-container.js';
-export declare abstract class DefaultDialogPopup<T> extends LitElement {
-    protected _dialogButtons: Array<any>;
-    protected _requiredFieldInfo: boolean;
-    abstract _formData: T;
-    abstract _popupTitle: string;
-    static styles: CSSResultGroup;
-    render(): import("lit").TemplateResult<1>;
-    protected _handleButtonClick(e: CustomEvent): void;
-    protected _checkFormData(): void;
-    protected _triggerValidateForm(): void;
-    abstract _isValidFormData(): boolean;
-    abstract _renderContent(): HTMLTemplateResult;
-}

package/dist/src/defaultpage/default-dialog-popup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-dialog-popup.js","sourceRoot":"","sources":["../../../src/defaultpage/default-dialog-popup.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAsC,MAAM,KAAK,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,uDAAuD,CAAC;AAC/D,OAAO,wDAAwD,CAAC;AAEhE,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAGtG,MAAM,OAAgB,kBAAsB,SAAQ,UAAU;IAA9D;;QAGY,mBAAc,GAAe;YACrC,EAAC,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAC;YAChC,EAAC,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAC;SAC9D,CAAC;QAEQ,uBAAkB,GAAY,IAAI,CAAC;IAuF/C,CAAC;IAjEC,MAAM;QACJ,OAAO,IAAI,CAAA;iDACkC,IAAI,CAAC,kBAAkB;iBACvD,IAAI,CAAC,WAAW,eAAe,IAAI,CAAC,cAAc;;qFAEkB,IAAI,CAAC,kBAAkB;2BACjF,IAAI,CAAC,cAAc;;YAElC,IAAI,CAAC,cAAc,EAAE;;;;;KAK5B,CAAC;IACJ,CAAC;IAES,kBAAkB,CAAC,CAAc;QACzC,IAAI,QAAQ,CAAC;QACb,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,gBAAgB,EAAE,EAAE;YAC5D,IAAI,CAAC,cAAc,GAAG;gBACpB,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;gBACtB;oBACE,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;oBACzB,QAAQ,EAAE,IAAI;iBACf;aACF,CAAC;YACF,QAAQ,GAAG,IAAI,WAAW,CAAC,gBAAgB,EACzC;gBACE,MAAM,EAAE,IAAI,CAAC,SAAS;aACvB,CACF,CAAC;SACH;aAAM;YACL,QAAQ,GAAG,IAAI,WAAW,CAAC,gBAAgB,CAAC,CAAC;SAC9C;QACD,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC;IAES,cAAc;QACtB,IAAI,CAAC,cAAc,GAAG;YACpB,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;YACtB;gBACE,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC;gBACzB,QAAQ,EAAE,CAAC,IAAI,CAAC,gBAAgB,EAAE;aACnC;SACF,CAAC;IACJ,CAAC;IAES,oBAAoB;;QAE5B,6IAA6I;QAC7I,MAAM,MAAM,GAAG;YACb,QAAQ,EAAE,IAAI,GAAG,EAAE;SACpB,CAAC;QACF,MAAA,MAAA,IAAI,CAAC,UAAU,0CAAE,cAAc,CAAC,iBAAiB,CAAC,0CAAE,aAAa,CAC/D,IAAI,WAAW,CAAC,eAAe,EAAE,EAAC,MAAM,EAAC,CAAC,CAC3C,CAAC;QAEF,4CAA4C;QAC5C,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC5D,CAAC;;AA3EM,yBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;KAWF;CACgB,CAAC;AAxBpB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,CAAC;0DAInC","sourcesContent":["import { html, LitElement, css, CSSResultGroup, HTMLTemplateResult } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport '@progressive-development/pd-dialog/pd-popup-dialog.js';\nimport '@progressive-development/pd-forms/pd-form-container.js';\n\nimport { ABORT_EVENT_NAME, KEY_ABORT, KEY_STORE, STORE_EVENT_NAME } from \"./default-confirm-popup.js\";\n\n\nexport abstract class DefaultDialogPopup<T> extends LitElement {\n\n  @property({type: Array, state: true})\n  protected _dialogButtons: Array<any> = [\n    {key: KEY_ABORT, name: \"Cancel\"},\n    {key: KEY_STORE, name: \"Save\", disabled: true, primary: true}\n  ];\n\n  protected _requiredFieldInfo: boolean = true;  \n\n  abstract _formData:T;\n\n  abstract _popupTitle: string;\n\n  static styles = [        \n    css`\n      :host {\n        --pd-popup-max-width: 800px;\n        --pd-popup-header-height: 50px;\n        --pd-popup-header-font-size: 1em;\n        --pd-popup-header-col: var(--app-primary-dark-col);\n        \n        --pd-button-width: var(--pd-dialog-popup-button-width, 100px);\n        --pd-button-height: 35px;\n        --pd-button-font-size: 0.8rem;\n      }\n    `\n  ] as CSSResultGroup;\n  \n\n  render() {        \n    return html`\n      <pd-popup-dialog @submit-button-clicked=\"${this._handleButtonClick}\"\n        title=\"${this._popupTitle}\" .buttons=\"${this._dialogButtons}\">\n                \n        <pd-form-container slot=\"content\" id=\"formContainerId\" ?requiredFieldInfo=\"${this._requiredFieldInfo}\"\n          @field-change=\"${this._checkFormData}\">\n\n          ${this._renderContent()}\n\n        </pd-form-container>\n\n      </pd-popup-dialog>\n    `;\n  }\n\n  protected _handleButtonClick(e: CustomEvent) {\n    let newEvent;\n    if (e.detail.button === KEY_STORE && this._isValidFormData()) {\n      this._dialogButtons = [\n        this._dialogButtons[0],\n        {\n          ...this._dialogButtons[1],\n          disabled: true\n        }\n      ];\n      newEvent = new CustomEvent(STORE_EVENT_NAME, \n        {\n          detail: this._formData\n        }\n      );\n    } else {\n      newEvent = new CustomEvent(ABORT_EVENT_NAME);\n    }\n    this.dispatchEvent(newEvent);    \n  }\n\n  protected _checkFormData() {\n    this._dialogButtons = [\n      this._dialogButtons[0],\n      {\n        ...this._dialogButtons[1],\n        disabled: !this._isValidFormData()\n      }\n    ];\n  }\n\n  protected _triggerValidateForm() {\n    \n    // trigger validate by event (needed for form wich is initial filled, otherwise \"Pflichfeld\" occurs in red => must be fixed in the component)\n    const detail = {\n      errorMap: new Map()\n    };\n    this.shadowRoot?.getElementById(\"formContainerId\")?.dispatchEvent(\n      new CustomEvent(\"validate-form\", {detail})\n    );\n\n    // trigger also button check (initial valid)\n    this._dialogButtons[1].disabled = this._isValidFormData();\n  }\n\n  abstract _isValidFormData(): boolean;\n\n  abstract _renderContent(): HTMLTemplateResult;  \n\n}"]}

package/dist/src/defaultpage/default-login.d.ts

@@ -1,8 +0,0 @@
-import { PropertyValues } from "lit";
-import { DefaultViewPage } from "./default-view-page.js";
-import '../tmpown/pd-login.js';
-export declare class DefaultLogin extends DefaultViewPage {
-    static styles: import("lit").CSSResult[];
-    protected update(changedProperties: PropertyValues): void;
-    render(): import("lit").TemplateResult<1>;
-}

package/dist/src/defaultpage/default-login.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-login.js","sourceRoot":"","sources":["../../../src/defaultpage/default-login.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAkB,MAAM,KAAK,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8CAA8C,CAAC;AACnF,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,OAAO,uBAAuB,CAAC;AAIxB,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,eAAe;IAarC,MAAM,CAAC,iBAAiC;QAChD,IAAI,iBAAiB,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,MAAM,EAAE;YAClD,IAAI,mBAAmB,EAAE,EAAE;gBACzB,OAAO,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,CAAC;aACrC;SACF;QACD,KAAK,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC;IAClC,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;KAEV,CAAC;IACJ,CAAC;;AAxBM,mBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;OAOA;CACJ,CAAC;AAXS,YAAY;IADxB,aAAa,CAAC,eAAe,CAAC;GAClB,YAAY,CA4BxB;SA5BY,YAAY","sourcesContent":["import { html, css, PropertyValues } from \"lit\";\nimport { customElement } from \"lit/decorators.js\";\n\nimport { DefaultViewPage } from \"./default-view-page.js\";\nimport { isAuthenticatedImpl } from \"../service-provider/service-provider-impl.js\";\nimport { pdStore } from \"../store/mini-rx.store.js\";\nimport { routeAction } from \"../store/spa-app-actions.js\";\n\nimport '../tmpown/pd-login.js';\n\n\n@customElement(\"default-login\")\nexport class DefaultLogin extends DefaultViewPage {\n\n  static styles = [    \n    css`          \n      :host {\n        padding-top: 3em;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }                    \n      `\n  ];\n\n  protected update(changedProperties: PropertyValues): void {\n    if (changedProperties.has(\"active\") && this.active) {\n      if (isAuthenticatedImpl()) {\n        pdStore().dispatch(routeAction(\"\"));\n      }\n    }\n    super.update(changedProperties);\n  }\n\n  render() {\n    return html`\n      <pd-login></pd-login>\n    `;\n  }\n\n}"]}

package/dist/src/defaultpage/default-popup.d.ts

@@ -1,7 +0,0 @@
-import { LitElement, CSSResultGroup, HTMLTemplateResult } from "lit";
-import '@progressive-development/pd-dialog/pd-popup.js';
-export declare abstract class DefaultPopup extends LitElement {
-    static styles: CSSResultGroup;
-    render(): import("lit").TemplateResult<1>;
-    abstract _renderContent(): HTMLTemplateResult;
-}

package/dist/src/defaultpage/default-popup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-popup.js","sourceRoot":"","sources":["../../../src/defaultpage/default-popup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,GAAG,EAAsC,MAAM,KAAK,CAAC;AAEhF,OAAO,gDAAgD,CAAC;AAExD,MAAM,OAAgB,YAAa,SAAQ,UAAU;IAWnD,MAAM;QACJ,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,cAAc,EAAE;;KAE1B,CAAC;IACJ,CAAC;;AAfM,mBAAM,GAAG;IACd,GAAG,CAAA;;;;;KAKF;CACgB,CAAC","sourcesContent":["import { html, LitElement, css, CSSResultGroup, HTMLTemplateResult } from \"lit\";\n\nimport '@progressive-development/pd-dialog/pd-popup.js';\n\nexport abstract class DefaultPopup extends LitElement {  \n\n  static styles = [        \n    css`\n      :host {\n        --pd-popup-default-display: block;\n        /* --pd-popup-modal-bg-rgba */\n      }\n    `\n  ] as CSSResultGroup;\n\n  render() {        \n    return html`\n      <pd-popup id=\"pdPopupId\">\n        ${this._renderContent()}\n      </pd-popup>\n    `;\n  }\n\n  abstract _renderContent(): HTMLTemplateResult;\n\n}"]}

package/dist/src/defaultpage/default-step-address.d.ts

@@ -1,19 +0,0 @@
-import '@progressive-development/pd-order/pd-order-contacts.js';
-import { DefaultWizardStep } from './default-wizard-step.js';
-export declare abstract class DefaultStepAddress<T> extends DefaultWizardStep<T, any> {
-    match?: unknown;
-    contacts?: any;
-    withPayment: boolean;
-    _formId: string;
-    abstract _addressTitle: string;
-    abstract _addressInfo?: string;
-    abstract _requiredFields?: string[];
-    renderContacts(): import("lit").TemplateResult<1>;
-    setFormData(currentOrder: T, eventDetailFormData: any): T & {
-        contacts: {
-            orderContact: any;
-            billingContact: any;
-        };
-    };
-    _initWithValidation(): boolean;
-}

package/dist/src/defaultpage/default-step-address.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-step-address.js","sourceRoot":"","sources":["../../../src/defaultpage/default-step-address.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,wDAAwD,CAAC;AAEhE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAG7D,MAAM,OAAgB,kBAAsB,SAAQ,iBAAyB;IAA7E;;QASE,gBAAW,GAAY,KAAK,CAAC;QAE7B,YAAO,GAAW,gBAAgB,CAAC;IAqCrC,CAAC;IA5BC,cAAc;;QACZ,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;WACrB,IAAI,CAAC,YAAY;OACrB,CAAC,CAAC,CAAC,EAAE;yCAC6B,IAAI,CAAC,WAAW,SAAS,IAAI,CAAC,OAAO,aAAa,IAAI,CAAC,KAAK;yBAC5E,MAAA,IAAI,CAAC,QAAQ,0CAAE,YAAY,sBAAsB,MAAA,IAAI,CAAC,QAAQ,0CAAE,cAAc;2BAC5E,IAAI,CAAC,eAAe;;KAE1C,CAAC;IACJ,CAAC;IAED,kDAAkD;IAClD,WAAW,CAAC,YAAe,EAAE,mBAAwB;QACnD,OAAO;YACL,GAAG,YAAY;YACf,QAAQ,EAAE;gBACR,YAAY,EAAE,mBAAmB,CAAC,cAAc;gBAChD,cAAc,EAAE,mBAAmB,CAAC,gBAAgB;aACrD;SACF,CAAA;IACH,CAAC;IAED,kDAAkD;IAClD,mBAAmB;QACjB,0EAA0E;QAC1E,OAAO,KAAK,CAAC;IACf,CAAC;CACF;AA7CC;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;iDACT;AAGhB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;oDACV;AAGf;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;uDACG","sourcesContent":["import { html } from 'lit';\nimport { property } from 'lit/decorators.js';\n\nimport '@progressive-development/pd-order/pd-order-contacts.js';\n\nimport { DefaultWizardStep } from './default-wizard-step.js';\n\n\nexport abstract class DefaultStepAddress<T> extends DefaultWizardStep<T, any> {\n\n  @property({type: Object})\n  match?: unknown;\n\n  @property({type: Object})\n  contacts?: any;\n\n  @property({type: Boolean})\n  withPayment: boolean = false;\n\n  _formId: string = \"orderContactId\";\n\n  abstract _addressTitle:string;  \n\n  abstract _addressInfo?:string;\n\n  abstract _requiredFields?:string[];\n\n\n  renderContacts() {\n    return html`\n      ${this._addressInfo ? html`\n      <p>${this._addressInfo}</p>\n      ` : \"\"}\n      <pd-order-contacts ?withPayment=\"${this.withPayment}\" id=\"${this._formId}\" .match=\"${this.match}\"\n        .orderContact=\"${this.contacts?.orderContact}\" .billingContact=\"${this.contacts?.billingContact}\"\n        .requiredFields=\"${this._requiredFields}\"\n      ></pd-order-contacts>\n    `;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  setFormData(currentOrder: T, eventDetailFormData: any) {\n    return {\n      ...currentOrder,\n      contacts: {\n        orderContact: eventDetailFormData.orderContactId,\n        billingContact: eventDetailFormData.billingContactId,\n      }\n    }\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  _initWithValidation(): boolean {\n    // not needed, pd-order-contacts already implement that process internally\n    return false;\n  }\n}"]}

package/dist/src/defaultpage/default-step-summary.d.ts

@@ -1,30 +0,0 @@
-import { HTMLTemplateResult, CSSResultGroup } from 'lit';
-import '@progressive-development/pd-order/pd-order-summary.js';
-import { DefaultWizardStep } from './default-wizard-step.js';
-export interface OrderStep {
-    key: string;
-    name: string;
-    data?: Array<{
-        name: string;
-        val?: string;
-    }>;
-}
-export declare abstract class DefaultStepSummary<T> extends DefaultWizardStep<T, any> {
-    withPayment: boolean;
-    orderForSummary?: T;
-    wizardSteps: Array<{
-        title: string;
-        name: string;
-        key: string;
-    }>;
-    _orderSteps: OrderStep[];
-    _formId: string;
-    abstract _withAgreement: boolean;
-    static styles: CSSResultGroup;
-    update(changedProps: any): void;
-    render(): import("lit").TemplateResult<1>;
-    setFormData(order: T): T;
-    _initWithValidation(): boolean;
-    abstract _prepareOrderSteps(): OrderStep[];
-    abstract _getConditions(): HTMLTemplateResult;
-}

package/dist/src/defaultpage/default-step-summary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-step-summary.js","sourceRoot":"","sources":["../../../src/defaultpage/default-step-summary.ts"],"names":[],"mappings":";AAAA,OAAO,EAAsB,IAAI,EAAE,GAAG,EAAkB,MAAM,KAAK,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,uDAAuD,CAAC;AAE/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAW7D,MAAM,OAAgB,kBAAsB,SAAQ,iBAAyB;IAA7E;;QAGE,gBAAW,GAAY,KAAK,CAAC;QAK7B,gJAAgJ;QAEhJ,gBAAW,GAIN,EAAE,CAAC;QAGR,gBAAW,GAAe,EAAE,CAAC;QAE7B,YAAO,GAAU,gBAAgB,CAAC;IAiDpC,CAAC;IAnCC,MAAM,CAAC,YAAiB;QACtB,IAAI,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC,eAAe,EAAE;YAC/D,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;SAC9C;QACD,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAC7B,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;8BACe,IAAI,CAAC,OAAO;0BAChB,IAAI,CAAC,WAAW;oBACtB,IAAI,CAAC,eAAe;4BACZ,IAAI,CAAC,cAAc;yBACtB,IAAI,CAAC,WAAW;YAC7B,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA,sBAAsB,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE;;KAE1F,CAAC;IACJ,CAAC;IAED,kDAAkD;IAClD,WAAW,CAAC,KAAQ;QAClB,sDAAsD;QACtD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,kDAAkD;IAClD,mBAAmB;QACjB,yBAAyB;QACzB,OAAO,KAAK,CAAC;IACf,CAAC;;AAtCM,yBAAM,GAAG;IACd,GAAG,CAAA;;;;KAIF;CACgB,CAAC;AA3BpB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;uDACG;AAG7B;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;2DACN;AAInB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;uDAK/B;AAGR;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAC,CAAC;uDACR","sourcesContent":["import { HTMLTemplateResult, html, css, CSSResultGroup } from 'lit';\nimport { property } from 'lit/decorators.js';\n  \nimport '@progressive-development/pd-order/pd-order-summary.js';\n  \nimport { DefaultWizardStep } from './default-wizard-step.js';\n\nexport interface OrderStep {\n  key: string,\n  name: string,\n  data?: Array<{\n    name: string,\n    val?: string\n  }>\n}\n\nexport abstract class DefaultStepSummary<T> extends DefaultWizardStep<T, any> {  \n\n  @property({type: Boolean})\n  withPayment: boolean = false;\n\n  @property({type: Object})\n  orderForSummary?:T;\n\n  // Refactor: merge together with order steps => contains information content, wizardSteps contains the steps wich are configured for that wizard\n  @property({ type: Array, state: true })\n  wizardSteps: Array<{\n    title: string,    \n    name: string,\n    key: string\n  }> = [];\n\n  @property({type: Array, state: true})\n  _orderSteps:OrderStep[] = [];\n\n  _formId:string = \"orderSummaryId\";\n  \n  \n  abstract _withAgreement:boolean;\n\n  static styles = [\n    css`\n      pd-order-summary {\n        padding-bottom: 1.3em;\n      }\n    `\n  ] as CSSResultGroup;  \n\n\n  update(changedProps: any) {\n    if (changedProps.has(\"orderForSummary\") && this.orderForSummary) {\n      this._orderSteps = this._prepareOrderSteps();\n    }\n    super.update(changedProps);\n  }\n\n  render() {\n    return html`\n      <pd-order-summary id=\"${this._formId}\"\n          ?withPayment=\"${this.withPayment}\"\n          .order=\"${this.orderForSummary}\"\n          ?withAgreement=\"${this._withAgreement}\"\n          .orderSteps=\"${this._orderSteps}\">\n          ${this._withAgreement ? html`<span slot=\"legal\">${this._getConditions()}</span>` : ''}\n      </pd-order-summary>\n    `;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  setFormData(order: T) {\n    // no validation/manipulation needed, return the order\n    return order;\n  }\n\n  // eslint-disable-next-line class-methods-use-this\n  _initWithValidation(): boolean {\n    // not needed for summary\n    return false;\n  }\n\n  abstract _prepareOrderSteps(): OrderStep[];\n  \n  abstract _getConditions(): HTMLTemplateResult;\n\n}\n  \n  \n  "]}

package/dist/src/defaultpage/default-view-page.d.ts

@@ -1,9 +0,0 @@
-import { LitElement, CSSResultGroup } from "lit";
-export declare class DefaultViewPage extends LitElement {
-    active: boolean;
-    /**
-     * Define some default classes for view-pages, could - but most not - used.
-     */
-    static styles: CSSResultGroup;
-    shouldUpdate(): boolean;
-}

package/dist/src/defaultpage/default-view-page.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-view-page.js","sourceRoot":"","sources":["../../../src/defaultpage/default-view-page.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAkB,MAAM,KAAK,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAInC,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAGL,WAAM,GAAY,KAAK,CAAC;IAgD1B,CAAC;IALC,kDAAkD;IAClD,YAAY;QACV,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;;AA5CD;;GAEG;AACI,sBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAkCF;CACgB,CAAC;AAzCpB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;+CACF;AAHb,eAAe;IAD3B,SAAS,EAAE;GACC,eAAe,CAmD3B;SAnDY,eAAe","sourcesContent":["import { LitElement, css, CSSResultGroup } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { localized } from \"@lit/localize\";\n\n\n@localized()\nexport class DefaultViewPage extends LitElement {\n\n  @property({type: Boolean})\n  active: boolean = false;\n\n  /**\n   * Define some default classes for view-pages, could - but most not - used.\n   */\n  static styles = [        \n    css`\n\n      :host {\n        min-height: 100%;\n      }\n\n      /**\n       * Use for full-content sites. Additional padding could set via custom propertie.\n       */\n      .full-content {\n        padding: var(--pd-view-page-padding, 15px);\n      }\n\n      /**\n       * Use for sized-content sites. For example text sites with centered text display.\n       */\n      .sized-content {\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        align-items: var(--pd-view-page-sized-align, left);\n        justify-content: var(--pd-view-page-sized-align, flex-start);\n        flex-grow: 1;\n        max-width: var(--pd-view-page-sized-width, 1170px);\n        margin: 0 auto;\n        text-align: var(--pd-view-page-sized-text-align, left);\n\n        padding: var(--pd-view-page-padding, 15px);\n      }\n\n      .no-top-padding {\n        padding-top: 0;\n      }\n\n    `\n  ] as CSSResultGroup;\n\n  // Only render this page if it's actually visible.\n  shouldUpdate() {\n    return this.active;\n  }\n\n}\n"]}

package/dist/src/defaultpage/default-wizard-step.d.ts

@@ -1,34 +0,0 @@
-import { LitElement } from "lit";
-/**
- * TODO: Move inside pd-wizard.
- */
-export declare abstract class DefaultWizardStep<T, F> extends LitElement {
-    stepNumber: number;
-    withRequiredInfo: boolean;
-    _errorMsg: string;
-    abstract _formId: string;
-    private _elRef;
-    firstUpdated(): void;
-    _formInit(elRef: any): void;
-    _validateForm(e: any): void;
-    /**
-     * Prepare the order (trigger side-effets) after update from order step.
-     * Used to reset the tax after heating (house age) oder contact (business), but could use for anything else.
-     *
-     * The default implementation just returns the updated order to prevent all clients from implementing the method.
-     *
-     * @param updatedOrder order with updates from step.
-     * @returns preparedOrder - with (e.g. prices) changes triggered by step update.
-     */
-    protected _prepareOrderAfterStepUpdate(updatedOrder: T): T;
-    protected _prepareDataFromForm(): {};
-    protected _doInputChange(): void;
-    protected setFormData(currentOrder: T, formData?: F): T;
-    /**
-     * Call from wizard.
-     *
-     * @param reloadedOrder
-     */
-    reloadFromOrder(reloadedOrder: T): void;
-    abstract _initWithValidation(): boolean;
-}

package/dist/src/defaultpage/default-wizard-step.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-wizard-step.js","sourceRoot":"","sources":["../../../src/defaultpage/default-wizard-step.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nconst DELAY_TIME = 3000;\nlet timeoutInputRef:any;\n\n/**\n * TODO: Move inside pd-wizard.\n */\nexport abstract class DefaultWizardStep<T, F> extends LitElement {\n\n  @property({type: Number})\n  stepNumber: number = 0;\n\n  @property({type: Boolean})\n  withRequiredInfo: boolean = false;\n\n  @property({type: String, state: true})\n  _errorMsg: string = \"\";\n\n  abstract _formId:string;\n\n  private _elRef: any;\n\n\n  firstUpdated() {\n    this._formInit(this.shadowRoot?.getElementById(this._formId));\n\n    // first validation if form is already filled (edit)\n    if (this._initWithValidation()) {\n      const detail = {\n        errorMap: new Map()\n      }\n      this.shadowRoot?.getElementById(this._formId)?.dispatchEvent(\n        new CustomEvent(\"validate-form\", {detail})\n      );\n    }\n  }\n\n  _formInit(elRef: any) {\n    // add validation event listener\n    this.addEventListener('validate-form', this._validateForm);\n    this._elRef = elRef;\n  }\n\n  _validateForm(e: any) {\n\n    // vaidate required fields => dispatch event down    \n    if (e.detail && !e.detail.singleElement) {\n\n      if (this._elRef) {\n        this._elRef.dispatchEvent(\n          new CustomEvent('validate-form', {\n            detail: e.detail,\n          })\n        );\n      }\n\n      // no error found TODO: Clear bei Fehler noch übernehmen, da keine Daten für nicht validierte Wizard Schritte verbleiben sollten\n      if (e.detail.errorMap.size === 0 && this.setFormData) {\n        try {\n          const preparedOrder = this.setFormData(\n            e.detail.currentOrder,\n            e.detail.formData\n          );\n          if (preparedOrder) {\n            e.detail.preparedOrder = this._prepareOrderAfterStepUpdate(preparedOrder);\n            this._errorMsg = \"\";\n          } else {\n            e.detail.errorMap.set('validation-error', 'test');\n          }\n        } catch (error: any) {          \n          e.detail.errorMap.set('validation-error', error.message);\n          this._errorMsg = error.message;\n        }\n      }      \n    }    \n  }\n\n  /**\n   * Prepare the order (trigger side-effets) after update from order step.\n   * Used to reset the tax after heating (house age) oder contact (business), but could use for anything else.\n   * \n   * The default implementation just returns the updated order to prevent all clients from implementing the method.\n   * \n   * @param updatedOrder order with updates from step.\n   * @returns preparedOrder - with (e.g. prices) changes triggered by step update.\n   */\n  // eslint-disable-next-line class-methods-use-this  \n  protected _prepareOrderAfterStepUpdate(updatedOrder: T): T {\n    return updatedOrder;\n  }  \n\n  // eslint-disable-next-line class-methods-use-this\n  protected _prepareDataFromForm() {\n    // do nothing, overwrite in implementing class\n    return {};\n  };\n\n  // eslint-disable-next-line class-methods-use-this\n  protected _doInputChange() {\n\n    if (timeoutInputRef) {\n      console.log(\"_doInputChange: Reset Timeout\");\n      window.clearTimeout(timeoutInputRef);\n    }\n\n    timeoutInputRef = window.setTimeout(() => {\n      console.log(\"_doInputChange: Timeout expired\");\n\n      this.dispatchEvent(\n        new CustomEvent(\"wizard-step-update\", {\n          detail: this._prepareDataFromForm(),\n          bubbles: true,\n          composed: true,\n        })\n      )\n\n    }, DELAY_TIME);\n  }\n\n  protected setFormData(currentOrder: T, formData?: F): T  {\n    return {\n      ...currentOrder,\n      ...this._prepareDataFromForm(),\n    };\n  }\n\n  /**\n   * Call from wizard.\n   * \n   * @param reloadedOrder \n   */\n  // eslint-disable-next-line class-methods-use-this\n  reloadFromOrder(reloadedOrder: T): void {\n    // do nothing, overwrite in implementing class\n  }  \n  \n  abstract _initWithValidation(): boolean;\n  \n}\n\n"]}

package/dist/src/defaultpage/default-wizard.d.ts

@@ -1,33 +0,0 @@
-import { HTMLTemplateResult } from "lit";
-import '@progressive-development/pd-dialog/pd-popup-dialog.js';
-import '@progressive-development/pd-wizard/pd-wizard.js';
-import { DefaultViewPage } from "./default-view-page.js";
-/**
- * TODO: Move inside pd-wizard.
- */
-export declare abstract class DefaultWizard<T> extends DefaultViewPage {
-    protected panelWizard: boolean;
-    abstract _wizardSteps: Array<{
-        title: string;
-        name: string;
-        key: string;
-    }>;
-    _currentOrderStep: number;
-    _orderFormData?: T;
-    _withLocalStorageId?: string;
-    render(): import("lit").TemplateResult<1>;
-    private getWizardStorage;
-    protected _reloadFromStorage(storageKey: string): void;
-    private _doStorageEventUpdate;
-    protected _doStorageUpdate(preparedOrderForm?: T): void;
-    protected _removeFromStorage(): void;
-    _nextStep(e: CustomEvent): void;
-    _previousStep(): void;
-    _goToStep(e: any): void;
-    _closeWizardRequest(): void;
-    abstract _closeWizard(): void;
-    abstract _renderSteps(): HTMLTemplateResult;
-    abstract _renderLogo(): HTMLTemplateResult;
-    abstract _submitWizard(): void;
-    static _timeOutScroll(): void;
-}