@wavelengthusaf/web-components 1.5.0 → 1.6.0

package/README.md

@@ -14,6 +14,11 @@ npm install @wavelengthusaf/web-components
 
 ## Release Notes
 
+### 1.6.0
+
+- 2/24/2026
+- Added disabled attribute to multi-select-autocomplete
+
 ### 1.2.0
 
 - 12/4/2025

package/dist/cjs/index.cjs

@@ -4135,6 +4135,10 @@ template3.innerHTML = `
       font-family: Inter, sans-serif;
       font-size: 14px;
     }
+    
+    .disabled {
+    pointer-events: none;
+    }
 
     .multi-select-input-wrapper {
       display: flex;
@@ -4331,6 +4335,8 @@ template3.innerHTML = `
     .multi-select-arrow:hover {
       background-color: #f3eeee;
     }
+    
+    .click-disbl
   </style>
 
   <div class="multi-select-container" part="multi-select-container">
@@ -4404,7 +4410,7 @@ var BaseWavelengthMultiSelectAutocomplete = class extends HTMLElement {
   }
   // Define which attributes to observe for changes
   static get observedAttributes() {
-    return ["name", "placeholder", "label", "options"];
+    return ["name", "placeholder", "label", "options", "disabled"];
   }
   // React to attribute changes
   attributeChangedCallback(name, oldValue, newValue) {
@@ -4421,6 +4427,9 @@ var BaseWavelengthMultiSelectAutocomplete = class extends HTMLElement {
     } else if (name === "options") {
       this._options = JSON.parse(newValue);
       this.render();
+    } else if (name === "disabled") {
+      this._input.disabled = newValue.toLowerCase() === "true";
+      this._container.classList.add("disabled");
     }
   }
   // Fired when the component is added to the DOM

package/dist/esm/index.js

@@ -4135,6 +4135,10 @@ template3.innerHTML = `
       font-family: Inter, sans-serif;
       font-size: 14px;
     }
+    
+    .disabled {
+    pointer-events: none;
+    }
 
     .multi-select-input-wrapper {
       display: flex;
@@ -4331,6 +4335,8 @@ template3.innerHTML = `
     .multi-select-arrow:hover {
       background-color: #f3eeee;
     }
+    
+    .click-disbl
   </style>
 
   <div class="multi-select-container" part="multi-select-container">
@@ -4404,7 +4410,7 @@ var BaseWavelengthMultiSelectAutocomplete = class extends HTMLElement {
   }
   // Define which attributes to observe for changes
   static get observedAttributes() {
-    return ["name", "placeholder", "label", "options"];
+    return ["name", "placeholder", "label", "options", "disabled"];
   }
   // React to attribute changes
   attributeChangedCallback(name, oldValue, newValue) {
@@ -4421,6 +4427,9 @@ var BaseWavelengthMultiSelectAutocomplete = class extends HTMLElement {
     } else if (name === "options") {
       this._options = JSON.parse(newValue);
       this.render();
+    } else if (name === "disabled") {
+      this._input.disabled = newValue.toLowerCase() === "true";
+      this._container.classList.add("disabled");
     }
   }
   // Fired when the component is added to the DOM

package/package.json

@@ -2,7 +2,7 @@
   "name": "@wavelengthusaf/web-components",
   "author": "563 EWS - Wavelength",
   "license": "MIT",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "description": "Common component library used by Wavelength developers (NATIVE WEB COMPONENTS)",
   "main": "/dist/cjs/index.cjs",
   "module": "/dist/esm/index.js",