selective-ui 1.4.3 → 1.4.4

package/dist/selective-ui.esm.js

@@ -1,4 +1,4 @@
-/*! Selective UI v1.4.3 | MIT License */
+/*! Selective UI v1.4.4 | MIT License */
 /**
  * @class
  */
@@ -4745,6 +4745,35 @@ class AccessoryBox extends Lifecycle {
          * This is a cached snapshot used for show/hide decisions and re-rendering.
          */
         this.modelDatas = [];
+        /**
+         * Internal SelectBox action bridge used by the accessory box to communicate
+         * with the parent SelectBox instance.
+         *
+         * This reference is intentionally lightweight and acts as a direct integration
+         * point between chip interactions and the main Select component behavior.
+         *
+         * Current responsibilities:
+         * - Read runtime interaction state:
+         *   - `readonly`
+         *   - `disabled`
+         * - Trigger synchronized change propagation through:
+         *   - `change(null, true)`
+         *
+         * Usage flow:
+         * - When a chip remove button is clicked:
+         *   1) AccessoryBox checks `readonly` / `disabled`
+         *   2) Updates `modelData.selectedNonTrigger = false`
+         *   3) Delegates the final change pipeline back to the SelectBox instance
+         *      through `internalInstance.change(...)`
+         *
+         * Notes:
+         * - This property is optional because the AccessoryBox can exist before the
+         *   parent SelectBox finishes wiring dependencies.
+         * - The instance is not owned by AccessoryBox and therefore is not destroyed
+         *   during {@link destroy}.
+         * - Intended for internal framework communication only.
+         */
+        this.internalInstance = null;
         if (options)
             this.initialize(options);
     }
@@ -4885,6 +4914,7 @@ class AccessoryBox extends Lifecycle {
         if (!this.node || !this.options)
             return;
         this.node.replaceChildren();
+        const superThis = this;
         if (modelDatas.length > 0 && this.options.multiple) {
             modelDatas.forEach((modelData) => {
                 Libs.mountNode({
@@ -4900,8 +4930,12 @@ class AccessoryBox extends Lifecycle {
                                     title: `${this.options.textAccessoryDeselect}${modelData.textContent}`,
                                     onclick: async (evt) => {
                                         evt.preventDefault();
-                                        await this.modelManager?.triggerChanging?.("select");
-                                        modelData.selected = false;
+                                        const instance = superThis.internalInstance;
+                                        if (instance.readonly || instance.disabled) {
+                                            return;
+                                        }
+                                        modelData.selectedNonTrigger = false;
+                                        instance?.change(null, true);
                                     },
                                 },
                             },
@@ -8927,6 +8961,7 @@ class SelectBox extends Lifecycle {
             return;
         this.options.readonly = value;
         this.node.classList.toggle("readonly", value);
+        this.node.dataset["readonly"] = String(!!value);
     }
     /**
      * Visibility state mirror.
@@ -9124,8 +9159,10 @@ class SelectBox extends Lifecycle {
         Refresher.resizeBox(select, container.tags.ViewPanel);
         Refresher.resizeBox(select, this.node, true);
         select.classList.add("init");
-        // initial mask
         const action = this.getAction();
+        container.accessorybox.internalInstance = action;
+        this.oldValue = action.value;
+        // initial mask
         action?.change?.(null, false);
         if (this.options.preload) {
             action?.load?.();
@@ -10739,7 +10776,7 @@ const SECLASS = new Selective();
  *
  * Declared as `const` literal type to enable strict typing and easy tree-shaking.
  */
-const version = "1.4.3";
+const version = "1.4.4";
 /**
  * Library name identifier.
  *