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

package/dist/{src/router → router}/AppMain.js

@@ -1,7 +1,6 @@
-import { html, LitElement } from "lit";
-import { customElement as e } from "../../node_modules/@lit/reactive-element/decorators/custom-element.js";
-import "../../node_modules/@lit/reactive-element/decorators/query-assigned-elements.js";
-import { outlet } from "../../node_modules/lit-element-router/lit-element-router.js";
+import { LitElement, html } from "lit";
+import { customElement } from "lit/decorators.js";
+import { outlet } from "lit-element-router";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -18,7 +17,7 @@ let AppMain = class extends outlet(LitElement) {
   }
 };
 AppMain = __decorateClass([
-  e("app-main")
+  customElement("app-main")
 ], AppMain);
 export {
   AppMain

package/dist/{src/service-provider → service-provider}/firebase/auth.js

@@ -1,7 +1,4 @@
-import { C as signOut, y as onAuthStateChanged, ab as signInWithEmailAndPassword, o as getAuth, w as onIdTokenChanged } from "../../../node_modules/@firebase/auth/dist/esm2017/index-68602d24.js";
-import "../../../node_modules/@firebase/app/dist/esm/index.esm2017.js";
-import "../../../node_modules/@firebase/logger/dist/esm/index.esm2017.js";
-import "tslib";
+import { signOut, onAuthStateChanged, signInWithEmailAndPassword, getAuth, onIdTokenChanged } from "firebase/auth";
 let auth;
 const initAuth = (appParam) => {
   auth = getAuth(appParam);

package/dist/{src/service-provider → service-provider}/firebase/firestorage-client.js

@@ -1,4 +1,4 @@
-import { ref, uploadString, getMetadata, getDownloadURL, deleteObject, getStorage, listAll } from "../../../node_modules/@firebase/storage/dist/index.esm2017.js";
+import { ref, uploadString, getMetadata, getDownloadURL, deleteObject, getStorage, listAll } from "firebase/storage";
 import { getUser } from "../service-provider-impl.js";
 const DEFAULT_STORAGE = "default_storage";
 const storageMap = /* @__PURE__ */ new Map();

package/dist/{src/service-provider → service-provider}/firebase/firestore-client.js

@@ -1,4 +1,4 @@
-import { where, query, collection, onSnapshot, getFirestore } from "../../../node_modules/@firebase/firestore/dist/index.esm2017.js";
+import { where, query, collection, onSnapshot, getFirestore } from "firebase/firestore";
 let db;
 const initFirestore = (app) => {
   try {

package/dist/{src/service-provider → service-provider}/firebase/functions-client.js

@@ -1,4 +1,4 @@
-import { getFunctions, httpsCallable } from "../../../node_modules/@firebase/functions/dist/index.esm2017.js";
+import { getFunctions, httpsCallable } from "firebase/functions";
 const functionMap = /* @__PURE__ */ new Map();
 const initFunctions = (app, functionsConfig) => {
   try {

package/dist/{src/service-provider → service-provider}/firebase/messagingFirebaseClient.js

@@ -1,4 +1,4 @@
-import { getMessaging as getMessagingInWindow, getToken } from "../../../node_modules/@firebase/messaging/dist/esm/index.esm2017.js";
+import { getMessaging, getToken } from "firebase/messaging";
 import { update, USER_COLLECTION } from "../../store/indexDB.js";
 import { pdStore } from "../../store/mini-rx.store.js";
 import { updateNewNotificationToken } from "../../store/spa-app-actions.js";
@@ -7,7 +7,7 @@ const NOTIFICATION_TOKEN = "pd.spa.helper.notification.token";
 let messaging;
 let firebaseMessagingAppConfigKey;
 function prepareMessaging(app, messageConfig) {
-  messaging = getMessagingInWindow(app);
+  messaging = getMessaging(app);
   firebaseMessagingAppConfigKey = messageConfig;
 }
 const activateTokenChangeHandler = (appName) => {

package/dist/{src/service-provider → service-provider}/service-provider-impl.js

@@ -1,4 +1,4 @@
-import "../../node_modules/firebase/app/dist/esm/index.esm.js";
+import { initializeApp } from "firebase/app";
 import { authStateChanged, isAuthenticated, login, logout, getAuthUser, initAuth } from "./firebase/auth.js";
 import { authStateChangedMock, isAuthenticatedMock, loginMock, logoutMock, getAuthUserMock } from "./mock/auth.js";
 import { callFunction, initFunctions } from "./firebase/functions-client.js";
@@ -7,7 +7,6 @@ import { initMockResponse, callFunctionMock } from "./mock/function-client.js";
 import { uploadFirestorageFile, getFirestorageFileList, getFirestorageFile, downloadFileFirestorage, deleteFirestorageDocument, initFirestorage } from "./firebase/firestorage-client.js";
 import { initStorageMock, uploadStorageFileMock, getMockFileList, downloadFileMock } from "./mock/storage-client.js";
 import { registerDevice, getFirebaseMessaging, prepareMessaging, activateTokenChangeHandler } from "./firebase/messagingFirebaseClient.js";
-import { initializeApp } from "../../node_modules/@firebase/app/dist/esm/index.esm2017.js";
 let provider;
 let app;
 const throwUndefinedProviderError = () => {

package/dist/{src/store → store}/mini-rx.store.js

@@ -1,4 +1,4 @@
-import { configureStore, LoggerExtension, ReduxDevtoolsExtension, ImmutableStateExtension } from "../../node_modules/mini-rx-store/index.esm.js";
+import { configureStore, LoggerExtension, ReduxDevtoolsExtension, ImmutableStateExtension } from "mini-rx-store";
 import { spaAppReducer } from "./spa-app-reducer.js";
 import { appRouteEffect, appToastEffect, registerNotificationTokenSuccessEffect } from "./spa-app-effects.js";
 let store;

package/dist/{src/store → store}/spa-app-effects.js

@@ -1,8 +1,8 @@
-import { createEffect, actions$ } from "../../node_modules/mini-rx-store/index.esm.js";
+import { createEffect, actions$ } from "mini-rx-store";
+import { tap } from "rxjs/operators";
 import { ofType } from "ts-action-operators";
 import { routeAction, toastAction, updateNewNotificationTokenSuccess } from "./spa-app-actions.js";
 import { NOTIFICATION_TOKEN } from "../service-provider/firebase/messagingFirebaseClient.js";
-import { tap } from "../../node_modules/rxjs/dist/esm5/internal/operators/tap.js";
 let routeElement;
 const setRouteElement = (param) => {
   routeElement = param;

package/dist/{src/store → store}/spa-app-selector.js

@@ -1,4 +1,4 @@
-import { createFeatureStateSelector, createSelector } from "../../node_modules/mini-rx-store/index.esm.js";
+import { createFeatureStateSelector, createSelector } from "mini-rx-store";
 const getSpaAppFeatureState = createFeatureStateSelector("spaApp");
 const getLoadingSelector = createSelector(
   getSpaAppFeatureState,

package/dist/stories/pd-loading-state.stories.d.ts

@@ -1,17 +1,17 @@
 import { StoryObj } from '@storybook/web-components';
 declare const meta: {
     title: string;
-    render: (args: import('@storybook/types').Args) => import('lit').TemplateResult<1>;
+    render: (args: import('@storybook/csf').Args) => import('lit').TemplateResult<1>;
     argTypes: {
         backgroundColor: {
-            control: string;
+            control: "color";
         };
         onClick: {
             action: string;
         };
         size: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
         };

package/dist/stories/pd-toast.stories.d.ts

@@ -1,17 +1,17 @@
 import { StoryObj } from '@storybook/web-components';
 declare const meta: {
     title: string;
-    render: (args: import('@storybook/types').Args) => import('lit').TemplateResult<1>;
+    render: (args: import('@storybook/csf').Args) => import('lit').TemplateResult<1>;
     argTypes: {
         backgroundColor: {
-            control: string;
+            control: "color";
         };
         onClick: {
             action: string;
         };
         size: {
             control: {
-                type: string;
+                type: "select";
             };
             options: string[];
         };

package/dist/tmpown/pd-loading-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pd-loading-state.d.ts","sourceRoot":"","sources":["../../src/tmpown/pd-loading-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAK5D,OAAO,6CAA6C,CAAC;AAErD,OAAO,EAAC,YAAY,EAAC,MAAM,uBAAuB,CAAC;AAGnD,qBAEa,cAAe,SAAQ,UAAU;IAG5C,YAAY,CAAC,EAAE,YAAY,CAAC;IAE5B,MAAM,CAAC,MAAM,iBAmHO;IAEpB,MAAM;IAWN,cAAc;CA+Bf"}
+{"version":3,"file":"pd-loading-state.d.ts","sourceRoot":"","sources":["../../src/tmpown/pd-loading-state.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAK5D,OAAO,0CAA0C,CAAC;AAElD,OAAO,EAAC,YAAY,EAAC,MAAM,uBAAuB,CAAC;AAGnD,qBAEa,cAAe,SAAQ,UAAU;IAG5C,YAAY,CAAC,EAAE,YAAY,CAAC;IAE5B,MAAM,CAAC,MAAM,iBAmHO;IAEpB,MAAM;IAWN,cAAc;CA+Bf"}

package/dist/{src/tmpown → tmpown}/pd-loading-state.js

@@ -1,10 +1,8 @@
 import { css, LitElement, html } from "lit";
-import { customElement as e } from "../../node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { property as n } from "../../node_modules/@lit/reactive-element/decorators/property.js";
-import "../../node_modules/@lit/reactive-element/decorators/query-assigned-elements.js";
+import { property, customElement } from "lit/decorators.js";
 import { localized, msg } from "@lit/localize";
-import { classMap as o } from "../../node_modules/lit/node_modules/lit-html/directives/class-map.js";
-import "../../node_modules/@progressive-development/pd-icon/pd-icon.js";
+import { classMap } from "lit/directives/class-map.js";
+import "@progressive-development/pd-icon/pd-icon";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -31,7 +29,7 @@ let PdLoadingState = class extends LitElement {
       return "";
     }
     return html`
-      <div class="${o({
+      <div class="${classMap({
       content: !this.loadingState.smallBackground,
       "no-modal-content": this.loadingState.modal !== true && this.loadingState.smallBackground !== true,
       "background-content": this.loadingState.smallBackground === true
@@ -172,11 +170,11 @@ PdLoadingState.styles = [
     `
 ];
 __decorateClass([
-  n({ type: Object })
+  property({ type: Object })
 ], PdLoadingState.prototype, "loadingState", 2);
 PdLoadingState = __decorateClass([
   localized(),
-  e("pd-loading-state")
+  customElement("pd-loading-state")
 ], PdLoadingState);
 export {
   PdLoadingState

package/dist/tmpown/pd-login.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pd-login.d.ts","sourceRoot":"","sources":["../../src/tmpown/pd-login.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,wDAAwD,CAAC;AAChE,OAAO,kDAAkD,CAAC;AAC1D,OAAO,+CAA+C,CAAC;AACvD,OAAO,gDAAgD,CAAC;AAKxD,qBACa,OAAQ,SAAQ,UAAU;IAErC;;OAEG;IAEH,MAAM,KAAK,MAAM,8BAmBhB;IAED,MAAM;IAyCN,YAAY;IAwCZ,mBAAmB,CAAC,GAAG,EAAE,MAAM;CAUhC"}
+{"version":3,"file":"pd-login.d.ts","sourceRoot":"","sources":["../../src/tmpown/pd-login.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,qDAAqD,CAAC;AAC7D,OAAO,+CAA+C,CAAC;AACvD,OAAO,4CAA4C,CAAC;AACpD,OAAO,6CAA6C,CAAC;AAKrD,qBACa,OAAQ,SAAQ,UAAU;IAErC;;OAEG;IAEH,MAAM,KAAK,MAAM,8BAmBhB;IAED,MAAM;IAyCN,YAAY;IAwCZ,mBAAmB,CAAC,GAAG,EAAE,MAAM;CAUhC"}

package/dist/{src/tmpown → tmpown}/pd-login.js

@@ -1,10 +1,9 @@
 import { LitElement, css, html } from "lit";
-import { customElement as e } from "../../node_modules/@lit/reactive-element/decorators/custom-element.js";
-import "../../node_modules/@lit/reactive-element/decorators/query-assigned-elements.js";
-import "../../node_modules/@progressive-development/pd-forms/pd-form-container.js";
-import "../../node_modules/@progressive-development/pd-forms/pd-form-row.js";
-import "../../node_modules/@progressive-development/pd-forms/pd-input.js";
-import "../../node_modules/@progressive-development/pd-forms/pd-button.js";
+import { customElement } from "lit/decorators.js";
+import "@progressive-development/pd-forms/pd-form-container";
+import "@progressive-development/pd-forms/pd-form-row";
+import "@progressive-development/pd-forms/pd-input";
+import "@progressive-development/pd-forms/pd-button";
 import { loginImpl } from "../service-provider/service-provider-impl.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -124,7 +123,7 @@ let PdLogin = class extends LitElement {
   }
 };
 PdLogin = __decorateClass([
-  e("pd-login")
+  customElement("pd-login")
 ], PdLogin);
 export {
   PdLogin

package/dist/tmpown/pd-panel-viewer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pd-panel-viewer.d.ts","sourceRoot":"","sources":["../../src/tmpown/pd-panel-viewer.ts"],"names":[],"mappings":"AAGA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C,OAAO,UAAU,CAAC;AAElB,OAAO,6CAA6C,CAAC;AAIrD,qBACa,aAAc,SAAQ,UAAU;IAGzC,YAAY,UAAS;IAGrB,SAAS,SAAK;IAGd,MAAM,SAAK;IAIX,QAAQ,EAAC,GAAG,CAAM;IAGlB,OAAO,KAAM;IAEb,MAAM,CAAC,MAAM,0BAmEP;IAEN,IAAI,KAAK,WAER;IAED,IAAI,KAAK,CAAC,KAAK,QAAA,EAId;IAED,MAAM;IAgBN,YAAY;IAoBZ,MAAM,CAAC,iBAAiB,EAAC,GAAG;IAkC5B,IAAI;IAMJ,QAAQ;CAKX"}
+{"version":3,"file":"pd-panel-viewer.d.ts","sourceRoot":"","sources":["../../src/tmpown/pd-panel-viewer.ts"],"names":[],"mappings":"AAGA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C,OAAO,UAAU,CAAC;AAElB,OAAO,0CAA0C,CAAC;AAIlD,qBACa,aAAc,SAAQ,UAAU;IAGzC,YAAY,UAAS;IAGrB,SAAS,SAAK;IAGd,MAAM,SAAK;IAIX,QAAQ,EAAC,GAAG,CAAM;IAGlB,OAAO,KAAM;IAEb,MAAM,CAAC,MAAM,0BAmEP;IAEN,IAAI,KAAK,WAER;IAED,IAAI,KAAK,CAAC,KAAK,QAAA,EAId;IAED,MAAM;IAgBN,YAAY;IAoBZ,MAAM,CAAC,iBAAiB,EAAC,GAAG;IAkC5B,IAAI;IAMJ,QAAQ;CAKX"}

package/dist/{src/tmpown → tmpown}/pd-toast.js

@@ -1,7 +1,5 @@
 import { css, LitElement, html } from "lit";
-import { customElement as e } from "../../node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { property as n } from "../../node_modules/@lit/reactive-element/decorators/property.js";
-import "../../node_modules/@lit/reactive-element/decorators/query-assigned-elements.js";
+import { property, customElement } from "lit/decorators.js";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -111,16 +109,16 @@ PdToast.styles = css`
     
     `;
 __decorateClass([
-  n({ type: Boolean, reflect: true })
+  property({ type: Boolean, reflect: true })
 ], PdToast.prototype, "isError", 2);
 __decorateClass([
-  n({ type: Boolean, reflect: true })
+  property({ type: Boolean, reflect: true })
 ], PdToast.prototype, "isSuccess", 2);
 __decorateClass([
-  n({ type: Number })
+  property({ type: Number })
 ], PdToast.prototype, "duration", 2);
 PdToast = __decorateClass([
-  e("pd-toast")
+  customElement("pd-toast")
 ], PdToast);
 export {
   PdToast

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@progressive-development/pd-spa-helper",
-  "description": "Webcomponent pd-spa-helper following open-wc recommendations",
-  "license": "MIT",
-  "author": "pd-spa-helper",
-  "version": "0.4.0",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "description": "Webcomponent pd-spa-helper following open-wc recommendations",  
+  "author": "PD Progressive Development",
+  "license": "SEE LICENSE IN LICENSE",
+  "version": "0.5.1",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
     ".": "./dist/index.js",
     "./pd-panel-viewer": "./dist/pd-panel-viewer.js",
@@ -25,7 +25,7 @@
     "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": "vitest",
+    "test": "vitest run --coverage",
     "test:watch": "vitest --watch",
     "localizeExtract": "lit-localize extract",
     "localizeBuild": "lit-localize build",
@@ -34,13 +34,13 @@
   },
   "dependencies": {
     "@lit-labs/task": "^1.1.3",
-    "@lit/localize": "^0.11.4",
-    "@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.130",
-    "@progressive-development/pd-page": "^0.1.128",
-    "@progressive-development/pd-wizard": "^0.1.83",
+    "@lit/localize": "^0.12.2",
+    "@progressive-development/pd-dialog": "^0.5.0",
+    "@progressive-development/pd-forms": "^0.5.0",
+    "@progressive-development/pd-icon": "^0.5.0",
+    "@progressive-development/pd-order": "^0.5.0",
+    "@progressive-development/pd-page": "^0.5.1",
+    "@progressive-development/pd-wizard": "^0.5.0",
     "@types/hammerjs": "^2.0.45",
     "firebase": "^10.14.1",
     "hammerjs": "^2.0.8",
@@ -52,23 +52,26 @@
     "ts-action-operators": "^9.1.2"
   },
   "devDependencies": {
+    "@chromatic-com/storybook": "^1.3.4",
     "@custom-elements-manifest/analyzer": "^0.4.17",
     "@lit/localize-tools": "^0.7.2",
-    "@storybook/addon-essentials": "^7.6.20",
-    "@storybook/addon-links": "^7.6.20",
-    "@storybook/blocks": "^7.5.3",
-    "@storybook/web-components": "^7.5.3",
-    "@storybook/web-components-vite": "^7.6.20",
+    "@storybook/addon-essentials": "^8.0.10",
+    "@storybook/addon-links": "^8.0.10",
+    "@storybook/blocks": "^8.0.10",
+    "@storybook/test": "^8.0.10",
+    "@storybook/web-components": "^8.0.10",
+    "@storybook/web-components-vite": "^8.0.10",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "concurrently": "^5.3.0",
     "eslint": "^7.32.0",
     "eslint-config-prettier": "^8.10.0",
-    "eslint-plugin-storybook": "^0.6.15",
+    "eslint-plugin-storybook": "^0.8.0",
     "husky": "^4.3.8",
     "lint-staged": "^10.5.4",
     "prettier": "^2.8.8",
-    "storybook": "^7.6.20",
+    "rollup-plugin-visualizer": "^5.13.1",
+    "storybook": "^8.0.10",
     "tslib": "^2.6.3",
     "typescript": "^4.9.5",
     "vite": "^5.4.11",
@@ -89,7 +92,10 @@
     "rules": {
       "no-unused-vars": "off",
       "@typescript-eslint/no-unused-vars": [
-        "error"
+        "error",
+        {
+          "varsIgnorePattern": "^(customElement|property|state|[A-Za-z].*)$"
+        }
       ],
       "import/no-unresolved": "off",
       "import/extensions": [