@progressive-development/pd-forms 0.7.10-t → 0.7.14-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/pd-base-ui-input.d.ts.map +1 -1
- package/dist/pd-base-ui-input.js +0 -3
- package/dist/pd-button-group.d.ts +2 -2
- package/dist/pd-button-group.d.ts.map +1 -1
- package/dist/pd-button-group.js +6 -10
- package/dist/pd-checkbox.d.ts.map +1 -1
- package/dist/pd-checkbox.js +10 -9
- package/dist/pd-icon-button-select-group.d.ts +2 -1
- package/dist/pd-icon-button-select-group.d.ts.map +1 -1
- package/dist/pd-icon-button-select-group.js +8 -2
- package/dist/pd-icon-panel-button.d.ts +1 -0
- package/dist/pd-icon-panel-button.d.ts.map +1 -1
- package/dist/pd-icon-panel-button.js +70 -26
- package/dist/stories/pd-button-group.stories.d.ts +4 -0
- package/dist/stories/pd-button-group.stories.d.ts.map +1 -1
- package/dist/stories/pd-icon-button-select-group.stories.d.ts +1 -0
- package/dist/stories/pd-icon-button-select-group.stories.d.ts.map +1 -1
- package/dist/stories/pd-icon-button.stories.d.ts +3 -0
- package/dist/stories/pd-icon-button.stories.d.ts.map +1 -1
- package/dist/styles/shared-input-field-styles.d.ts.map +1 -1
- package/dist/styles/shared-input-field-styles.js +4 -6
- package/dist/types.d.ts +1 -0
- package/dist/types.d.ts.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pd-base-ui-input.d.ts","sourceRoot":"","sources":["../src/pd-base-ui-input.ts"],"names":[],"mappings":"AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAO,EAAa,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAIhE,OAAO,0CAA0C,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGxC,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAYzD,OAAO,mBAAmB,CAAC;AAE3B;;;;;GAKG;AACH,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAClC,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAClC,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,eAAO,MAAM,sBAAsB,IAAI,CAAC;AACxC,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,eAAO,MAAM,eAAe,IAAI,CAAC;AACjC,eAAO,MAAM,eAAe,IAAI,CAAC;AAOjC,8BAAsB,aAAc,SAAQ,QAAQ;IAClD;;;OAGG;IAEH;;;OAGG;IAEH;;;OAGG;IAGH,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,WAAW,SAAM;IAGjB,SAAS,SAAM;IAGf,SAAS,SAAM;IAGf,mBAAmB,SAAO;IAG1B,KAAK,SAAM;IAGX,SAAS,EAAE,WAAW,CAAU;IAGhC,SAAS,EAAE,MAAM,CAAM;IAIvB,eAAe,UAAS;IAGxB,sBAAsB,UAAS;IAG/B,SAAS,CAAC,MAAM,UAAS;IAGzB,SAAS,CAAC,QAAQ,UAAS;IAG3B,SAAS,CAAC,MAAM,UAAS;IAGzB,SAAS,CAAC,SAAS,UAAQ;IAG3B,SAAS,CAAC,QAAQ,UAAS;IAG3B,SAAS,CAAC,QAAQ,UAAS;IAG3B,SAAS,CAAC,SAAS,SAAM;IAGzB,SAAS,CAAC,MAAM,SAAM;IAGtB,SAAS,CAAC,UAAU,SAAM;IAE1B,SAAS,CAAC,WAAW,EAAE,iBAAiB,EAAE,CAAM;IAEhD,OAAgB,MAAM,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"pd-base-ui-input.d.ts","sourceRoot":"","sources":["../src/pd-base-ui-input.ts"],"names":[],"mappings":"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"}
|
package/dist/pd-base-ui-input.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CSSResultGroup } from 'lit';
|
|
1
|
+
import { CSSResultGroup, PropertyValues } from 'lit';
|
|
2
2
|
import { PdBaseUI } from './pd-base-ui';
|
|
3
3
|
import { ButtonData } from './types';
|
|
4
4
|
export declare class PdButtonGroup extends PdBaseUI {
|
|
@@ -6,7 +6,7 @@ export declare class PdButtonGroup extends PdBaseUI {
|
|
|
6
6
|
initValue: number[];
|
|
7
7
|
private _selectedButtons;
|
|
8
8
|
static styles: CSSResultGroup;
|
|
9
|
-
willUpdate(changedProps:
|
|
9
|
+
willUpdate(changedProps: PropertyValues<this>): void;
|
|
10
10
|
render(): import('lit-html').TemplateResult<1>;
|
|
11
11
|
private onClick;
|
|
12
12
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pd-button-group.d.ts","sourceRoot":"","sources":["../src/pd-button-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"pd-button-group.d.ts","sourceRoot":"","sources":["../src/pd-button-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,OAAO,2BAA2B,CAAC;AAEnC,qBACa,aAAc,SAAQ,QAAQ;IAEzC,UAAU,EAAE,UAAU,EAAE,CAAM;IAG9B,SAAS,EAAE,MAAM,EAAE,CAAM;IAGzB,OAAO,CAAC,gBAAgB,CAAgB;IAExC,OAAgB,MAAM,EAAE,cAAc,CA0CpC;IAEO,UAAU,CAAC,YAAY,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAMpD,MAAM;IAkBf,OAAO,CAAC,OAAO;CAYhB"}
|
package/dist/pd-button-group.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { css, html } from "lit";
|
|
2
2
|
import { property, state, customElement } from "lit/decorators.js";
|
|
3
3
|
import { PdBaseUI } from "./pd-base-ui.js";
|
|
4
|
+
import "./pd-icon-panel-button.js";
|
|
4
5
|
var __defProp = Object.defineProperty;
|
|
5
6
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
7
|
var __decorateClass = (decorators, target, key, kind) => {
|
|
@@ -32,6 +33,7 @@ let PdButtonGroup = class extends PdBaseUI {
|
|
|
32
33
|
?selected="${this._selectedButtons.includes(index)}"
|
|
33
34
|
buttonText="${data.text || ""}"
|
|
34
35
|
pdButtonIcon="${data.pdIcon || ""}"
|
|
36
|
+
?disabled="${data.disabled === true}"
|
|
35
37
|
@button-clicked="${() => this.onClick(index)}"
|
|
36
38
|
></pd-icon-panel-button>
|
|
37
39
|
`
|
|
@@ -55,10 +57,11 @@ PdButtonGroup.styles = [
|
|
|
55
57
|
PdBaseUI.styles,
|
|
56
58
|
css`
|
|
57
59
|
:host {
|
|
60
|
+
display: inline-block;
|
|
58
61
|
--group-direction: var(--pd-button-group-direction, row);
|
|
59
|
-
--group-border-radius: var(--pd-border-radius, 0.5rem);
|
|
60
62
|
--group-width: var(--pd-button-group-width, auto);
|
|
61
|
-
|
|
63
|
+
/*--pd-icon-button-border-radius: 0;*/
|
|
64
|
+
--group-border-radius: var(--pd-border-radius, 0.5rem);
|
|
62
65
|
}
|
|
63
66
|
|
|
64
67
|
.button-group {
|
|
@@ -67,13 +70,7 @@ PdButtonGroup.styles = [
|
|
|
67
70
|
width: var(--group-width);
|
|
68
71
|
}
|
|
69
72
|
|
|
70
|
-
|
|
71
|
-
flex: 1 1 auto;
|
|
72
|
-
margin: 0;
|
|
73
|
-
border-radius: 0;
|
|
74
|
-
border: none;
|
|
75
|
-
}
|
|
76
|
-
|
|
73
|
+
/* geht noch nicht */
|
|
77
74
|
.button-group pd-icon-panel-button:first-child {
|
|
78
75
|
border-top-left-radius: var(--group-border-radius);
|
|
79
76
|
border-bottom-left-radius: var(--group-border-radius);
|
|
@@ -84,7 +81,6 @@ PdButtonGroup.styles = [
|
|
|
84
81
|
border-bottom-right-radius: var(--group-border-radiusm);
|
|
85
82
|
}
|
|
86
83
|
|
|
87
|
-
/* Optional: für vertikale Ausrichtung spezifisch abrunden */
|
|
88
84
|
:host([vertical]) .button-group pd-icon-panel-button:first-child {
|
|
89
85
|
border-top-left-radius: var(--group-border-radius);
|
|
90
86
|
border-top-right-radius: var(--group-border-radius);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pd-checkbox.d.ts","sourceRoot":"","sources":["../src/pd-checkbox.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AAEH,OAAO,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAIhD,OAAO,0CAA0C,CAAC;AAElD,OAAO,EAAE,aAAa,EAAoB,MAAM,oBAAoB,CAAC;AAGrE,qBACa,UAAW,SAAQ,aAAa;IAE3C,SAAS,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAW;IAElD,OAAgB,MAAM,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"pd-checkbox.d.ts","sourceRoot":"","sources":["../src/pd-checkbox.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AAEH,OAAO,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAIhD,OAAO,0CAA0C,CAAC;AAElD,OAAO,EAAE,aAAa,EAAoB,MAAM,oBAAoB,CAAC;AAGrE,qBACa,UAAW,SAAQ,aAAa;IAE3C,SAAS,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAW;IAElD,OAAgB,MAAM,EAAE,cAAc,CAiMpC;;IAOK,eAAe,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI;IAI/C,MAAM;IAuCf,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,YAAY;IAIpB,SAAS,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM;IAM5C,KAAK,IAAI,IAAI;CAGrB"}
|
package/dist/pd-checkbox.js
CHANGED
|
@@ -85,23 +85,24 @@ PdCheckbox.styles = [
|
|
|
85
85
|
/* active checkbox */
|
|
86
86
|
--pd-icon-bg-col-active: var(
|
|
87
87
|
--pd-cb-bg-col,
|
|
88
|
-
var(--pd-default-
|
|
88
|
+
var(--pd-default-lightest-col)
|
|
89
89
|
);
|
|
90
|
-
--pd-icon-col-active: var(
|
|
91
|
-
|
|
92
|
-
--pd-
|
|
93
|
-
var(--pd-default-col)
|
|
90
|
+
--pd-icon-col-active: var(
|
|
91
|
+
--pd-cb-col,
|
|
92
|
+
var(--pd-default-success-dark-col)
|
|
94
93
|
);
|
|
95
94
|
|
|
96
95
|
/* inactive checkbox */
|
|
97
96
|
--pd-icon-bg-col: var(
|
|
98
97
|
--pd-cb-unset-bg-col,
|
|
99
|
-
var(--pd-default-
|
|
98
|
+
var(--pd-default-lightest-col)
|
|
100
99
|
);
|
|
101
|
-
--pd-icon-col: var(--pd-cb-col, var(--pd-default-
|
|
102
|
-
--pd-icon-stroke-col: var(--pd-cb-stroke-col, var(--pd-default-col));
|
|
100
|
+
--pd-icon-col: var(--pd-cb-col, var(--pd-default-error-dark-col));
|
|
103
101
|
|
|
104
|
-
--pd-icon-bg-col-hover: var(
|
|
102
|
+
--pd-icon-bg-col-hover: var(
|
|
103
|
+
--pd-cb-bg-col,
|
|
104
|
+
var(--pd-default-light-col)
|
|
105
|
+
);
|
|
105
106
|
}
|
|
106
107
|
|
|
107
108
|
:host([checkType="SWITCH"]) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CSSResultGroup } from 'lit';
|
|
1
|
+
import { CSSResultGroup, PropertyValues } from 'lit';
|
|
2
2
|
import { PdBaseUI } from './pd-base-ui';
|
|
3
3
|
import { ButtonData } from './types.js';
|
|
4
4
|
export declare class PdIconButtonSelectGroup extends PdBaseUI {
|
|
@@ -6,6 +6,7 @@ export declare class PdIconButtonSelectGroup extends PdBaseUI {
|
|
|
6
6
|
initValue: number;
|
|
7
7
|
private _selectedValue;
|
|
8
8
|
static styles: CSSResultGroup;
|
|
9
|
+
willUpdate(changedProps: PropertyValues<this>): void;
|
|
9
10
|
render(): import('lit-html').TemplateResult<1> | "";
|
|
10
11
|
private handleSelectionChange;
|
|
11
12
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pd-icon-button-select-group.d.ts","sourceRoot":"","sources":["../src/pd-icon-button-select-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"pd-icon-button-select-group.d.ts","sourceRoot":"","sources":["../src/pd-icon-button-select-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAEhE,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,OAAO,wBAAwB,CAAC;AAChC,OAAO,mBAAmB,CAAC;AAE3B,qBACa,uBAAwB,SAAQ,QAAQ;IAEnD,OAAO,EAAE,UAAU,EAAE,CAAM;IAG3B,SAAS,EAAE,MAAM,CAAM;IAGvB,OAAO,CAAC,cAAc,CAAU;IAEhC,OAAgB,MAAM,EAAE,cAAc,CAcpC;IAEO,UAAU,CAAC,YAAY,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAMpD,MAAM;IAuBf,OAAO,CAAC,qBAAqB;CAe9B"}
|
|
@@ -18,7 +18,11 @@ let PdIconButtonSelectGroup = class extends PdBaseUI {
|
|
|
18
18
|
super(...arguments);
|
|
19
19
|
this.options = [];
|
|
20
20
|
this.initValue = -1;
|
|
21
|
-
|
|
21
|
+
}
|
|
22
|
+
willUpdate(changedProps) {
|
|
23
|
+
if (changedProps.has("initValue") && this.initValue >= 0) {
|
|
24
|
+
this._selectedValue = this.initValue;
|
|
25
|
+
}
|
|
22
26
|
}
|
|
23
27
|
render() {
|
|
24
28
|
if (!this.options || this.options.length === 0) {
|
|
@@ -53,19 +57,21 @@ let PdIconButtonSelectGroup = class extends PdBaseUI {
|
|
|
53
57
|
composed: true
|
|
54
58
|
})
|
|
55
59
|
);
|
|
60
|
+
e.stopPropagation();
|
|
56
61
|
}
|
|
57
62
|
};
|
|
58
63
|
PdIconButtonSelectGroup.styles = [
|
|
59
64
|
PdBaseUI.styles,
|
|
60
65
|
css`
|
|
61
66
|
:host {
|
|
62
|
-
display: block;
|
|
67
|
+
display: inline-block;
|
|
63
68
|
position: relative;
|
|
64
69
|
--pd-icon-panel-button-panel-padding: 0px;
|
|
65
70
|
}
|
|
66
71
|
|
|
67
72
|
.button-group-style {
|
|
68
73
|
--pd-button-group-direction: column;
|
|
74
|
+
--pd-icon-button-width: 100%;
|
|
69
75
|
}
|
|
70
76
|
`
|
|
71
77
|
];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pd-icon-panel-button.d.ts","sourceRoot":"","sources":["../src/pd-icon-panel-button.ts"],"names":[],"mappings":"AACA;;;GAGG;AAEH,OAAO,EAAE,cAAc,EAAa,MAAM,KAAK,CAAC;AAGhD,OAAO,0CAA0C,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAOxC,qBACa,iBAAkB,SAAQ,QAAQ;IAE7C,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,UAAU,EAAE,MAAM,CAAQ;IAG1B,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,WAAW,EAAE,OAAO,CAAS;IAG7B,OAAO,EAAE,OAAO,CAAS;IAGzB,QAAQ,EAAE,OAAO,CAAS;IAG1B,kBAAkB,EAAE,MAAM,CAAM;IAGhC,SAAS,EAAE,OAAO,CAAS;IAI3B,OAAO,CAAC,cAAc,CAAkB;IAGxC,OAAO,CAAC,UAAU,CAAkB;IAEpC,OAAgB,MAAM,EAAE,cAAc,
|
|
1
|
+
{"version":3,"file":"pd-icon-panel-button.d.ts","sourceRoot":"","sources":["../src/pd-icon-panel-button.ts"],"names":[],"mappings":"AACA;;;GAGG;AAEH,OAAO,EAAE,cAAc,EAAa,MAAM,KAAK,CAAC;AAGhD,OAAO,0CAA0C,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAOxC,qBACa,iBAAkB,SAAQ,QAAQ;IAE7C,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,UAAU,EAAE,MAAM,CAAQ;IAG1B,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,WAAW,EAAE,OAAO,CAAS;IAG7B,OAAO,EAAE,OAAO,CAAS;IAGzB,QAAQ,EAAE,OAAO,CAAS;IAG1B,OAAO,EAAE,OAAO,CAAS;IAGzB,kBAAkB,EAAE,MAAM,CAAM;IAGhC,SAAS,EAAE,OAAO,CAAS;IAI3B,OAAO,CAAC,cAAc,CAAkB;IAGxC,OAAO,CAAC,UAAU,CAAkB;IAEpC,OAAgB,MAAM,EAAE,cAAc,CAwOpC;IAEF,iBAAiB;IAKjB,oBAAoB;IAKpB,OAAO,CAAC,WAAW,CAEjB;IAGF,MAAM;IA8CN,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,cAAc;IAsBtB,OAAO,CAAC,YAAY;CAQrB"}
|
|
@@ -21,6 +21,7 @@ let PdIconPanelButton = class extends PdBaseUI {
|
|
|
21
21
|
this.panelButton = false;
|
|
22
22
|
this.loading = false;
|
|
23
23
|
this.selected = false;
|
|
24
|
+
this.primary = false;
|
|
24
25
|
this.disableOnClickTime = -1;
|
|
25
26
|
this.hideClose = false;
|
|
26
27
|
this._timerDisabled = false;
|
|
@@ -49,12 +50,11 @@ let PdIconPanelButton = class extends PdBaseUI {
|
|
|
49
50
|
>
|
|
50
51
|
${this.loading ? html`<div class="loader"></div>` : this.pdButtonIcon ? html`
|
|
51
52
|
<pd-icon
|
|
52
|
-
class="icon action-icon-color"
|
|
53
|
+
class="button-icon action-icon-color"
|
|
53
54
|
icon="${this.pdButtonIcon}"
|
|
54
|
-
activeIcon
|
|
55
55
|
></pd-icon>
|
|
56
56
|
` : ""}
|
|
57
|
-
|
|
57
|
+
${this.buttonText ? html`<span class="button-text">${this.buttonText}</span>` : ""}
|
|
58
58
|
${this.panelButton ? html` <pd-icon
|
|
59
59
|
icon=${pdIcons.ICON_TOOGLE_ARROW}
|
|
60
60
|
?activeIcon=${!this._panelOpen}
|
|
@@ -115,8 +115,6 @@ PdIconPanelButton.styles = [
|
|
|
115
115
|
:host {
|
|
116
116
|
display: inline-block; /* Verhindert, dass :host die volle Breite bekommt */
|
|
117
117
|
position: relative;
|
|
118
|
-
width: var(--pd-icon-button-width, auto);
|
|
119
|
-
font-family: var(--pd-default-font-title-family);
|
|
120
118
|
}
|
|
121
119
|
|
|
122
120
|
:host([disabled]),
|
|
@@ -125,27 +123,49 @@ PdIconPanelButton.styles = [
|
|
|
125
123
|
}
|
|
126
124
|
|
|
127
125
|
.icon-button-style {
|
|
126
|
+
--pd-icon-size: var(--pd-icon-button-size, 32px);
|
|
127
|
+
width: var(--pd-icon-button-width, auto);
|
|
128
|
+
|
|
128
129
|
z-index: 6;
|
|
130
|
+
|
|
131
|
+
display: inline-flex;
|
|
132
|
+
align-items: center;
|
|
133
|
+
justify-content: center;
|
|
134
|
+
gap: 0.5rem;
|
|
135
|
+
|
|
136
|
+
height: var(--pd-icon-button-height, 3em);
|
|
137
|
+
line-height: var(--pd-icon-button-line-height, 1);
|
|
138
|
+
padding: var(--pd-icon-button-padding, 0 1rem);
|
|
139
|
+
|
|
129
140
|
background: var(
|
|
130
141
|
--pd-icon-button-bg,
|
|
131
142
|
#58a linear-gradient(hsla(0, 0%, 100%, 0.2), transparent)
|
|
132
143
|
);
|
|
133
144
|
background-color: var(--pd-icon-button-bgcol, var(--pd-default-col));
|
|
134
|
-
padding: 0.3em 0.8em;
|
|
135
145
|
border: 1px solid
|
|
136
146
|
var(--pd-icon-button-bordercol, var(--pd-default-dark-col));
|
|
137
147
|
border-radius: var(--pd-icon-button-border-radius, 0.2em);
|
|
138
148
|
transition: background-color 0.3s ease;
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
text-shadow: 0 -0.05em 0.05em rgba(0, 0, 0, 0.5);
|
|
142
|
-
font-size: var(--pd-icon-button-font-size, 125%);
|
|
143
|
-
line-height: var(--pd-icon-button-line-height, 1.5);
|
|
144
|
-
height: var(--pd-icon-button-height, auto);
|
|
145
|
-
display: flex;
|
|
146
|
-
align-items: center;
|
|
147
|
-
justify-content: center;
|
|
149
|
+
|
|
150
|
+
vertical-align: middle;
|
|
148
151
|
text-align: center;
|
|
152
|
+
|
|
153
|
+
color: var(--pd-icon-button-txtcol, var(--pd-secondary-light-col));
|
|
154
|
+
--pd-icon-col: var(
|
|
155
|
+
--pd-icon-button-txtcol,
|
|
156
|
+
var(--pd-secondary-light-col)
|
|
157
|
+
);
|
|
158
|
+
--pd-icon-col-active: var(
|
|
159
|
+
--pd-icon-button-txtcol,
|
|
160
|
+
var(--pd-secondary-light-col)
|
|
161
|
+
);
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
.button-text {
|
|
165
|
+
text-shadow: 0 -0.05em 0.05em rgba(0, 0, 0, 0.5);
|
|
166
|
+
font-size: var(--pd-icon-button-font-size, 1.5rem);
|
|
167
|
+
font-weight: bold;
|
|
168
|
+
font-family: var(--pd-default-font-title-family);
|
|
149
169
|
}
|
|
150
170
|
|
|
151
171
|
:host(:not([disabled]):not([_timerDisabled])) .icon-button-style:hover {
|
|
@@ -164,6 +184,8 @@ PdIconPanelButton.styles = [
|
|
|
164
184
|
#c4c4c4
|
|
165
185
|
); /* Matte, deaktivierte Optik */
|
|
166
186
|
color: var(--pd-default-disabled-dark-col);
|
|
187
|
+
--pd-icon-col: var(--pd-default-disabled-dark-col);
|
|
188
|
+
--pd-icon-col-active: var(--pd-default-disabled-dark-col);
|
|
167
189
|
border-color: var(--pd-default-disabled-col);
|
|
168
190
|
cursor: not-allowed;
|
|
169
191
|
opacity: 0.6; /* Leichter "inaktiv"-Effekt */
|
|
@@ -176,23 +198,35 @@ PdIconPanelButton.styles = [
|
|
|
176
198
|
--pd-icon-button-primary-bgcol,
|
|
177
199
|
var(--pd-secondary-col)
|
|
178
200
|
);
|
|
179
|
-
color: var(
|
|
201
|
+
color: var(--pd-icon-button-primary-txtcol, var(--pd-default-dark-col));
|
|
202
|
+
--pd-icon-col: var(
|
|
203
|
+
--pd-icon-button-primary-txtcol,
|
|
204
|
+
var(--pd-default-dark-col)
|
|
205
|
+
);
|
|
206
|
+
--pd-icon-col-active: var(
|
|
180
207
|
--pd-icon-button-primary-txtcol,
|
|
181
|
-
var(--pd-default-
|
|
208
|
+
var(--pd-default-dark-col)
|
|
182
209
|
);
|
|
183
210
|
}
|
|
184
211
|
|
|
185
212
|
:host(:not([disabled]):not([_timerDisabled])[primary])
|
|
186
213
|
.icon-button-style:hover {
|
|
187
|
-
background-color: var(--pd-
|
|
214
|
+
background-color: var(--pd-default-hover-col);
|
|
188
215
|
cursor: pointer;
|
|
189
216
|
}
|
|
190
217
|
|
|
191
218
|
.panel {
|
|
192
219
|
position: absolute;
|
|
193
|
-
|
|
194
|
-
min-width:
|
|
195
|
-
|
|
220
|
+
|
|
221
|
+
min-width: var(
|
|
222
|
+
--pd-icon-button-panel-min-width,
|
|
223
|
+
100%
|
|
224
|
+
); /* Panel wird so breit wie der Button */
|
|
225
|
+
max-width: var(
|
|
226
|
+
--pd-icon-button-panel-max-width,
|
|
227
|
+
300px
|
|
228
|
+
); /* Optional: Maximale Breite */
|
|
229
|
+
|
|
196
230
|
transform: scaleY(0);
|
|
197
231
|
background: var(
|
|
198
232
|
--pd-icon-button-panel-bg-col,
|
|
@@ -271,18 +305,25 @@ PdIconPanelButton.styles = [
|
|
|
271
305
|
height: 12px;
|
|
272
306
|
animation: spin 2s linear infinite;
|
|
273
307
|
|
|
274
|
-
margin-right:
|
|
308
|
+
margin-right: 0.5rem;
|
|
275
309
|
}
|
|
276
310
|
|
|
277
311
|
:host([selected]:not([disabled]):not([_timerDisabled]))
|
|
278
312
|
.icon-button-style {
|
|
279
313
|
background-color: var(
|
|
280
|
-
--pd-icon-button-bgcol
|
|
281
|
-
var(--pd-secondary-col)
|
|
314
|
+
--pd-icon-button-selected-bgcol,
|
|
315
|
+
var(--pd-secondary-light-col)
|
|
316
|
+
);
|
|
317
|
+
color: var(--pd-icon-button-selected-txtcol, var(--pd-default-col));
|
|
318
|
+
--pd-icon-col: var(
|
|
319
|
+
--pd-icon-button-selected-txtcol,
|
|
320
|
+
var(--pd-default-col)
|
|
282
321
|
);
|
|
283
|
-
box-shadow:
|
|
322
|
+
box-shadow: var(
|
|
323
|
+
--pd-icon-button-selected-shadow,
|
|
284
324
|
inset 0 2px 6px rgba(0, 0, 0, 0.4),
|
|
285
|
-
0 0 0 2px rgba(0, 0, 0, 0.1)
|
|
325
|
+
0 0 0 2px rgba(0, 0, 0, 0.1)
|
|
326
|
+
);
|
|
286
327
|
text-shadow: none;
|
|
287
328
|
}
|
|
288
329
|
|
|
@@ -318,6 +359,9 @@ __decorateClass([
|
|
|
318
359
|
__decorateClass([
|
|
319
360
|
property({ type: Boolean, reflect: true })
|
|
320
361
|
], PdIconPanelButton.prototype, "selected", 2);
|
|
362
|
+
__decorateClass([
|
|
363
|
+
property({ type: Boolean, reflect: true })
|
|
364
|
+
], PdIconPanelButton.prototype, "primary", 2);
|
|
321
365
|
__decorateClass([
|
|
322
366
|
property({ type: Number })
|
|
323
367
|
], PdIconPanelButton.prototype, "disableOnClickTime", 2);
|
|
@@ -9,8 +9,12 @@ type Story = StoryObj;
|
|
|
9
9
|
export declare const DefaultHorizontal: Story;
|
|
10
10
|
export declare const WithInitialSelection: Story;
|
|
11
11
|
export declare const VerticalGroup: Story;
|
|
12
|
+
export declare const VerticalGroupSized: Story;
|
|
13
|
+
export declare const HorizontalGroupSized: Story;
|
|
12
14
|
export declare const NoInitialSelection: Story;
|
|
13
15
|
export declare const EventLogging: Story;
|
|
14
16
|
export declare const IconGroup: Story;
|
|
15
17
|
export declare const VerticalIconGroup: Story;
|
|
18
|
+
export declare const ColorCustomizedGroup: Story;
|
|
19
|
+
export declare const WithDisabledButtons: Story;
|
|
16
20
|
//# sourceMappingURL=pd-button-group.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pd-button-group.stories.d.ts","sourceRoot":"","sources":["../../src/stories/pd-button-group.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"pd-button-group.stories.d.ts","sourceRoot":"","sources":["../../src/stories/pd-button-group.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,uBAAuB,CAAC;AAgB/B,QAAA,MAAM,IAAI;;;;CAIM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,iBAAiB,EAAE,KAI/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAOlC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAOlC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAIhC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAS1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAWvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAY/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAmBlC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAIjC,CAAC"}
|
|
@@ -16,5 +16,6 @@ declare const meta: {
|
|
|
16
16
|
export default meta;
|
|
17
17
|
type Story = StoryObj;
|
|
18
18
|
export declare const Default: Story;
|
|
19
|
+
export declare const WithDisabledButtons: Story;
|
|
19
20
|
export declare const InitSelectionSecond: Story;
|
|
20
21
|
//# sourceMappingURL=pd-icon-button-select-group.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pd-icon-button-select-group.stories.d.ts","sourceRoot":"","sources":["../../src/stories/pd-icon-button-select-group.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,mCAAmC,CAAC;
|
|
1
|
+
{"version":3,"file":"pd-icon-button-select-group.stories.d.ts","sourceRoot":"","sources":["../../src/stories/pd-icon-button-select-group.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,mCAAmC,CAAC;AAI3C,QAAA,MAAM,IAAI;;;;;;;;;;;;;CAeM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AActB,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAQjC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAQjC,CAAC"}
|
|
@@ -23,6 +23,7 @@ export declare const DefaulIcontButtonDisabled: Story;
|
|
|
23
23
|
export declare const DefaulIcontButtonTimerDisabled: Story;
|
|
24
24
|
export declare const DefaulIcontButtonLoading: Story;
|
|
25
25
|
export declare const DefaulIcontButtonPrimary: Story;
|
|
26
|
+
export declare const DefaulIcontButtonPrimaryWithPanel: Story;
|
|
26
27
|
export declare const DefaulIcontButtonPrimaryDisabled: Story;
|
|
27
28
|
export declare const DefaulTextIcontButton: Story;
|
|
28
29
|
export declare const PanelButton: Story;
|
|
@@ -31,4 +32,6 @@ export declare const PanelButtonWithContentRight: Story;
|
|
|
31
32
|
export declare const PanelButtonWithContentUp: Story;
|
|
32
33
|
export declare const PanelButtonWithContentRightUp: Story;
|
|
33
34
|
export declare const ButtonSelected: Story;
|
|
35
|
+
export declare const ButtonSelectedWithIcon: Story;
|
|
36
|
+
export declare const ButtonTransparent: Story;
|
|
34
37
|
//# sourceMappingURL=pd-icon-button.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pd-icon-button.stories.d.ts","sourceRoot":"","sources":["../../src/stories/pd-icon-button.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"pd-icon-button.stories.d.ts","sourceRoot":"","sources":["../../src/stories/pd-icon-button.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,4BAA4B,CAAC;AAIpC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;CAuBM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAGtB,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KAO/B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAQvC,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,KAQ5C,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAQtC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAQtC,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,KAQ/C,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,KAS9C,CAAC;AAGF,eAAO,MAAM,qBAAqB,EAAE,KAMnC,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAGF,eAAO,MAAM,sBAAsB,EAAE,KAgBpC,CAAC;AAGF,eAAO,MAAM,2BAA2B,EAAE,KAiBzC,CAAC;AAGF,eAAO,MAAM,wBAAwB,EAAE,KAiBtC,CAAC;AAGF,eAAO,MAAM,6BAA6B,EAAE,KAkB3C,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAuB5B,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAwBpC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAgH/B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shared-input-field-styles.d.ts","sourceRoot":"","sources":["../../src/styles/shared-input-field-styles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH;;GAEG;AACH,eAAO,MAAM,sBAAsB,
|
|
1
|
+
{"version":3,"file":"shared-input-field-styles.d.ts","sourceRoot":"","sources":["../../src/styles/shared-input-field-styles.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH;;GAEG;AACH,eAAO,MAAM,sBAAsB,yBAqKlC,CAAC"}
|
|
@@ -57,16 +57,14 @@ const SharedInputFieldStyles = css`
|
|
|
57
57
|
--pd-input-icon-size,
|
|
58
58
|
calc(var(--pd-input-field-height, 2rem) * 0.9)
|
|
59
59
|
);
|
|
60
|
-
--pd-icon-col-active: var(--pd-input-icon-color,
|
|
61
|
-
--pd-icon-stroke-col-active: var(
|
|
62
|
-
--pd-input-icon-stroke-color,
|
|
63
|
-
var(--pd-default-color)
|
|
64
|
-
);
|
|
60
|
+
--pd-icon-col-active: var(--pd-input-icon-color, var(--pd-default-col));
|
|
65
61
|
top: 2px;
|
|
66
62
|
}
|
|
67
63
|
|
|
68
64
|
.infield-icon:hover {
|
|
69
|
-
|
|
65
|
+
/* Soll nur da sein, wenn es auch eine action zu dem icon gibt
|
|
66
|
+
cursor: pointer;
|
|
67
|
+
*/
|
|
70
68
|
}
|
|
71
69
|
|
|
72
70
|
/*
|
package/dist/types.d.ts
CHANGED
package/dist/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,OAAO,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,MAAM,iBAAiB,GAAG,CAC9B,KAAK,EAAE,GAAG,KACP,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;AAE5C,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,CAAC;AAEvE,eAAO,MAAM,KAAK,UAAU,CAAC;AAE7B,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,OAAO,EAAE,WAAW,CAAC;CACtB;AAED,MAAM,MAAM,iBAAiB,GAAG,CAC9B,KAAK,EAAE,GAAG,KACP,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;AAE5C,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,CAAC;AAEvE,eAAO,MAAM,KAAK,UAAU,CAAC;AAE7B,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,MAAM,cAAc,GACtB,IAAI,GACJ,KAAK,GACL,MAAM,GACN,kBAAkB,GAClB,YAAY,GACZ,iBAAiB,GACjB,aAAa,GACb,kBAAkB,GAClB,UAAU,GACV,UAAU,GACV,cAAc,GACd,kBAAkB,GAClB,OAAO,GACP,oBAAoB,GACpB,cAAc,GACd,gBAAgB,GAChB,eAAe,GACf,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,SAAS,GACT,cAAc,GACd,aAAa,GACb,KAAK,GACL,kBAAkB,GAClB,cAAc,GACd,eAAe,GACf,WAAW,GACX,MAAM,GACN,UAAU,GACV,YAAY,GACZ,WAAW,GACX,KAAK,GACL,KAAK,GACL,OAAO,GACP,SAAS,GACT,eAAe,GACf,oBAAoB,GACpB,gBAAgB,GAChB,WAAW,GACX,QAAQ,GACR,cAAc,GACd,aAAa,GACb,QAAQ,GACR,SAAS,GACT,sBAAsB,GACtB,oBAAoB,GACpB,UAAU,GACV,eAAe,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progressive-development/pd-forms",
|
|
3
|
-
"version": "0.7.
|
|
3
|
+
"version": "0.7.14-a",
|
|
4
4
|
"description": "Webcomponent pd-forms for rendering form input elements.",
|
|
5
5
|
"author": "PD Progressive Development",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE",
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
"dependencies": {
|
|
55
55
|
"@lit-labs/motion": "^1.0.8",
|
|
56
56
|
"@lit/localize": "^0.12.2",
|
|
57
|
-
"@progressive-development/pd-icon": "^0.7.
|
|
57
|
+
"@progressive-development/pd-icon": "^0.7.6",
|
|
58
58
|
"@progressive-development/pd-shared-styles": "^0.2.5",
|
|
59
59
|
"lit": "^3.3.0"
|
|
60
60
|
},
|