@melodicdev/components 1.6.5 → 1.6.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/melodic-components.js +133 -14
- package/assets/melodic-components.js.map +1 -1
- package/assets/melodic-components.min.js +1653 -1520
- package/lib/components/forms/button-group/button-group.component.d.ts.map +1 -1
- package/lib/components/forms/button-group/button-group.component.js +17 -0
- package/lib/components/forms/date-picker/date-picker.component.js +1 -1
- package/lib/components/forms/radio-card-group/radio-card-group.component.d.ts.map +1 -1
- package/lib/components/forms/radio-card-group/radio-card-group.component.js +8 -0
- package/package.json +1 -1
|
@@ -1 +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;
|
|
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;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"}
|
|
@@ -5,8 +5,25 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
7
|
import { MelodicComponent } from '@melodicdev/core';
|
|
8
|
+
import { registerAdapter } from '@melodicdev/core/forms';
|
|
8
9
|
import { buttonGroupTemplate } from './button-group.template.js';
|
|
9
10
|
import { buttonGroupStyles } from './button-group.styles.js';
|
|
11
|
+
registerAdapter((el) => el.tagName === 'ML-BUTTON-GROUP', {
|
|
12
|
+
inputEvent: 'ml:change',
|
|
13
|
+
blurEvent: 'focusout',
|
|
14
|
+
getValue: (el) => {
|
|
15
|
+
const e = el;
|
|
16
|
+
return e.multiple ? (e.values ?? []) : (e.value ?? '');
|
|
17
|
+
},
|
|
18
|
+
setValue: (el, value) => {
|
|
19
|
+
const e = el;
|
|
20
|
+
if (Array.isArray(value))
|
|
21
|
+
e.values = value;
|
|
22
|
+
else
|
|
23
|
+
e.value = value !== null && value !== undefined ? String(value) : '';
|
|
24
|
+
},
|
|
25
|
+
setDisabled: (el, disabled) => { el.disabled = disabled; }
|
|
26
|
+
});
|
|
10
27
|
/**
|
|
11
28
|
* ml-button-group - A group of connected toggle buttons
|
|
12
29
|
*
|
|
@@ -10,7 +10,7 @@ import { computePosition, autoUpdate, offset, flip, shift } from '../../../utils
|
|
|
10
10
|
import { datePickerTemplate } from './date-picker.template.js';
|
|
11
11
|
import { datePickerStyles } from './date-picker.styles.js';
|
|
12
12
|
registerAdapter((el) => el.tagName === 'ML-DATE-PICKER', {
|
|
13
|
-
inputEvent: 'ml:
|
|
13
|
+
inputEvent: 'ml:change',
|
|
14
14
|
blurEvent: 'focusout',
|
|
15
15
|
getValue: (el) => el.value ?? '',
|
|
16
16
|
setValue: (el, value) => { el.value = value !== null && value !== undefined ? String(value) : ''; },
|
|
@@ -1 +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;
|
|
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;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"}
|
|
@@ -5,8 +5,16 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
7
|
import { MelodicComponent } from '@melodicdev/core';
|
|
8
|
+
import { registerAdapter } from '@melodicdev/core/forms';
|
|
8
9
|
import { radioCardGroupTemplate } from './radio-card-group.template.js';
|
|
9
10
|
import { radioCardGroupStyles } from './radio-card-group.styles.js';
|
|
11
|
+
registerAdapter((el) => el.tagName === 'ML-RADIO-CARD-GROUP', {
|
|
12
|
+
inputEvent: 'ml:change',
|
|
13
|
+
blurEvent: 'focusout',
|
|
14
|
+
getValue: (el) => el.value ?? '',
|
|
15
|
+
setValue: (el, value) => { el.value = value !== null && value !== undefined ? String(value) : ''; },
|
|
16
|
+
setDisabled: (el, disabled) => { el.disabled = disabled; }
|
|
17
|
+
});
|
|
10
18
|
/**
|
|
11
19
|
* ml-radio-card-group - A group of selectable card-style radio options
|
|
12
20
|
*
|