@progressive-development/pd-forms 0.7.14-a → 0.7.14-c

package/dist/pd-button-group.d.ts

@@ -7,6 +7,7 @@ export declare class PdButtonGroup extends PdBaseUI {
     private _selectedButtons;
     static styles: CSSResultGroup;
     willUpdate(changedProps: PropertyValues<this>): void;
+    reset(selectedValue: number): void;
     render(): import('lit-html').TemplateResult<1>;
     private onClick;
 }

package/dist/pd-button-group.d.ts.map

@@ -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;IAMpD,MAAM;IAkBf,OAAO,CAAC,OAAO;CAYhB"}
+{"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"}

package/dist/pd-button-group.js

@@ -20,10 +20,14 @@ let PdButtonGroup = class extends PdBaseUI {
     this._selectedButtons = [];
   }
   willUpdate(changedProps) {
-    if (changedProps.has("initValue")) {
+    var _a;
+    if (changedProps.has("initValue") && ((_a = this.initValue) == null ? void 0 : _a.length) > 0 && this._selectedButtons.length === 0) {
       this._selectedButtons = [...this.initValue];
     }
   }
+  reset(selectedValue) {
+    this._selectedButtons = [selectedValue];
+  }
   render() {
     return html`
       <div class="button-group">

package/dist/pd-icon-button-select-group.d.ts

@@ -5,8 +5,10 @@ export declare class PdIconButtonSelectGroup extends PdBaseUI {
     options: ButtonData[];
     initValue: number;
     private _selectedValue;
+    private _buttonGroupEl;
     static styles: CSSResultGroup;
     willUpdate(changedProps: PropertyValues<this>): void;
+    reset(selectedValue: number): void;
     render(): import('lit-html').TemplateResult<1> | "";
     private handleSelectionChange;
 }

package/dist/pd-icon-button-select-group.d.ts.map

@@ -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,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"}
+{"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,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"}

package/dist/pd-icon-button-select-group.js

@@ -1,5 +1,5 @@
 import { css, html } from "lit";
-import { property, state, customElement } from "lit/decorators.js";
+import { property, state, query, customElement } from "lit/decorators.js";
 import { PdBaseUI } from "./pd-base-ui.js";
 import "./pd-icon-panel-button.js";
 import "./pd-button-group.js";
@@ -18,12 +18,19 @@ let PdIconButtonSelectGroup = class extends PdBaseUI {
     super(...arguments);
     this.options = [];
     this.initValue = -1;
+    this._selectedValue = -1;
   }
   willUpdate(changedProps) {
-    if (changedProps.has("initValue") && this.initValue >= 0) {
+    if (changedProps.has("initValue") && this.initValue > 0 && this._selectedValue === -1) {
       this._selectedValue = this.initValue;
     }
   }
+  reset(selectedValue) {
+    this._selectedValue = selectedValue;
+    if (this._buttonGroupEl) {
+      this._buttonGroupEl.reset(selectedValue);
+    }
+  }
   render() {
     if (!this.options || this.options.length === 0) {
       return "";
@@ -37,6 +44,7 @@ let PdIconButtonSelectGroup = class extends PdBaseUI {
         .pdButtonIcon=${(selectedData == null ? void 0 : selectedData.pdIcon) ?? ""}
       >
         <pd-button-group
+          id="buttonGroupId"
           class="button-group-style"
           .buttonList=${this.options}
           .initValue=${[this._selectedValue]}
@@ -84,6 +92,9 @@ __decorateClass([
 __decorateClass([
   state()
 ], PdIconButtonSelectGroup.prototype, "_selectedValue", 2);
+__decorateClass([
+  query("#buttonGroupId")
+], PdIconButtonSelectGroup.prototype, "_buttonGroupEl", 2);
 PdIconButtonSelectGroup = __decorateClass([
   customElement("pd-icon-button-select-group")
 ], PdIconButtonSelectGroup);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progressive-development/pd-forms",
-  "version": "0.7.14-a",
+  "version": "0.7.14-c",
   "description": "Webcomponent pd-forms for rendering form input elements.",
   "author": "PD Progressive Development",
   "license": "SEE LICENSE IN LICENSE",