@melodicdev/components 1.6.5 → 1.6.7
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 +142 -14
- package/assets/melodic-components.js.map +1 -1
- package/assets/melodic-components.min.js +1665 -1523
- 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/lib/components/overlays/dialog/dialog-ref.class.d.ts +1 -0
- package/lib/components/overlays/dialog/dialog-ref.class.d.ts.map +1 -1
- package/lib/components/overlays/dialog/dialog-ref.class.js +17 -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
|
*
|
|
@@ -20,5 +20,6 @@ export declare class DialogRef<TResult = unknown, TData = unknown> {
|
|
|
20
20
|
afterClosed(callback: (result: TResult | undefined) => void): void;
|
|
21
21
|
private onCancel;
|
|
22
22
|
private onBackdropClick;
|
|
23
|
+
private _dismissDescendantPopovers;
|
|
23
24
|
}
|
|
24
25
|
//# sourceMappingURL=dialog-ref.class.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog-ref.class.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/dialog/dialog-ref.class.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,qBAAa,SAAS,CAAC,OAAO,GAAG,OAAO,EAAE,KAAK,GAAG,OAAO;IASvD,OAAO,CAAC,QAAQ,CAAC,SAAS;IAC1B,OAAO,CAAC,QAAQ,CAAC,SAAS;IAT3B,OAAO,CAAC,oBAAoB,CAA6B;IACzD,OAAO,CAAC,oBAAoB,CAAwD;IACpF,OAAO,CAAC,KAAK,CAAoB;IACjC,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA4B;IAC1D,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAmC;gBAGtD,SAAS,EAAE,QAAQ,EACnB,SAAS,EAAE,iBAAiB;IAM9C,IAAW,QAAQ,IAAI,QAAQ,CAE9B;IAED,IAAW,IAAI,IAAI,KAAK,GAAG,SAAS,CAEnC;IAED,IAAW,YAAY,IAAI,OAAO,CAEjC;IAEM,WAAW,CAAC,MAAM,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,IAAI;IAyB/C,IAAI,IAAI,IAAI;IAKZ,KAAK,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI;
|
|
1
|
+
{"version":3,"file":"dialog-ref.class.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/dialog/dialog-ref.class.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,qBAAa,SAAS,CAAC,OAAO,GAAG,OAAO,EAAE,KAAK,GAAG,OAAO;IASvD,OAAO,CAAC,QAAQ,CAAC,SAAS;IAC1B,OAAO,CAAC,QAAQ,CAAC,SAAS;IAT3B,OAAO,CAAC,oBAAoB,CAA6B;IACzD,OAAO,CAAC,oBAAoB,CAAwD;IACpF,OAAO,CAAC,KAAK,CAAoB;IACjC,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,QAAQ,CAAC,aAAa,CAA4B;IAC1D,OAAO,CAAC,QAAQ,CAAC,oBAAoB,CAAmC;gBAGtD,SAAS,EAAE,QAAQ,EACnB,SAAS,EAAE,iBAAiB;IAM9C,IAAW,QAAQ,IAAI,QAAQ,CAE9B;IAED,IAAW,IAAI,IAAI,KAAK,GAAG,SAAS,CAEnC;IAED,IAAW,YAAY,IAAI,OAAO,CAEjC;IAEM,WAAW,CAAC,MAAM,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,IAAI;IAyB/C,IAAI,IAAI,IAAI;IAKZ,KAAK,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI;IAM7B,WAAW,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI;IAIvC,WAAW,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,KAAK,IAAI,GAAG,IAAI;IAIzE,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,0BAA0B;CAelC"}
|
|
@@ -43,6 +43,7 @@ export class DialogRef {
|
|
|
43
43
|
this._afterOpenedCallback?.();
|
|
44
44
|
}
|
|
45
45
|
close(result) {
|
|
46
|
+
this._dismissDescendantPopovers(this._dialogEl);
|
|
46
47
|
this._dialogEl.close();
|
|
47
48
|
this._afterClosedCallback?.(result);
|
|
48
49
|
}
|
|
@@ -62,4 +63,20 @@ export class DialogRef {
|
|
|
62
63
|
this.close();
|
|
63
64
|
}
|
|
64
65
|
}
|
|
66
|
+
_dismissDescendantPopovers(root) {
|
|
67
|
+
const children = root.querySelectorAll('*');
|
|
68
|
+
children.forEach((el) => {
|
|
69
|
+
if (el.hasAttribute('popover')) {
|
|
70
|
+
try {
|
|
71
|
+
el.hidePopover();
|
|
72
|
+
}
|
|
73
|
+
catch {
|
|
74
|
+
// Not currently in the top layer — safe to ignore
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
if (el.shadowRoot) {
|
|
78
|
+
this._dismissDescendantPopovers(el.shadowRoot);
|
|
79
|
+
}
|
|
80
|
+
});
|
|
81
|
+
}
|
|
65
82
|
}
|