@breadstone/mosaik-elements-foundation 0.0.278 → 0.0.286

package/Controls/Behaviors/Clearable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Clearable.d.ts","sourceRoot":"","sources":["../../../src/Controls/Behaviors/Clearable.ts"],"names":[],"mappings":"AAIA,OAAO,EAA2B,YAAY,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAGnG,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAE3E,OAAO,KAAK,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AACvF,OAAO,EAAe,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAa,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAI9D;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAI7B,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;CAIxC;AAED;;;;GAIG;AACH,MAAM,WAAW,eAAgB,SAAQ,eAAe,EAAE,iBAAiB;IAIvE;;;;OAIG;IACH,WAAW,EAAE,OAAO,CAAC;CAIxB;AAED;;;;GAIG;AACH,MAAM,WAAW,UAAU;IAIvB;;;;;;OAMG;IACH,KAAK,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CAInC;AAED;;GAEG;AACH,yBAAiB,eAAe,CAAC;IACtB,MAAM,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,eAAe,GAAG,MAAM,iBAAiB,CAE3F,CAAC;CACL;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,mBAAmB,CAAC,aAAa,GAAG,eAAe,GAAG,iBAAiB,CAAC,EAAE,MAAM,CAAC,KAAG,qBAAqB,CAAC,CAAC,EAAE,eAAe,GAAG,gBAAgB,GAAG,UAAU,CA+F/L,CAAC"}
+{"version":3,"file":"Clearable.d.ts","sourceRoot":"","sources":["../../../src/Controls/Behaviors/Clearable.ts"],"names":[],"mappings":"AAIA,OAAO,EAA2B,YAAY,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAGnG,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAE3E,OAAO,KAAK,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AACvF,OAAO,EAAe,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAAa,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAI9D;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAI7B,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;CAIxC;AAED;;;;GAIG;AACH,MAAM,WAAW,eAAgB,SAAQ,eAAe,EAAE,iBAAiB;IAIvE;;;;OAIG;IACH,WAAW,EAAE,OAAO,CAAC;CAIxB;AAED;;;;GAIG;AACH,MAAM,WAAW,UAAU;IAIvB;;;;;;OAMG;IACH,KAAK,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CAInC;AAED;;GAEG;AACH,yBAAiB,eAAe,CAAC;IACtB,MAAM,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,eAAe,GAAG,MAAM,iBAAiB,CAE3F,CAAC;CACL;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,mBAAmB,CAAC,aAAa,GAAG,eAAe,GAAG,iBAAiB,CAAC,EAAE,MAAM,CAAC,KAAG,qBAAqB,CAAC,CAAC,EAAE,eAAe,GAAG,gBAAgB,GAAG,UAAU,CAkG/L,CAAC"}

package/Controls/Behaviors/Clearable.js

