@melodicdev/components 1.6.4 → 1.6.6

package/lib/components/forms/autocomplete/autocomplete.component.d.ts

@@ -57,6 +57,8 @@ export declare class AutocompleteComponent implements IElementRef, OnCreate, OnD
     debounce: number;
     /** Min chars before searching (0 = show on focus) */
     minChars: number;
+    /** Open the dropdown when the input gains focus */
+    openOnFocus: boolean;
     /** Show search icon */
     showIcon: boolean;
     /** Current search query */

package/lib/components/forms/autocomplete/autocomplete.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.component.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/autocomplete/autocomplete.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"autocomplete.component.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/autocomplete/autocomplete.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEzE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAoBxF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,qBAMa,qBAAsB,YAAW,WAAW,EAAE,QAAQ,EAAE,SAAS;IACtE,UAAU,EAAG,WAAW,CAAC;IAEhC,iBAAiB;IACV,KAAK,SAAM;IAElB,uBAAuB;IAChB,WAAW,SAAY;IAE9B,kCAAkC;IAC3B,IAAI,SAAM;IAEjB,iDAAiD;IAC1C,KAAK,SAAM;IAElB,qBAAqB;IACd,IAAI,EAAE,IAAI,CAAQ;IAEzB,4BAA4B;IACrB,QAAQ,UAAS;IAExB,uBAAuB;IAChB,QAAQ,UAAS;IAExB,+BAA+B;IACxB,QAAQ,UAAS;IAExB,6CAA6C;IACtC,KAAK,SAAM;IAElB,6CAA6C;IACtC,MAAM,EAAE,MAAM,EAAE,CAAM;IAE7B,0BAA0B;IACnB,OAAO,EAAE,kBAAkB,EAAE,CAAM;IAE1C,4BAA4B;IACrB,QAAQ,EAAE,oBAAoB,GAAG,IAAI,CAAQ;IAEpD,mCAAmC;IAC5B,QAAQ,SAAO;IAEtB,qDAAqD;IAC9C,QAAQ,SAAK;IAEpB,mDAAmD;IAC5C,WAAW,UAAQ;IAE1B,uBAAuB;IAChB,QAAQ,UAAQ;IAEvB,2BAA2B;IACpB,MAAM,SAAM;IAEnB,+BAA+B;IACxB,MAAM,UAAS;IAEtB,qCAAqC;IAC9B,YAAY,SAAM;IAEzB,qCAAqC;IAC9B,OAAO,UAAS;IAEvB,6BAA6B;IACtB,YAAY,EAAE,kBAAkB,EAAE,CAAM;IAE/C,4EAA4E;IACrE,aAAa,EAAE,kBAAkB,GAAG,IAAI,CAAQ;IAEvD,8EAA8E;IACvE,cAAc,EAAE,kBAAkB,EAAE,CAAM;IAEjD,OAAO,CAAC,QAAQ,CAAC,cAAc,CAA6B;IAC5D,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAmC;IACxE,OAAO,CAAC,aAAa,CAAyC;IAC9D,OAAO,CAAC,cAAc,CAA8C;IACpE,OAAO,CAAC,cAAc,CAAS;IAExB,QAAQ,IAAI,IAAI;IAIhB,SAAS,IAAI,IAAI;IASjB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAkD3C,4CAA4C;IAC5C,IAAW,cAAc,IAAI,kBAAkB,GAAG,SAAS,CAI1D;IAED,wCAAwC;IACxC,IAAW,eAAe,IAAI,kBAAkB,EAAE,CAUjD;IAED,8CAA8C;IAC9C,IAAW,UAAU,IAAI,kBAAkB,EAAE,CAE5C;IAED,mCAAmC;IACnC,IAAW,eAAe,IAAI,kBAAkB,EAAE,CAcjD;IAED,IAAW,QAAQ,IAAI,OAAO,CAE7B;IAED,gDAAgD;IAChD,IAAW,WAAW,IAAI,MAAM,CAG/B;IAED,wBAAwB;IACjB,IAAI,QAAO,IAAI,CAiBpB;IAEF,yBAAyB;IAClB,KAAK,QAAO,IAAI,CAYrB;IAEF,uBAAuB;IAChB,YAAY,GAAI,QAAQ,kBAAkB,KAAG,IAAI,CAmBtD;IAEF,6BAA6B;IACtB,iBAAiB,GAAI,OAAO,KAAK,EAAE,QAAQ,kBAAkB,KAAG,IAAI,CAGzE;IAEF,2BAA2B;IACpB,WAAW,GAAI,OAAO,KAAK,KAAG,IAAI,CAuCvC;IAEF,yBAAyB;IAClB,WAAW,QAAO,IAAI,CAY3B;IAEF,yBAAyB;IAClB,gBAAgB,GAAI,OAAO,KAAK,KAAG,IAAI,CAQ5C;IAEF,sCAAsC;IAC/B,eAAe,GAAI,OAAO,KAAK,EAAE,OAAO,MAAM,KAAG,IAAI,CAY1D;IAEF,4CAA4C;IACrC,WAAW,GAAI,OAAO,KAAK,KAAG,IAAI,CAiBvC;IAEF,OAAO,CAAC,YAAY;IAkBpB,OAAO,CAAC,eAAe;YAST,aAAa;IAY3B,qDAAqD;IACrD,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,2BAA2B;IAInC,OAAO,CAAC,gBAAgB;IAgBxB,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,SAAS;IA0DjB,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,cAAc;CAOtB"}

