@melodicdev/components 1.0.14 → 1.0.15

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.
Files changed (9) hide show
  1. package/assets/melodic-components.js +13 -4
  2. package/assets/melodic-components.js.map +1 -1
  3. package/assets/melodic-components.min.js +7 -6
  4. package/lib/components/overlays/dialog/dialog-ref.class.d.ts +2 -1
  5. package/lib/components/overlays/dialog/dialog-ref.class.d.ts.map +1 -1
  6. package/lib/components/overlays/dialog/dialog-ref.class.js +7 -0
  7. package/lib/components/overlays/dialog/dialog.component.d.ts.map +1 -1
  8. package/lib/components/overlays/dialog/dialog.component.js +6 -3
  9. package/package.json +1 -1
package/assets/melodic-components.min.js CHANGED
@@ -16709,6 +16709,9 @@ var Bi = class {
16709
16709
  constructor(e, t) {
16710
16710
  this._dialogID = e, this._dialogEl = t, this._afterOpenedCallback = null, this._afterClosedCallback = null, this._disableClose = !1, this._handleCancel = this.onCancel.bind(this), this._handleBackdropClick = this.onBackdropClick.bind(this), this._dialogEl.addEventListener("cancel", this._handleCancel), this._dialogEl.addEventListener("click", this._handleBackdropClick);
16711
16711
  }
16712
+ updateDialogElement(e) {
16713
+ this._dialogEl.removeEventListener("cancel", this._handleCancel), this._dialogEl.removeEventListener("click", this._handleBackdropClick), this._dialogEl = e, this._dialogEl.addEventListener("cancel", this._handleCancel), this._dialogEl.addEventListener("click", this._handleBackdropClick);
16714
+ }
16712
16715
  get dialogID() {
16713
16716
  return this._dialogID;
16714
16717
  }
@@ -16815,17 +16818,15 @@ var nr, Re = class {
16815
16818
  registerDialog() {
16816
16819
  if (this._registered) return;
16817
16820
  const t = this.elementRef.shadowRoot?.querySelector("dialog");
16818
- if (!t) {
16819
- console.warn(`[ml-dialog] registerDialog failed: <dialog> not found in shadow root for #${this.createDialogID()}. elementRef:`, this.elementRef, "shadowRoot:", this.elementRef.shadowRoot, "shadowRoot children:", this.elementRef.shadowRoot?.children);
16820
- return;
16821
- }
16822
- this._dialogEl = t, this._dialogID = this.createDialogID(), this._dialogEl.id = this._dialogID, this._dialogRef = this._dialogService.addDialog(this._dialogID, this._dialogEl), this._registered = !0;
16821
+ t && (this._dialogEl = t, this._dialogID = this.createDialogID(), this._dialogEl.id = this._dialogID, this._dialogRef = this._dialogService.addDialog(this._dialogID, this._dialogEl), this._registered = !0);
16823
16822
  }
16824
16823
  onDestroy() {
16825
16824
  this._dialogService.removeDialog(this._dialogID);
16826
16825
  }
16827
16826
  open() {
16828
- this.registerDialog(), this._dialogRef.open();
16827
+ this.registerDialog();
16828
+ const t = this.elementRef.shadowRoot?.querySelector("dialog");
16829
+ t && t !== this._dialogEl && (this._dialogEl = t, this._dialogRef.updateDialogElement(t)), this._dialogRef.open();
16829
16830
  }
16830
16831
  close(t) {
16831
16832
  this._dialogRef.close(t);
package/lib/components/overlays/dialog/dialog-ref.class.d.ts CHANGED
@@ -2,7 +2,7 @@ import type { UniqueID } from '../../../functions';
2
2
  import type { IDialogConfig } from './dialog-config.interface';
3
3
  export declare class DialogRef<TResult = unknown, TData = unknown> {
4
4
  private readonly _dialogID;
5
- private readonly _dialogEl;
5
+ private _dialogEl;
6
6
  private _afterOpenedCallback;
7
7
  private _afterClosedCallback;
8
8
  private _data;
@@ -10,6 +10,7 @@ export declare class DialogRef<TResult = unknown, TData = unknown> {
10
10
  private readonly _handleCancel;
11
11
  private readonly _handleBackdropClick;
12
12
  constructor(_dialogID: UniqueID, _dialogEl: HTMLDialogElement);
13
+ updateDialogElement(dialogEl: HTMLDialogElement): void;
13
14
  get dialogID(): UniqueID;
14
15
  get data(): TData | undefined;
15
16
  get disableClose(): boolean;
package/lib/components/overlays/dialog/dialog-ref.class.d.ts.map CHANGED
@@ -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,IAAI,QAAQ,IAAI,QAAQ,CAEvB;IAED,IAAI,IAAI,IAAI,KAAK,GAAG,SAAS,CAE5B;IAED,IAAI,YAAY,IAAI,OAAO,CAE1B;IAED,WAAW,CAAC,MAAM,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,IAAI;IAyB/C,IAAI,IAAI,IAAI;IAKZ,KAAK,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI;IAK7B,WAAW,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI;IAIvC,WAAW,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,KAAK,IAAI,GAAG,IAAI;IAIlE,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,eAAe;CAKvB"}
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,SAAS;IATlB,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,EAC5B,SAAS,EAAE,iBAAiB;IAMrC,mBAAmB,CAAC,QAAQ,EAAE,iBAAiB,GAAG,IAAI;IAUtD,IAAI,QAAQ,IAAI,QAAQ,CAEvB;IAED,IAAI,IAAI,IAAI,KAAK,GAAG,SAAS,CAE5B;IAED,IAAI,YAAY,IAAI,OAAO,CAE1B;IAED,WAAW,CAAC,MAAM,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,IAAI;IAyB/C,IAAI,IAAI,IAAI;IAKZ,KAAK,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI;IAK7B,WAAW,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,IAAI;IAIvC,WAAW,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,GAAG,SAAS,KAAK,IAAI,GAAG,IAAI;IAIlE,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,eAAe;CAKvB"}
package/lib/components/overlays/dialog/dialog-ref.class.js CHANGED
@@ -10,6 +10,13 @@ export class DialogRef {
10
10
  this._dialogEl.addEventListener('cancel', this._handleCancel);
11
11
  this._dialogEl.addEventListener('click', this._handleBackdropClick);
12
12
  }
13
+ updateDialogElement(dialogEl) {
14
+ this._dialogEl.removeEventListener('cancel', this._handleCancel);
15
+ this._dialogEl.removeEventListener('click', this._handleBackdropClick);
16
+ this._dialogEl = dialogEl;
17
+ this._dialogEl.addEventListener('cancel', this._handleCancel);
18
+ this._dialogEl.addEventListener('click', this._handleBackdropClick);
19
+ }
13
20
  get dialogID() {
14
21
  return this._dialogID;
15
22
  }
package/lib/components/overlays/dialog/dialog.component.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.component.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/dialog/dialog.component.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAKzE,qBAMa,eAAgB,YAAW,WAAW,EAAE,QAAQ,EAAE,SAAS;IAChE,UAAU,EAAG,WAAW,CAAC;IAGhC,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAiB;IAEhD,OAAO,CAAC,SAAS,CAAqB;IACtC,OAAO,CAAC,SAAS,CAAqB;IACtC,OAAO,CAAC,UAAU,CAAa;IAC/B,OAAO,CAAC,WAAW,CAAS;IAE5B,QAAQ,IAAI,IAAI;IAIhB,OAAO,CAAC,cAAc;IAgBtB,SAAS,IAAI,IAAI;IAIjB,IAAI,IAAI,IAAI;IAKZ,KAAK,CAAC,CAAC,GAAG,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC,GAAG,IAAI;IAIpC,OAAO,CAAC,cAAc;CAQtB"}
1
+ {"version":3,"file":"dialog.component.d.ts","sourceRoot":"","sources":["../../../../src/components/overlays/dialog/dialog.component.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAKzE,qBAMa,eAAgB,YAAW,WAAW,EAAE,QAAQ,EAAE,SAAS;IAChE,UAAU,EAAG,WAAW,CAAC;IAGhC,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAiB;IAEhD,OAAO,CAAC,SAAS,CAAqB;IACtC,OAAO,CAAC,SAAS,CAAqB;IACtC,OAAO,CAAC,UAAU,CAAa;IAC/B,OAAO,CAAC,WAAW,CAAS;IAE5B,QAAQ,IAAI,IAAI;IAIhB,OAAO,CAAC,cAAc;IAatB,SAAS,IAAI,IAAI;IAIjB,IAAI,IAAI,IAAI;IAaZ,KAAK,CAAC,CAAC,GAAG,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC,GAAG,IAAI;IAIpC,OAAO,CAAC,cAAc;CAQtB"}
package/lib/components/overlays/dialog/dialog.component.js CHANGED
@@ -24,10 +24,8 @@ let DialogComponent = class DialogComponent {
24
24
  if (this._registered)
25
25
  return;
26
26
  const dialogEl = this.elementRef.shadowRoot?.querySelector('dialog');
27
- if (!dialogEl) {
28
- console.warn(`[ml-dialog] registerDialog failed: <dialog> not found in shadow root for #${this.createDialogID()}. elementRef:`, this.elementRef, 'shadowRoot:', this.elementRef.shadowRoot, 'shadowRoot children:', this.elementRef.shadowRoot?.children);
27
+ if (!dialogEl)
29
28
  return;
30
- }
31
29
  this._dialogEl = dialogEl;
32
30
  this._dialogID = this.createDialogID();
33
31
  this._dialogEl.id = this._dialogID;
@@ -39,6 +37,11 @@ let DialogComponent = class DialogComponent {
39
37
  }
40
38
  open() {
41
39
  this.registerDialog();
40
+ const dialogEl = this.elementRef.shadowRoot?.querySelector('dialog');
41
+ if (dialogEl && dialogEl !== this._dialogEl) {
42
+ this._dialogEl = dialogEl;
43
+ this._dialogRef.updateDialogElement(dialogEl);
44
+ }
42
45
  this._dialogRef.open();
43
46
  }
44
47
  close(result) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@melodicdev/components",
3
- "version": "1.0.14",
3
+ "version": "1.0.15",
4
4
  "description": "Themeable UI component library built on the Melodic Framework",
5
5
  "license": "MIT",
6
6
  "author": "Melodic Development",