@@ -85,9 +85,12 @@ export const Clearable = (base) => {
          *          If the component is disabled and the `force` parameter is not `true`, the method will return `false`.
          */
         clear(force) {
-            if (!this._isClearable) {
-                return false;
-            }
+            // isClearable was disabled because it does not make sense to compare the property with the method.
+            // clear() is a method and part of the public API, so it should always be callable.
+            // isClearable is used to determine whether the clear button should be shown in the UI.
+            // if (!this._isClearable) {
+            //     return false;
+            // }
             if (this.disabled && !force) {
                 return false;
             }

package/Controls/Behaviors/Clearable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Clearable.js","sourceRoot":"","sources":["../../../src/Controls/Behaviors/Clearable.ts"],"names":[],"mappings":"AAAA,yDAAyD;;;;;;;;;;AAEzD,kBAAkB;AAElB,OAAO,EAAE,uBAAuB,EAA+B,MAAM,6BAA6B,CAAC;AACnG,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,uCAAuC,CAAC;AAE7D,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAE7D,OAAO,EAAE,WAAW,EAA0B,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,SAAS,EAAwB,MAAM,aAAa,CAAC;AA6D9D;;GAEG;AACH,MAAM,KAAW,eAAe,CAI/B;AAJD,WAAiB,eAAe;IACf,wBAAQ,GAA2E;QAC5F,WAAW,EAAE,KAAK;KACrB,CAAC;AACN,CAAC,EAJgB,eAAe,KAAf,eAAe,QAI/B;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAqF,IAAO,EAA6E,EAAE;IAChM,MAAe,gBAAiB,SAAQ,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAEhE,iBAAiB;QAEA,QAAQ,CAA8B;QAC/C,YAAY,CAAU;QAE9B,aAAa;QAEb,eAAe;QAEf;;;;WAIG;QACH,YAAmB,GAAG,IAAgB;YAClC,KAAK,CAAC,IAAI,CAAC,CAAC;YAEZ,IAAI,CAAC,YAAY,GAAG,eAAe,CAAC,QAAQ,CAAC,WAAW,CAAC;YACzD,IAAI,CAAC,QAAQ,GAAG,IAAI,uBAAuB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;QACjE,CAAC;QAED,aAAa;QAEb,qBAAqB;QAErB;;;;;;WAMG;QACH,IAIW,WAAW;YAClB,OAAO,IAAI,CAAC,YAAY,CAAC;QAC7B,CAAC;QAED,IAAW,WAAW,CAAC,KAAc;YACjC,IAAI,IAAI,CAAC,YAAY,KAAK,KAAK,EAAE,CAAC;gBAC9B,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;gBAC1B,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;YACtC,CAAC;QACL,CAAC;QAED;;;;;;;WAOG;QACH,IACW,OAAO;YACd,OAAO,IAAI,CAAC,QAAQ,CAAC;QACzB,CAAC;QAED,aAAa;QAEb,kBAAkB;QAElB;;;;;;WAMG;QACI,KAAK,CAAC,KAAe;YACxB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;gBACrB,OAAO,KAAK,CAAC;YACjB,CAAC;YAED,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,EAAE,CAAC;gBAC1B,OAAO,KAAK,CAAC;YACjB,CAAC;YAED,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;YAClB,sBAAsB,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YAE9D,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;YACrB,OAAO,IAAI,CAAC;QAChB,CAAC;KAIJ;IAzDG;QAAC,SAAS,CAAC;YACP,IAAI,EAAE,OAAO;YACb,UAAU,EAAE,IAAI;SACnB,CAAC;;;uDAGD;IAiBD;QAAC,IAAI,EAAE;;;mDAGN;IAiCL,OAAO,gBAAgB,CAAC;AAC5B,CAAC,CAAC"}
+{"version":3,"file":"Clearable.js","sourceRoot":"","sources":["../../../src/Controls/Behaviors/Clearable.ts"],"names":[],"mappings":"AAAA,yDAAyD;;;;;;;;;;AAEzD,kBAAkB;AAElB,OAAO,EAAE,uBAAuB,EAA+B,MAAM,6BAA6B,CAAC;AACnG,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,uCAAuC,CAAC;AAE7D,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAE7D,OAAO,EAAE,WAAW,EAA0B,MAAM,eAAe,CAAC;AACpE,OAAO,EAAE,SAAS,EAAwB,MAAM,aAAa,CAAC;AA6D9D;;GAEG;AACH,MAAM,KAAW,eAAe,CAI/B;AAJD,WAAiB,eAAe;IACf,wBAAQ,GAA2E;QAC5F,WAAW,EAAE,KAAK;KACrB,CAAC;AACN,CAAC,EAJgB,eAAe,KAAf,eAAe,QAI/B;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAqF,IAAO,EAA6E,EAAE;IAChM,MAAe,gBAAiB,SAAQ,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAEhE,iBAAiB;QAEA,QAAQ,CAA8B;QAC/C,YAAY,CAAU;QAE9B,aAAa;QAEb,eAAe;QAEf;;;;WAIG;QACH,YAAmB,GAAG,IAAgB;YAClC,KAAK,CAAC,IAAI,CAAC,CAAC;YAEZ,IAAI,CAAC,YAAY,GAAG,eAAe,CAAC,QAAQ,CAAC,WAAW,CAAC;YACzD,IAAI,CAAC,QAAQ,GAAG,IAAI,uBAAuB,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;QACjE,CAAC;QAED,aAAa;QAEb,qBAAqB;QAErB;;;;;;WAMG;QACH,IAIW,WAAW;YAClB,OAAO,IAAI,CAAC,YAAY,CAAC;QAC7B,CAAC;QAED,IAAW,WAAW,CAAC,KAAc;YACjC,IAAI,IAAI,CAAC,YAAY,KAAK,KAAK,EAAE,CAAC;gBAC9B,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;gBAC1B,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;YACtC,CAAC;QACL,CAAC;QAED;;;;;;;WAOG;QACH,IACW,OAAO;YACd,OAAO,IAAI,CAAC,QAAQ,CAAC;QACzB,CAAC;QAED,aAAa;QAEb,kBAAkB;QAElB;;;;;;WAMG;QACI,KAAK,CAAC,KAAe;YACxB,mGAAmG;YACnG,mFAAmF;YACnF,uFAAuF;YACvF,4BAA4B;YAC5B,oBAAoB;YACpB,IAAI;YAEJ,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK,EAAE,CAAC;gBAC1B,OAAO,KAAK,CAAC;YACjB,CAAC;YAED,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;YAClB,sBAAsB,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YAE9D,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;YACrB,OAAO,IAAI,CAAC;QAChB,CAAC;KAIJ;IA5DG;QAAC,SAAS,CAAC;YACP,IAAI,EAAE,OAAO;YACb,UAAU,EAAE,IAAI;SACnB,CAAC;;;uDAGD;IAiBD;QAAC,IAAI,EAAE;;;mDAGN;IAoCL,OAAO,gBAAgB,CAAC;AAC5B,CAAC,CAAC"}

package/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonElementValueAccessor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButtonElementValueAccessor.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonElementValueAccessor.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAC7G,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iEAAiE,CAAC;AAC9G,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAIlE;;GAEG;AACH,qBAAa,gCACT,SAAQ,wBAAwB,CAAC,mBAAmB,CAAC;IAIrD;;OAEG;IACI,aAAa,IAAI,IAAI;IAU5B;;;OAGG;IACa,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAKhD;;;OAGG;IACa,UAAU,IAAI,IAAI;CAOrC;AAED;;GAEG;AACH,eAAO,MAAM,gCAAgC,EAAE,sBAAsB,CAAC,mBAAmB,CAAwD,CAAC"}
+{"version":3,"file":"ToggleButtonElementValueAccessor.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonElementValueAccessor.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAC7G,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iEAAiE,CAAC;AAC9G,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAIlE;;GAEG;AACH,qBAAa,gCACT,SAAQ,wBAAwB,CAAC,mBAAmB,CAAC;IAIrD;;OAEG;IACI,aAAa,IAAI,IAAI;IAW5B;;;OAGG;IACa,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAKhD;;;OAGG;IACa,UAAU,IAAI,IAAI;CAOrC;AAED;;GAEG;AACH,eAAO,MAAM,gCAAgC,EAAE,sBAAsB,CAAC,mBAAmB,CAAwD,CAAC"}

package/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonElementValueAccessor.js

@@ -10,11 +10,12 @@ export class ToggleButtonElementValueAccessor extends ElementValueAccessorBase {
      * @public
      */
     hostConnected() {
-        this.host.on('checked', (e) => this.writeValue(e.target.value));
+        this.host.on('checked', (e) => this.value = e.target.value);
         this.host.on('blur', () => this.onTouched());
-        // we need to set the value here because the host element may have a value before the accessor is connected
+        // Sync the initial host value without triggering onChange, because
+        // the host element may already have a value before the accessor is connected.
         void this.host.updateComplete.then(() => {
-            this.value = this.host.isChecked;
+            this.writeValue(this.host.isChecked);
         });
     }
     /**

package/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonElementValueAccessor.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButtonElementValueAccessor.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonElementValueAccessor.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAI7G,aAAa;AAEb;;GAEG;AACH,MAAM,OAAO,gCACT,SAAQ,wBAA6C;IAErD,kBAAkB;IAElB;;OAEG;IACI,aAAa;QAChB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAE,CAAC,CAAC,MAAyC,CAAC,KAAK,CAAC,CAAC,CAAC;QACpG,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QAE7C,2GAA2G;QAC3G,KAAK,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;YACpC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;QACrC,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;;OAGG;IACa,UAAU,CAAC,KAAc;QACrC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IAC5B,CAAC;IAED;;;OAGG;IACa,UAAU;QACtB,KAAK,CAAC,UAAU,EAAE,CAAC;QACnB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;IACtB,CAAC;CAIJ;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAgD,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,gCAAgC,CAAC,IAAI,CAAC,CAAC"}
+{"version":3,"file":"ToggleButtonElementValueAccessor.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonElementValueAccessor.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAI7G,aAAa;AAEb;;GAEG;AACH,MAAM,OAAO,gCACT,SAAQ,wBAA6C;IAErD,kBAAkB;IAElB;;OAEG;IACI,aAAa;QAChB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,GAAI,CAAC,CAAC,MAAyC,CAAC,KAAK,CAAC,CAAC;QAChG,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QAE7C,mEAAmE;QACnE,8EAA8E;QAC9E,KAAK,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;YACpC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACzC,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;;OAGG;IACa,UAAU,CAAC,KAAc;QACrC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IAC5B,CAAC;IAED;;;OAGG;IACa,UAAU;QACtB,KAAK,CAAC,UAAU,EAAE,CAAC;QACnB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;IACtB,CAAC;CAIJ;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAgD,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,gCAAgC,CAAC,IAAI,CAAC,CAAC"}

package/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonGroupElementValueAccessor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButtonGroupElementValueAccessor.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonGroupElementValueAccessor.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAC7G,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iEAAiE,CAAC;AAE9G,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAIvE,qBAAa,qCACT,SAAQ,wBAAwB,CAAC,wBAAwB,CAAC;IAI1D;;OAEG;IACI,aAAa,IAAI,IAAI;IAS5B;;;OAGG;IACa,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI;IAKvD;;;OAGG;IACa,UAAU,IAAI,IAAI;CAQrC;AAED;;GAEG;AACH,eAAO,MAAM,qCAAqC,EAAE,sBAAsB,CAAC,wBAAwB,CAA6D,CAAC"}
+{"version":3,"file":"ToggleButtonGroupElementValueAccessor.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonGroupElementValueAccessor.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAC7G,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iEAAiE,CAAC;AAE9G,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAIvE,qBAAa,qCACT,SAAQ,wBAAwB,CAAC,wBAAwB,CAAC;IAI1D;;OAEG;IACI,aAAa,IAAI,IAAI;IAU5B;;;OAGG;IACa,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI;IAKvD;;;OAGG;IACa,UAAU,IAAI,IAAI;CAQrC;AAED;;GAEG;AACH,eAAO,MAAM,qCAAqC,EAAE,sBAAsB,CAAC,wBAAwB,CAA6D,CAAC"}

package/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonGroupElementValueAccessor.js

@@ -7,10 +7,11 @@ export class ToggleButtonGroupElementValueAccessor extends ElementValueAccessorB
      * @public
      */
     hostConnected() {
-        this.host.on('groupChanged', (e) => this.writeValue(e.detail.value ?? null));
-        // we need to set the value here because the host element may have a value before the accessor is connected
+        this.host.on('groupChanged', (e) => this.value = e.detail.value ?? null);
+        // Sync the initial host value without triggering onChange, because
+        // the host element may already have a value before the accessor is connected.
         void this.host.updateComplete.then(() => {
-            this.value = this.host.value;
+            this.writeValue(this.host.value);
         });
     }
     /**

package/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonGroupElementValueAccessor.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButtonGroupElementValueAccessor.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonGroupElementValueAccessor.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAK7G,aAAa;AAEb,MAAM,OAAO,qCACT,SAAQ,wBAAkD;IAE1D,kBAAkB;IAElB;;OAEG;IACI,aAAa;QAChB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,cAAc,EAAE,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAE,CAAuB,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC;QAE3G,2GAA2G;QAC3G,KAAK,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;YACpC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;QACjC,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;;OAGG;IACa,UAAU,CAAC,KAAqB;QAC5C,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IAC5B,CAAC;IAED;;;OAGG;IACa,UAAU;QACtB,KAAK,CAAC,UAAU,EAAE,CAAC;QACnB,oFAAoF;QACnF,IAAI,CAAC,IAA0C,CAAC,KAAK,EAAE,EAAE,CAAC;IAC/D,CAAC;CAIJ;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,qCAAqC,GAAqD,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,qCAAqC,CAAC,IAAI,CAAC,CAAC"}
+{"version":3,"file":"ToggleButtonGroupElementValueAccessor.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonGroupElementValueAccessor.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAK7G,aAAa;AAEb,MAAM,OAAO,qCACT,SAAQ,wBAAkD;IAE1D,kBAAkB;IAElB;;OAEG;IACI,aAAa;QAChB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,cAAc,EAAE,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,GAAI,CAAuB,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC;QAEvG,mEAAmE;QACnE,8EAA8E;QAC9E,KAAK,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;YACpC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;;OAGG;IACa,UAAU,CAAC,KAAqB;QAC5C,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IAC5B,CAAC;IAED;;;OAGG;IACa,UAAU;QACtB,KAAK,CAAC,UAAU,EAAE,CAAC;QACnB,oFAAoF;QACnF,IAAI,CAAC,IAA0C,CAAC,KAAK,EAAE,EAAE,CAAC;IAC/D,CAAC;CAIJ;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,qCAAqC,GAAqD,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,qCAAqC,CAAC,IAAI,CAAC,CAAC"}

package/Controls/Components/Inputs/AutoCompleteBox/Accessors/AutoCompleteBoxElementValueAccessor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutoCompleteBoxElementValueAccessor.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/AutoCompleteBox/Accessors/AutoCompleteBoxElementValueAccessor.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAC7G,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iEAAiE,CAAC;AAC9G,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAIxE;;;;;;GAMG;AACH,qBAAa,mCACT,SAAQ,wBAAwB,CAAC,sBAAsB,CAAC;IAIxD;;;;;OAKG;IACI,aAAa,IAAI,IAAI;IAY5B;;;;;;OAMG;IACa,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAKtD;;;;;OAKG;IACa,UAAU,IAAI,IAAI;CAOrC;AAED;;;;GAIG;AACH,eAAO,MAAM,mCAAmC,EAAE,sBAAsB,CAAC,sBAAsB,CAA2D,CAAC"}
+{"version":3,"file":"AutoCompleteBoxElementValueAccessor.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/AutoCompleteBox/Accessors/AutoCompleteBoxElementValueAccessor.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAC7G,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iEAAiE,CAAC;AAC9G,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAIxE;;;;;;GAMG;AACH,qBAAa,mCACT,SAAQ,wBAAwB,CAAC,sBAAsB,CAAC;IAIxD;;;;;OAKG;IACI,aAAa,IAAI,IAAI;IAa5B;;;;;;OAMG;IACa,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAKtD;;;;;OAKG;IACa,UAAU,IAAI,IAAI;CAOrC;AAED;;;;GAIG;AACH,eAAO,MAAM,mCAAmC,EAAE,sBAAsB,CAAC,sBAAsB,CAA2D,CAAC"}

package/Controls/Components/Inputs/AutoCompleteBox/Accessors/AutoCompleteBoxElementValueAccessor.js

@@ -17,13 +17,14 @@ export class AutoCompleteBoxElementValueAccessor extends ElementValueAccessorBas
      * @public
      */
     hostConnected() {
-        this.host.on('input', (e) => this.writeValue(e.target.value));
-        this.host.on('change', (e) => this.writeValue(e.target.value));
-        this.host.on('cleared', () => this.writeValue(''));
+        this.host.on('input', (e) => this.value = e.target.value);
+        this.host.on('change', (e) => this.value = e.target.value);
+        this.host.on('cleared', () => this.value = '');
         this.host.on('blur', () => this.onTouched());
-        // we need to set the value here because the host element may have a value before the accessor is connected
+        // Sync the initial host value without triggering onChange, because
+        // the host element may already have a value before the accessor is connected.
         void this.host.updateComplete.then(() => {
-            this.value = this.host.value;
+            this.writeValue(this.host.value);
         });
     }
     /**

package/Controls/Components/Inputs/AutoCompleteBox/Accessors/AutoCompleteBoxElementValueAccessor.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoCompleteBoxElementValueAccessor.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/AutoCompleteBox/Accessors/AutoCompleteBoxElementValueAccessor.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAI7G,aAAa;AAEb;;;;;;GAMG;AACH,MAAM,OAAO,mCACT,SAAQ,wBAAgD;IAExD,kBAAkB;IAElB;;;;;OAKG;IACI,aAAa;QAChB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAE,CAAC,CAAC,MAAiC,CAAC,KAAsB,CAAC,CAAC,CAAC;QAClH,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAE,CAAC,CAAC,MAAiC,CAAC,KAAsB,CAAC,CAAC,CAAC;QACnH,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAC;QACnD,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QAE7C,2GAA2G;QAC3G,KAAK,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;YACpC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;QACjC,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;;;;;OAMG;IACa,UAAU,CAAC,KAAoB;QAC3C,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,IAAI,EAAE,CAAC;IAClC,CAAC;IAED;;;;;OAKG;IACa,UAAU;QACtB,KAAK,CAAC,UAAU,EAAE,CAAC;QACnB,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IACzB,CAAC;CAIJ;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,mCAAmC,GAAmD,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,mCAAmC,CAAC,IAAI,CAAC,CAAC"}
+{"version":3,"file":"AutoCompleteBoxElementValueAccessor.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/AutoCompleteBox/Accessors/AutoCompleteBoxElementValueAccessor.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAI7G,aAAa;AAEb;;;;;;GAMG;AACH,MAAM,OAAO,mCACT,SAAQ,wBAAgD;IAExD,kBAAkB;IAElB;;;;;OAKG;IACI,aAAa;QAChB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,GAAI,CAAC,CAAC,MAAiC,CAAC,KAAsB,CAAC,CAAC;QAC9G,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,GAAI,CAAC,CAAC,MAAiC,CAAC,KAAsB,CAAC,CAAC;QAC/G,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC;QAC/C,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QAE7C,mEAAmE;QACnE,8EAA8E;QAC9E,KAAK,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;YACpC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,KAAe,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;;;;;OAMG;IACa,UAAU,CAAC,KAAoB;QAC3C,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,IAAI,EAAE,CAAC;IAClC,CAAC;IAED;;;;;OAKG;IACa,UAAU;QACtB,KAAK,CAAC,UAAU,EAAE,CAAC;QACnB,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IACzB,CAAC;CAIJ;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,mCAAmC,GAAmD,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,mCAAmC,CAAC,IAAI,CAAC,CAAC"}

package/Controls/Components/Inputs/Calendar/Accessors/CalendarElementValueAccessor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarElementValueAccessor.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Calendar/Accessors/CalendarElementValueAccessor.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAC7G,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iEAAiE,CAAC;AAC9G,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAI1D;;;;GAIG;AACH,qBAAa,4BACT,SAAQ,wBAAwB,CAAC,eAAe,CAAC;IAIjD;;OAEG;IACI,aAAa,IAAI,IAAI;IAW5B;;;OAGG;IACa,UAAU,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI;IAKpD;;;OAGG;IACa,UAAU,IAAI,IAAI;CAOrC;AAED;;GAEG;AACH,eAAO,MAAM,4BAA4B,EAAE,sBAAsB,CAAC,eAAe,CAAoD,CAAC"}
+{"version":3,"file":"CalendarElementValueAccessor.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Calendar/Accessors/CalendarElementValueAccessor.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAC7G,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iEAAiE,CAAC;AAC9G,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAI1D;;;;GAIG;AACH,qBAAa,4BACT,SAAQ,wBAAwB,CAAC,eAAe,CAAC;IAIjD;;OAEG;IACI,aAAa,IAAI,IAAI;IAY5B;;;OAGG;IACa,UAAU,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI;IAKpD;;;OAGG;IACa,UAAU,IAAI,IAAI;CAOrC;AAED;;GAEG;AACH,eAAO,MAAM,4BAA4B,EAAE,sBAAsB,CAAC,eAAe,CAAoD,CAAC"}

package/Controls/Components/Inputs/Calendar/Accessors/CalendarElementValueAccessor.js

@@ -12,12 +12,13 @@ export class CalendarElementValueAccessor extends ElementValueAccessorBase {
      * @public
      */
     hostConnected() {
-        this.host.on('input', (e) => this.writeValue(e.target.value));
-        this.host.on('change', (e) => this.writeValue(e.target.value));
+        this.host.on('input', (e) => this.value = e.target.value);
+        this.host.on('change', (e) => this.value = e.target.value);
         this.host.on('blur', () => this.onTouched());
-        // we need to set the value here because the host element may have a value before the accessor is connected
+        // Sync the initial host value without triggering onChange, because
+        // the host element may already have a value before the accessor is connected.
         void this.host.updateComplete.then(() => {
-            this.value = this.host.value;
+            this.writeValue(this.host.value);
         });
     }
     /**

package/Controls/Components/Inputs/Calendar/Accessors/CalendarElementValueAccessor.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarElementValueAccessor.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Calendar/Accessors/CalendarElementValueAccessor.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAI7G,aAAa;AAEb;;;;GAIG;AACH,MAAM,OAAO,4BACT,SAAQ,wBAAyC;IAEjD,kBAAkB;IAElB;;OAEG;IACI,aAAa;QAChB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAE,CAAC,CAAC,MAA0B,CAAC,KAAK,CAAC,CAAC,CAAC;QACnF,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAE,CAAC,CAAC,MAA0B,CAAC,KAAK,CAAC,CAAC,CAAC;QACpF,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QAE7C,2GAA2G;QAC3G,KAAK,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;YACpC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;QACjC,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;;OAGG;IACa,UAAU,CAAC,KAAkB;QACzC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IAC5B,CAAC;IAED;;;OAGG;IACa,UAAU;QACtB,KAAK,CAAC,UAAU,EAAE,CAAC;QACnB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;IACtB,CAAC;CAIJ;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAA4C,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,4BAA4B,CAAC,IAAI,CAAC,CAAC"}
+{"version":3,"file":"CalendarElementValueAccessor.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/Calendar/Accessors/CalendarElementValueAccessor.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAI7G,aAAa;AAEb;;;;GAIG;AACH,MAAM,OAAO,4BACT,SAAQ,wBAAyC;IAEjD,kBAAkB;IAElB;;OAEG;IACI,aAAa;QAChB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,GAAI,CAAC,CAAC,MAA0B,CAAC,KAAK,CAAC,CAAC;QAC/E,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,GAAI,CAAC,CAAC,MAA0B,CAAC,KAAK,CAAC,CAAC;QAChF,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QAE7C,mEAAmE;QACnE,8EAA8E;QAC9E,KAAK,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;YACpC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;;OAGG;IACa,UAAU,CAAC,KAAkB;QACzC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IAC5B,CAAC;IAED;;;OAGG;IACa,UAAU;QACtB,KAAK,CAAC,UAAU,EAAE,CAAC;QACnB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;IACtB,CAAC;CAIJ;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAA4C,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,4BAA4B,CAAC,IAAI,CAAC,CAAC"}

package/Controls/Components/Inputs/CheckBox/Accessors/CheckBoxElementValueAccessor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBoxElementValueAccessor.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/CheckBox/Accessors/CheckBoxElementValueAccessor.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAC7G,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iEAAiE,CAAC;AAC9G,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAI1D;;GAEG;AACH,qBAAa,4BACT,SAAQ,wBAAwB,CAAC,eAAe,CAAC;IAIjD;;OAEG;IACI,aAAa,IAAI,IAAI;IAY5B;;;OAGG;IACa,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI;IAKvD;;;OAGG;IACa,UAAU,IAAI,IAAI;CAOrC;AAED;;GAEG;AACH,eAAO,MAAM,4BAA4B,EAAE,sBAAsB,CAAC,eAAe,CAAoD,CAAC"}
+{"version":3,"file":"CheckBoxElementValueAccessor.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/CheckBox/Accessors/CheckBoxElementValueAccessor.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAC7G,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iEAAiE,CAAC;AAC9G,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAI1D;;GAEG;AACH,qBAAa,4BACT,SAAQ,wBAAwB,CAAC,eAAe,CAAC;IAIjD;;OAEG;IACI,aAAa,IAAI,IAAI;IAa5B;;;OAGG;IACa,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI;IAKvD;;;OAGG;IACa,UAAU,IAAI,IAAI;CAOrC;AAED;;GAEG;AACH,eAAO,MAAM,4BAA4B,EAAE,sBAAsB,CAAC,eAAe,CAAoD,CAAC"}

package/Controls/Components/Inputs/CheckBox/Accessors/CheckBoxElementValueAccessor.js

@@ -10,13 +10,14 @@ export class CheckboxElementValueAccessor extends ElementValueAccessorBase {
      * @public
      */
     hostConnected() {
-        this.host.on('checked', () => this.writeValue(true));
-        this.host.on('unchecked', () => this.writeValue(false));
-        this.host.on('indeterminate', () => this.writeValue(null));
+        this.host.on('checked', () => this.value = true);
+        this.host.on('unchecked', () => this.value = false);
+        this.host.on('indeterminate', () => this.value = null);
         this.host.on('blur', () => this.onTouched());
-        // we need to set the value here because the host element may have a value before the accessor is connected
+        // Sync the initial host value without triggering onChange, because
+        // the host element may already have a value before the accessor is connected.
         void this.host.updateComplete.then(() => {
-            this.value = this.host.isChecked;
+            this.writeValue(this.host.isChecked);
         });
     }
     /**

package/Controls/Components/Inputs/CheckBox/Accessors/CheckBoxElementValueAccessor.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBoxElementValueAccessor.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/CheckBox/Accessors/CheckBoxElementValueAccessor.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAI7G,aAAa;AAEb;;GAEG;AACH,MAAM,OAAO,4BACT,SAAQ,wBAAyC;IAEjD,kBAAkB;IAElB;;OAEG;IACI,aAAa;QAChB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;QACrD,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;QACxD,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;QAC3D,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QAE7C,2GAA2G;QAC3G,KAAK,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;YACpC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;QACrC,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;;OAGG;IACa,UAAU,CAAC,KAAqB;QAC5C,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IAChC,CAAC;IAED;;;OAGG;IACa,UAAU;QACtB,KAAK,CAAC,UAAU,EAAE,CAAC;QACnB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;IACtB,CAAC;CAIJ;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAA4C,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,4BAA4B,CAAC,IAAI,CAAC,CAAC"}
+{"version":3,"file":"CheckBoxElementValueAccessor.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/CheckBox/Accessors/CheckBoxElementValueAccessor.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAI7G,aAAa;AAEb;;GAEG;AACH,MAAM,OAAO,4BACT,SAAQ,wBAAyC;IAEjD,kBAAkB;IAElB;;OAEG;IACI,aAAa;QAChB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;QACjD,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC;QACpD,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;QACvD,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QAE7C,mEAAmE;QACnE,8EAA8E;QAC9E,KAAK,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;YACpC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QACzC,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;;OAGG;IACa,UAAU,CAAC,KAAqB;QAC5C,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IAChC,CAAC;IAED;;;OAGG;IACa,UAAU;QACtB,KAAK,CAAC,UAAU,EAAE,CAAC;QACnB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;IACtB,CAAC;CAIJ;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAA4C,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,4BAA4B,CAAC,IAAI,CAAC,CAAC"}

package/Controls/Components/Inputs/CheckBox/Accessors/CheckBoxGroupElementValueAccessor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBoxGroupElementValueAccessor.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/CheckBox/Accessors/CheckBoxGroupElementValueAccessor.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAC7G,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iEAAiE,CAAC;AAC9G,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAIpE;;GAEG;AACH,qBAAa,iCACT,SAAQ,wBAAwB,CAAC,oBAAoB,CAAC;IAItD;;OAEG;IACI,aAAa,IAAI,IAAI;IAY5B;;;OAGG;IACa,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,IAAI,GAAG,IAAI;IAK9D;;;OAGG;IACa,UAAU,IAAI,IAAI;CAOrC;AAED;;GAEG;AACH,eAAO,MAAM,iCAAiC,EAAE,sBAAsB,CAAC,oBAAoB,CAAyD,CAAC"}
+{"version":3,"file":"CheckBoxGroupElementValueAccessor.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/CheckBox/Accessors/CheckBoxGroupElementValueAccessor.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAC7G,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iEAAiE,CAAC;AAC9G,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAIpE;;GAEG;AACH,qBAAa,iCACT,SAAQ,wBAAwB,CAAC,oBAAoB,CAAC;IAItD;;OAEG;IACI,aAAa,IAAI,IAAI;IAa5B;;;OAGG;IACa,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,IAAI,GAAG,IAAI;IAK9D;;;OAGG;IACa,UAAU,IAAI,IAAI;CAOrC;AAED;;GAEG;AACH,eAAO,MAAM,iCAAiC,EAAE,sBAAsB,CAAC,oBAAoB,CAAyD,CAAC"}

package/Controls/Components/Inputs/CheckBox/Accessors/CheckBoxGroupElementValueAccessor.js

@@ -12,11 +12,12 @@ export class CheckBoxGroupElementValueAccessor extends ElementValueAccessorBase
     hostConnected() {
         this.host.on('checkChanged', (e) => {
             const value = e.detail.value;
-            this.writeValue(Array.isArray(value) ? value : null);
+            this.value = Array.isArray(value) ? value : null;
         });
-        // we need to set the value here because the host element may have a value before the accessor is connected
+        // Sync the initial host value without triggering onChange, because
+        // the host element may already have a value before the accessor is connected.
         void this.host.updateComplete.then(() => {
-            this.value = this.host.value;
+            this.writeValue(this.host.value);
         });
     }
     /**

package/Controls/Components/Inputs/CheckBox/Accessors/CheckBoxGroupElementValueAccessor.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckBoxGroupElementValueAccessor.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/CheckBox/Accessors/CheckBoxGroupElementValueAccessor.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAI7G,aAAa;AAEb;;GAEG;AACH,MAAM,OAAO,iCACT,SAAQ,wBAA8C;IAEtD,kBAAkB;IAElB;;OAEG;IACI,aAAa;QAChB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE;YAC/B,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;YAC7B,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QACzD,CAAC,CAAC,CAAC;QAEH,2GAA2G;QAC3G,KAAK,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;YACpC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;QACjC,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;;OAGG;IACa,UAAU,CAAC,KAA4B;QACnD,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IAC5B,CAAC;IAED;;;OAGG;IACa,UAAU;QACtB,KAAK,CAAC,UAAU,EAAE,CAAC;QACnB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;IACtB,CAAC;CAIJ;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,iCAAiC,GAAiD,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,iCAAiC,CAAC,IAAI,CAAC,CAAC"}
+{"version":3,"file":"CheckBoxGroupElementValueAccessor.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/CheckBox/Accessors/CheckBoxGroupElementValueAccessor.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAI7G,aAAa;AAEb;;GAEG;AACH,MAAM,OAAO,iCACT,SAAQ,wBAA8C;IAEtD,kBAAkB;IAElB;;OAEG;IACI,aAAa;QAChB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE;YAC/B,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;YAC7B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;QACrD,CAAC,CAAC,CAAC;QAEH,mEAAmE;QACnE,8EAA8E;QAC9E,KAAK,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;YACpC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,KAAuB,CAAC,CAAC;QACvD,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;;OAGG;IACa,UAAU,CAAC,KAA4B;QACnD,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IAC5B,CAAC;IAED;;;OAGG;IACa,UAAU;QACtB,KAAK,CAAC,UAAU,EAAE,CAAC;QACnB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;IACtB,CAAC;CAIJ;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,iCAAiC,GAAiD,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,iCAAiC,CAAC,IAAI,CAAC,CAAC"}

package/Controls/Components/Inputs/ChipBox/Accessors/ChipBoxElementValueAccessor.d.ts

@@ -7,6 +7,7 @@ import type { ChipBoxElement } from '../ChipBoxElement';
  * @public
  */
 export declare class ChipBoxElementValueAccessor extends ElementValueAccessorBase<ChipBoxElement> {
+    private static toChips;
     /**
      * @public
      */
@@ -15,7 +16,7 @@ export declare class ChipBoxElementValueAccessor extends ElementValueAccessorBas
      * @public
      * @override
      */
-    writeValue(value: string | null): void;
+    writeValue(value: ReadonlyArray<unknown> | null): void;
     /**
      * @public
      * @override

package/Controls/Components/Inputs/ChipBox/Accessors/ChipBoxElementValueAccessor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChipBoxElementValueAccessor.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/ChipBox/Accessors/ChipBoxElementValueAccessor.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAC7G,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iEAAiE,CAAC;AAC9G,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAIxD;;;;GAIG;AACH,qBAAa,2BACT,SAAQ,wBAAwB,CAAC,cAAc,CAAC;IAIhD;;OAEG;IACI,aAAa,IAAI,IAAI;IAW5B;;;OAGG;IACa,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAKtD;;;OAGG;IACa,UAAU,IAAI,IAAI;CAOrC;AAED;;GAEG;AACH,eAAO,MAAM,2BAA2B,EAAE,sBAAsB,CAAC,cAAc,CAAmD,CAAC"}
+{"version":3,"file":"ChipBoxElementValueAccessor.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/ChipBox/Accessors/ChipBoxElementValueAccessor.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAC7G,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iEAAiE,CAAC;AAC9G,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAIxD;;;;GAIG;AACH,qBAAa,2BACT,SAAQ,wBAAwB,CAAC,cAAc,CAAC;IAIhD,OAAO,CAAC,MAAM,CAAC,OAAO;IAUtB;;OAEG;IACI,aAAa,IAAI,IAAI;IAY5B;;;OAGG;IACa,UAAU,CAAC,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,GAAG,IAAI,GAAG,IAAI;IAOtE;;;OAGG;IACa,UAAU,IAAI,IAAI;CAOrC;AAED;;GAEG;AACH,eAAO,MAAM,2BAA2B,EAAE,sBAAsB,CAAC,cAAc,CAAmD,CAAC"}

package/Controls/Components/Inputs/ChipBox/Accessors/ChipBoxElementValueAccessor.js

@@ -7,17 +7,25 @@ import { ElementValueAccessorBase } from '../../../../../Forms/Accessors/Abstrac
  * @public
  */
 export class ChipBoxElementValueAccessor extends ElementValueAccessorBase {
+    // #region Utils
+    static toChips(value) {
+        return Array.isArray(value)
+            ? [...value]
+            : [];
+    }
+    // #endregion
     // #region Methods
     /**
      * @public
      */
     hostConnected() {
-        this.host.on('input', (e) => this.writeValue(e.target.value));
-        this.host.on('change', (e) => this.writeValue(e.target.value));
+        this.host.on('chipAdded', () => this.value = this.host.chips);
+        this.host.on('chipRemoved', () => this.value = this.host.chips);
         this.host.on('blur', () => this.onTouched());
-        // we need to set the value here because the host element may have a value before the accessor is connected
+        // Sync the initial host value without triggering onChange, because
+        // the host element may already have a value before the accessor is connected.
         void this.host.updateComplete.then(() => {
-            this.value = this.host.value;
+            this.writeValue(ChipBoxElementValueAccessor.toChips(this.host.chips));
         });
     }
     /**
@@ -25,8 +33,9 @@ export class ChipBoxElementValueAccessor extends ElementValueAccessorBase {
      * @override
      */
     writeValue(value) {
-        super.writeValue(value);
-        this.host.value = value ?? '';
+        const chips = ChipBoxElementValueAccessor.toChips(value);
+        super.writeValue(chips);
+        this.host.chips = chips;
     }
     /**
      * @public

package/Controls/Components/Inputs/ChipBox/Accessors/ChipBoxElementValueAccessor.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipBoxElementValueAccessor.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/ChipBox/Accessors/ChipBoxElementValueAccessor.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAI7G,aAAa;AAEb;;;;GAIG;AACH,MAAM,OAAO,2BACT,SAAQ,wBAAwC;IAEhD,kBAAkB;IAElB;;OAEG;IACI,aAAa;QAChB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAE,CAAC,CAAC,MAAyB,CAAC,KAAK,CAAC,CAAC,CAAC;QAClF,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAE,CAAC,CAAC,MAAyB,CAAC,KAAK,CAAC,CAAC,CAAC;QACnF,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QAE7C,2GAA2G;QAC3G,KAAK,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;YACpC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;QACjC,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;;OAGG;IACa,UAAU,CAAC,KAAoB;QAC3C,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,IAAI,EAAE,CAAC;IAClC,CAAC;IAED;;;OAGG;IACa,UAAU;QACtB,KAAK,CAAC,UAAU,EAAE,CAAC;QACnB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;IACtB,CAAC;CAIJ;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAA2C,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,2BAA2B,CAAC,IAAI,CAAC,CAAC"}
+{"version":3,"file":"ChipBoxElementValueAccessor.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Inputs/ChipBox/Accessors/ChipBoxElementValueAccessor.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAI7G,aAAa;AAEb;;;;GAIG;AACH,MAAM,OAAO,2BACT,SAAQ,wBAAwC;IAEhD,gBAAgB;IAER,MAAM,CAAC,OAAO,CAAC,KAAgD;QACnE,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;YACvB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;YACZ,CAAC,CAAC,EAAE,CAAC;IACb,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;OAEG;IACI,aAAa;QAChB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC9D,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAChE,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QAE7C,mEAAmE;QACnE,8EAA8E;QAC9E,KAAK,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;YACpC,IAAI,CAAC,UAAU,CAAC,2BAA2B,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;QAC1E,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;;OAGG;IACa,UAAU,CAAC,KAAoC;QAC3D,MAAM,KAAK,GAAG,2BAA2B,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAEzD,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IAC5B,CAAC;IAED;;;OAGG;IACa,UAAU;QACtB,KAAK,CAAC,UAAU,EAAE,CAAC;QACnB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;IACtB,CAAC;CAIJ;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAA2C,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,2BAA2B,CAAC,IAAI,CAAC,CAAC"}

package/Controls/Components/Inputs/ChipBox/ChipBoxElement.d.ts

@@ -110,11 +110,11 @@ declare const ChipBoxElement_base: (abstract new (...args: Array<any>) => import
  * @public
  */
 export declare class ChipBoxElement extends ChipBoxElement_base implements IChipBoxElementProps, IInvalidable, IClearable, ISlottable {
-    private _chipElements;
-    private _inputElement;
     private readonly _keyboardController;
     private readonly _chipAdded;
     private readonly _chipRemoved;
+    private _chipElements;
+    private _inputElement;
     private _isEditable;
     private _readonly;
     private _pressBackspaceToRemove;
@@ -265,7 +265,7 @@ export declare class ChipBoxElement extends ChipBoxElement_base implements IChip
     get hasSuffix(): boolean;
     /**
      * Called when a chip is added.
-     * Provides reference to `{chip:unknown}` as event argument.
+     * Provides reference to `{chip: unknown}` as event argument.
      *
      * @public
      * @readonly
@@ -330,17 +330,17 @@ export declare class ChipBoxElement extends ChipBoxElement_base implements IChip
      */
     delete(chip: unknown): void;
     /**
-     * @protected
+     * @private
      * @template
      */
     onKeyUp(event: KeyboardEvent): void;
     /**
-     * @protected
+     * @private
      * @template
      */
     onKeyDown(event: KeyboardEvent): void;
     /**
-     * @protected
+     * @private
      * @template
      */
     onPaste(event: ClipboardEvent): void;

package/Controls/Components/Inputs/ChipBox/ChipBoxElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChipBoxElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/ChipBox/ChipBoxElement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ChipBoxElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Inputs/ChipBox/ChipBoxElement.ts"],"names":[],"mappings":"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"}

package/Controls/Components/Inputs/ChipBox/ChipBoxElement.js

@@ -137,11 +137,11 @@ import { chipBoxElementMemphisStyle } from './Themes/ChipBoxElement.Memphis';
  */
 let ChipBoxElement = class ChipBoxElement extends Themeable(Slottable(Clearable(Disableable(Invalidable(Valueable(Variantable(Appearanceable(Labelable(InputBaseElement))))))))) {
     // #region Fields
-    _chipElements;
-    _inputElement;
     _keyboardController;
     _chipAdded;
     _chipRemoved;
+    _chipElements;
+    _inputElement;
     _isEditable;
     _readonly;
     _pressBackspaceToRemove;
@@ -353,7 +353,9 @@ let ChipBoxElement = class ChipBoxElement extends Themeable(Slottable(Clearable(
         return this._chips;
     }
     set chips(value) {
-        const safeValue = Array.isArray(value) ? value : [];
+        const safeValue = Array.isArray(value)
+            ? [...value]
+            : [];
         if (this._chips !== safeValue) {
             this._chips = safeValue;
             this.requestUpdate('chips');
@@ -413,7 +415,7 @@ let ChipBoxElement = class ChipBoxElement extends Themeable(Slottable(Clearable(
     }
     /**
      * Called when a chip is added.
-     * Provides reference to `{chip:unknown}` as event argument.
+     * Provides reference to `{chip: unknown}` as event argument.
      *
      * @public
      * @readonly
@@ -443,12 +445,12 @@ let ChipBoxElement = class ChipBoxElement extends Themeable(Slottable(Clearable(
         super.connectedCallback();
         this._keyboardController
             .add([Key.LeftArrow], (event) => {
-            event?.preventDefault();
             // check if input is focused
             if (this.shadowRoot?.activeElement === this._inputElement) {
                 // detect the cursor position of the input
                 const isStart = this._inputElement.selectionStart === 0;
                 if (isStart) {
+                    event?.preventDefault();
                     // focus the last chip
                     this._chipElements[this.chips.length - 1]?.focus();
                 }
@@ -456,15 +458,16 @@ let ChipBoxElement = class ChipBoxElement extends Themeable(Slottable(Clearable(
             }
             // check if chip is focused
             if (this._chipElements.some((x) => x.isFocused)) {
+                event?.preventDefault();
                 // focus the previous chip
                 const index = this._chipElements.findIndex((x) => x.isFocused);
                 this._chipElements[index - 1]?.focus();
             }
         })
             .add([Key.RightArrow], (event) => {
-            event?.preventDefault();
             // check if chip is focused
             if (this._chipElements.some((x) => x.isFocused)) {
+                event?.preventDefault();
                 const index = this._chipElements.findIndex((x) => x.isFocused);
                 if (index === this.chips.length - 1) {
                     // if the last chip is focused, focus the input
@@ -480,9 +483,9 @@ let ChipBoxElement = class ChipBoxElement extends Themeable(Slottable(Clearable(
             Key.Delete,
             Key.Backspace
         ], (event) => {
-            event?.preventDefault();
             // check if chip is focused
             if (this._chipElements.some((x) => x.isFocused)) {
+                event?.preventDefault();
                 const index = this._chipElements.findIndex((x) => x.isFocused);
                 const chip = this.chips[index];
                 this.delete(chip);
@@ -567,7 +570,10 @@ let ChipBoxElement = class ChipBoxElement extends Themeable(Slottable(Clearable(
         if (this.chips.includes(chip)) {
             return;
         }
-        this.chips.push(chip);
+        this.chips = [
+            ...this.chips,
+            chip
+        ];
         this.onChipAdded({ chip: chip });
         this.clear();
     }
@@ -581,14 +587,16 @@ let ChipBoxElement = class ChipBoxElement extends Themeable(Slottable(Clearable(
         // remove chip from chip list
         const index = this._chips.indexOf(chip);
         if (index > -1) {
-            this.chips.splice(index, 1);
-            this.requestUpdate('chips');
+            this.chips = [
+                ...this._chips.slice(0, index),
+                ...this._chips.slice(index + 1)
+            ];
+            this.onChipRemoved({ chip: chip });
         }
-        this.onChipRemoved({ chip: chip });
         this.clear();
     }
     /**
-     * @protected
+     * @private
      * @template
      */
     onKeyUp(event) {
@@ -605,28 +613,30 @@ let ChipBoxElement = class ChipBoxElement extends Themeable(Slottable(Clearable(
         }
     }
     /**
-     * @protected
+     * @private
      * @template
      */
     onKeyDown(event) {
-        if (event.key === KeyName.Backspace) {
-            event.preventDefault();
-            // focus last chip on backspace
-            if (this._pressBackspaceToRemove && this._inputElement.value === '' && this.chips.length > 0) {
-                // check if input or chip is focused
-                const chips = this._chipElements;
-                if (this._inputElement !== this.shadowRoot?.activeElement && chips.some((x) => x.isFocused)) {
-                    const chip = this.chips[this.chips.length - 1];
-                    this.delete(chip);
-                }
-                else {
-                    this._chipElements[this.chips.length - 1].focus();
-                }
-            }
+        if (event.key !== KeyName.Backspace) {
+            return;
+        }
+        const shouldHandleBackspace = this._pressBackspaceToRemove && this._inputElement.value === '' && this.chips.length > 0;
+        if (!shouldHandleBackspace) {
+            return;
+        }
+        event.preventDefault();
+        const chips = this._chipElements;
+        const isChipFocused = chips.some((chip) => chip.isFocused);
+        const isInputFocused = this._inputElement === this.shadowRoot?.activeElement;
+        if (!isInputFocused && isChipFocused) {
+            const chip = this.chips[this.chips.length - 1];
+            this.delete(chip);
+            return;
         }
+        this._chipElements[this.chips.length - 1]?.focus();
     }
     /**
-     * @protected
+     * @private
      * @template
      */
     onPaste(event) {
@@ -642,7 +652,6 @@ let ChipBoxElement = class ChipBoxElement extends Themeable(Slottable(Clearable(
      */
     onChipClosed(chip) {
         this.delete(chip);
-        this.onChipRemoved({ chip: chip });
     }
     /**
      * Emits the `chipAdded` event.
@@ -703,12 +712,12 @@ let ChipBoxElement = class ChipBoxElement extends Themeable(Slottable(Clearable(
      */
     onBlur(event) {
         super.onBlur(event);
-        // add chip if input is not empty
-        if (this._inputElement.value.trim() !== '') {
-            const chip = this._inputElement.value;
-            this.add(chip);
-            this.clear();
-        }
+        // // add chip if input is not empty
+        // if (this._inputElement.value.trim() !== '') {
+        //     const chip = this._inputElement.value;
+        //     this.add(chip);
+        //     this.clear();
+        // }
         this.emit('blur', { detail: event });
     }
 };