@breadstone/mosaik-elements-foundation 0.0.32 → 0.0.34

package/Controls/Controllers/PinchController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PinchController.d.ts","sourceRoot":"","sources":["../../../src/Controls/Controllers/PinchController.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEjF;;;;GAIG;AACH,qBAAa,eACT,SAAQ,cAAc;IAItB,OAAO,CAAC,QAAQ,CAAC,WAAW,CAA4B;IACxD,OAAO,CAAC,OAAO,CAAU;IACzB,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,MAAM,CAAa;IAC3B,OAAO,CAAC,qCAAqC,CAAoC;IACjF,OAAO,CAAC,qCAAqC,CAAoC;IACjF,OAAO,CAAC,mCAAmC,CAAoC;IAC/E,OAAO,CAAC,uCAAuC,CAAoC;IACnF,OAAO,CAAC,UAAU,CAAa;IAM/B;;;;OAIG;gBACgB,IAAI,EAAE,cAAc;IAmBvB,aAAa,IAAI,IAAI;IAOrB,gBAAgB,IAAI,IAAI;IAOxC,OAAO,CAAC,aAAa;IAkBrB,OAAO,CAAC,aAAa;IA+BrB,OAAO,CAAC,WAAW;IAiBnB,OAAO,CAAC,eAAe;IAiBvB,OAAO,CAAC,WAAW;CAQtB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,mBAAmB;QACzB,UAAU,EAAE,WAAW,CAAC;YACpB,QAAQ,EAAE,MAAM,CAAC;YACjB,KAAK,EAAE,MAAM,CAAC;SACjB,CAAC,CAAC;QACH,SAAS,EAAE,WAAW,CAAC;YACnB,QAAQ,EAAE,MAAM,CAAC;YACjB,KAAK,EAAE,MAAM,CAAC;SACjB,CAAC,CAAC;QACH,QAAQ,EAAE,WAAW,CAAC;YAClB,QAAQ,EAAE,MAAM,CAAC;YACjB,KAAK,EAAE,MAAM,CAAC;SACjB,CAAC,CAAC;QACH,WAAW,EAAE,WAAW,CAAC;YACrB,QAAQ,EAAE,MAAM,CAAC;YACjB,KAAK,EAAE,MAAM,CAAC;SACjB,CAAC,CAAC;QACH,OAAO,EAAE,WAAW,CAAC;YACjB,QAAQ,EAAE,MAAM,CAAC;YACjB,KAAK,EAAE,MAAM,CAAC;SACjB,CAAC,CAAC;QACH,QAAQ,EAAE,WAAW,CAAC;YAClB,QAAQ,EAAE,MAAM,CAAC;YACjB,KAAK,EAAE,MAAM,CAAC;SACjB,CAAC,CAAC;KACN;CACJ"}

package/Controls/Controllers/PinchController.js

@@ -0,0 +1,132 @@
+// #region Imports
+import { emit, on } from '@breadstone/mosaik-elements';
+import { ControllerBase } from './Abstracts/ControllerBase';
+/**
+ * Controller to recognized when two or more pointers are moving toward (zoom-in) or away from each other (zoom-out).
+ *
+ * @public
+ */
+export class PinchController extends ControllerBase {
+    // #region Fields
+    _pointerMap;
+    _active;
+    _startDistance;
+    _currentDistance;
+    _scale = 1;
+    _pointerDownEventListenerSubscription;
+    _pointerMoveEventListenerSubscription;
+    _pointerUpEventListenerSubscription;
+    _pointerCancelEventListenerSubscription;
+    _lastScale = 1;
+    // #endregion
+    // #region Ctor
+    /**
+     * Constructs a new instance of the `PinchController` class.
+     *
+     * @public
+     */
+    constructor(host) {
+        super(host);
+        this._pointerMap = new Map();
+        this._active = false;
+        this._startDistance = 0;
+        this._currentDistance = 0;
+        this._scale = 1;
+        this._pointerDownEventListenerSubscription = null;
+        this._pointerMoveEventListenerSubscription = null;
+        this._pointerUpEventListenerSubscription = null;
+        this._pointerCancelEventListenerSubscription = null;
+        this._lastScale = 1;
+    }
+    // #endregion
+    // #region Methods
+    hostConnected() {
+        this._pointerDownEventListenerSubscription = on(this.host, 'pointerdown', this.onPointerDown.bind(this));
+        this._pointerMoveEventListenerSubscription = on(this.host, 'pointermove', this.onPointerMove.bind(this));
+        this._pointerUpEventListenerSubscription = on(this.host, 'pointerup', this.onPointerUp.bind(this));
+        this._pointerCancelEventListenerSubscription = on(this.host, 'pointercancel', this.onPointerCancel.bind(this));
+    }
+    hostDisconnected() {
+        this._pointerDownEventListenerSubscription?.dispose();
+        this._pointerMoveEventListenerSubscription?.dispose();
+        this._pointerUpEventListenerSubscription?.dispose();
+        this._pointerCancelEventListenerSubscription?.dispose();
+    }
+    onPointerDown(event) {
+        this._pointerMap.set(event.pointerId, event);
+        if (this._pointerMap.size === 2 && !this._active) {
+            const [p1, p2] = Array.from(this._pointerMap.values());
+            this._startDistance = this.getDistance(p1, p2);
+            this._currentDistance = this._startDistance;
+            this._scale = 1;
+            this._lastScale = 1;
+            this._active = true;
+            emit(this.host, 'pinchstart', {
+                distance: this._startDistance,
+                scale: this._scale
+            });
+        }
+    }
+    onPointerMove(event) {
+        if (!this._pointerMap.has(event.pointerId))
+            return;
+        this._pointerMap.set(event.pointerId, event);
+        if (this._active && this._pointerMap.size === 2) {
+            const [p1, p2] = Array.from(this._pointerMap.values());
+            this._currentDistance = this.getDistance(p1, p2);
+            this._scale = this._currentDistance / this._startDistance;
+            emit(this.host, 'pinchmove', {
+                distance: this._currentDistance,
+                scale: this._scale
+            });
+            // Pinchin / Pinchout events
+            if (this._scale < this._lastScale) {
+                emit(this.host, 'pinchin', {
+                    distance: this._currentDistance,
+                    scale: this._scale
+                });
+            }
+            else if (this._scale > this._lastScale) {
+                emit(this.host, 'pinchout', {
+                    distance: this._currentDistance,
+                    scale: this._scale
+                });
+            }
+            this._lastScale = this._scale;
+        }
+    }
+    onPointerUp(event) {
+        this._pointerMap.delete(event.pointerId);
+        if (this._active) {
+            emit(this.host, 'pinchend', {
+                distance: this._currentDistance,
+                scale: this._scale
+            });
+            this._active = false;
+            this._startDistance = 0;
+            this._currentDistance = 0;
+            this._scale = 1;
+            this._lastScale = 1;
+        }
+    }
+    onPointerCancel(event) {
+        this._pointerMap.delete(event.pointerId);
+        if (this._active) {
+            emit(this.host, 'pinchcancel', {
+                distance: this._currentDistance,
+                scale: this._scale
+            });
+            this._active = false;
+            this._startDistance = 0;
+            this._currentDistance = 0;
+            this._scale = 1;
+            this._lastScale = 1;
+        }
+    }
+    getDistance(p1, p2) {
+        const dx = p2.clientX - p1.clientX;
+        const dy = p2.clientY - p1.clientY;
+        return Math.hypot(dx, dy);
+    }
+}
+//# sourceMappingURL=PinchController.js.map

