makeup-listbox-button - npm Package Compare versions

Comparing version 0.1.1 to 0.2.0

dist/index.js

@@ -24,3 +24,6 @@ "use strict";
   customElementMode: false,
-  listboxSelector: '.listbox-button__listbox'
+  listboxSelector: '.listbox-button__listbox',
+  floatingLabelSelector: '.expand-btn__floating-label',
+  floatingLabelInline: 'expand-btn__floating-label--inline',
+  floatingLabelAnimate: 'expand-btn__floating-label--animate'
 };
@@ -38,2 +41,3 @@
     this._buttonLabelEl = widgetEl.querySelector(this._options.buttonLabelSelector);
+    this._buttonFloatingLabelEl = widgetEl.querySelector(this._options.floatingLabelSelector);
     this._buttonPrefix = (_this$_buttonEl$datas = this._buttonEl.dataset) === null || _this$_buttonEl$datas === void 0 ? void 0 : _this$_buttonEl$datas.listboxButtonPrefix;
@@ -69,2 +73,8 @@ this.listbox = new Listbox(this.el.querySelector(this._options.listboxSelector), {
     }
+
+    if (this._buttonFloatingLabelEl) {
+      if (!this._buttonLabelEl.innerText) {
+        this._buttonFloatingLabelEl.classList.add(this._options.floatingLabelInline);
+      }
+    }
   }
@@ -172,2 +182,12 @@
 
+  if (this._buttonFloatingLabelEl) {
+    if (toValue) {
+      this._buttonFloatingLabelEl.classList.add(this._options.floatingLabelAnimate);
+
+      this._buttonFloatingLabelEl.classList.remove(this._options.floatingLabelInline);
+    } else {
+      this._buttonFloatingLabelEl.classList.add(this._options.floatingLabelInline);
+    }
+  }
+
   this.el.dispatchEvent(new CustomEvent('makeup-listbox-button-change', {
@@ -174,0 +194,0 @@ detail: {

package-lock.json

 {
 	"name": "makeup-listbox-button",
-	"version": "0.1.1",
+	"version": "0.2.0",
 	"lockfileVersion": 1,
@@ -5,0 +5,0 @@ "requires": true,

package.json

 {
   "name": "makeup-listbox-button",
   "description": "A JavaScript class representing an ARIA listbox button",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "main": "dist/index.js",
@@ -6,0 +6,0 @@ "repository": "https://github.com/makeup-js/makeup-js/tree/master/packages/makeup-listbox-button",

No alert changes

Improved metrics

Total package byte prevSize

15229

increased by5.52%

Lines of code

270

increased by6.72%

No dependency changes