@progressive-development/pd-spa-helper 0.8.0 → 0.8.1-a
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/PdSpaHelper.d.ts.map +1 -1
- package/dist/{src/PdSpaHelper.js → PdSpaHelper.js} +3 -3
- package/dist/generated/locale-wrapper/be-wrapper.js +19 -0
- package/dist/generated/locale-wrapper/de-wrapper.js +19 -0
- package/dist/generated/locale-wrapper/en-wrapper.js +19 -0
- package/dist/index.js +27 -27
- package/dist/{src/router → router}/PdRouterService.js +1 -1
- package/package.json +1 -1
- package/dist/_virtual/_commonjsHelpers.js +0 -6
- package/dist/_virtual/hammer.js +0 -4
- package/dist/node_modules/@progressive-development/pd-content/dist/locales/be.js +0 -7
- package/dist/node_modules/@progressive-development/pd-content/dist/locales/de.js +0 -7
- package/dist/node_modules/@progressive-development/pd-content/dist/locales/en.js +0 -7
- package/dist/node_modules/@progressive-development/pd-content/dist/pd-box-view.js +0 -33
- package/dist/node_modules/@progressive-development/pd-content/dist/pd-collapse.js +0 -152
- package/dist/node_modules/@progressive-development/pd-content/dist/pd-edit-content.js +0 -225
- package/dist/node_modules/@progressive-development/pd-content/dist/pd-more-info.js +0 -84
- package/dist/node_modules/@progressive-development/pd-content/dist/pd-panel-viewer.js +0 -207
- package/dist/node_modules/@progressive-development/pd-content/dist/pd-panel.js +0 -48
- package/dist/node_modules/@progressive-development/pd-content/dist/pd-resize-content.js +0 -64
- package/dist/node_modules/@progressive-development/pd-shared-styles/dist/src/pd-color-styles.js +0 -29
- package/dist/node_modules/@progressive-development/pd-shared-styles/dist/src/pd-font-styles.js +0 -25
- package/dist/node_modules/hammerjs/hammer.js +0 -1797
- package/dist/node_modules/universal-router/path-to-regexp.js +0 -260
- package/dist/node_modules/universal-router/universal-router.js +0 -135
- package/dist/src/generated/locale-wrapper/be-wrapper.js +0 -24
- package/dist/src/generated/locale-wrapper/de-wrapper.js +0 -24
- package/dist/src/generated/locale-wrapper/en-wrapper.js +0 -24
- /package/dist/{src/defaultpage → defaultpage}/default-confirm-popup.js +0 -0
- /package/dist/{src/defaultpage → defaultpage}/default-dialog-popup.js +0 -0
- /package/dist/{src/defaultpage → defaultpage}/default-login.js +0 -0
- /package/dist/{src/defaultpage → defaultpage}/default-popup.js +0 -0
- /package/dist/{src/defaultpage → defaultpage}/default-step-address.js +0 -0
- /package/dist/{src/defaultpage → defaultpage}/default-step-summary.js +0 -0
- /package/dist/{src/defaultpage → defaultpage}/default-view-page.js +0 -0
- /package/dist/{src/defaultpage → defaultpage}/default-wizard-step.js +0 -0
- /package/dist/{src/defaultpage → defaultpage}/default-wizard.js +0 -0
- /package/dist/{src/generated → generated}/locales/be.js +0 -0
- /package/dist/{src/generated → generated}/locales/de.js +0 -0
- /package/dist/{src/generated → generated}/locales/en.js +0 -0
- /package/dist/{src/helper → helper}/blob-helper.js +0 -0
- /package/dist/{src/helper → helper}/date-helper.js +0 -0
- /package/dist/{src/helper → helper}/locale-format.js +0 -0
- /package/dist/{src/helper → helper}/number-helper.js +0 -0
- /package/dist/{src/helper → helper}/offline-watcher-helper.js +0 -0
- /package/dist/{src/helper → helper}/price-helper.js +0 -0
- /package/dist/{src/helper → helper}/refresh-id-token.js +0 -0
- /package/dist/{src/helper → helper}/text-helper.js +0 -0
- /package/dist/{src/model → model}/spa-model.js +0 -0
- /package/dist/{src/popup → popup}/wizard-close-popup.js +0 -0
- /package/dist/{src/popup → popup}/wizard-reload-popup.js +0 -0
- /package/dist/{src/service-provider → service-provider}/firebase/auth.js +0 -0
- /package/dist/{src/service-provider → service-provider}/firebase/firestorage-client.js +0 -0
- /package/dist/{src/service-provider → service-provider}/firebase/firestore-client.js +0 -0
- /package/dist/{src/service-provider → service-provider}/firebase/functions-client.js +0 -0
- /package/dist/{src/service-provider → service-provider}/firebase/messagingFirebaseClient.js +0 -0
- /package/dist/{src/service-provider → service-provider}/mock/auth.js +0 -0
- /package/dist/{src/service-provider → service-provider}/mock/function-client.js +0 -0
- /package/dist/{src/service-provider → service-provider}/mock/storage-client.js +0 -0
- /package/dist/{src/service-provider → service-provider}/service-provider-impl.js +0 -0
- /package/dist/{src/service-provider → service-provider}/service-provider-model.js +0 -0
- /package/dist/{src/store → store}/indexDB.js +0 -0
- /package/dist/{src/store → store}/mini-rx.store.js +0 -0
- /package/dist/{src/store → store}/spa-app-actions.js +0 -0
- /package/dist/{src/store → store}/spa-app-effects.js +0 -0
- /package/dist/{src/store → store}/spa-app-reducer.js +0 -0
- /package/dist/{src/store → store}/spa-app-selector.js +0 -0
- /package/dist/{src/tmpown → tmpown}/pd-loading-state.js +0 -0
- /package/dist/{src/tmpown → tmpown}/pd-login.js +0 -0
- /package/dist/{src/tmpown → tmpown}/pd-toast.js +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PdSpaHelper.d.ts","sourceRoot":"","sources":["../src/PdSpaHelper.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAEV,cAAc,EACd,cAAc,EAEf,MAAM,KAAK,CAAC;AAGb,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAEpC,OAAO,0CAA0C,CAAC;AAClD,OAAO,4CAA4C,CAAC;AACpD,OAAO,qDAAqD,CAAC;AAC7D,OAAO,8CAA8C,CAAC;AAUtD,OAAO,EACL,gBAAgB,EAChB,MAAM,EAGN,cAAc,EACf,MAAM,8CAA8C,CAAC;AAItD,OAAO,EAAkB,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpE,OAAO,gCAAgC,CAAC;AAExC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,8BAA8B,CAAC;AAOtC,eAAO,MAAM,uBAAuB,sBAAsB,CAAC;AAgD3D;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,GAAI,QAAQ,gBAAgB,SAmCjD,CAAC;AAIF;;GAEG;AACH,8BAAsB,WAAY,SAAQ,UAAU;IAGlD,KAAK,SAAe;IAEpB;;OAEG;IAEH,KAAK,EAAE,OAAO,GAAG,SAAS,CAAC;IAG3B,QAAQ,EAAE,GAAG,GAAG,SAAS,CAAC;IAG1B,aAAa,EAAE,YAAY,EAAE,CAAM;IAEnC;;;OAGG;IAEH,SAAS,CAAC,MAAM,SAAM;IAEtB;;OAEG;IAEH,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IAE/C;;OAEG;IAEH,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IAE9C;;OAEG;IAEH,OAAO,CAAC,aAAa,CAAS;IAG9B,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IAEjC,QAAQ,CAAC,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAErC,SAAS,CAAC,iBAAiB,EAAE,OAAO,CAAS;IAG7C,aAAa,CAAC,EAAE,YAAY,CAAC;IAE7B,MAAM,CAAC,MAAM,EA+EN,cAAc,CAAC;;IA0CtB,iBAAiB,IAAI,IAAI;IAmBzB,oBAAoB,IAAI,IAAI;IAM5B,gBAAgB,CAAC,KAAK,EAAE,KAAK;IAS7B;;OAEG;IAGH;;;OAGG;IACH,oBAAoB;IAepB,MAAM;IAsCN,OAAO,CAAC,aAAa;IAerB,WAAW,CAAC,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,OAAO;IAqB3D,cAAc,CAAC,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,OAAO;IAsB9D,aAAa,IAAI,cAAc,GAAG,MAAM;IAkBxC,aAAa;IAcb,SAAS,CAAC,QAAQ,CAAC,iBAAiB,IAAI,KAAK,CAAC,cAAc,CAAC;IAE7D,SAAS,CAAC,QAAQ,CAAC,UAAU,IAAI,MAAM;IAEvC,SAAS,CAAC,QAAQ,CAAC,WAAW,IAAI,cAAc;IAEhD,SAAS,CAAC,QAAQ,CAAC,iBAAiB,IAAI,GAAG;IAE3C,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAEnD,SAAS,CAAC,QAAQ,CAAC,oBAAoB,IAAI,GAAG;IAE9C,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,UAAU,EAAE,OAAO,GAAG,MAAM;IAE9D,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI;
|
|
1
|
+
{"version":3,"file":"PdSpaHelper.d.ts","sourceRoot":"","sources":["../src/PdSpaHelper.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,UAAU,EAEV,cAAc,EACd,cAAc,EAEf,MAAM,KAAK,CAAC;AAGb,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAC;AAEpC,OAAO,0CAA0C,CAAC;AAClD,OAAO,4CAA4C,CAAC;AACpD,OAAO,qDAAqD,CAAC;AAC7D,OAAO,8CAA8C,CAAC;AAUtD,OAAO,EACL,gBAAgB,EAChB,MAAM,EAGN,cAAc,EACf,MAAM,8CAA8C,CAAC;AAItD,OAAO,EAAkB,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpE,OAAO,gCAAgC,CAAC;AAExC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,8BAA8B,CAAC;AAOtC,eAAO,MAAM,uBAAuB,sBAAsB,CAAC;AAgD3D;;;;;;;GAOG;AACH,eAAO,MAAM,SAAS,GAAI,QAAQ,gBAAgB,SAmCjD,CAAC;AAIF;;GAEG;AACH,8BAAsB,WAAY,SAAQ,UAAU;IAGlD,KAAK,SAAe;IAEpB;;OAEG;IAEH,KAAK,EAAE,OAAO,GAAG,SAAS,CAAC;IAG3B,QAAQ,EAAE,GAAG,GAAG,SAAS,CAAC;IAG1B,aAAa,EAAE,YAAY,EAAE,CAAM;IAEnC;;;OAGG;IAEH,SAAS,CAAC,MAAM,SAAM;IAEtB;;OAEG;IAEH,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IAE/C;;OAEG;IAEH,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IAE9C;;OAEG;IAEH,OAAO,CAAC,aAAa,CAAS;IAG9B,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IAEjC,QAAQ,CAAC,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAErC,SAAS,CAAC,iBAAiB,EAAE,OAAO,CAAS;IAG7C,aAAa,CAAC,EAAE,YAAY,CAAC;IAE7B,MAAM,CAAC,MAAM,EA+EN,cAAc,CAAC;;IA0CtB,iBAAiB,IAAI,IAAI;IAmBzB,oBAAoB,IAAI,IAAI;IAM5B,gBAAgB,CAAC,KAAK,EAAE,KAAK;IAS7B;;OAEG;IAGH;;;OAGG;IACH,oBAAoB;IAepB,MAAM;IAsCN,OAAO,CAAC,aAAa;IAerB,WAAW,CAAC,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,OAAO;IAqB3D,cAAc,CAAC,UAAU,EAAE,cAAc,EAAE,UAAU,EAAE,OAAO;IAsB9D,aAAa,IAAI,cAAc,GAAG,MAAM;IAkBxC,aAAa;IAcb,SAAS,CAAC,QAAQ,CAAC,iBAAiB,IAAI,KAAK,CAAC,cAAc,CAAC;IAE7D,SAAS,CAAC,QAAQ,CAAC,UAAU,IAAI,MAAM;IAEvC,SAAS,CAAC,QAAQ,CAAC,WAAW,IAAI,cAAc;IAEhD,SAAS,CAAC,QAAQ,CAAC,iBAAiB,IAAI,GAAG;IAE3C,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAEnD,SAAS,CAAC,QAAQ,CAAC,oBAAoB,IAAI,GAAG;IAE9C,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,UAAU,EAAE,OAAO,GAAG,MAAM;IAE9D,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI;IAoB7C,aAAa,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI;IASnC,qBAAqB,CAAC,CAAC,EAAE,GAAG;IAW5B,uBAAuB,CAAC,CAAC,EAAE,WAAW;IAYtC,iBAAiB,CAAC,CAAC,EAAE,GAAG;IAexB,qBAAqB,CAAC,CAAC,EAAE,GAAG;IAgB5B,MAAM,CAAC,YAAY;IAUnB,gBAAgB,CAAC,EAAE,EAAE,WAAW;CAYjC"}
|
|
@@ -3,8 +3,8 @@ import { LitElement, unsafeCSS, css, html } from "lit";
|
|
|
3
3
|
import { property, state } from "lit/decorators.js";
|
|
4
4
|
import "@progressive-development/pd-page/pd-menu";
|
|
5
5
|
import "@progressive-development/pd-page/pd-footer";
|
|
6
|
-
import "
|
|
7
|
-
import "
|
|
6
|
+
import "@progressive-development/pd-content/pd-panel-viewer";
|
|
7
|
+
import "@progressive-development/pd-content/pd-panel";
|
|
8
8
|
import { pdStore, initializeStore } from "./store/mini-rx.store.js";
|
|
9
9
|
import { authStateChangedImpl, setServiceProvider, initAppImpl, isAuthenticatedWithSessionRedirect } from "./service-provider/service-provider-impl.js";
|
|
10
10
|
import { getLoadingSelector } from "./store/spa-app-selector.js";
|
|
@@ -269,8 +269,8 @@ const _PdSpaHelper = (_a = class extends LitElement {
|
|
|
269
269
|
`;
|
|
270
270
|
}
|
|
271
271
|
_loginSuccess(e) {
|
|
272
|
-
console.debug("Login Event: ", e, window.location.href);
|
|
273
272
|
const redirectRoute = sessionStorage.getItem(POST_LOGIN_REDIRECT_KEY);
|
|
273
|
+
console.debug("Login Event: ", e, window.location.href, redirectRoute);
|
|
274
274
|
const routeToNavigate = redirectRoute && redirectRoute !== "/login" ? redirectRoute : navigationConfig.defaultPostLoginRoute || "";
|
|
275
275
|
sessionStorage.removeItem(POST_LOGIN_REDIRECT_KEY);
|
|
276
276
|
this.dispatchEvent(
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { beTemplates as beTemplates$3 } from "@progressive-development/pd-wizard";
|
|
2
|
+
import { beTemplates as beTemplates$2 } from "@progressive-development/pd-page";
|
|
3
|
+
import { beTemplates as beTemplates$1 } from "@progressive-development/pd-content";
|
|
4
|
+
import { beTemplates } from "@progressive-development/pd-forms";
|
|
5
|
+
import { beTemplates as beTemplates$4 } from "@progressive-development/pd-order";
|
|
6
|
+
import { beTemplates as beTemplates$5 } from "@progressive-development/pd-dialog";
|
|
7
|
+
import { templates as templates$1 } from "../locales/be.js";
|
|
8
|
+
const templates = {
|
|
9
|
+
...templates$1,
|
|
10
|
+
...beTemplates$5,
|
|
11
|
+
...beTemplates$4,
|
|
12
|
+
...beTemplates$3,
|
|
13
|
+
...beTemplates$2,
|
|
14
|
+
...beTemplates$1,
|
|
15
|
+
...beTemplates
|
|
16
|
+
};
|
|
17
|
+
export {
|
|
18
|
+
templates
|
|
19
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { deTemplates as deTemplates$3 } from "@progressive-development/pd-wizard";
|
|
2
|
+
import { deTemplates as deTemplates$2 } from "@progressive-development/pd-page";
|
|
3
|
+
import { deTemplates as deTemplates$1 } from "@progressive-development/pd-content";
|
|
4
|
+
import { deTemplates } from "@progressive-development/pd-forms";
|
|
5
|
+
import { deTemplates as deTemplates$4 } from "@progressive-development/pd-order";
|
|
6
|
+
import { deTemplates as deTemplates$5 } from "@progressive-development/pd-dialog";
|
|
7
|
+
import { templates as templates$1 } from "../locales/de.js";
|
|
8
|
+
const templates = {
|
|
9
|
+
...templates$1,
|
|
10
|
+
...deTemplates$5,
|
|
11
|
+
...deTemplates$4,
|
|
12
|
+
...deTemplates$3,
|
|
13
|
+
...deTemplates$2,
|
|
14
|
+
...deTemplates$1,
|
|
15
|
+
...deTemplates
|
|
16
|
+
};
|
|
17
|
+
export {
|
|
18
|
+
templates
|
|
19
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { enTemplates as enTemplates$3 } from "@progressive-development/pd-wizard";
|
|
2
|
+
import { enTemplates as enTemplates$2 } from "@progressive-development/pd-page";
|
|
3
|
+
import { enTemplates as enTemplates$1 } from "@progressive-development/pd-content";
|
|
4
|
+
import { enTemplates } from "@progressive-development/pd-forms";
|
|
5
|
+
import { enTemplates as enTemplates$4 } from "@progressive-development/pd-order";
|
|
6
|
+
import { enTemplates as enTemplates$5 } from "@progressive-development/pd-dialog";
|
|
7
|
+
import { templates as templates$1 } from "../locales/en.js";
|
|
8
|
+
const templates = {
|
|
9
|
+
...templates$1,
|
|
10
|
+
...enTemplates$5,
|
|
11
|
+
...enTemplates$4,
|
|
12
|
+
...enTemplates$3,
|
|
13
|
+
...enTemplates$2,
|
|
14
|
+
...enTemplates$1,
|
|
15
|
+
...enTemplates
|
|
16
|
+
};
|
|
17
|
+
export {
|
|
18
|
+
templates
|
|
19
|
+
};
|
package/dist/index.js
CHANGED
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
import { PdSpaHelper, startInit } from "./
|
|
2
|
-
import * as serviceProviderModel from "./
|
|
3
|
-
import * as spaModel from "./
|
|
4
|
-
import * as offlineWatcherHelper from "./
|
|
5
|
-
import * as blobHelper from "./
|
|
6
|
-
import * as dateHelper from "./
|
|
7
|
-
import * as priceHelper from "./
|
|
8
|
-
import * as numberHelper from "./
|
|
9
|
-
import * as textHelper from "./
|
|
10
|
-
import { DefaultViewPage } from "./
|
|
11
|
-
import { ABORT_EVENT_NAME, DefaultConfirmPopup, STORE_EVENT_NAME } from "./
|
|
12
|
-
import { DefaultDialogPopup } from "./
|
|
13
|
-
import { DefaultPopup } from "./
|
|
14
|
-
import { DefaultWizard } from "./
|
|
15
|
-
import { DefaultWizardStep } from "./
|
|
16
|
-
import { DefaultStepAddress } from "./
|
|
17
|
-
import { DefaultStepSummary } from "./
|
|
18
|
-
import { activateCollectionListener, callFunctionImpl, deleteFile, downloadFile, getApp, getMessagingImpl, getStorageConfiguration, getStorageFile, getStorageFileList, getUser, getUserIdToken, isAuthenticatedImpl, loginImpl, logoutImpl, registerAppDeviceForNotification, uploadFile } from "./
|
|
19
|
-
import { refreshAndPersistUserIdToken } from "./
|
|
20
|
-
import { pdStore } from "./
|
|
21
|
-
import { setRouteElement } from "./
|
|
22
|
-
import * as spaAppActions from "./
|
|
23
|
-
import * as spaAppSelector from "./
|
|
24
|
-
import * as indexDB from "./
|
|
25
|
-
import { templates } from "./
|
|
26
|
-
import { templates as templates2 } from "./
|
|
27
|
-
import { templates as templates3 } from "./
|
|
1
|
+
import { PdSpaHelper, startInit } from "./PdSpaHelper.js";
|
|
2
|
+
import * as serviceProviderModel from "./service-provider/service-provider-model.js";
|
|
3
|
+
import * as spaModel from "./model/spa-model.js";
|
|
4
|
+
import * as offlineWatcherHelper from "./helper/offline-watcher-helper.js";
|
|
5
|
+
import * as blobHelper from "./helper/blob-helper.js";
|
|
6
|
+
import * as dateHelper from "./helper/date-helper.js";
|
|
7
|
+
import * as priceHelper from "./helper/price-helper.js";
|
|
8
|
+
import * as numberHelper from "./helper/number-helper.js";
|
|
9
|
+
import * as textHelper from "./helper/text-helper.js";
|
|
10
|
+
import { DefaultViewPage } from "./defaultpage/default-view-page.js";
|
|
11
|
+
import { ABORT_EVENT_NAME, DefaultConfirmPopup, STORE_EVENT_NAME } from "./defaultpage/default-confirm-popup.js";
|
|
12
|
+
import { DefaultDialogPopup } from "./defaultpage/default-dialog-popup.js";
|
|
13
|
+
import { DefaultPopup } from "./defaultpage/default-popup.js";
|
|
14
|
+
import { DefaultWizard } from "./defaultpage/default-wizard.js";
|
|
15
|
+
import { DefaultWizardStep } from "./defaultpage/default-wizard-step.js";
|
|
16
|
+
import { DefaultStepAddress } from "./defaultpage/default-step-address.js";
|
|
17
|
+
import { DefaultStepSummary } from "./defaultpage/default-step-summary.js";
|
|
18
|
+
import { activateCollectionListener, callFunctionImpl, deleteFile, downloadFile, getApp, getMessagingImpl, getStorageConfiguration, getStorageFile, getStorageFileList, getUser, getUserIdToken, isAuthenticatedImpl, loginImpl, logoutImpl, registerAppDeviceForNotification, uploadFile } from "./service-provider/service-provider-impl.js";
|
|
19
|
+
import { refreshAndPersistUserIdToken } from "./helper/refresh-id-token.js";
|
|
20
|
+
import { pdStore } from "./store/mini-rx.store.js";
|
|
21
|
+
import { setRouteElement } from "./store/spa-app-effects.js";
|
|
22
|
+
import * as spaAppActions from "./store/spa-app-actions.js";
|
|
23
|
+
import * as spaAppSelector from "./store/spa-app-selector.js";
|
|
24
|
+
import * as indexDB from "./store/indexDB.js";
|
|
25
|
+
import { templates } from "./generated/locale-wrapper/be-wrapper.js";
|
|
26
|
+
import { templates as templates2 } from "./generated/locale-wrapper/de-wrapper.js";
|
|
27
|
+
import { templates as templates3 } from "./generated/locale-wrapper/en-wrapper.js";
|
|
28
28
|
const dispatchToastEvent = (element, txt, isSuccess, isError) => {
|
|
29
29
|
element.dispatchEvent(
|
|
30
30
|
new CustomEvent("toast-event", {
|
package/package.json
CHANGED
package/dist/_virtual/hammer.js
DELETED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { css, LitElement, html } from "lit";
|
|
2
|
-
import { customElement } from "lit/decorators.js";
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __decorateClass = (decorators, target, key, kind) => {
|
|
5
|
-
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
|
|
6
|
-
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
7
|
-
if (decorator = decorators[i])
|
|
8
|
-
result = decorator(result) || result;
|
|
9
|
-
return result;
|
|
10
|
-
};
|
|
11
|
-
let PdBoxView = class extends LitElement {
|
|
12
|
-
render() {
|
|
13
|
-
return html` <slot></slot> `;
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
PdBoxView.styles = [
|
|
17
|
-
css`
|
|
18
|
-
:host {
|
|
19
|
-
display: grid;
|
|
20
|
-
grid-template-columns: repeat(
|
|
21
|
-
var(--pd-box-columns, 4),
|
|
22
|
-
minmax(var(--pd-box-min-width, 100px), 1fr)
|
|
23
|
-
);
|
|
24
|
-
gap: var(--pd-box-gap, 25px);
|
|
25
|
-
}
|
|
26
|
-
`
|
|
27
|
-
];
|
|
28
|
-
PdBoxView = __decorateClass([
|
|
29
|
-
customElement("pd-box-view")
|
|
30
|
-
], PdBoxView);
|
|
31
|
-
export {
|
|
32
|
-
PdBoxView
|
|
33
|
-
};
|
|
@@ -1,152 +0,0 @@
|
|
|
1
|
-
import { css, LitElement, html } from "lit";
|
|
2
|
-
import { property, customElement } from "lit/decorators.js";
|
|
3
|
-
import { pdIcons } from "@progressive-development/pd-icon";
|
|
4
|
-
import "@progressive-development/pd-icon/pd-icon";
|
|
5
|
-
import { PdColorStyles } from "../../pd-shared-styles/dist/src/pd-color-styles.js";
|
|
6
|
-
import { PdFontStyles } from "../../pd-shared-styles/dist/src/pd-font-styles.js";
|
|
7
|
-
var __defProp = Object.defineProperty;
|
|
8
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
9
|
-
var __decorateClass = (decorators, target, key, kind) => {
|
|
10
|
-
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
|
|
11
|
-
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
12
|
-
if (decorator = decorators[i])
|
|
13
|
-
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
14
|
-
if (kind && result) __defProp(target, key, result);
|
|
15
|
-
return result;
|
|
16
|
-
};
|
|
17
|
-
let PdCollapse = class extends LitElement {
|
|
18
|
-
constructor() {
|
|
19
|
-
super(...arguments);
|
|
20
|
-
this.active = false;
|
|
21
|
-
this.icon = pdIcons.ICON_TOGGLE_COLLAPSE;
|
|
22
|
-
}
|
|
23
|
-
/**
|
|
24
|
-
* Öffnet den Collapse-Bereich
|
|
25
|
-
*/
|
|
26
|
-
open() {
|
|
27
|
-
this.active = true;
|
|
28
|
-
}
|
|
29
|
-
/**
|
|
30
|
-
* Schließt den Collapse-Bereich
|
|
31
|
-
*/
|
|
32
|
-
close() {
|
|
33
|
-
this.active = false;
|
|
34
|
-
}
|
|
35
|
-
_onClick() {
|
|
36
|
-
this.active = !this.active;
|
|
37
|
-
this.dispatchEvent(
|
|
38
|
-
new CustomEvent("toggle-accordion", {
|
|
39
|
-
bubbles: true,
|
|
40
|
-
composed: true,
|
|
41
|
-
detail: this.active
|
|
42
|
-
})
|
|
43
|
-
);
|
|
44
|
-
}
|
|
45
|
-
render() {
|
|
46
|
-
return html`
|
|
47
|
-
<div
|
|
48
|
-
class="trigger ${this.active ? "open" : "closed"}"
|
|
49
|
-
@click=${this._onClick}
|
|
50
|
-
>
|
|
51
|
-
<slot name="header"></slot>
|
|
52
|
-
<pd-icon
|
|
53
|
-
icon=${this.icon}
|
|
54
|
-
?activeIcon=${this.active}
|
|
55
|
-
class="small primary"
|
|
56
|
-
></pd-icon>
|
|
57
|
-
</div>
|
|
58
|
-
<div class="content ${this.active ? "open" : "closed"}">
|
|
59
|
-
<slot name="content"></slot>
|
|
60
|
-
</div>
|
|
61
|
-
`;
|
|
62
|
-
}
|
|
63
|
-
};
|
|
64
|
-
PdCollapse.styles = [
|
|
65
|
-
PdColorStyles,
|
|
66
|
-
PdFontStyles,
|
|
67
|
-
css`
|
|
68
|
-
:host {
|
|
69
|
-
display: block;
|
|
70
|
-
width: 100%;
|
|
71
|
-
position: relative;
|
|
72
|
-
overflow: visible;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
:host .content.open {
|
|
76
|
-
border: 2px solid var(--pd-default-light-col);
|
|
77
|
-
background: var(--pd-collapse-content-bg-col, var(--pd-default-bg-col));
|
|
78
|
-
margin-bottom: 1rem;
|
|
79
|
-
position: relative;
|
|
80
|
-
overflow: visible;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
pd-icon {
|
|
84
|
-
--pd-icon-stroke-col-active: var(--pd-default-bg-col);
|
|
85
|
-
--pd-icon-col-active: var(--pd-default-dark-col);
|
|
86
|
-
--pd-icon-col-hover: var(--pd-default-dark-col);
|
|
87
|
-
--pd-icon-stroke-col-hover: var(--pd-default-hover-col);
|
|
88
|
-
--pd-icon-col-active-hover: var(--pd-default-dark-col);
|
|
89
|
-
--pd-icon-stroke-col-active-hover: var(--pd-default-hover-col);
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
.trigger {
|
|
93
|
-
background: var(--pd-collapse-bg-col, var(--pd-default-col));
|
|
94
|
-
font-family: var(--pd-default-font-title-family);
|
|
95
|
-
font-weight: bold;
|
|
96
|
-
color: var(--pd-collapse-font-col, var(--pd-default-bg-col));
|
|
97
|
-
transition-property: box-shadow, background;
|
|
98
|
-
transition: 0.2s ease-in;
|
|
99
|
-
cursor: pointer;
|
|
100
|
-
font-size: var(--pd-collapse-header-font-size, 1rem);
|
|
101
|
-
padding: 0.5rem;
|
|
102
|
-
display: flex;
|
|
103
|
-
justify-content: space-between;
|
|
104
|
-
box-sizing: border-box;
|
|
105
|
-
position: relative;
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
::slotted(.header) {
|
|
109
|
-
display: flex;
|
|
110
|
-
align-items: center;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
.trigger:hover {
|
|
114
|
-
background: var(--pd-collapse-hover-col, var(--pd-default-dark-col));
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
.trigger.closed {
|
|
118
|
-
margin-bottom: 1rem;
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
.content {
|
|
122
|
-
will-change: transform;
|
|
123
|
-
height: 0;
|
|
124
|
-
overflow: hidden;
|
|
125
|
-
transition-property: visibility, transform;
|
|
126
|
-
transition-duration: 0.2s;
|
|
127
|
-
visibility: hidden;
|
|
128
|
-
transform: translate3d(0, -100%, 0);
|
|
129
|
-
box-sizing: border-box;
|
|
130
|
-
padding: 0.5em;
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
.content.open {
|
|
134
|
-
visibility: visible;
|
|
135
|
-
height: auto;
|
|
136
|
-
transform: translate3d(0, 0, 0);
|
|
137
|
-
overflow-y: auto;
|
|
138
|
-
}
|
|
139
|
-
`
|
|
140
|
-
];
|
|
141
|
-
__decorateClass([
|
|
142
|
-
property({ type: Boolean })
|
|
143
|
-
], PdCollapse.prototype, "active", 2);
|
|
144
|
-
__decorateClass([
|
|
145
|
-
property({ type: String })
|
|
146
|
-
], PdCollapse.prototype, "icon", 2);
|
|
147
|
-
PdCollapse = __decorateClass([
|
|
148
|
-
customElement("pd-collapse")
|
|
149
|
-
], PdCollapse);
|
|
150
|
-
export {
|
|
151
|
-
PdCollapse
|
|
152
|
-
};
|
|
@@ -1,225 +0,0 @@
|
|
|
1
|
-
import { html, css, LitElement } from "lit";
|
|
2
|
-
import { property, customElement } from "lit/decorators.js";
|
|
3
|
-
import { PdColorStyles } from "../../pd-shared-styles/dist/src/pd-color-styles.js";
|
|
4
|
-
import { PdFontStyles } from "../../pd-shared-styles/dist/src/pd-font-styles.js";
|
|
5
|
-
var __defProp = Object.defineProperty;
|
|
6
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
7
|
-
var __decorateClass = (decorators, target, key, kind) => {
|
|
8
|
-
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
|
|
9
|
-
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
10
|
-
if (decorator = decorators[i])
|
|
11
|
-
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
12
|
-
if (kind && result) __defProp(target, key, result);
|
|
13
|
-
return result;
|
|
14
|
-
};
|
|
15
|
-
const editIcon = html`<svg
|
|
16
|
-
class="edit"
|
|
17
|
-
viewBox="0 0 19 19"
|
|
18
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
19
|
-
>
|
|
20
|
-
<g>
|
|
21
|
-
<path
|
|
22
|
-
d="M8.44,7.25C8.348,7.342,8.277,7.447,8.215,7.557L8.174,7.516L8.149,7.69 C8.049,7.925,8.014,8.183,8.042,8.442l-0.399,2.796l2.797-0.399c0.259,0.028,0.517-0.007,0.752-0.107l0.174-0.024l-0.041-0.041 c0.109-0.062,0.215-0.133,0.307-0.225l5.053-5.053l-3.191-3.191L8.44,7.25z"
|
|
23
|
-
fill="var(--edit-fill-color)"
|
|
24
|
-
/>
|
|
25
|
-
<path
|
|
26
|
-
d="M18.183,1.568l-0.87-0.87c-0.641-0.641-1.637-0.684-2.225-0.097l-0.797,0.797l3.191,3.191l0.797-0.798 C18.867,3.205,18.824,2.209,18.183,1.568z"
|
|
27
|
-
fill="var(--edit-fill-color)"
|
|
28
|
-
/>
|
|
29
|
-
<path
|
|
30
|
-
d="M15,9.696V17H2V2h8.953l1.523-1.42c0.162-0.161,0.353-0.221,0.555-0.293 c0.043-0.119,0.104-0.18,0.176-0.287H0v19h17V7.928L15,9.696z"
|
|
31
|
-
fill="var(--edit-fill-color)"
|
|
32
|
-
/>
|
|
33
|
-
</g>
|
|
34
|
-
</svg>`;
|
|
35
|
-
let PdEditContent = class extends LitElement {
|
|
36
|
-
constructor() {
|
|
37
|
-
super(...arguments);
|
|
38
|
-
this.contentTitle = "";
|
|
39
|
-
this.data = [];
|
|
40
|
-
this.editLinks = [];
|
|
41
|
-
this.editDisabled = false;
|
|
42
|
-
}
|
|
43
|
-
render() {
|
|
44
|
-
var _a;
|
|
45
|
-
return html`
|
|
46
|
-
<div class="header">
|
|
47
|
-
${this.stepNumber ? html`
|
|
48
|
-
<div class="circle">
|
|
49
|
-
<span class="step-number">${this.stepNumber}</span>
|
|
50
|
-
</div>
|
|
51
|
-
` : null}
|
|
52
|
-
<h4>${this.contentTitle}</h4>
|
|
53
|
-
</div>
|
|
54
|
-
<div>
|
|
55
|
-
${((_a = this.data) == null ? void 0 : _a.length) ? html`
|
|
56
|
-
<div class="param-data">
|
|
57
|
-
${this.data.map(
|
|
58
|
-
(entry) => html`<div>
|
|
59
|
-
<span class="label">${entry.name}</span>
|
|
60
|
-
<span class="value">${entry.val}</span>
|
|
61
|
-
</div>`
|
|
62
|
-
)}
|
|
63
|
-
</div>
|
|
64
|
-
` : null}
|
|
65
|
-
<slot></slot>
|
|
66
|
-
<div class="link-row">
|
|
67
|
-
${!this.editDisabled ? html`
|
|
68
|
-
<a @click="${this._editContent}">
|
|
69
|
-
<div class="link-item">
|
|
70
|
-
${editIcon} Bewerk ${this.contentTitle}
|
|
71
|
-
</div>
|
|
72
|
-
</a>
|
|
73
|
-
` : null}
|
|
74
|
-
${this.editLinks.map(
|
|
75
|
-
(link) => html`
|
|
76
|
-
<a data-link="${link.key}" @click="${this._editContent}">
|
|
77
|
-
<div class="link-item">
|
|
78
|
-
${PdEditContent._getLinkLogo(link)} ${link.txt}
|
|
79
|
-
</div>
|
|
80
|
-
</a>
|
|
81
|
-
`
|
|
82
|
-
)}
|
|
83
|
-
</div>
|
|
84
|
-
</div>
|
|
85
|
-
`;
|
|
86
|
-
}
|
|
87
|
-
static _getLinkLogo(link) {
|
|
88
|
-
if (link.icon) return link.icon;
|
|
89
|
-
if (link.defaultIcon) return editIcon;
|
|
90
|
-
return "";
|
|
91
|
-
}
|
|
92
|
-
_editContent(e) {
|
|
93
|
-
var _a, _b;
|
|
94
|
-
const link = (_b = (_a = e.currentTarget) == null ? void 0 : _a.dataset) == null ? void 0 : _b.link;
|
|
95
|
-
this.dispatchEvent(
|
|
96
|
-
new CustomEvent("edit-content", {
|
|
97
|
-
detail: { step: this.stepNumber, link },
|
|
98
|
-
bubbles: true,
|
|
99
|
-
composed: true
|
|
100
|
-
})
|
|
101
|
-
);
|
|
102
|
-
}
|
|
103
|
-
};
|
|
104
|
-
PdEditContent.styles = [
|
|
105
|
-
PdColorStyles,
|
|
106
|
-
PdFontStyles,
|
|
107
|
-
css`
|
|
108
|
-
:host {
|
|
109
|
-
display: block;
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
h4 {
|
|
113
|
-
font-family: var(--pd-default-font-title-family);
|
|
114
|
-
font-size: var(--pd-ec-font-title-size, 1.2em);
|
|
115
|
-
margin: 0 0 2px 0;
|
|
116
|
-
line-height: 40px;
|
|
117
|
-
color: var(--pd-ec-font-title-col, var(--pd-default-bg-col));
|
|
118
|
-
padding-left: 5px;
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
.header {
|
|
122
|
-
display: flex;
|
|
123
|
-
gap: 5px;
|
|
124
|
-
background-color: var(--pd-ec-bg-col, var(--pd-default-col));
|
|
125
|
-
align-items: center;
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
.circle {
|
|
129
|
-
margin-left: 5px;
|
|
130
|
-
display: flex;
|
|
131
|
-
align-items: center;
|
|
132
|
-
justify-content: center;
|
|
133
|
-
width: 27px;
|
|
134
|
-
height: 27px;
|
|
135
|
-
border-radius: 50%;
|
|
136
|
-
background-color: var(--pd-ec-font-title-col, var(--pd-default-bg-col));
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
.step-number {
|
|
140
|
-
font-family: var(--pd-default-font-title-family);
|
|
141
|
-
font-size: var(--pd-ec-font-title-size, 1.2em);
|
|
142
|
-
font-weight: var(--pd-ec-nr-font-weight, bold);
|
|
143
|
-
color: var(--pd-ec-bg-col, var(--pd-default-col));
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
.label {
|
|
147
|
-
display: inline-block;
|
|
148
|
-
font-weight: bold;
|
|
149
|
-
width: 200px;
|
|
150
|
-
padding-top: 10px;
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
a {
|
|
154
|
-
cursor: pointer;
|
|
155
|
-
font-family: var(--pd-default-font-link-family);
|
|
156
|
-
font-size: var(--pd-default-font-link-size);
|
|
157
|
-
color: var(--pd-default-font-link-col);
|
|
158
|
-
--edit-fill-color: var(--pd-default-font-link-col);
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
a:hover {
|
|
162
|
-
color: var(--pd-default-font-link-col-hover);
|
|
163
|
-
--edit-fill-color: var(--pd-default-font-link-col-hover);
|
|
164
|
-
}
|
|
165
|
-
|
|
166
|
-
.edit {
|
|
167
|
-
width: 1.1em;
|
|
168
|
-
}
|
|
169
|
-
|
|
170
|
-
/*
|
|
171
|
-
could used as class for given svg icons, workaround class
|
|
172
|
-
hard coded for specific icon => maybe use custom properties here, but not for that hack...
|
|
173
|
-
*/
|
|
174
|
-
.own-edit-icon {
|
|
175
|
-
width: 2em;
|
|
176
|
-
margin-top: -10px;
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
.link-row {
|
|
180
|
-
padding: 5px 0;
|
|
181
|
-
display: flex;
|
|
182
|
-
flex-wrap: wrap;
|
|
183
|
-
gap: 15px;
|
|
184
|
-
}
|
|
185
|
-
|
|
186
|
-
.link-item {
|
|
187
|
-
display: flex;
|
|
188
|
-
gap: 2px;
|
|
189
|
-
white-space: nowrap;
|
|
190
|
-
align-items: center;
|
|
191
|
-
pointer-events: none;
|
|
192
|
-
}
|
|
193
|
-
|
|
194
|
-
.param-data {
|
|
195
|
-
padding-bottom: 10px;
|
|
196
|
-
}
|
|
197
|
-
|
|
198
|
-
@media (max-width: 360px) {
|
|
199
|
-
.label {
|
|
200
|
-
width: 130px;
|
|
201
|
-
}
|
|
202
|
-
}
|
|
203
|
-
`
|
|
204
|
-
];
|
|
205
|
-
__decorateClass([
|
|
206
|
-
property({ type: Number })
|
|
207
|
-
], PdEditContent.prototype, "stepNumber", 2);
|
|
208
|
-
__decorateClass([
|
|
209
|
-
property({ type: String })
|
|
210
|
-
], PdEditContent.prototype, "contentTitle", 2);
|
|
211
|
-
__decorateClass([
|
|
212
|
-
property({ type: Array })
|
|
213
|
-
], PdEditContent.prototype, "data", 2);
|
|
214
|
-
__decorateClass([
|
|
215
|
-
property({ type: Array })
|
|
216
|
-
], PdEditContent.prototype, "editLinks", 2);
|
|
217
|
-
__decorateClass([
|
|
218
|
-
property({ type: Boolean })
|
|
219
|
-
], PdEditContent.prototype, "editDisabled", 2);
|
|
220
|
-
PdEditContent = __decorateClass([
|
|
221
|
-
customElement("pd-edit-content")
|
|
222
|
-
], PdEditContent);
|
|
223
|
-
export {
|
|
224
|
-
PdEditContent
|
|
225
|
-
};
|