@progressive-development/pd-forms 0.7.14-c → 0.7.14
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-button-group.d.ts +0 -1
- package/dist/pd-button-group.d.ts.map +1 -1
- package/dist/pd-button-group.js +1 -6
- package/dist/pd-icon-button-select-group.d.ts +0 -2
- package/dist/pd-icon-button-select-group.d.ts.map +1 -1
- package/dist/pd-icon-button-select-group.js +2 -14
- package/dist/stories/pd-button-group.stories.d.ts +0 -1
- package/dist/stories/pd-button-group.stories.d.ts.map +1 -1
- package/dist/stories/pd-icon-button-select-group.stories.d.ts +0 -1
- package/dist/stories/pd-icon-button-select-group.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 +2 -4
- package/dist/types.d.ts +0 -1
- package/dist/types.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -7,7 +7,6 @@ export declare class PdButtonGroup extends PdBaseUI {
|
|
|
7
7
|
private _selectedButtons;
|
|
8
8
|
static styles: CSSResultGroup;
|
|
9
9
|
willUpdate(changedProps: PropertyValues<this>): void;
|
|
10
|
-
reset(selectedValue: number): void;
|
|
11
10
|
render(): import('lit-html').TemplateResult<1>;
|
|
12
11
|
private onClick;
|
|
13
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,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;
|
|
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;IAiBf,OAAO,CAAC,OAAO;CAYhB"}
|
package/dist/pd-button-group.js
CHANGED
|
@@ -20,14 +20,10 @@ let PdButtonGroup = class extends PdBaseUI {
|
|
|
20
20
|
this._selectedButtons = [];
|
|
21
21
|
}
|
|
22
22
|
willUpdate(changedProps) {
|
|
23
|
-
|
|
24
|
-
if (changedProps.has("initValue") && ((_a = this.initValue) == null ? void 0 : _a.length) > 0 && this._selectedButtons.length === 0) {
|
|
23
|
+
if (changedProps.has("initValue")) {
|
|
25
24
|
this._selectedButtons = [...this.initValue];
|
|
26
25
|
}
|
|
27
26
|
}
|
|
28
|
-
reset(selectedValue) {
|
|
29
|
-
this._selectedButtons = [selectedValue];
|
|
30
|
-
}
|
|
31
27
|
render() {
|
|
32
28
|
return html`
|
|
33
29
|
<div class="button-group">
|
|
@@ -37,7 +33,6 @@ let PdButtonGroup = class extends PdBaseUI {
|
|
|
37
33
|
?selected="${this._selectedButtons.includes(index)}"
|
|
38
34
|
buttonText="${data.text || ""}"
|
|
39
35
|
pdButtonIcon="${data.pdIcon || ""}"
|
|
40
|
-
?disabled="${data.disabled === true}"
|
|
41
36
|
@button-clicked="${() => this.onClick(index)}"
|
|
42
37
|
></pd-icon-panel-button>
|
|
43
38
|
`
|
|
@@ -5,10 +5,8 @@ export declare class PdIconButtonSelectGroup extends PdBaseUI {
|
|
|
5
5
|
options: ButtonData[];
|
|
6
6
|
initValue: number;
|
|
7
7
|
private _selectedValue;
|
|
8
|
-
private _buttonGroupEl;
|
|
9
8
|
static styles: CSSResultGroup;
|
|
10
9
|
willUpdate(changedProps: PropertyValues<this>): void;
|
|
11
|
-
reset(selectedValue: number): void;
|
|
12
10
|
render(): import('lit-html').TemplateResult<1> | "";
|
|
13
11
|
private handleSelectionChange;
|
|
14
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,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,
|
|
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;CAc9B"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { css, html } from "lit";
|
|
2
|
-
import { property, state,
|
|
2
|
+
import { property, state, customElement } from "lit/decorators.js";
|
|
3
3
|
import { PdBaseUI } from "./pd-base-ui.js";
|
|
4
4
|
import "./pd-icon-panel-button.js";
|
|
5
5
|
import "./pd-button-group.js";
|
|
@@ -18,19 +18,12 @@ let PdIconButtonSelectGroup = class extends PdBaseUI {
|
|
|
18
18
|
super(...arguments);
|
|
19
19
|
this.options = [];
|
|
20
20
|
this.initValue = -1;
|
|
21
|
-
this._selectedValue = -1;
|
|
22
21
|
}
|
|
23
22
|
willUpdate(changedProps) {
|
|
24
|
-
if (changedProps.has("initValue") && this.initValue
|
|
23
|
+
if (changedProps.has("initValue") && this.initValue >= 0) {
|
|
25
24
|
this._selectedValue = this.initValue;
|
|
26
25
|
}
|
|
27
26
|
}
|
|
28
|
-
reset(selectedValue) {
|
|
29
|
-
this._selectedValue = selectedValue;
|
|
30
|
-
if (this._buttonGroupEl) {
|
|
31
|
-
this._buttonGroupEl.reset(selectedValue);
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
27
|
render() {
|
|
35
28
|
if (!this.options || this.options.length === 0) {
|
|
36
29
|
return "";
|
|
@@ -44,7 +37,6 @@ let PdIconButtonSelectGroup = class extends PdBaseUI {
|
|
|
44
37
|
.pdButtonIcon=${(selectedData == null ? void 0 : selectedData.pdIcon) ?? ""}
|
|
45
38
|
>
|
|
46
39
|
<pd-button-group
|
|
47
|
-
id="buttonGroupId"
|
|
48
40
|
class="button-group-style"
|
|
49
41
|
.buttonList=${this.options}
|
|
50
42
|
.initValue=${[this._selectedValue]}
|
|
@@ -65,7 +57,6 @@ let PdIconButtonSelectGroup = class extends PdBaseUI {
|
|
|
65
57
|
composed: true
|
|
66
58
|
})
|
|
67
59
|
);
|
|
68
|
-
e.stopPropagation();
|
|
69
60
|
}
|
|
70
61
|
};
|
|
71
62
|
PdIconButtonSelectGroup.styles = [
|
|
@@ -92,9 +83,6 @@ __decorateClass([
|
|
|
92
83
|
__decorateClass([
|
|
93
84
|
state()
|
|
94
85
|
], PdIconButtonSelectGroup.prototype, "_selectedValue", 2);
|
|
95
|
-
__decorateClass([
|
|
96
|
-
query("#buttonGroupId")
|
|
97
|
-
], PdIconButtonSelectGroup.prototype, "_buttonGroupEl", 2);
|
|
98
86
|
PdIconButtonSelectGroup = __decorateClass([
|
|
99
87
|
customElement("pd-icon-button-select-group")
|
|
100
88
|
], PdIconButtonSelectGroup);
|
|
@@ -16,5 +16,4 @@ export declare const EventLogging: Story;
|
|
|
16
16
|
export declare const IconGroup: Story;
|
|
17
17
|
export declare const VerticalIconGroup: Story;
|
|
18
18
|
export declare const ColorCustomizedGroup: Story;
|
|
19
|
-
export declare const WithDisabledButtons: Story;
|
|
20
19
|
//# 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;AAS/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"}
|
|
@@ -16,6 +16,5 @@ 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;
|
|
20
19
|
export declare const InitSelectionSecond: Story;
|
|
21
20
|
//# 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;AAG3C,QAAA,MAAM,IAAI;;;;;;;;;;;;;CAeM,CAAC;AAEjB,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAQtB,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAQjC,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,yBAmKlC,CAAC"}
|
|
@@ -57,14 +57,12 @@ 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,
|
|
60
|
+
--pd-icon-col-active: var(--pd-input-icon-color, #edf7fd);
|
|
61
61
|
top: 2px;
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
.infield-icon:hover {
|
|
65
|
-
|
|
66
|
-
cursor: pointer;
|
|
67
|
-
*/
|
|
65
|
+
cursor: pointer;
|
|
68
66
|
}
|
|
69
67
|
|
|
70
68
|
/*
|
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;CACjB;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