package/lib/components/forms/autocomplete/autocomplete.component.js

@@ -81,6 +81,8 @@ let AutocompleteComponent = class AutocompleteComponent {
         this.debounce = 300;
         /** Min chars before searching (0 = show on focus) */
         this.minChars = 0;
+        /** Open the dropdown when the input gains focus */
+        this.openOnFocus = true;
         /** Show search icon */
         this.showIcon = true;
         /** Current search query */
@@ -188,6 +190,8 @@ let AutocompleteComponent = class AutocompleteComponent {
         this.handleFocus = () => {
             if (this.disabled)
                 return;
+            if (!this.openOnFocus)
+                return;
             if (this.minChars === 0) {
                 if (this.searchFn && this.asyncOptions.length === 0) {
                     this.debouncedSearch('');
@@ -513,7 +517,7 @@ AutocompleteComponent = __decorate([
         selector: 'ml-autocomplete',
         template: autocompleteTemplate,
         styles: autocompleteStyles,
-        attributes: ['label', 'placeholder', 'hint', 'error', 'size', 'disabled', 'required', 'value', 'multiple']
+        attributes: ['label', 'placeholder', 'hint', 'error', 'size', 'disabled', 'required', 'value', 'multiple', 'open-on-focus']
     })
 ], AutocompleteComponent);
 export { AutocompleteComponent };

package/lib/components/forms/button-group/button-group.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.component.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/button-group/button-group.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACzE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAIpD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBAMa,oBAAqB,YAAW,WAAW,EAAE,QAAQ,EAAE,SAAS;IACrE,UAAU,EAAG,WAAW,CAAC;IAEhC,uDAAuD;IAChD,KAAK,SAAM;IAElB,sEAAsE;IAC/D,OAAO,EAAE,SAAS,GAAG,OAAO,CAAa;IAEhD,mBAAmB;IACZ,IAAI,EAAE,IAAI,CAAQ;IAEzB,+BAA+B;IACxB,QAAQ,UAAS;IAExB,gCAAgC;IACzB,QAAQ,UAAS;IAExB,sCAAsC;IAC/B,MAAM,EAAE,MAAM,EAAE,CAAM;IAEtB,QAAQ,IAAI,IAAI;IAKhB,SAAS,IAAI,IAAI;IAIxB,gDAAgD;IACzC,gBAAgB,QAAO,IAAI,CAEhC;IAEF,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CA8B/B;IAEF,OAAO,CAAC,SAAS;CAYjB"}
+{"version":3,"file":"button-group.component.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/button-group/button-group.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEzE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAmBpD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,qBAMa,oBAAqB,YAAW,WAAW,EAAE,QAAQ,EAAE,SAAS;IACrE,UAAU,EAAG,WAAW,CAAC;IAEhC,uDAAuD;IAChD,KAAK,SAAM;IAElB,sEAAsE;IAC/D,OAAO,EAAE,SAAS,GAAG,OAAO,CAAa;IAEhD,mBAAmB;IACZ,IAAI,EAAE,IAAI,CAAQ;IAEzB,+BAA+B;IACxB,QAAQ,UAAS;IAExB,gCAAgC;IACzB,QAAQ,UAAS;IAExB,sCAAsC;IAC/B,MAAM,EAAE,MAAM,EAAE,CAAM;IAEtB,QAAQ,IAAI,IAAI;IAKhB,SAAS,IAAI,IAAI;IAIxB,gDAAgD;IACzC,gBAAgB,QAAO,IAAI,CAEhC;IAEF,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CA8B/B;IAEF,OAAO,CAAC,SAAS;CAYjB"}

package/lib/components/forms/button-group/button-group.component.js

@@ -5,8 +5,25 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { MelodicComponent } from '@melodicdev/core';
+import { registerAdapter } from '@melodicdev/core/forms';
 import { buttonGroupTemplate } from './button-group.template.js';
 import { buttonGroupStyles } from './button-group.styles.js';
+registerAdapter((el) => el.tagName === 'ML-BUTTON-GROUP', {
+    inputEvent: 'ml:change',
+    blurEvent: 'focusout',
+    getValue: (el) => {
+        const e = el;
+        return e.multiple ? (e.values ?? []) : (e.value ?? '');
+    },
+    setValue: (el, value) => {
+        const e = el;
+        if (Array.isArray(value))
+            e.values = value;
+        else
+            e.value = value !== null && value !== undefined ? String(value) : '';
+    },
+    setDisabled: (el, disabled) => { el.disabled = disabled; }
+});
 /**
  * ml-button-group - A group of connected toggle buttons
  *

package/lib/components/forms/date-picker/date-picker.component.js

@@ -10,7 +10,7 @@ import { computePosition, autoUpdate, offset, flip, shift } from '../../../utils
 import { datePickerTemplate } from './date-picker.template.js';
 import { datePickerStyles } from './date-picker.styles.js';
 registerAdapter((el) => el.tagName === 'ML-DATE-PICKER', {
-    inputEvent: 'ml:select',
+    inputEvent: 'ml:change',
     blurEvent: 'focusout',
     getValue: (el) => el.value ?? '',
     setValue: (el, value) => { el.value = value !== null && value !== undefined ? String(value) : ''; },

package/lib/components/forms/radio-card-group/radio-card-group.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-card-group.component.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/radio-card-group/radio-card-group.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIzE;;;;;;;;;;;;GAYG;AACH,qBAMa,uBAAwB,YAAW,WAAW,EAAE,QAAQ,EAAE,SAAS;IACxE,UAAU,EAAG,WAAW,CAAC;IAEhC,+BAA+B;IACxB,KAAK,SAAM;IAElB,kBAAkB;IACX,KAAK,SAAM;IAElB,gBAAgB;IACT,IAAI,SAAM;IAEjB,oBAAoB;IACb,KAAK,SAAM;IAElB,yBAAyB;IAClB,WAAW,EAAE,UAAU,GAAG,YAAY,CAAc;IAE3D,qBAAqB;IACd,QAAQ,UAAS;IAExB,qBAAqB;IACd,QAAQ,UAAS;IAEjB,QAAQ,IAAI,IAAI;IAKhB,SAAS,IAAI,IAAI;IAIjB,gBAAgB,QAAO,IAAI,CAEhC;IAEF,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAYhC;IAEF,OAAO,CAAC,SAAS;CAoBjB"}
+{"version":3,"file":"radio-card-group.component.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/radio-card-group/radio-card-group.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAazE;;;;;;;;;;;;GAYG;AACH,qBAMa,uBAAwB,YAAW,WAAW,EAAE,QAAQ,EAAE,SAAS;IACxE,UAAU,EAAG,WAAW,CAAC;IAEhC,+BAA+B;IACxB,KAAK,SAAM;IAElB,kBAAkB;IACX,KAAK,SAAM;IAElB,gBAAgB;IACT,IAAI,SAAM;IAEjB,oBAAoB;IACb,KAAK,SAAM;IAElB,yBAAyB;IAClB,WAAW,EAAE,UAAU,GAAG,YAAY,CAAc;IAE3D,qBAAqB;IACd,QAAQ,UAAS;IAExB,qBAAqB;IACd,QAAQ,UAAS;IAEjB,QAAQ,IAAI,IAAI;IAKhB,SAAS,IAAI,IAAI;IAIjB,gBAAgB,QAAO,IAAI,CAEhC;IAEF,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAYhC;IAEF,OAAO,CAAC,SAAS;CAoBjB"}

package/lib/components/forms/radio-card-group/radio-card-group.component.js

@@ -5,8 +5,16 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { MelodicComponent } from '@melodicdev/core';
+import { registerAdapter } from '@melodicdev/core/forms';
 import { radioCardGroupTemplate } from './radio-card-group.template.js';
 import { radioCardGroupStyles } from './radio-card-group.styles.js';
+registerAdapter((el) => el.tagName === 'ML-RADIO-CARD-GROUP', {
+    inputEvent: 'ml:change',
+    blurEvent: 'focusout',
+    getValue: (el) => el.value ?? '',
+    setValue: (el, value) => { el.value = value !== null && value !== undefined ? String(value) : ''; },
+    setDisabled: (el, disabled) => { el.disabled = disabled; }
+});
 /**
  * ml-radio-card-group - A group of selectable card-style radio options
  *

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@melodicdev/components",
-	"version": "1.6.4",
+	"version": "1.6.6",
 	"description": "Themeable UI component library built on the Melodic Framework",
 	"license": "MIT",
 	"author": "Melodic Development",