@cedx/ui 0.7.0 → 0.9.0

package/Distributable/Components/DialogBox.d.ts

@@ -9,9 +9,9 @@ export interface IDialogButton {
      */
     icon?: string;
     /**
-     * The button label.
+     * The button text.
      */
-    label?: string;
+    text?: string;
     /**
      * The button value.
      */

package/Distributable/Components/DialogBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogBox.d.ts","sourceRoot":"","sources":["../../Sources/Client/Components/DialogBox.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,OAAO,EAAmD,MAAM,eAAe,CAAC;AAG7F,OAAO,EAAC,OAAO,EAA8B,MAAM,eAAe,CAAC;AAEnE;;GAEG;AACH,MAAM,WAAW,aAAa;IAE7B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAE9B;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC;IAEvB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC1B;AAED;;GAEG;AACH,qBAAa,SAAU,SAAQ,WAAW;;IAEzC;;OAEG;IACH,MAAM,CAAC,QAAQ,CAAC,kBAAkB,WAA0D;IAiB5F;;OAEG;;IAeH;;OAEG;IACH,IAAI,IAAI,CAAC,KAAK,EAAE,gBAAgB,EAE/B;IAED;;OAEG;IACH,IAAI,OAAO,IAAI,MAAM,CAEpB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,EAExB;IAED;;OAEG;IACH,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAE1B;IAED;;OAEG;IACH,IAAI,IAAI,IAAI,OAAO,CAElB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO,EAEtB;IAED;;OAEG;IACH,IAAI,MAAM,CAAC,KAAK,EAAE,gBAAgB,EAIjC;IAED;;OAEG;IACH,IAAI,KAAK,IAAI,OAAO,CAEnB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,OAAO,EAEvB;IAED;;OAEG;IACH,IAAI,IAAI,IAAI,OAAO,CAElB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO,EAEtB;IAED;;OAEG;IACH,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED;;OAEG;IACH,IAAI,UAAU,IAAI,OAAO,CAExB;IACD,IAAI,UAAU,CAAC,KAAK,EAAE,OAAO,EAE5B;IAED;;;;;OAKG;IACH,wBAAwB,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,GAAG,IAAI;IAW/F;;;;;;;OAOG;IACH,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,gBAAgB,EAAE,OAAO,GAAE,aAAa,EAAO,GAAG,OAAO,CAAC,MAAM,CAAC;IAoBnH;;;OAGG;IACH,KAAK,CAAC,MAAM,GAAE,MAA0B,GAAG,IAAI;IAK/C;;;;;;OAMG;IACH,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,gBAAgB,GAAG,OAAO,CAAC,MAAM,CAAC;IAOtF;;OAEG;IACH,iBAAiB,IAAI,IAAI;IAKzB;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAI5B;;;;OAIG;IACH,IAAI,CAAC,OAAO,GAAE,cAAc,GAAC,IAAW,GAAG,OAAO,CAAC,MAAM,CAAC;CAgE1D;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,YAAY,EAAE,SAAS,CAAC;KACxB;CACD"}
+{"version":3,"file":"DialogBox.d.ts","sourceRoot":"","sources":["../../Sources/Client/Components/DialogBox.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,KAAK,OAAO,EAAmD,MAAM,eAAe,CAAC;AAG7F,OAAO,EAAC,OAAO,EAA8B,MAAM,eAAe,CAAC;AAEnE;;GAEG;AACH,MAAM,WAAW,aAAa;IAE7B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAE9B;;OAEG;IACH,IAAI,EAAE,gBAAgB,CAAC;IAEvB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC1B;AAED;;GAEG;AACH,qBAAa,SAAU,SAAQ,WAAW;;IAEzC;;OAEG;IACH,MAAM,CAAC,QAAQ,CAAC,kBAAkB,WAA0D;IAiB5F;;OAEG;;IAeH;;OAEG;IACH,IAAI,IAAI,CAAC,KAAK,EAAE,gBAAgB,EAE/B;IAED;;OAEG;IACH,IAAI,OAAO,IAAI,MAAM,CAEpB;IACD,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,EAExB;IAED;;OAEG;IACH,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,KAAK,EAAE,OAAO,EAE1B;IAED;;OAEG;IACH,IAAI,IAAI,IAAI,OAAO,CAElB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO,EAEtB;IAED;;OAEG;IACH,IAAI,MAAM,CAAC,KAAK,EAAE,gBAAgB,EAIjC;IAED;;OAEG;IACH,IAAI,KAAK,IAAI,OAAO,CAEnB;IACD,IAAI,KAAK,CAAC,KAAK,EAAE,OAAO,EAEvB;IAED;;OAEG;IACH,IAAI,IAAI,IAAI,OAAO,CAElB;IACD,IAAI,IAAI,CAAC,KAAK,EAAE,OAAO,EAEtB;IAED;;OAEG;IACH,IAAI,MAAM,IAAI,MAAM,CAEnB;IAED;;OAEG;IACH,IAAI,UAAU,IAAI,OAAO,CAExB;IACD,IAAI,UAAU,CAAC,KAAK,EAAE,OAAO,EAE5B;IAED;;;;;OAKG;IACH,wBAAwB,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,GAAC,IAAI,GAAG,IAAI;IAW/F;;;;;;;OAOG;IACH,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,gBAAgB,EAAE,OAAO,GAAE,aAAa,EAAO,GAAG,OAAO,CAAC,MAAM,CAAC;IAoBnH;;;OAGG;IACH,KAAK,CAAC,MAAM,GAAE,MAA0B,GAAG,IAAI;IAK/C;;;;;;OAMG;IACH,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,gBAAgB,GAAG,OAAO,CAAC,MAAM,CAAC;IAOtF;;OAEG;IACH,iBAAiB,IAAI,IAAI;IAKzB;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAI5B;;;;OAIG;IACH,IAAI,CAAC,OAAO,GAAE,cAAc,GAAC,IAAW,GAAG,OAAO,CAAC,MAAM,CAAC;CAgE1D;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,YAAY,EAAE,SAAS,CAAC;KACxB;CACD"}

package/Distributable/Components/DialogBox.js

@@ -158,10 +158,10 @@ export class DialogBox extends HTMLElement {
 				</div>
 			`,
             footer: html `
-				${(buttons.length ? buttons : [{ label: "OK", value: DialogResult.OK, variant: Variant.Primary }]).map(button => html `
+				${(buttons.length ? buttons : [{ text: "OK", value: DialogResult.OK, variant: Variant.Primary }]).map(button => html `
 					<button class="btn btn-${variantCssClass(button.variant ?? Variant.Primary)}" type="button" value="${button.value ?? DialogResult.None}">
-						${button.icon ? html `<i class="icon ${button.label ? "me-1" : ""}">${button.icon}</i>` : ""}
-						${button.label}
+						${button.icon ? html `<i class="icon ${button.text ? "me-1" : ""}">${button.icon}</i>` : ""}
+						${button.text}
 					</button>
 				`)}
 			`
@@ -184,8 +184,8 @@ export class DialogBox extends HTMLElement {
      */
     confirm(context, caption, message) {
         return this.alert(context, caption, message, [
-            { label: "OK", value: DialogResult.OK, variant: Variant.Primary },
-            { label: "Annuler", value: DialogResult.Cancel, variant: Variant.Secondary }
+            { text: "OK", value: DialogResult.OK, variant: Variant.Primary },
+            { text: "Annuler", value: DialogResult.Cancel, variant: Variant.Secondary }
         ]);
     }
     /**

package/Distributable/Components/TabActivator.d.ts

@@ -34,6 +34,10 @@ export declare class TabActivator extends HTMLElement {
      * Method invoked when this component is connected.
      */
     connectedCallback(): void;
+    /**
+     * Method invoked when this component is disconnected.
+     */
+    disconnectedCallback(): void;
 }
 /**
  * Declaration merging.

package/Distributable/Components/TabActivator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabActivator.d.ts","sourceRoot":"","sources":["../../Sources/Client/Components/TabActivator.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAE9C;;GAEG;AACH,qBAAa,YAAa,SAAQ,WAAW;IAE5C;;OAEG;;IAgBH;;OAEG;IACH,IAAI,cAAc,IAAI,MAAM,CAG3B;IACD,IAAI,cAAc,CAAC,KAAK,EAAE,MAAM,EAE/B;IAED;;OAEG;IACH,IAAI,OAAO,IAAI,UAAU,CAAC,OAAO,CAEhC;IAED;;OAEG;IACH,IAAI,WAAW,IAAI,WAAW,CAG7B;IACD,IAAI,WAAW,CAAC,KAAK,EAAE,WAAW,EAEjC;IAED;;OAEG;IACH,IAAI,UAAU,IAAI,MAAM,CAGvB;IACD,IAAI,UAAU,CAAC,KAAK,EAAE,MAAM,EAE3B;IAED;;OAEG;IACH,IAAI,IAAI,IAAI,UAAU,CAAC,WAAW,CAAC,CAElC;IAED;;OAEG;IACH,iBAAiB,IAAI,IAAI;CAGzB;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,eAAe,EAAE,YAAY,CAAC;KAC9B;CACD"}
+{"version":3,"file":"TabActivator.d.ts","sourceRoot":"","sources":["../../Sources/Client/Components/TabActivator.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAE9C;;GAEG;AACH,qBAAa,YAAa,SAAQ,WAAW;IAE5C;;OAEG;;IAgBH;;OAEG;IACH,IAAI,cAAc,IAAI,MAAM,CAG3B;IACD,IAAI,cAAc,CAAC,KAAK,EAAE,MAAM,EAE/B;IAED;;OAEG;IACH,IAAI,OAAO,IAAI,UAAU,CAAC,OAAO,CAEhC;IAED;;OAEG;IACH,IAAI,WAAW,IAAI,WAAW,CAG7B;IACD,IAAI,WAAW,CAAC,KAAK,EAAE,WAAW,EAEjC;IAED;;OAEG;IACH,IAAI,UAAU,IAAI,MAAM,CAGvB;IACD,IAAI,UAAU,CAAC,KAAK,EAAE,MAAM,EAE3B;IAED;;OAEG;IACH,IAAI,IAAI,IAAI,UAAU,CAAC,WAAW,CAAC,CAElC;IAED;;OAEG;IACH,iBAAiB,IAAI,IAAI;IAIzB;;OAEG;IACH,oBAAoB,IAAI,IAAI;CAG5B;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEd;;OAEG;IACH,UAAU,qBAAqB;QAC9B,eAAe,EAAE,YAAY,CAAC;KAC9B;CACD"}

package/Distributable/Components/TabActivator.js

@@ -67,4 +67,11 @@ export class TabActivator extends HTMLElement {
     connectedCallback() {
         Tab.getOrCreateInstance(this.tabs.item(this.activeTabIndex)).show();
     }
+    /**
+     * Method invoked when this component is disconnected.
+     */
+    disconnectedCallback() {
+        for (const tab of this.tabs)
+            Tab.getInstance(tab)?.dispose();
+    }
 }

package/Distributable/Scenario.d.ts

@@ -6,6 +6,10 @@ export declare const Scenario: Readonly<{
      * A scenario in which the underlying model is created.
      */
     Creation: "Creation";
+    /**
+     * A scenario in which the underlying model is deleted.
+     */
+    Deletion: "Deletion";
     /**
      * A scenario in which the underlying model is updated.
      */

package/Distributable/Scenario.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Scenario.d.ts","sourceRoot":"","sources":["../Sources/Client/Scenario.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,QAAQ;IAEpB;;OAEG;;IAGH;;OAEG;;EAEF,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,OAAO,QAAQ,CAAC,MAAM,OAAO,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"Scenario.d.ts","sourceRoot":"","sources":["../Sources/Client/Scenario.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,QAAQ;IAEpB;;OAEG;;IAGH;;OAEG;;IAGH;;OAEG;;EAEF,CAAC;AAEH;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,OAAO,QAAQ,CAAC,MAAM,OAAO,QAAQ,CAAC,CAAC"}

package/Distributable/Scenario.js

@@ -6,6 +6,10 @@ export const Scenario = Object.freeze({
      * A scenario in which the underlying model is created.
      */
     Creation: "Creation",
+    /**
+     * A scenario in which the underlying model is deleted.
+     */
+    Deletion: "Deletion",
     /**
      * A scenario in which the underlying model is updated.
      */

package/Sources/Client/Components/DialogBox.ts

@@ -15,9 +15,9 @@ export interface IDialogButton {
 	icon?: string;
 
 	/**
-	 * The button label.
+	 * The button text.
 	 */
-	label?: string;
+	text?: string;
 
 	/**
 	 * The button value.
@@ -211,10 +211,10 @@ export class DialogBox extends HTMLElement {
 				</div>
 			`,
 			footer: html`
-				${(buttons.length ? buttons : [{label: "OK", value: DialogResult.OK, variant: Variant.Primary}]).map(button => html`
+				${(buttons.length ? buttons : [{text: "OK", value: DialogResult.OK, variant: Variant.Primary}]).map(button => html`
 					<button class="btn btn-${variantCssClass(button.variant ?? Variant.Primary)}" type="button" value="${button.value ?? DialogResult.None}">
-						${button.icon ? html`<i class="icon ${button.label ? "me-1" : ""}">${button.icon}</i>` : ""}
-						${button.label}
+						${button.icon ? html`<i class="icon ${button.text ? "me-1" : ""}">${button.icon}</i>` : ""}
+						${button.text}
 					</button>
 				`)}
 			`
@@ -239,8 +239,8 @@ export class DialogBox extends HTMLElement {
 	 */
 	confirm(context: Context, caption: string, message: DocumentFragment): Promise<string> {
 		return this.alert(context, caption, message, [
-			{label: "OK", value: DialogResult.OK, variant: Variant.Primary},
-			{label: "Annuler", value: DialogResult.Cancel, variant: Variant.Secondary}
+			{text: "OK", value: DialogResult.OK, variant: Variant.Primary},
+			{text: "Annuler", value: DialogResult.Cancel, variant: Variant.Secondary}
 		]);
 	}
 

package/Sources/Client/Components/TabActivator.ts

@@ -77,6 +77,13 @@ export class TabActivator extends HTMLElement {
 	connectedCallback(): void {
 		Tab.getOrCreateInstance(this.tabs.item(this.activeTabIndex)).show();
 	}
+
+	/**
+	 * Method invoked when this component is disconnected.
+	 */
+	disconnectedCallback(): void {
+		for (const tab of this.tabs) Tab.getInstance(tab)?.dispose();
+	}
 }
 
 /**

package/Sources/Client/Scenario.ts

@@ -8,6 +8,11 @@ export const Scenario = Object.freeze({
 	 */
 	Creation: "Creation",
 
+	/**
+	 * A scenario in which the underlying model is deleted.
+	 */
+	Deletion: "Deletion",
+
 	/**
 	 * A scenario in which the underlying model is updated.
 	 */

package/package.json

@@ -7,10 +7,10 @@
 	"name": "@cedx/ui",
 	"repository": "CedX/UI",
 	"type": "module",
-	"version": "0.7.0",
+	"version": "0.9.0",
 	"allowScripts": {
 		"esbuild": true,
-		"playwright-chromium": true
+		"playwright-firefox": true
 	},
 	"devDependencies": {
 		"@eslint/js": "^10.0.1",
@@ -25,11 +25,11 @@
 		"globals": "^17.6.0",
 		"htmx.org": "^2.0.10",
 		"mocha": "^11.7.6",
-		"playwright": "^1.60.0",
-		"playwright-chromium": "^1.60.0",
+		"playwright": "^1.61.0",
+		"playwright-firefox": "^1.61.0",
 		"serve-handler": "^6.1.7",
 		"typescript": "^6.0.3",
-		"typescript-eslint": "^8.61.0"
+		"typescript-eslint": "^8.61.1"
 	},
 	"engines": {
 		"node": ">=26.0.0"