package/Controls/Controllers/PinchController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PinchController.js","sourceRoot":"","sources":["../../../src/Controls/Controllers/PinchController.ts"],"names":[],"mappings":"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"}

package/Controls/Directives/AdoptStyle/AdoptStyleDirective.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdoptStyleDirective.d.ts","sourceRoot":"","sources":["../../../../src/Controls/Directives/AdoptStyle/AdoptStyleDirective.ts"],"names":[],"mappings":"AAGA,OAAO,EAAuB,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACzE,OAAO,KAAK,EAAa,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElE,OAAO,EAAE,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAoD/E,cAAM,mBAAoB,SAAQ,aAAa;IAI3C,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAuB;gBAM1C,IAAI,EAAE,aAAa;IAkB/B,MAAM,CAAC,MAAM,CAAC,EAAE,cAAc,GAAG,OAAO;IAI/B,MAAM,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,OAAO;CAW3F;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAA4C,CAAC,GAAG,MAAM,EAAE,UAAU,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,CAAC"}
+{"version":3,"file":"AdoptStyleDirective.d.ts","sourceRoot":"","sources":["../../../../src/Controls/Directives/AdoptStyle/AdoptStyleDirective.ts"],"names":[],"mappings":"AAGA,OAAO,EAAuB,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACzE,OAAO,KAAK,EAAa,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElE,OAAO,EAAE,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAqD/E,cAAM,mBAAoB,SAAQ,aAAa;IAI3C,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAAuB;gBAM1C,IAAI,EAAE,aAAa;IAkB/B,MAAM,CAAC,MAAM,CAAC,EAAE,cAAc,GAAG,OAAO;IAI/B,MAAM,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,OAAO;CAW3F;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAA4C,CAAC,GAAG,MAAM,EAAE,UAAU,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,CAAC"}

package/Controls/Directives/AdoptStyle/AdoptStyleDirective.js

@@ -1,9 +1,10 @@
 // #region Imports
-import { LitElement, noChange } from 'lit';
+import { noChange } from 'lit';
 import { directive, PartType } from 'lit/directive.js';
 import { ControllerBase } from '../../Controllers/Abstracts/ControllerBase';
 import { DirectiveBase } from '../Abstracts/DirectiveBase';
 import { waitForEvent } from '@breadstone/mosaik-elements';
