@progressive-development/pd-spa-helper 0.7.5 → 0.8.0
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 +13 -18
- package/dist/PdSpaHelper.d.ts.map +1 -1
- package/dist/_virtual/_commonjsHelpers.js +6 -0
- package/dist/_virtual/hammer.js +4 -0
- package/dist/defaultpage/default-confirm-popup.d.ts.map +1 -1
- package/dist/defaultpage/default-dialog-popup.d.ts.map +1 -1
- package/dist/defaultpage/default-login.d.ts.map +1 -1
- package/dist/defaultpage/default-popup.d.ts.map +1 -1
- package/dist/defaultpage/default-step-address.d.ts.map +1 -1
- package/dist/defaultpage/default-step-summary.d.ts.map +1 -1
- package/dist/defaultpage/default-view-page.d.ts.map +1 -1
- package/dist/defaultpage/default-wizard-step.d.ts.map +1 -1
- package/dist/defaultpage/default-wizard.d.ts.map +1 -1
- package/dist/generated/locale-codes.d.ts.map +1 -1
- package/dist/generated/locale-wrapper/be-wrapper.d.ts +54 -13
- package/dist/generated/locale-wrapper/be-wrapper.d.ts.map +1 -1
- package/dist/generated/locale-wrapper/de-wrapper.d.ts +54 -13
- package/dist/generated/locale-wrapper/de-wrapper.d.ts.map +1 -1
- package/dist/generated/locale-wrapper/en-wrapper.d.ts +54 -13
- package/dist/generated/locale-wrapper/en-wrapper.d.ts.map +1 -1
- package/dist/generated/locales/be.d.ts +13 -13
- package/dist/generated/locales/be.d.ts.map +1 -1
- package/dist/generated/locales/de.d.ts +13 -13
- package/dist/generated/locales/de.d.ts.map +1 -1
- package/dist/generated/locales/en.d.ts +13 -13
- package/dist/generated/locales/en.d.ts.map +1 -1
- package/dist/helper/blob-helper.d.ts +3 -0
- package/dist/helper/blob-helper.d.ts.map +1 -0
- package/dist/helper/date-helper.d.ts +27 -0
- package/dist/helper/date-helper.d.ts.map +1 -0
- package/dist/helper/locale-format.d.ts +4 -0
- package/dist/helper/locale-format.d.ts.map +1 -0
- package/dist/helper/number-helper.d.ts +2 -0
- package/dist/helper/number-helper.d.ts.map +1 -0
- package/dist/helper/offline-watcher-helper.d.ts +3 -0
- package/dist/helper/offline-watcher-helper.d.ts.map +1 -0
- package/dist/helper/price-helper.d.ts +5 -0
- package/dist/helper/price-helper.d.ts.map +1 -0
- package/dist/helper/refresh-id-token.d.ts.map +1 -1
- package/dist/helper/text-helper.d.ts +3 -0
- package/dist/helper/text-helper.d.ts.map +1 -0
- package/dist/index.d.ts +8 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +23 -11
- package/dist/model/spa-model.d.ts +1 -0
- package/dist/model/spa-model.d.ts.map +1 -1
- package/dist/node_modules/@progressive-development/pd-content/dist/locales/be.js +7 -0
- package/dist/node_modules/@progressive-development/pd-content/dist/locales/de.js +7 -0
- package/dist/node_modules/@progressive-development/pd-content/dist/locales/en.js +7 -0
- package/dist/{src/router/AppMain.js → node_modules/@progressive-development/pd-content/dist/pd-box-view.js} +18 -7
- package/dist/node_modules/@progressive-development/pd-content/dist/pd-collapse.js +152 -0
- package/dist/node_modules/@progressive-development/pd-content/dist/pd-edit-content.js +225 -0
- package/dist/node_modules/@progressive-development/pd-content/dist/pd-more-info.js +84 -0
- package/dist/{pd-panel-viewer.js → node_modules/@progressive-development/pd-content/dist/pd-panel-viewer.js} +95 -75
- package/dist/{pd-panel.js → node_modules/@progressive-development/pd-content/dist/pd-panel.js} +21 -21
- package/dist/node_modules/@progressive-development/pd-content/dist/pd-resize-content.js +64 -0
- package/dist/node_modules/@progressive-development/pd-shared-styles/{src/shared-color-styles.js → dist/src/pd-color-styles.js} +13 -14
- package/dist/node_modules/@progressive-development/pd-shared-styles/dist/src/pd-font-styles.js +25 -0
- package/dist/node_modules/hammerjs/hammer.js +1797 -0
- package/dist/node_modules/universal-router/path-to-regexp.js +260 -0
- package/dist/node_modules/universal-router/universal-router.js +135 -0
- package/dist/popup/wizard-close-popup.d.ts.map +1 -1
- package/dist/popup/wizard-reload-popup.d.ts.map +1 -1
- package/dist/router/PdRouterService.d.ts +28 -0
- package/dist/router/PdRouterService.d.ts.map +1 -0
- package/dist/router/rout-types.d.ts +17 -0
- package/dist/router/rout-types.d.ts.map +1 -0
- package/dist/service-provider/firebase/auth.d.ts +2 -2
- package/dist/service-provider/firebase/auth.d.ts.map +1 -1
- package/dist/service-provider/firebase/firestorage-client.d.ts.map +1 -1
- package/dist/service-provider/firebase/firestore-client.d.ts +1 -1
- package/dist/service-provider/firebase/firestore-client.d.ts.map +1 -1
- package/dist/service-provider/firebase/functions-client.d.ts.map +1 -1
- package/dist/service-provider/firebase/messagingFirebaseClient.d.ts.map +1 -1
- package/dist/service-provider/mock/auth.d.ts +1 -1
- package/dist/service-provider/mock/auth.d.ts.map +1 -1
- package/dist/service-provider/mock/function-client.d.ts +1 -3
- package/dist/service-provider/mock/function-client.d.ts.map +1 -1
- package/dist/service-provider/mock/storage-client.d.ts.map +1 -1
- package/dist/service-provider/service-provider-impl.d.ts +2 -4
- package/dist/service-provider/service-provider-impl.d.ts.map +1 -1
- package/dist/service-provider/service-provider-model.d.ts +7 -8
- package/dist/service-provider/service-provider-model.d.ts.map +1 -1
- package/dist/src/PdSpaHelper.js +190 -189
- package/dist/src/defaultpage/default-confirm-popup.js +7 -7
- package/dist/src/defaultpage/default-dialog-popup.js +16 -18
- package/dist/src/defaultpage/default-login.js +4 -6
- package/dist/src/defaultpage/default-popup.js +1 -3
- package/dist/src/defaultpage/default-step-address.js +5 -7
- package/dist/src/defaultpage/default-step-summary.js +8 -6
- package/dist/src/defaultpage/default-view-page.js +0 -2
- package/dist/src/defaultpage/default-wizard-step.js +6 -8
- package/dist/src/defaultpage/default-wizard.js +34 -14
- package/dist/src/generated/locale-wrapper/be-wrapper.js +18 -11
- package/dist/src/generated/locale-wrapper/de-wrapper.js +18 -11
- package/dist/src/generated/locale-wrapper/en-wrapper.js +18 -11
- package/dist/src/helper/blob-helper.js +37 -0
- package/dist/src/helper/date-helper.js +137 -0
- package/dist/src/helper/locale-format.js +19 -0
- package/dist/src/helper/number-helper.js +14 -0
- package/dist/src/helper/{helper-utils.js → offline-watcher-helper.js} +1 -17
- package/dist/src/helper/price-helper.js +25 -0
- package/dist/src/helper/refresh-id-token.js +3 -1
- package/dist/src/helper/text-helper.js +6 -0
- package/dist/src/model/spa-model.js +3 -1
- package/dist/src/popup/wizard-close-popup.js +11 -5
- package/dist/src/popup/wizard-reload-popup.js +9 -6
- package/dist/src/router/PdRouterService.js +112 -0
- package/dist/src/service-provider/firebase/firestorage-client.js +33 -12
- package/dist/src/service-provider/firebase/firestore-client.js +7 -5
- package/dist/src/service-provider/firebase/functions-client.js +11 -9
- package/dist/src/service-provider/firebase/messagingFirebaseClient.js +9 -10
- package/dist/src/service-provider/mock/storage-client.js +21 -9
- package/dist/src/service-provider/service-provider-impl.js +19 -18
- package/dist/src/store/spa-app-actions.js +32 -8
- package/dist/src/store/spa-app-effects.js +19 -15
- package/dist/src/store/spa-app-reducer.js +5 -9
- package/dist/src/tmpown/pd-loading-state.js +60 -43
- package/dist/src/tmpown/pd-login.js +58 -45
- package/dist/src/tmpown/pd-toast.js +23 -20
- package/dist/store/indexDB.d.ts.map +1 -1
- package/dist/store/mini-rx.store.d.ts.map +1 -1
- package/dist/store/spa-app-actions.d.ts +2 -2
- package/dist/store/spa-app-actions.d.ts.map +1 -1
- package/dist/store/spa-app-effects.d.ts +2 -2
- package/dist/store/spa-app-effects.d.ts.map +1 -1
- package/dist/store/spa-app-reducer.d.ts.map +1 -1
- package/dist/store/spa-app-selector.d.ts.map +1 -1
- package/dist/stories/address-edit.stories.d.ts +1 -1
- package/dist/stories/address-edit.stories.d.ts.map +1 -1
- package/dist/stories/address-new.stories.d.ts +1 -1
- package/dist/stories/address-new.stories.d.ts.map +1 -1
- package/dist/stories/pd-loading-state.stories.d.ts +1 -1
- package/dist/stories/pd-loading-state.stories.d.ts.map +1 -1
- package/dist/stories/pd-toast.stories.d.ts +1 -1
- package/dist/stories/pd-toast.stories.d.ts.map +1 -1
- package/dist/stories/routing.stories.d.ts +24 -0
- package/dist/stories/routing.stories.d.ts.map +1 -0
- package/dist/stories/test-impls/test-mock-app.d.ts +15 -0
- package/dist/stories/test-impls/test-mock-app.d.ts.map +1 -0
- package/dist/stories/test-impls/test-pages/test-home-page.d.ts +7 -0
- package/dist/stories/test-impls/test-pages/test-home-page.d.ts.map +1 -0
- package/dist/stories/test-impls/test-pages/test-not-found-page.d.ts +5 -0
- package/dist/stories/test-impls/test-pages/test-not-found-page.d.ts.map +1 -0
- package/dist/tmpown/pd-loading-state.d.ts.map +1 -1
- package/dist/tmpown/pd-login.d.ts.map +1 -1
- package/dist/tmpown/pd-toast.d.ts.map +1 -1
- package/package.json +42 -79
- package/dist/helper/helper-utils.d.ts +0 -6
- package/dist/helper/helper-utils.d.ts.map +0 -1
- package/dist/node_modules/@progressive-development/pd-shared-styles/src/shared-font-styles.js +0 -32
- package/dist/pd-icon-panel-button.d.ts +0 -2
- package/dist/pd-icon-panel-button.js +0 -231
- package/dist/pd-panel-viewer.d.ts +0 -2
- package/dist/pd-panel.d.ts +0 -2
- package/dist/pd-tab.d.ts +0 -2
- package/dist/pd-tab.js +0 -146
- package/dist/router/AppMain.d.ts +0 -7
- package/dist/router/AppMain.d.ts.map +0 -1
- package/dist/service-call-controller2.d.ts +0 -17
- package/dist/service-call-controller2.d.ts.map +0 -1
- package/dist/stories/pd-icon-button.stories.d.ts +0 -30
- package/dist/stories/pd-icon-button.stories.d.ts.map +0 -1
- package/dist/tmpown/pd-icon-panel-button.d.ts +0 -17
- package/dist/tmpown/pd-icon-panel-button.d.ts.map +0 -1
- package/dist/tmpown/pd-panel-viewer.d.ts +0 -17
- package/dist/tmpown/pd-panel-viewer.d.ts.map +0 -1
- package/dist/tmpown/pd-panel.d.ts +0 -6
- package/dist/tmpown/pd-panel.d.ts.map +0 -1
- package/dist/tmpown/pd-tab.d.ts +0 -19
- package/dist/tmpown/pd-tab.d.ts.map +0 -1
- package/dist/tmpown/pd-tab.stories.d.ts +0 -23
- package/dist/tmpown/pd-tab.stories.d.ts.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"test-home-page.d.ts","sourceRoot":"","sources":["../../../../src/stories/test-impls/test-pages/test-home-page.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5D,qBACa,YAAa,SAAQ,UAAU;IACd,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAM;IAEhE,OAAgB,MAAM,EAAE,cAAc,CAOpC;IAEF,MAAM;CAGP"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"test-not-found-page.d.ts","sourceRoot":"","sources":["../../../../src/stories/test-impls/test-pages/test-not-found-page.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,MAAM;CAGP"}
|
|
@@ -1 +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,0CAA0C,CAAC;AAElD,OAAO,
|
|
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,0CAA0C,CAAC;AAElD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,qBAEa,cAAe,SAAQ,UAAU;IAE5C,YAAY,CAAC,EAAE,YAAY,CAAC;IAE5B,MAAM,CAAC,MAAM,EAqHR,cAAc,CAAC;IAEpB,MAAM;IASN,cAAc;CA0Df"}
|
|
@@ -1 +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,qDAAqD,CAAC;AAC7D,OAAO,+CAA+C,CAAC;AACvD,OAAO,4CAA4C,CAAC;AACpD,OAAO,6CAA6C,CAAC;
|
|
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,qDAAqD,CAAC;AAC7D,OAAO,+CAA+C,CAAC;AACvD,OAAO,4CAA4C,CAAC;AACpD,OAAO,6CAA6C,CAAC;AAIrD,qBACa,OAAQ,SAAQ,UAAU;IACrC;;OAEG;IAEH,MAAM,KAAK,MAAM,8BAsBhB;IAED,MAAM;IA2CN,YAAY;IAoDZ,mBAAmB,CAAC,GAAG,EAAE,MAAM;CAYhC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pd-toast.d.ts","sourceRoot":"","sources":["../../src/tmpown/pd-toast.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"pd-toast.d.ts","sourceRoot":"","sources":["../../src/tmpown/pd-toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,OAAQ,SAAQ,UAAU;IAErC,OAAO,EAAE,OAAO,CAAS;IAGzB,SAAS,EAAE,OAAO,CAAS;IAG3B,QAAQ,EAAE,MAAM,CAAQ;IAExB,MAAM,CAAC,MAAM,0BA6CX;IAEF,MAAM;IAWN,iBAAiB;IAKjB,OAAO,CAAC,YAAY,EAAE,GAAG;IAUzB,KAAK;IAwBL,MAAM;CAIP"}
|
package/package.json
CHANGED
|
@@ -1,18 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progressive-development/pd-spa-helper",
|
|
3
|
+
"version": "0.8.0",
|
|
3
4
|
"description": "Webcomponent pd-spa-helper following open-wc recommendations",
|
|
4
5
|
"author": "PD Progressive Development",
|
|
5
6
|
"license": "SEE LICENSE IN LICENSE",
|
|
6
|
-
"version": "0.7.5",
|
|
7
7
|
"main": "./dist/index.js",
|
|
8
8
|
"module": "./dist/index.js",
|
|
9
9
|
"types": "./dist/index.d.ts",
|
|
10
10
|
"exports": {
|
|
11
|
-
".": "./dist/index.js"
|
|
12
|
-
"./pd-tab": "./dist/pd-tab.js",
|
|
13
|
-
"./pd-panel-viewer": "./dist/pd-panel-viewer.js",
|
|
14
|
-
"./pd-panel": "./dist/pd-panel.js",
|
|
15
|
-
"./pd-icon-panel-button": "./dist/pd-icon-panel-button.js"
|
|
11
|
+
".": "./dist/index.js"
|
|
16
12
|
},
|
|
17
13
|
"files": [
|
|
18
14
|
"dist/",
|
|
@@ -21,103 +17,70 @@
|
|
|
21
17
|
"LICENSE"
|
|
22
18
|
],
|
|
23
19
|
"scripts": {
|
|
24
|
-
"analyze": "cem analyze --litelement",
|
|
20
|
+
"analyze": "cem analyze --litelement --exclude dist,demo",
|
|
25
21
|
"start": "vite",
|
|
26
|
-
"build": "vite build
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
"
|
|
22
|
+
"build": "vite build",
|
|
23
|
+
"preview": "vite preview",
|
|
24
|
+
"clean": "rm -rf dist",
|
|
25
|
+
"lint": "eslint --ext .ts,.html src --ignore-path .gitignore && prettier \"**/*.ts\" --check --ignore-path .gitignore",
|
|
26
|
+
"format": "eslint --ext .ts,.html src --fix --ignore-path .gitignore && prettier \"**/*.ts\" --write --ignore-path .gitignore",
|
|
30
27
|
"test": "vitest run --coverage",
|
|
31
28
|
"test:watch": "vitest --watch",
|
|
29
|
+
"check": "npm run lint && npm run build",
|
|
30
|
+
"prepublishOnly": "npm run clean && npm run check",
|
|
32
31
|
"localizeExtract": "lit-localize extract",
|
|
33
32
|
"localizeBuild": "lit-localize build",
|
|
34
33
|
"storybook": "storybook dev -p 6006",
|
|
35
34
|
"build-storybook": "storybook build"
|
|
36
35
|
},
|
|
37
36
|
"dependencies": {
|
|
38
|
-
"@lit
|
|
39
|
-
"@
|
|
40
|
-
"@progressive-development/pd-dialog": "^0.
|
|
41
|
-
"@progressive-development/pd-forms": "^0.
|
|
42
|
-
"@progressive-development/pd-icon": "^0.
|
|
43
|
-
"@progressive-development/pd-order": "^0.
|
|
44
|
-
"@progressive-development/pd-page": "^0.
|
|
45
|
-
"@progressive-development/pd-shared-styles": "^0.
|
|
46
|
-
"@progressive-development/pd-wizard": "^0.
|
|
47
|
-
"
|
|
37
|
+
"@lit/localize": "^0.12.2",
|
|
38
|
+
"@progressive-development/pd-content": "^0.6.2",
|
|
39
|
+
"@progressive-development/pd-dialog": "^0.6.0",
|
|
40
|
+
"@progressive-development/pd-forms": "^0.6.0",
|
|
41
|
+
"@progressive-development/pd-icon": "^0.6.1",
|
|
42
|
+
"@progressive-development/pd-order": "^0.6.0",
|
|
43
|
+
"@progressive-development/pd-page": "^0.6.0",
|
|
44
|
+
"@progressive-development/pd-shared-styles": "^0.2.1",
|
|
45
|
+
"@progressive-development/pd-wizard": "^0.6.0",
|
|
46
|
+
"date-fns": "^2.30.0",
|
|
48
47
|
"firebase": "^10.14.1",
|
|
49
|
-
"
|
|
50
|
-
"lit": "^2.8.0",
|
|
51
|
-
"lit-element-router": "^2.0.3",
|
|
48
|
+
"lit": "^3.3.0",
|
|
52
49
|
"mini-rx-store": "^5.1.0",
|
|
53
50
|
"rxjs": "^7.8.2",
|
|
54
51
|
"ts-action": "^11.0.0",
|
|
55
|
-
"ts-action-operators": "^9.1.2"
|
|
52
|
+
"ts-action-operators": "^9.1.2",
|
|
53
|
+
"universal-router": "^10.0.0"
|
|
56
54
|
},
|
|
57
55
|
"devDependencies": {
|
|
58
56
|
"@chromatic-com/storybook": "^1.9.0",
|
|
59
57
|
"@custom-elements-manifest/analyzer": "^0.4.17",
|
|
60
58
|
"@lit/localize-tools": "^0.6.10",
|
|
61
|
-
"@storybook/addon-essentials": "^8.6.
|
|
62
|
-
"@storybook/addon-links": "^8.6.
|
|
59
|
+
"@storybook/addon-essentials": "^8.6.14",
|
|
60
|
+
"@storybook/addon-links": "^8.6.14",
|
|
63
61
|
"@storybook/blocks": "^8.0.10",
|
|
64
|
-
"@storybook/test": "^8.6.
|
|
62
|
+
"@storybook/test": "^8.6.14",
|
|
65
63
|
"@storybook/web-components": "^8.0.10",
|
|
66
|
-
"@storybook/web-components-vite": "^8.6.
|
|
67
|
-
"@typescript-eslint/eslint-plugin": "^
|
|
68
|
-
"@typescript-eslint/parser": "^
|
|
69
|
-
"
|
|
70
|
-
"eslint": "^
|
|
71
|
-
"eslint-config-prettier": "^8.10.0",
|
|
64
|
+
"@storybook/web-components-vite": "^8.6.14",
|
|
65
|
+
"@typescript-eslint/eslint-plugin": "^8.32.1",
|
|
66
|
+
"@typescript-eslint/parser": "^8.32.1",
|
|
67
|
+
"eslint": "^8.57.1",
|
|
68
|
+
"eslint-config-prettier": "^9.1.0",
|
|
72
69
|
"eslint-plugin-storybook": "^0.8.0",
|
|
73
|
-
"
|
|
74
|
-
"lint-staged": "^10.5.4",
|
|
75
|
-
"prettier": "^2.8.8",
|
|
70
|
+
"prettier": "^3.5.3",
|
|
76
71
|
"rollup-plugin-visualizer": "^5.14.0",
|
|
77
|
-
"storybook": "^8.6.
|
|
78
|
-
"
|
|
79
|
-
"typescript": "^4.9.5",
|
|
72
|
+
"storybook": "^8.6.14",
|
|
73
|
+
"typescript": "^5.8.3",
|
|
80
74
|
"vite": "^5.4.19",
|
|
81
|
-
"vite-plugin-dts": "^4.5.
|
|
75
|
+
"vite-plugin-dts": "^4.5.4",
|
|
82
76
|
"vitest": "^2.1.9"
|
|
83
77
|
},
|
|
84
78
|
"customElements": "custom-elements.json",
|
|
85
|
-
"
|
|
86
|
-
"
|
|
87
|
-
"
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
"plugins": [
|
|
93
|
-
"@typescript-eslint"
|
|
94
|
-
],
|
|
95
|
-
"rules": {
|
|
96
|
-
"no-unused-vars": "off",
|
|
97
|
-
"@typescript-eslint/no-unused-vars": [
|
|
98
|
-
"error",
|
|
99
|
-
{
|
|
100
|
-
"varsIgnorePattern": "^(customElement|property|state|[A-Za-z].*)$"
|
|
101
|
-
}
|
|
102
|
-
],
|
|
103
|
-
"import/no-unresolved": "off",
|
|
104
|
-
"import/extensions": [
|
|
105
|
-
"error",
|
|
106
|
-
"always",
|
|
107
|
-
{
|
|
108
|
-
"ignorePackages": true
|
|
109
|
-
}
|
|
110
|
-
]
|
|
111
|
-
}
|
|
112
|
-
},
|
|
113
|
-
"prettier": {
|
|
114
|
-
"singleQuote": true,
|
|
115
|
-
"arrowParens": "avoid"
|
|
116
|
-
},
|
|
117
|
-
"lint-staged": {
|
|
118
|
-
"*.ts": [
|
|
119
|
-
"eslint --fix",
|
|
120
|
-
"prettier --write"
|
|
121
|
-
]
|
|
122
|
-
}
|
|
79
|
+
"keywords": [
|
|
80
|
+
"pd",
|
|
81
|
+
"progressive",
|
|
82
|
+
"development",
|
|
83
|
+
"content",
|
|
84
|
+
"collapse"
|
|
85
|
+
]
|
|
123
86
|
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export declare const isEmpty: (field?: string) => boolean;
|
|
2
|
-
export declare const isBlank: (field?: string) => boolean;
|
|
3
|
-
export declare const deactivateOfflineWatcher: () => void;
|
|
4
|
-
export declare const activateOfflineWatcher: (firstCall: boolean) => void;
|
|
5
|
-
export declare const isValidNumber: (value: string) => boolean;
|
|
6
|
-
//# sourceMappingURL=helper-utils.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"helper-utils.d.ts","sourceRoot":"","sources":["../../src/helper/helper-utils.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,WAAY,MAAM,KAAE,OAAiC,CAAC;AAE1E,eAAO,MAAM,OAAO,WAAY,MAAM,KAAE,OAA0C,CAAC;AAKnF,eAAO,MAAM,wBAAwB,YAGpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,cAAe,OAAO,SAOxD,CAAC;AAEF,eAAO,MAAM,aAAa,UAAU,MAAM,KAAE,OAU3C,CAAA"}
|
package/dist/node_modules/@progressive-development/pd-shared-styles/src/shared-font-styles.js
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { css } from "lit";
|
|
2
|
-
/**
|
|
3
|
-
* @license
|
|
4
|
-
* Copyright (c) 2021 PD Progressive Development UG. All rights reserved.
|
|
5
|
-
*/
|
|
6
|
-
const PDFontStyles = css`
|
|
7
|
-
|
|
8
|
-
:host {
|
|
9
|
-
/**
|
|
10
|
-
* Set default fonts for all pd-components.
|
|
11
|
-
* Use content, title and input categories for fonts.
|
|
12
|
-
*/
|
|
13
|
-
--pd-default-font-title-family: var(--app-font-title-family);
|
|
14
|
-
--pd-default-font-content-family: var(--app-font-content-family);
|
|
15
|
-
--pd-default-font-input-family: var(--app-font-input-family);
|
|
16
|
-
--pd-default-font-link-family: var(--app-font-link-family);
|
|
17
|
-
|
|
18
|
-
--pd-default-font-title-col: var(--app-font-title-col, #0A3A48);
|
|
19
|
-
--pd-default-font-content-col: var(--app-font-content-col, #353738);
|
|
20
|
-
--pd-default-font-input-col: var(--app-font-input-col, #353738);
|
|
21
|
-
--pd-default-font-link-col: var(--app-font-link-col, #067394);
|
|
22
|
-
--pd-default-font-link-col-hover: var(--app-font-link-col, #451A46);
|
|
23
|
-
|
|
24
|
-
--pd-default-font-link-size: var(--app-font-link-size, 0.9em);
|
|
25
|
-
--pd-default-font-content-size: var(--app-font-content-size, 1em);
|
|
26
|
-
--pd-default-font-input-size: var(--app-font-input-size, 1em);
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
`;
|
|
30
|
-
export {
|
|
31
|
-
PDFontStyles
|
|
32
|
-
};
|
|
@@ -1,231 +0,0 @@
|
|
|
1
|
-
import { css, LitElement, html } from "lit";
|
|
2
|
-
import { property, state, customElement } from "lit/decorators.js";
|
|
3
|
-
import "@progressive-development/pd-icon/pd-icon";
|
|
4
|
-
var __defProp = Object.defineProperty;
|
|
5
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
-
var __decorateClass = (decorators, target, key, kind) => {
|
|
7
|
-
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
|
|
8
|
-
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
9
|
-
if (decorator = decorators[i])
|
|
10
|
-
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
11
|
-
if (kind && result) __defProp(target, key, result);
|
|
12
|
-
return result;
|
|
13
|
-
};
|
|
14
|
-
let PdIconPanelButton = class extends LitElement {
|
|
15
|
-
constructor() {
|
|
16
|
-
super(...arguments);
|
|
17
|
-
this.buttonText = "Ok";
|
|
18
|
-
this.panelButton = false;
|
|
19
|
-
this._panelOpen = false;
|
|
20
|
-
this._closePanel = () => {
|
|
21
|
-
this._panelOpen = false;
|
|
22
|
-
};
|
|
23
|
-
}
|
|
24
|
-
connectedCallback() {
|
|
25
|
-
super.connectedCallback();
|
|
26
|
-
window.addEventListener("close-button-panel-event", this._closePanel);
|
|
27
|
-
}
|
|
28
|
-
disconnectedCallback() {
|
|
29
|
-
window.removeEventListener("close-button-panel-event", this._closePanel);
|
|
30
|
-
super.disconnectedCallback();
|
|
31
|
-
}
|
|
32
|
-
// ${this._daySyncDisabled ? "element-hint" : ""} => for div class
|
|
33
|
-
render() {
|
|
34
|
-
return html`
|
|
35
|
-
<div class="icon-button-style"
|
|
36
|
-
role="button"
|
|
37
|
-
tabindex="0"
|
|
38
|
-
@click="${this._buttonClicked}"
|
|
39
|
-
@keydown="${this._onKeyDown}">
|
|
40
|
-
${this.pdButtonIcon ? html`
|
|
41
|
-
<pd-icon
|
|
42
|
-
class="icon action-icon-color"
|
|
43
|
-
icon="${this.pdButtonIcon}"
|
|
44
|
-
activeIcon
|
|
45
|
-
></pd-icon>
|
|
46
|
-
` : ""}
|
|
47
|
-
<span>${this.buttonText}</span>
|
|
48
|
-
</div>
|
|
49
|
-
|
|
50
|
-
<div class="panel ${this._panelOpen ? "open" : ""}">
|
|
51
|
-
<button class="close-button" @click="${this._togglePanel}">×</button>
|
|
52
|
-
<div class="panel-content">
|
|
53
|
-
<slot></slot>
|
|
54
|
-
</div>
|
|
55
|
-
</div>
|
|
56
|
-
`;
|
|
57
|
-
}
|
|
58
|
-
_onKeyDown(event) {
|
|
59
|
-
if (event.key === "Enter" || event.key === " ") {
|
|
60
|
-
event.preventDefault();
|
|
61
|
-
this._buttonClicked();
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
_buttonClicked() {
|
|
65
|
-
if (this.panelButton) {
|
|
66
|
-
this._togglePanel();
|
|
67
|
-
} else {
|
|
68
|
-
this.dispatchEvent(new CustomEvent("button-clicked", {
|
|
69
|
-
detail: this.value
|
|
70
|
-
}));
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
_togglePanel() {
|
|
74
|
-
this._panelOpen = !this._panelOpen;
|
|
75
|
-
this.dispatchEvent(new CustomEvent("panel-button-toggled", {
|
|
76
|
-
detail: { open: this._panelOpen }
|
|
77
|
-
}));
|
|
78
|
-
}
|
|
79
|
-
};
|
|
80
|
-
PdIconPanelButton.styles = [
|
|
81
|
-
css`
|
|
82
|
-
|
|
83
|
-
:host {
|
|
84
|
-
display: inline-block; /* Verhindert, dass :host die volle Breite bekommt */
|
|
85
|
-
position: relative;
|
|
86
|
-
width: var(--pd-icon-button-width, auto);
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
:host([disabled]) {
|
|
90
|
-
pointer-events: none;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.icon-button-style {
|
|
94
|
-
z-index: 6;
|
|
95
|
-
background: #58a linear-gradient(hsla(0, 0%, 100%, 0.2), transparent);
|
|
96
|
-
background-color: var(--pd-icon-button-bgcol, #0c6fc5);
|
|
97
|
-
padding: 0.3em 0.8em;
|
|
98
|
-
border: 1px solid var(--pd-icon-button-bordercol, rgba(0, 0, 0, 0.5));
|
|
99
|
-
border-radius: var(--pd-icon-button-border-radius, 0.2em);
|
|
100
|
-
transition: background-color 0.3s ease;
|
|
101
|
-
--pd-icon-size: 20px;
|
|
102
|
-
color: var(--pd-icon-button-txtcol, white);
|
|
103
|
-
text-shadow: 0 - 0.05em 0.05em rgba(0, 0, 0, 0.5);
|
|
104
|
-
font-size: var(--pd-icon-button-font-size, 125%);
|
|
105
|
-
line-height: var(--pd-icon-button-line-height, 1.5);
|
|
106
|
-
height: var(--pd-icon-button-height, auto);
|
|
107
|
-
display: flex;
|
|
108
|
-
align-items: center;
|
|
109
|
-
justify-content: center;
|
|
110
|
-
text-align: center;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
:host(:not([disabled])) .icon-button-style:hover {
|
|
114
|
-
background-color: var(--pd-icon-button-bgcol-hover, #fdae03f3);
|
|
115
|
-
cursor: pointer;
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
:host([disabled]) .icon-button-style {
|
|
119
|
-
background: linear-gradient(to bottom, #e0e0e0, #c4c4c4); /* Matte, deaktivierte Optik */
|
|
120
|
-
color: #696868; /* Text weniger dominant */
|
|
121
|
-
border-color: #b0b0b0; /* Weniger Kontrast */
|
|
122
|
-
cursor: not-allowed;
|
|
123
|
-
opacity: 0.6; /* Leichter "inaktiv"-Effekt */
|
|
124
|
-
text-shadow: none; /* Kein 3D-Effekt */
|
|
125
|
-
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
:host(:not([disabled])[primary]) .icon-button-style {
|
|
129
|
-
background-color: var(--pd-icon-button-primary-bgcol, #044176);
|
|
130
|
-
color: var(--pd-icon-button-primary-txtcol, white);
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
:host(:not([disabled])[primary]) .icon-button-style:hover {
|
|
134
|
-
background-color: var(--pd-icon-button-primary-bgcol-hover, #fdae03f3);
|
|
135
|
-
cursor: pointer;
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
.panel {
|
|
139
|
-
position: absolute;
|
|
140
|
-
width: max-content; /* Verhindert volle Breite */
|
|
141
|
-
min-width: 120%; /* Panel wird etwas breiter als der Button */
|
|
142
|
-
max-width: 300px; /* Optional: Maximale Breite */
|
|
143
|
-
transform: scaleY(0);
|
|
144
|
-
background: var(--pd-panel-bg, white);
|
|
145
|
-
border-radius: 5px;
|
|
146
|
-
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
|
|
147
|
-
transition: transform 0.2s ease-out, opacity 0.2s ease-out;
|
|
148
|
-
opacity: 0;
|
|
149
|
-
z-index: 5;
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
.panel.open {
|
|
153
|
-
transform: scaleY(1);
|
|
154
|
-
opacity: 1;
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
.panel-content {
|
|
158
|
-
padding: 1rem;
|
|
159
|
-
min-height: 50px;
|
|
160
|
-
}
|
|
161
|
-
|
|
162
|
-
.close-button {
|
|
163
|
-
position: absolute;
|
|
164
|
-
top: 5px;
|
|
165
|
-
right: 5px;
|
|
166
|
-
background: transparent;
|
|
167
|
-
border: none;
|
|
168
|
-
color: #555;
|
|
169
|
-
font-size: 1.2rem;
|
|
170
|
-
cursor: pointer;
|
|
171
|
-
padding: 5px;
|
|
172
|
-
line-height: 1;
|
|
173
|
-
transition: color 0.2s ease-in-out;
|
|
174
|
-
}
|
|
175
|
-
|
|
176
|
-
.close-button:hover {
|
|
177
|
-
color: black;
|
|
178
|
-
}
|
|
179
|
-
|
|
180
|
-
/* Standard (nach unten öffnend, linksbündig) */
|
|
181
|
-
:host(:not([right]):not([up])) .panel {
|
|
182
|
-
left: 0; /* Panel beginnt exakt unter dem Button */
|
|
183
|
-
top: 100%; /* Panel öffnet sich nach unten */
|
|
184
|
-
transform-origin: top; /* Wächst nach unten */
|
|
185
|
-
}
|
|
186
|
-
|
|
187
|
-
/* Standard (nach unten öffnend, rechtsbündig) */
|
|
188
|
-
:host([right]:not([up])) .panel {
|
|
189
|
-
right: 0; /* Panel beginnt rechtsbündig am Button */
|
|
190
|
-
top: 100%;
|
|
191
|
-
transform-origin: top right;
|
|
192
|
-
}
|
|
193
|
-
|
|
194
|
-
/* 🔼 Panel öffnet sich nach OBEN (links ausgerichtet) */
|
|
195
|
-
:host(:not([right])[up]) .panel {
|
|
196
|
-
left: 0;
|
|
197
|
-
bottom: 100%; /* Panel öffnet sich nach oben */
|
|
198
|
-
transform-origin: bottom;
|
|
199
|
-
}
|
|
200
|
-
|
|
201
|
-
/* 🔼 Panel öffnet sich nach OBEN (rechts ausgerichtet) */
|
|
202
|
-
:host([right][up]) .panel {
|
|
203
|
-
right: 0;
|
|
204
|
-
bottom: 100%; /* Panel öffnet sich nach oben */
|
|
205
|
-
transform-origin: bottom right;
|
|
206
|
-
}
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
`
|
|
210
|
-
];
|
|
211
|
-
__decorateClass([
|
|
212
|
-
property({ type: String })
|
|
213
|
-
], PdIconPanelButton.prototype, "pdButtonIcon", 2);
|
|
214
|
-
__decorateClass([
|
|
215
|
-
property({ type: String })
|
|
216
|
-
], PdIconPanelButton.prototype, "buttonText", 2);
|
|
217
|
-
__decorateClass([
|
|
218
|
-
property({ type: String })
|
|
219
|
-
], PdIconPanelButton.prototype, "value", 2);
|
|
220
|
-
__decorateClass([
|
|
221
|
-
property({ type: Boolean })
|
|
222
|
-
], PdIconPanelButton.prototype, "panelButton", 2);
|
|
223
|
-
__decorateClass([
|
|
224
|
-
state()
|
|
225
|
-
], PdIconPanelButton.prototype, "_panelOpen", 2);
|
|
226
|
-
PdIconPanelButton = __decorateClass([
|
|
227
|
-
customElement("pd-icon-panel-button")
|
|
228
|
-
], PdIconPanelButton);
|
|
229
|
-
export {
|
|
230
|
-
PdIconPanelButton
|
|
231
|
-
};
|
package/dist/pd-panel.d.ts
DELETED
package/dist/pd-tab.d.ts
DELETED
package/dist/pd-tab.js
DELETED
|
@@ -1,146 +0,0 @@
|
|
|
1
|
-
import { css, LitElement, html } from "lit";
|
|
2
|
-
import { property, customElement } from "lit/decorators.js";
|
|
3
|
-
import { PDColorStyles } from "./node_modules/@progressive-development/pd-shared-styles/src/shared-color-styles.js";
|
|
4
|
-
import { PDFontStyles } from "./node_modules/@progressive-development/pd-shared-styles/src/shared-font-styles.js";
|
|
5
|
-
import "@progressive-development/pd-icon/pd-icon";
|
|
6
|
-
var __defProp = Object.defineProperty;
|
|
7
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
8
|
-
var __decorateClass = (decorators, target, key, kind) => {
|
|
9
|
-
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
|
|
10
|
-
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
11
|
-
if (decorator = decorators[i])
|
|
12
|
-
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
13
|
-
if (kind && result) __defProp(target, key, result);
|
|
14
|
-
return result;
|
|
15
|
-
};
|
|
16
|
-
let PdTab = class extends LitElement {
|
|
17
|
-
constructor() {
|
|
18
|
-
super(...arguments);
|
|
19
|
-
this.tabs = [];
|
|
20
|
-
}
|
|
21
|
-
update(changedProperties) {
|
|
22
|
-
if (changedProperties.has("defaultTab") && this.defaultTab) {
|
|
23
|
-
console.log("PdTab: Set active from default selection", this.defaultTab);
|
|
24
|
-
this._activeTab = this.defaultTab;
|
|
25
|
-
}
|
|
26
|
-
super.update(changedProperties);
|
|
27
|
-
}
|
|
28
|
-
render() {
|
|
29
|
-
return html`
|
|
30
|
-
<div class="header-container">
|
|
31
|
-
${this.tabs.map((t) => html`
|
|
32
|
-
<div class="tab-header ${this._activeTab === t.key ? "active-header" : ""} ${t.disabled ? "disabled-header" : ""}"
|
|
33
|
-
data-key="${t.key}"
|
|
34
|
-
@click="${this._tabSelected}">${t.name}</div>
|
|
35
|
-
`)}
|
|
36
|
-
</div>
|
|
37
|
-
${this.tabs.map((t) => html`
|
|
38
|
-
<div id="${`slot${t.key}`}" class="slot-container ${this._activeTab === t.key ? "active-slot" : ""}">
|
|
39
|
-
<slot name="${t.key}"></slot>
|
|
40
|
-
</div>
|
|
41
|
-
`)}
|
|
42
|
-
`;
|
|
43
|
-
}
|
|
44
|
-
reset() {
|
|
45
|
-
this._activeTab = this.defaultTab;
|
|
46
|
-
}
|
|
47
|
-
// eslint-disable-next-line class-methods-use-this
|
|
48
|
-
_tabSelected(e) {
|
|
49
|
-
var _a, _b;
|
|
50
|
-
this._activeTab = (_b = (_a = e.target) == null ? void 0 : _a.dataset) == null ? void 0 : _b.key;
|
|
51
|
-
this.dispatchEvent(
|
|
52
|
-
new CustomEvent("tab-selected", {
|
|
53
|
-
detail: this._activeTab
|
|
54
|
-
})
|
|
55
|
-
);
|
|
56
|
-
}
|
|
57
|
-
};
|
|
58
|
-
PdTab.styles = [
|
|
59
|
-
PDColorStyles,
|
|
60
|
-
PDFontStyles,
|
|
61
|
-
css`
|
|
62
|
-
:host {
|
|
63
|
-
display: block;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
.header-container {
|
|
67
|
-
display: flex;
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
.tab-header {
|
|
71
|
-
padding: var(--pd-tab-header-padding, 0.8em 1.5em);
|
|
72
|
-
background-color: var(--pd-tab-bg-col, var(--pd-default-light-col));
|
|
73
|
-
font-family: var(--pd-default-font-title-family);
|
|
74
|
-
color: var(--pd-tab-text-col, var(--pd-default-font-title-col));
|
|
75
|
-
cursor: pointer;
|
|
76
|
-
border: 2px solid var(--pd-tab-border-col, #ccc); /* Dünner Rahmen */
|
|
77
|
-
border-bottom: none; /* Tabs sollen nahtlos an den Inhalt anschließen */
|
|
78
|
-
border-radius: 8px 8px 0 0; /* Abgerundete obere Ecken */
|
|
79
|
-
display: inline-block; /* Tabs nebeneinander anzeigen */
|
|
80
|
-
margin-right: 5px; /* Abstand zwischen Tabs */
|
|
81
|
-
box-shadow: var(--pd-tab-shadow, 0 2px 4px rgba(0, 0, 0, 0.1)); /* Leichter Schatten für Tiefe */
|
|
82
|
-
transition: background-color 0.3s, box-shadow 0.3s; /* Weiche Übergänge bei Hover */
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
.tab-header:hover {
|
|
86
|
-
background-color: var(--pd-tab-bg-hover-col, var(--pd-default-hover-col));
|
|
87
|
-
box-shadow: var(--pd-tab-shadow-hover, 0 4px 8px rgba(0, 0, 0, 0.2)); /* Schattenintensität bei Hover erhöhen */
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
.tab-header.active-header {
|
|
91
|
-
background-color: var(--pd-tab-bg-active-col, var(--pd-default-col));
|
|
92
|
-
border-bottom: 2px solid var(--pd-tab-border-active-col, var(--pd-default-col));
|
|
93
|
-
color: var(--pd-tab-active-text-col, var(--pd-default-bg-col)); /* Textfarbe für aktiven Tab */
|
|
94
|
-
box-shadow: none; /* Schatten entfernen, wenn Tab aktiv ist */
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
.tab-header.disabled-header {
|
|
98
|
-
background-color: var(--pd-tab-bg-active-col, var(--pd-default-col));
|
|
99
|
-
border-bottom: 2px solid var(--pd-tab-border-active-col, var(--pd-default-col));
|
|
100
|
-
color: var(--pd-tab-active-text-col, var(--pd-default-bg-col)); /* Textfarbe für aktiven Tab */
|
|
101
|
-
box-shadow: none; /* Schatten entfernen, wenn Tab aktiv ist */
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
.tab-header.disabled-header {
|
|
105
|
-
pointer-events: none; /* Deaktiviert die Klickbarkeit */
|
|
106
|
-
background-color: var(--pd-tab-disabled-bg-col, #f0f0f0); /* Hellere Farbe für deaktivierte Tabs */
|
|
107
|
-
color: var(--pd-tab-disabled-text-col, #999); /* Hellere Textfarbe */
|
|
108
|
-
border-color: var(--pd-tab-disabled-border-col, #ddd); /* Angepasste Rahmenfarbe */
|
|
109
|
-
cursor: not-allowed; /* Zeigt an, dass der Tab nicht interaktiv ist */
|
|
110
|
-
opacity: 0.6; /* Reduziert die Sichtbarkeit für einen "deaktivierten" Look */
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
.tab-header:focus {
|
|
114
|
-
outline: none; /* Entfernt den Standardfokusrahmen */
|
|
115
|
-
box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.5); /* Fokusring für Tastaturnavigation */
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
.slot-container {
|
|
119
|
-
display: none;
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
.active-slot {
|
|
123
|
-
padding: var(--pd-tab-content-padding, 1em);
|
|
124
|
-
display: block;
|
|
125
|
-
border: var(--pd-tab-content-border, 1px solid var(--pd-default-col));
|
|
126
|
-
border-top: var(--pd-tab-content-border-top, 3px solid var(--pd-default-col));
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
`
|
|
131
|
-
];
|
|
132
|
-
__decorateClass([
|
|
133
|
-
property({ type: Array })
|
|
134
|
-
], PdTab.prototype, "tabs", 2);
|
|
135
|
-
__decorateClass([
|
|
136
|
-
property({ type: String })
|
|
137
|
-
], PdTab.prototype, "defaultTab", 2);
|
|
138
|
-
__decorateClass([
|
|
139
|
-
property({ type: String, state: true })
|
|
140
|
-
], PdTab.prototype, "_activeTab", 2);
|
|
141
|
-
PdTab = __decorateClass([
|
|
142
|
-
customElement("pd-tab")
|
|
143
|
-
], PdTab);
|
|
144
|
-
export {
|
|
145
|
-
PdTab
|
|
146
|
-
};
|
package/dist/router/AppMain.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
2
|
-
declare const AppMain_base: import('lit-element-router').Constructor<import('lit-element-router').Outlet> & typeof LitElement;
|
|
3
|
-
export declare class AppMain extends AppMain_base {
|
|
4
|
-
render(): import('lit-html').TemplateResult<1>;
|
|
5
|
-
}
|
|
6
|
-
export {};
|
|
7
|
-
//# sourceMappingURL=AppMain.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AppMain.d.ts","sourceRoot":"","sources":["../../src/router/AppMain.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAO,MAAM,KAAK,CAAC;;AAIrC,qBACa,OAAQ,SAAQ,YAAkB;IAC7C,MAAM;CAGP"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { ReactiveControllerHost } from 'lit';
|
|
2
|
-
import { FunctionDefinition, FunctionResult } from './service-provider/service-provider-model.js';
|
|
3
|
-
export interface ServiceControllerInput {
|
|
4
|
-
promise: Promise<FunctionResult>;
|
|
5
|
-
func: FunctionDefinition;
|
|
6
|
-
}
|
|
7
|
-
export declare class ServiceCallController {
|
|
8
|
-
host: ReactiveControllerHost;
|
|
9
|
-
private task;
|
|
10
|
-
private _callDataPromise;
|
|
11
|
-
constructor(host: ReactiveControllerHost);
|
|
12
|
-
set callDataPromise(value: ServiceControllerInput);
|
|
13
|
-
get callDataPromise(): ServiceControllerInput;
|
|
14
|
-
clear(): void;
|
|
15
|
-
render(renderFunctions: any): unknown;
|
|
16
|
-
}
|
|
17
|
-
//# sourceMappingURL=service-call-controller2.d.ts.map
|