@progressive-development/pd-forms 0.7.14-d → 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.
@@ -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;IAWtD,KAAK,CAAC,aAAa,EAAE,MAAM;IAIzB,MAAM;IAkBf,OAAO,CAAC,OAAO;CAYhB"}
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"}
@@ -20,14 +20,10 @@ let PdButtonGroup = class extends PdBaseUI {
20
20
  this._selectedButtons = [];
21
21
  }
22
22
  willUpdate(changedProps) {
23
- var _a;
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
  `
@@ -1,14 +1,12 @@
1
1
  import { CSSResultGroup, PropertyValues } from 'lit';
2
- import { PdBaseUI } from './pd-base-ui.js';
2
+ import { PdBaseUI } from './pd-base-ui';
3
3
  import { ButtonData } from './types.js';
4
4
  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;AAGhE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,OAAO,2BAA2B,CAAC;AACnC,OAAO,sBAAsB,CAAC;AAE9B,qBACa,uBAAwB,SAAQ,QAAQ;IAEnD,OAAO,EAAE,UAAU,EAAE,CAAM;IAG3B,SAAS,EAAE,MAAM,CAAM;IAGvB,OAAO,CAAC,cAAc,CAAc;IAGpC,OAAO,CAAC,cAAc,CAAM;IAE5B,OAAgB,MAAM,EAAE,cAAc,CAcpC;IAEO,UAAU,CAAC,YAAY,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAWtD,KAAK,CAAC,aAAa,EAAE,MAAM;IAOzB,MAAM;IAwBf,OAAO,CAAC,qBAAqB;CAe9B"}
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, query, customElement } from "lit/decorators.js";
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 > 0 && this._selectedValue === -1) {
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);
@@ -131,7 +131,7 @@ PdIconPanelButton.styles = [
131
131
  display: inline-flex;
132
132
  align-items: center;
133
133
  justify-content: center;
134
- gap: var(--pd-icon-button-gap, 0.5rem);
134
+ gap: 0.5rem;
135
135
 
136
136
  height: var(--pd-icon-button-height, 3em);
137
137
  line-height: var(--pd-icon-button-line-height, 1);
@@ -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;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"}
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;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"}
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,yBAqKlC,CAAC"}
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, var(--pd-default-col));
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
- /* Soll nur da sein, wenn es auch eine action zu dem icon gibt
66
- cursor: pointer;
67
- */
65
+ cursor: pointer;
68
66
  }
69
67
 
70
68
  /*
package/dist/types.d.ts CHANGED
@@ -20,7 +20,6 @@ export declare const UNDEF = "UNDEF";
20
20
  export interface ButtonData {
21
21
  text?: string;
22
22
  pdIcon?: string;
23
- disabled?: boolean;
24
23
  }
25
24
  /**
26
25
  * MDN-konforme Autocomplete-Werte.
@@ -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;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"}
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progressive-development/pd-forms",
3
- "version": "0.7.14-d",
3
+ "version": "0.7.14",
4
4
  "description": "Webcomponent pd-forms for rendering form input elements.",
5
5
  "author": "PD Progressive Development",
6
6
  "license": "SEE LICENSE IN LICENSE",