+import { isReactiveControllerHost } from '../../Controllers/Utils';
 // #endregion
 class AdoptStyleController extends ControllerBase {
     // #region Ctor
@@ -53,10 +54,10 @@ class AdoptStyleDirective extends DirectiveBase {
     constructor(args) {
         super(args);
         if (args.type !== PartType.ELEMENT) {
-            throw new Error('The adoptStyle directive can only be used in element bindings.');
+            throw new Error('The `adoptStyle` directive can only be used on elements.');
         }
-        if (!(args.element instanceof LitElement)) {
-            throw new Error('The adoptStyle directive cannot be used with CustomElement instances.');
+        if (!isReactiveControllerHost(args.element)) {
+            throw new Error('The `adoptStyle` directive can only be used on reactive controller host elements.');
         }
         this._adoptStyleController = new AdoptStyleController(args.element);
     }

package/Controls/Directives/AdoptStyle/AdoptStyleDirective.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdoptStyleDirective.js","sourceRoot":"","sources":["../../../../src/Controls/Directives/AdoptStyle/AdoptStyleDirective.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"AdoptStyleDirective.js","sourceRoot":"","sources":["../../../../src/Controls/Directives/AdoptStyle/AdoptStyleDirective.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAoB,MAAM,kBAAkB,CAAC;AAEzE,OAAO,EAAE,cAAc,EAAuB,MAAM,4CAA4C,CAAC;AACjG,OAAO,EAAE,aAAa,EAAsB,MAAM,4BAA4B,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAEnE,aAAa;AAEb,MAAM,oBAAqB,SAAQ,cAAc;IAE7C,eAAe;IAEf;;;;OAIG;IACH,YAAmB,IAAoB;QACnC,KAAK,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;;;;OAKG;IACI,WAAW,CAAC,MAAsB;QACrC,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;gBACxB,MAAM,WAAW,GAAyB,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAE,KAAmB,CAAC,UAAU,CAAyB,CAAC;gBACrI,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;oBACvB,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,kBAAkB,GAAG,WAAW,CAAC;gBAC1D,CAAC;YACL,CAAC;iBAAM,CAAC;gBACJ,MAAM,UAAU,GAAI,MAAoB,CAAC,UAAU,CAAC;gBACpD,IAAI,UAAU,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;oBACrC,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,kBAAkB,CAAC;oBACxD,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;oBACzB,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,kBAAkB,GAAG,OAAO,CAAC;gBACtD,CAAC;YACL,CAAC;QACL,CAAC;aAAM,CAAC;YACJ,KAAK,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;QACnF,CAAC;IACL,CAAC;CAIJ;AAED,MAAM,mBAAoB,SAAQ,aAAa;IAE3C,iBAAiB;IAEA,qBAAqB,CAAuB;IAE7D,aAAa;IAEb,eAAe;IAEf,YAAmB,IAAmB;QAClC,KAAK,CAAC,IAAI,CAAC,CAAC;QAEZ,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,OAAO,EAAE,CAAC;YACjC,MAAM,IAAI,KAAK,CAAC,0DAA0D,CAAC,CAAC;QAChF,CAAC;QAED,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;YAC1C,MAAM,IAAI,KAAK,CAAC,mFAAmF,CAAC,CAAC;QACzG,CAAC;QAED,IAAI,CAAC,qBAAqB,GAAG,IAAI,oBAAoB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACxE,CAAC;IAED,aAAa;IAEb,kBAAkB;IAEX,MAAM,CAAC,MAAuB;QACjC,OAAO,QAAQ,CAAC,CAAC,kDAAkD;IACvE,CAAC;IAEe,MAAM,CAAC,IAAiB,EAAE,CAAC,MAAM,CAA6B;QAC1E,IAAI,MAAM,KAAK,SAAS,EAAE,CAAC;YACvB,OAAO,QAAQ,CAAC;QACpB,CAAC;QAED,IAAI,CAAC,qBAAqB,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAC/C,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAC/B,CAAC;CAIJ;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC,mBAA0B,CAAkE,CAAC"}

package/Controls/Directives/DateFormat/DateFormatDirective.d.ts

@@ -0,0 +1,25 @@
+import { type ChildPart } from 'lit/directive.js';
+import { DirectiveBase } from '../Abstracts/DirectiveBase';
+/**
+ * @private
+ */
+declare class DateFormatDirective extends DirectiveBase {
+    private _date?;
+    private _format?;
+    private _locale?;
+    private _lastValue?;
+    render(date: Date | string, format: string, locale?: string): string;
+    update(_part: ChildPart, [date, format, locale]: Parameters<DateFormatDirective['render']>): unknown;
+}
+/**
+ * The `dateFormat` directive formats a date according to the specified format and locale.
+ *
+ * @public
+ * @param date - The date to format.
+ * @param format - The format string.
+ * @param locale - The locale to use for formatting (default is 'en-US').
+ * @returns A formatted date string.
+ */
+export declare const dateFormat: (...values: Parameters<DateFormatDirective["render"]>) => any;
+export {};
+//# sourceMappingURL=DateFormatDirective.d.ts.map

package/Controls/Directives/DateFormat/DateFormatDirective.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateFormatDirective.d.ts","sourceRoot":"","sources":["../../../../src/Controls/Directives/DateFormat/DateFormatDirective.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAI3D;;GAEG;AACH,cAAM,mBAAoB,SAAQ,aAAa;IAI3C,OAAO,CAAC,KAAK,CAAC,CAAgB;IAC9B,OAAO,CAAC,OAAO,CAAC,CAAS;IACzB,OAAO,CAAC,OAAO,CAAC,CAAS;IACzB,OAAO,CAAC,UAAU,CAAC,CAAS;IAMrB,MAAM,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAE,MAAgB,GAAG,MAAM;IAapE,MAAM,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAgB,CAAC,EAAE,UAAU,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC,GAAG,OAAO;CAMjI;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,EAA4C,CAAC,GAAG,MAAM,EAAE,UAAU,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,CAAC"}

package/Controls/Directives/DateFormat/DateFormatDirective.js

@@ -0,0 +1,41 @@
+// #region Imports
+import { directive } from 'lit/directive.js';
+import { DateFormatter } from '../../../Intl/Formatters/DateFormatter';
+import { DirectiveBase } from '../Abstracts/DirectiveBase';
+// #endregion
+/**
+ * @private
+ */
+class DateFormatDirective extends DirectiveBase {
+    // #region Fields
+    _date;
+    _format;
+    _locale;
+    _lastValue;
+    // #endregion
+    // #region Methods
+    render(date, format, locale = 'en-US') {
+        if (this._date === date && this._format === format && this._locale === locale && this._lastValue) {
+            return this._lastValue;
+        }
+        this._date = date;
+        this._format = format;
+        this._locale = locale;
+        this._lastValue = DateFormatter.format(date, format, locale);
+        return this._lastValue;
+    }
+    update(_part, [date, format, locale = 'en-US']) {
+        return this.render(date, format, locale);
+    }
+}
+/**
+ * The `dateFormat` directive formats a date according to the specified format and locale.
+ *
+ * @public
+ * @param date - The date to format.
+ * @param format - The format string.
+ * @param locale - The locale to use for formatting (default is 'en-US').
+ * @returns A formatted date string.
+ */
+export const dateFormat = directive(DateFormatDirective);
+//# sourceMappingURL=DateFormatDirective.js.map

package/Controls/Directives/DateFormat/DateFormatDirective.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateFormatDirective.js","sourceRoot":"","sources":["../../../../src/Controls/Directives/DateFormat/DateFormatDirective.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,SAAS,EAAkB,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,aAAa;AAEb;;GAEG;AACH,MAAM,mBAAoB,SAAQ,aAAa;IAE3C,iBAAiB;IAET,KAAK,CAAiB;IACtB,OAAO,CAAU;IACjB,OAAO,CAAU;IACjB,UAAU,CAAU;IAE5B,aAAa;IAEb,kBAAkB;IAEX,MAAM,CAAC,IAAmB,EAAE,MAAc,EAAE,SAAiB,OAAO;QACvE,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YAC/F,OAAO,IAAI,CAAC,UAAU,CAAC;QAC3B,CAAC;QAED,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;QAE7D,OAAO,IAAI,CAAC,UAAU,CAAC;IAC3B,CAAC;IAEe,MAAM,CAAC,KAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAA4C;QAChH,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7C,CAAC;CAIJ;AAED;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC,mBAA0B,CAAkE,CAAC"}

package/Controls/Directives/Interpolate/InterpolateDirective.d.ts

@@ -6,7 +6,7 @@ import { AsyncDirective, type Part, type PartInfo } from 'lit/async-directive.js
  */
 declare class InterpolateDirective extends AsyncDirective {
     constructor(partInfo: PartInfo);
-    update(part: Part, [key, ...args]: Parameters<this['render']>): unknown;
+    update(_part: Part, [key, ...args]: Parameters<this['render']>): unknown;
     render(key: string, ...args: Array<any>): unknown;
     /**
      * Formats the given string with the given arguments.

package/Controls/Directives/Interpolate/InterpolateDirective.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InterpolateDirective.d.ts","sourceRoot":"","sources":["../../../../src/Controls/Directives/Interpolate/InterpolateDirective.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAuB,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAIvG;;;;GAIG;AACH,cAAM,oBAAqB,SAAQ,cAAc;gBAE1B,QAAQ,EAAE,QAAQ;IAQrB,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,OAAO;IAIhF,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,OAAO;IAMxD;;;;OAIG;IACH,OAAO,CAAC,MAAM;CAqBjB;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,4GAAkC,CAAC"}
+{"version":3,"file":"InterpolateDirective.d.ts","sourceRoot":"","sources":["../../../../src/Controls/Directives/Interpolate/InterpolateDirective.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAuB,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAIvG;;;;GAIG;AACH,cAAM,oBAAqB,SAAQ,cAAc;gBAE1B,QAAQ,EAAE,QAAQ;IAQrB,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,OAAO;IAIjF,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,OAAO;IAMxD;;;;OAIG;IACH,OAAO,CAAC,MAAM;CAqBjB;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,4GAAkC,CAAC"}

package/Controls/Directives/Interpolate/InterpolateDirective.js

@@ -13,7 +13,7 @@ class InterpolateDirective extends AsyncDirective {
             throw new Error('The interpolate directive can only be used in property bindings.');
         }
     }
-    update(part, [key, ...args]) {
+    update(_part, [key, ...args]) {
         return this.render(key, ...args);
     }
     render(key, ...args) {

package/Controls/Directives/Interpolate/InterpolateDirective.js.map

@@ -1 +1 @@
-{"version":3,"file":"InterpolateDirective.js","sourceRoot":"","sources":["../../../../src/Controls/Directives/Interpolate/InterpolateDirective.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,SAAS,EAA4B,MAAM,wBAAwB,CAAC;AAEvG,aAAa;AAEb;;;;GAIG;AACH,MAAM,oBAAqB,SAAQ,cAAc;IAE7C,YAAmB,QAAkB;QACjC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAEhB,IAAI,QAAQ,CAAC,IAAI,KAAK,QAAQ,CAAC,QAAQ,EAAE,CAAC;YACtC,MAAM,IAAI,KAAK,CAAC,kEAAkE,CAAC,CAAC;QACxF,CAAC;IACL,CAAC;IAEe,MAAM,CAAC,IAAU,EAAE,CAAC,GAAG,EAAE,GAAG,IAAI,CAA6B;QACzE,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC;IACrC,CAAC;IAEM,MAAM,CAAC,GAAW,EAAE,GAAG,IAAgB;QAC1C,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC;QACxC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QACrB,OAAO,KAAK,CAAC;IACjB,CAAC;IAED;;;;OAIG;IACK,MAAM,CAAC,IAAY,EAAE,GAAG,IAAgB;QAC5C,MAAM,OAAO,GAAG,IAAI,KAAK,EAAO,CAAC;QACjC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YACf,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;gBACnB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;oBACZ,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBACpB,CAAC,CAAC,CAAC;YACP,CAAC;iBAAM,CAAC;gBACJ,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YACpB,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAC7C,IAAI,OAAO,CAAC,KAAK,CAAC,KAAK,SAAS,EAAE,CAAC;gBAC/B,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC;YAC1B,CAAC;YAED,OAAO,KAAK,CAAC;QACjB,CAAC,CAAC,CAAC;IACP,CAAC;CAEJ;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC,oBAAoB,CAAC,CAAC"}
+{"version":3,"file":"InterpolateDirective.js","sourceRoot":"","sources":["../../../../src/Controls/Directives/Interpolate/InterpolateDirective.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,SAAS,EAA4B,MAAM,wBAAwB,CAAC;AAEvG,aAAa;AAEb;;;;GAIG;AACH,MAAM,oBAAqB,SAAQ,cAAc;IAE7C,YAAmB,QAAkB;QACjC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAEhB,IAAI,QAAQ,CAAC,IAAI,KAAK,QAAQ,CAAC,QAAQ,EAAE,CAAC;YACtC,MAAM,IAAI,KAAK,CAAC,kEAAkE,CAAC,CAAC;QACxF,CAAC;IACL,CAAC;IAEe,MAAM,CAAC,KAAW,EAAE,CAAC,GAAG,EAAE,GAAG,IAAI,CAA6B;QAC1E,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC;IACrC,CAAC;IAEM,MAAM,CAAC,GAAW,EAAE,GAAG,IAAgB;QAC1C,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC;QACxC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QACrB,OAAO,KAAK,CAAC;IACjB,CAAC;IAED;;;;OAIG;IACK,MAAM,CAAC,IAAY,EAAE,GAAG,IAAgB;QAC5C,MAAM,OAAO,GAAG,IAAI,KAAK,EAAO,CAAC;QACjC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YACf,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;gBACnB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;oBACZ,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBACpB,CAAC,CAAC,CAAC;YACP,CAAC;iBAAM,CAAC;gBACJ,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;YACpB,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAC7C,IAAI,OAAO,CAAC,KAAK,CAAC,KAAK,SAAS,EAAE,CAAC;gBAC/B,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC;YAC1B,CAAC;YAED,OAAO,KAAK,CAAC;QACjB,CAAC,CAAC,CAAC;IACP,CAAC;CAEJ;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC,oBAAoB,CAAC,CAAC"}

package/Controls/Directives/ReflectAttributesDirective.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReflectAttributesDirective.d.ts","sourceRoot":"","sources":["../../../src/Controls/Directives/ReflectAttributesDirective.ts"],"names":[],"mappings":"AAGA,OAAO,EAAuB,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAmD9E,cAAM,0BAA2B,SAAQ,aAAa;IAElD,OAAO,CAAC,QAAQ,CAAC,WAAW,CAA0B;IACtD,OAAO,CAAC,WAAW,CAAC,CAAgC;gBAEjC,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC;IAU1D,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,OAAO;IAIjC,MAAM,CAAC,IAAI,EAAE,aAAa,EAAE,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,OAAO;CASjG;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAmD,CAAC,GAAG,MAAM,EAAE,UAAU,CAAC,0BAA0B,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,CAAC"}
+{"version":3,"file":"ReflectAttributesDirective.d.ts","sourceRoot":"","sources":["../../../src/Controls/Directives/ReflectAttributesDirective.ts"],"names":[],"mappings":"AAGA,OAAO,EAAuB,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,KAAK,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAoD9E,cAAM,0BAA2B,SAAQ,aAAa;IAElD,OAAO,CAAC,QAAQ,CAAC,WAAW,CAA0B;IACtD,OAAO,CAAC,WAAW,CAAC,CAAgC;gBAEjC,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC;IAc1D,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,OAAO;IAIjC,MAAM,CAAC,IAAI,EAAE,aAAa,EAAE,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,OAAO;CASjG;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB,EAAmD,CAAC,GAAG,MAAM,EAAE,UAAU,CAAC,0BAA0B,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,CAAC"}

package/Controls/Directives/ReflectAttributesDirective.js

@@ -2,6 +2,7 @@
 import { noChange } from 'lit';
 import { PartType, directive } from 'lit/directive.js';
 import { DirectiveBase } from './Abstracts/DirectiveBase';
+import { isReactiveControllerHost } from '../Controllers/Utils';
 // #endregion
 class AttributeReflectionController {
     static _subscriberCache = new WeakMap();
@@ -46,8 +47,11 @@ class ReflectAttributesDirective extends DirectiveBase {
     _controller;
     constructor(args, attributes) {
         super(args);
-        if (args.type !== PartType.ATTRIBUTE) {
-            throw new Error('The reflectAttributes directive can only be used in attribute bindings');
+        if (args.type !== PartType.ELEMENT) {
+            throw new Error('The `reflectAttributes` directive can only be used on elements.');
+        }
+        if (!isReactiveControllerHost(args.element)) {
+            throw new Error('The `reflectAttributes` directive can only be used on reactive controller host elements.');
         }
         this._attributes = attributes;
     }

package/Controls/Directives/ReflectAttributesDirective.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReflectAttributesDirective.js","sourceRoot":"","sources":["../../../src/Controls/Directives/ReflectAttributesDirective.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ReflectAttributesDirective.js","sourceRoot":"","sources":["../../../src/Controls/Directives/ReflectAttributesDirective.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,QAAQ,EAAwD,MAAM,KAAK,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAsB,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAsB,MAAM,2BAA2B,CAAC;AAC9E,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,aAAa;AAEb,MAAM,6BAA6B;IAEvB,MAAM,CAAU,gBAAgB,GAAgD,IAAI,OAAO,EAAsC,CAAC;IACzH,kBAAkB,GAAuB,IAAI,GAAG,EAAiB,CAAC;IAClE,QAAQ,CAAU;IAClB,KAAK,CAAyB;IAC9B,SAAS,CAAmB;IAE7C,YAAmB,IAA4B,EAAE,OAAgB,EAAE,UAAyB;QACxF,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;QACxB,IAAI,CAAC,kBAAkB,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QACxC,IAAI,CAAC,SAAS,GAAG,IAAI,gBAAgB,CAAC,CAAC,SAAS,EAAE,EAAE;YAChD,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE,CAAC;gBAC/B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;YACxC,CAAC;QACL,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,OAAO,EAAE,CAAC;QACf,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QACzB,6BAA6B,CAAC,gBAAgB,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACtE,CAAC;IAEM,aAAa;QAChB,2EAA2E;IAC/E,CAAC;IAEM,gBAAgB;QACnB,8EAA8E;IAClF,CAAC;IAEO,OAAO;QACX,MAAM,eAAe,GAAkB,IAAI,CAAC,kBAAkB,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC;QACrF,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,eAAe,EAAE,CAAC,CAAC;IAC/D,CAAC;IAEO,MAAM,CAAC,IAAmB;QAC9B,IAAI,IAAI,EAAE,CAAC;YACP,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;QAC/B,CAAC;IACL,CAAC;IAEM,MAAM,CAAC,cAAc,CAAC,IAA4B,EAAE,OAAgB,EAAE,UAAyB;QAClG,OAAO,6BAA6B,CAAC,gBAAgB,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,IAAI,6BAA6B,CAAC,IAAI,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC;IACvI,CAAC;;AAIL,MAAM,0BAA2B,SAAQ,aAAa;IAEjC,WAAW,CAA0B;IAC9C,WAAW,CAAiC;IAEpD,YAAmB,IAAmB,EAAE,UAAyB;QAC7D,KAAK,CAAC,IAAI,CAAC,CAAC;QAEZ,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,OAAO,EAAE,CAAC;YACjC,MAAM,IAAI,KAAK,CAAC,iEAAiE,CAAC,CAAC;QACvF,CAAC;QAED,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;YAC1C,MAAM,IAAI,KAAK,CAAC,0FAA0F,CAAC,CAAC;QAChH,CAAC;QAED,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC;IAClC,CAAC;IAEM,MAAM,CAAC,UAAyB;QACnC,OAAO,QAAQ,CAAC;IACpB,CAAC;IAEe,MAAM,CAAC,IAAmB,EAAE,CAAC,UAAU,CAA6B;QAChF,IAAI,IAAI,CAAC,OAAO,EAAE,IAAI,KAAK,SAAS,EAAE,CAAC;YACnC,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;QAC3E,CAAC;QAED,IAAI,CAAC,WAAW,GAAG,6BAA6B,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,IAA8B,EAAE,IAAI,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;QACvI,OAAO,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IACnC,CAAC;CAEJ;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,SAAS,CAAC,0BAAiC,CAAyE,CAAC"}

package/Controls/Directives/Task/TaskDirective.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TaskDirective.d.ts","sourceRoot":"","sources":["../../../../src/Controls/Directives/Task/TaskDirective.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAA0B,cAAc,EAAE,MAAM,KAAK,CAAC;AAMlE,KAAK,cAAc,CAAC,OAAO,IAAI,CAAC,IAAI,EAAE;IAAE,MAAM,EAAE,WAAW,CAAA;CAAE,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;AAEnF,KAAK,YAAY,CAAC,OAAO,IAAI;IACzB,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC;IACvC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC;CACvC,GAAG,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC;AAiDlC,eAAO,MAAM,IAAI,EAAsC,CAAC,OAAO,EAAE,SAAS,EAAE,cAAc,CAAC,OAAO,CAAC,EAAE,QAAQ,EAAE,YAAY,CAAC,OAAO,CAAC,KAAK,cAAc,CAAC"}
+{"version":3,"file":"TaskDirective.d.ts","sourceRoot":"","sources":["../../../../src/Controls/Directives/Task/TaskDirective.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAO1C,KAAK,cAAc,CAAC,OAAO,IAAI,CAAC,IAAI,EAAE;IAAE,MAAM,EAAE,WAAW,CAAA;CAAE,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;AAEnF,KAAK,YAAY,CAAC,OAAO,IAAI;IACzB,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC;IACvC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC;CACvC,GAAG,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC;AAqDlC,eAAO,MAAM,IAAI,EAAsC,CAAC,OAAO,EAAE,SAAS,EAAE,cAAc,CAAC,OAAO,CAAC,EAAE,QAAQ,EAAE,YAAY,CAAC,OAAO,CAAC,KAAK,cAAc,CAAC"}

package/Controls/Directives/Task/TaskDirective.js

@@ -2,12 +2,13 @@
 import { directive, PartType } from 'lit/directive.js';
 import { Task } from '@lit/task';
 import { DirectiveBase } from '../Abstracts/DirectiveBase';
+import { isReactiveControllerHost } from '../../Controllers/Utils';
 class TaskDirective extends DirectiveBase {
     _task;
     constructor(args) {
         super(args);
         if (args.type !== PartType.CHILD) {
-            throw new Error('`promiseDirective` can only be used in child expressions.');
+            throw new Error('The `task` directive can only be used in child expressions.');
         }
     }
     render(_promiseFn, renderer) {
@@ -23,10 +24,13 @@ class TaskDirective extends DirectiveBase {
     }
     update(part, [promiseFn, renderer]) {
         if (!part.options) {
-            throw new Error('`task` directive must be used in a host element.');
+            throw new Error('The `task` directive must be used in a host element.');
         }
         if (!part.options.host) {
-            throw new Error('`task` directive must be used in a host element.');
+            throw new Error('The `task` directive must be used in a host element.');
+        }
+        if (!isReactiveControllerHost(part.options.host)) {
+            throw new Error('The `task` directive can only be used on reactive controller host elements.');
         }
         this._task ??= new Task(part.options.host, {
             task: (_args, opts) => promiseFn(opts),

package/Controls/Directives/Task/TaskDirective.js.map

@@ -1 +1 @@
-{"version":3,"file":"TaskDirective.js","sourceRoot":"","sources":["../../../../src/Controls/Directives/Task/TaskDirective.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAkB,MAAM,kBAAkB,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,aAAa,EAAsB,MAAM,4BAA4B,CAAC;AAa/E,MAAM,aAAuB,SAAQ,aAAa;IAEtC,KAAK,CAAqB;IAElC,YAAmB,IAAmB;QAClC,KAAK,CAAC,IAAI,CAAC,CAAC;QAEZ,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,KAAK,EAAE,CAAC;YAC/B,MAAM,IAAI,KAAK,CAAC,2DAA2D,CAAC,CAAC;QACjF,CAAC;IACL,CAAC;IAEM,MAAM,CAAC,UAAmC,EAAE,QAA+B;QAC9E,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YACd,OAAO,OAAO,QAAQ,KAAK,UAAU;gBACjC,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,QAAQ,CAAC,OAAO,EAAE,EAAE,CAAC;QAC/B,CAAC;QAED,MAAM,CAAC,GACH,OAAO,QAAQ,KAAK,UAAU;YAC1B,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE;YACxB,CAAC,CAAC,QAAQ,CAAC;QAEnB,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAChC,CAAC;IAEe,MAAM,CAAC,IAAe,EAAE,CAAC,SAAS,EAAE,QAAQ,CAA6B;QACrF,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAChB,MAAM,IAAI,KAAK,CAAC,kDAAkD,CAAC,CAAC;QACxE,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YACrB,MAAM,IAAI,KAAK,CAAC,kDAAkD,CAAC,CAAC;QACxE,CAAC;QAED,IAAI,CAAC,KAAK,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAA8B,EAAE;YACjE,IAAI,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;YACtC,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE;YACd,OAAO,EAAE,IAAI;SAChB,CAAC,CAAC;QAEH,OAAO,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;IAC5C,CAAC;CAEJ;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,SAAS,CAAC,aAAoB,CAAqG,CAAC"}
+{"version":3,"file":"TaskDirective.js","sourceRoot":"","sources":["../../../../src/Controls/Directives/Task/TaskDirective.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAkB,MAAM,kBAAkB,CAAC;AAEvE,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,aAAa,EAAsB,MAAM,4BAA4B,CAAC;AAC/E,OAAO,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAanE,MAAM,aAAuB,SAAQ,aAAa;IAEtC,KAAK,CAAqB;IAElC,YAAmB,IAAmB;QAClC,KAAK,CAAC,IAAI,CAAC,CAAC;QAEZ,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,KAAK,EAAE,CAAC;YAC/B,MAAM,IAAI,KAAK,CAAC,6DAA6D,CAAC,CAAC;QACnF,CAAC;IACL,CAAC;IAEM,MAAM,CAAC,UAAmC,EAAE,QAA+B;QAC9E,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YACd,OAAO,OAAO,QAAQ,KAAK,UAAU;gBACjC,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,QAAQ,CAAC,OAAO,EAAE,EAAE,CAAC;QAC/B,CAAC;QAED,MAAM,CAAC,GACH,OAAO,QAAQ,KAAK,UAAU;YAC1B,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE;YACxB,CAAC,CAAC,QAAQ,CAAC;QAEnB,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAChC,CAAC;IAEe,MAAM,CAAC,IAAe,EAAE,CAAC,SAAS,EAAE,QAAQ,CAA6B;QACrF,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAChB,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAC;QAC5E,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YACrB,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAC;QAC5E,CAAC;QAED,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;YAC/C,MAAM,IAAI,KAAK,CAAC,6EAA6E,CAAC,CAAC;QACnG,CAAC;QAED,IAAI,CAAC,KAAK,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;YACvC,IAAI,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC;YACtC,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE;YACd,OAAO,EAAE,IAAI;SAChB,CAAC,CAAC;QAEH,OAAO,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;IAC5C,CAAC;CAEJ;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,SAAS,CAAC,aAAoB,CAAqG,CAAC"}

package/Controls/Directives/Tree/TreeDirective.d.ts

@@ -0,0 +1,62 @@
+import { type ChildPart, type DirectiveParameters } from 'lit/directive.js';
+import { type DirectiveArgs, DirectiveBase } from '../Abstracts/DirectiveBase';
+/**
+ * A template function to render a node with its rendered children.
+ *
+ * @public
+ */
+export type TreeParentTemplateFn<T> = (node: T, children: Array<unknown>) => unknown;
+/**
+ * A template function to render a leaf node (with no children).
+ *
+ * @public
+ */
+export type TreeChildTemplateFn<T> = (node: T) => unknown;
+/**
+ * Configuration options for the tree directive.
+ *
+ * @public
+ */
+export interface ITreeOptions<T> {
+    /**
+     * Optional predicate to filter nodes. Return `false` to exclude a node and its subtree.
+     */
+    filter?: (node: T) => boolean;
+    /**
+     * Optional comparator to sort children at each tree level.
+     */
+    sort?: (a: T, b: T) => number;
+}
+/**
+ * Generic recursive rendering directive for tree structures.
+ *
+ * @private
+ */
+declare class TreeDirective<T> extends DirectiveBase {
+    constructor(args: DirectiveArgs);
+    /**
+     * @public
+     */
+    render(root: T, childSelector: (node: T) => Array<T> | undefined, renderParent: TreeParentTemplateFn<T>, renderChild: TreeChildTemplateFn<T>, options?: ITreeOptions<T>): unknown;
+    /**
+     * @public
+     */
+    update(_part: ChildPart, [root, childSelector, renderParent, renderChild, options]: DirectiveParameters<this>): unknown;
+    /**
+     * @private
+     */
+    private renderNode;
+}
+/**
+ * Renders recursive tree-like structures with optional filtering and sorting.
+ *
+ * @public
+ * @param root - Root node to start recursion.
+ * @param childSelector - Function to extract children from each node.
+ * @param renderParent - Template for nodes with children.
+ * @param renderChild - Template for leaf nodes.
+ * @param options - Optional filter and sort logic.
+ */
+export declare const tree: <T>(...values: Parameters<TreeDirective<T>["render"]>) => any;
+export {};
+//# sourceMappingURL=TreeDirective.d.ts.map

package/Controls/Directives/Tree/TreeDirective.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeDirective.d.ts","sourceRoot":"","sources":["../../../../src/Controls/Directives/Tree/TreeDirective.ts"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,SAAS,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACjG,OAAO,EAAE,KAAK,aAAa,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAI/E;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,OAAO,CAAC;AAErF;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;AAE1D;;;;GAIG;AACH,MAAM,WAAW,YAAY,CAAC,CAAC;IAE3B;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IAE9B;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC;CACjC;AAED;;;;GAIG;AACH,cAAM,aAAa,CAAC,CAAC,CAAE,SAAQ,aAAa;gBAIrB,IAAI,EAAE,aAAa;IAYtC;;OAEG;IACI,MAAM,CAAC,IAAI,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,SAAS,EAAE,YAAY,EAAE,oBAAoB,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,OAAO,GAAE,YAAY,CAAC,CAAC,CAAM,GAAG,OAAO;IAI5L;;OAEG;IACa,MAAM,CAAC,KAAK,EAAE,SAAS,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,mBAAmB,CAAC,IAAI,CAAC,GAAG,OAAO;IAIvI;;OAEG;IACH,OAAO,CAAC,UAAU;CA4BrB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,IAAI,EAAsC,CAAC,CAAC,EAAE,GAAG,MAAM,EAAE,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,CAAC"}

package/Controls/Directives/Tree/TreeDirective.js

@@ -0,0 +1,66 @@
+// #region Imports
+import { directive, PartType } from 'lit/directive.js';
+import { DirectiveBase } from '../Abstracts/DirectiveBase';
+/**
+ * Generic recursive rendering directive for tree structures.
+ *
+ * @private
+ */
+class TreeDirective extends DirectiveBase {
+    // #region Ctor
+    constructor(args) {
+        super(args);
+        if (args.type !== PartType.CHILD) {
+            throw new Error('The "tree" directive can only be used in child parts');
+        }
+    }
+    // #endregion
+    // #region Methods
+    /**
+     * @public
+     */
+    render(root, childSelector, renderParent, renderChild, options = {}) {
+        return this.renderNode(root, childSelector, renderParent, renderChild, options);
+    }
+    /**
+     * @public
+     */
+    update(_part, [root, childSelector, renderParent, renderChild, options]) {
+        return this.render(root, childSelector, renderParent, renderChild, options ?? {});
+    }
+    /**
+     * @private
+     */
+    renderNode(node, childSelector, renderParent, renderChild, options) {
+        // Apply filter early
+        if (options.filter && !options.filter(node)) {
+            return null;
+        }
+        // Fetch & optionally transform children
+        let children = childSelector(node) ?? [];
+        if (options.filter) {
+            children = children.filter(options.filter);
+        }
+        if (options.sort) {
+            children = [...children].sort(options.sort);
+        }
+        // Render based on presence of children
+        if (children.length > 0) {
+            const renderedChildren = children.map((child) => this.renderNode(child, childSelector, renderParent, renderChild, options));
+            return renderParent(node, renderedChildren);
+        }
+        return renderChild(node);
+    }
+}
+/**
+ * Renders recursive tree-like structures with optional filtering and sorting.
+ *
+ * @public
+ * @param root - Root node to start recursion.
+ * @param childSelector - Function to extract children from each node.
+ * @param renderParent - Template for nodes with children.
+ * @param renderChild - Template for leaf nodes.
+ * @param options - Optional filter and sort logic.
+ */
+export const tree = directive(TreeDirective);
+//# sourceMappingURL=TreeDirective.js.map

package/Controls/Directives/Tree/TreeDirective.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeDirective.js","sourceRoot":"","sources":["../../../../src/Controls/Directives/Tree/TreeDirective.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,SAAS,EAAE,QAAQ,EAA4C,MAAM,kBAAkB,CAAC;AACjG,OAAO,EAAsB,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAoC/E;;;;GAIG;AACH,MAAM,aAAiB,SAAQ,aAAa;IAExC,eAAe;IAEf,YAAmB,IAAmB;QAClC,KAAK,CAAC,IAAI,CAAC,CAAC;QAEZ,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,CAAC,KAAK,EAAE,CAAC;YAC/B,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAC;QAC5E,CAAC;IACL,CAAC;IAED,aAAa;IAEb,kBAAkB;IAElB;;OAEG;IACI,MAAM,CAAC,IAAO,EAAE,aAAgD,EAAE,YAAqC,EAAE,WAAmC,EAAE,UAA2B,EAAE;QAC9K,OAAO,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC;IACpF,CAAC;IAED;;OAEG;IACa,MAAM,CAAC,KAAgB,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,CAA4B;QACzH,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,IAAI,EAAE,CAAC,CAAC;IACtF,CAAC;IAED;;OAEG;IACK,UAAU,CAAC,IAAO,EAAE,aAAgD,EAAE,YAAqC,EAAE,WAAmC,EAAE,OAAwB;QAC9K,qBAAqB;QACrB,IAAI,OAAO,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC;YAC1C,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,wCAAwC;QACxC,IAAI,QAAQ,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QAEzC,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;YACjB,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAC/C,CAAC;QAED,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC;YACf,QAAQ,GAAG,CAAC,GAAG,QAAQ,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAChD,CAAC;QAED,uCAAuC;QACvC,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACtB,MAAM,gBAAgB,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;YAC5H,OAAO,YAAY,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;QAChD,CAAC;QAED,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;CAIJ;AAED;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,SAAS,CAAC,aAAoB,CAAkE,CAAC"}

package/Controls/Types/TextFormatter.d.ts

@@ -1,20 +1,56 @@
 /**
  * @public
  */
-export type TextFormatter = (value: string) => string;
+export type TextFormatterFn = (value: string) => string;
+/**
+ * @public
+ */
+export type TextFormatter = TextFormatterFn | Lowercase<keyof typeof TextFormatters>;
 /**
  * @public
  */
 export declare namespace TextFormatters {
     /**
+     * This function does not apply any formatting to the text.
+     *
      * @public
      */
     const DEFAULT: (value: string) => string;
     /**
+     * This function formats text to HTML by replacing common text formatting patterns with their HTML equivalents.
+     * It supports:
+     * - Italics: _value_
+     * - Bold: *value*
+     * - Strikethrough: ~value~
+     * - Monospace: ```value```
+     * - URLs: Converts HTTP/HTTPS/FTP links to clickable links
+     * - Phone numbers: Converts phone numbers to tel: links
+     * - Emails: Converts email addresses to mailto: links
+     * - New lines to '\<br/>'
+     *
+     * @public
+     */
+    const RICHTEXT: TextFormatterFn;
+    /**
+     * This function formats text to HTML using a simplified Markdown syntax.
+     * It supports:
+     * - Bold: **value** or __value__
+     * - Italic: *value* or _value_
+     * - Strikethrough: ~~value~~
+     * - Code: `value`
+     * - Image with specified width and height: ![alt text](http://example.com/image.jpg =100x20)
+     * - Image with only width specified: ![alt text](http://example.com/image.jpg =250x)
+     * - Image with only height specified: ![alt text](http://example.com/image.jpg =x250)
+     * - Image: ![alt text](http://example.com/image.jpg)
+     * - URLs: [example](http://example.com)
+     * - Email: <example@example.com>
+     * * - List: * item (unordered list) or 1. item (ordered list)
+     * - Blockquote: > value
+     * - Header: # Header 1 through ###### Header 6
+     * - New lines to <br>
      * @public
      */
-    const RICHTEXT: TextFormatter;
-    const MARKDOWN: TextFormatter;
+    const MARKDOWN: TextFormatterFn;
     /**
      * This function looks for BBCode tags such as
      * [b], [i], [u], [s], [code], [url], [img], [email], [color], [size], [list], [quote], and [*] for list items,
@@ -22,7 +58,7 @@ export declare namespace TextFormatters {
      *
      * @public
      */
-    const BBCODE: TextFormatter;
+    const BBCODE: TextFormatterFn;
 }
 /**
  * @public

package/Controls/Types/TextFormatter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextFormatter.d.ts","sourceRoot":"","sources":["../../../src/Controls/Types/TextFormatter.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;AAEtD;;GAEG;AACH,yBAAiB,cAAc,CAAC;IAE5B;;OAEG;IACI,MAAM,OAAO,GAAI,OAAO,MAAM,KAAG,MAAe,CAAC;IAExD;;OAEG;IACI,MAAM,QAAQ,EAAE,aAkCI,CAAC;IAErB,MAAM,QAAQ,EAAE,aAoCgB,CAAC;IAExC;;;;;;OAMG;IACI,MAAM,MAAM,EAAE,aAmCkB,CAAC;CAE3C;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAExB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"TextFormatter.d.ts","sourceRoot":"","sources":["../../../src/Controls/Types/TextFormatter.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;AAExD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,eAAe,GAAG,SAAS,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAErF;;GAEG;AACH,yBAAiB,cAAc,CAAC;IAE5B;;;;OAIG;IACI,MAAM,OAAO,GAAI,OAAO,MAAM,KAAG,MAAe,CAAC;IAExD;;;;;;;;;;;;;OAaG;IACI,MAAM,QAAQ,EAAE,eAkCI,CAAC;IAE5B;;;;;;;;;;;;;;;;;;OAkBG;IACI,MAAM,QAAQ,EAAE,eAoCgB,CAAC;IAExC;;;;;;OAMG;IACI,MAAM,MAAM,EAAE,eAmCkB,CAAC;CAE3C;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAExB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;CACpB"}