@breadstone/mosaik-elements-foundation 0.0.226 → 0.0.227

package/Controls/Behaviors/Expandable.js

@@ -0,0 +1,238 @@
+/* eslint-disable @typescript-eslint/naming-convention */
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+// #region Imports
+import { HTMLElementEventEmitter } from '@breadstone/mosaik-elements';
+import { Emit } from '../../events/Decorators/EmitDecorator';
+import { Attribute } from '../Decorators/AttributeDecorator';
+/**
+ * @public
+ */
+export var IExpandableProps;
+(function (IExpandableProps) {
+    IExpandableProps.DEFAULTS = {
+        isExpanded: false
+    };
+})(IExpandableProps || (IExpandableProps = {}));
+/**
+ * A mixin that provides expand/collapse functionality to a custom element.
+ *
+ * @fires expanded {ExpandedEvent} - Fired when the element is expanded.
+ * @fires collapsed {CollapsedEvent} - Fired when the element is collapsed.
+ * @fires toggled {ToggledEvent} - Fired when the element is toggled.
+ *
+ * @public
+ */
+export const Expandable = (base) => {
+    class ExpandableElement extends base {
+        // #region Fields
+        _expanded;
+        _collapsed;
+        _toggled;
+        _isExpanded;
+        // #endregion
+        // #region Ctor
+        /**
+         * Constructs a new instance of the `ExpandableElement` class.
+         *
+         * @public
+         */
+        constructor(...args) {
+            super(...args);
+            this._expanded = new HTMLElementEventEmitter(this, 'expanded');
+            this._collapsed = new HTMLElementEventEmitter(this, 'collapsed');
+            this._toggled = new HTMLElementEventEmitter(this, 'toggled');
+            this._isExpanded = IExpandableProps.DEFAULTS.isExpanded;
+        }
+        // #endregion
+        // #region Properties
+        /**
+         * Gets or sets the `isExpanded` property.
+         * The default value is `false`, which means the element is collapsed.
+         *
+         * @public
+         * @attr
+         */
+        get isExpanded() {
+            return this._isExpanded;
+        }
+        set isExpanded(value) {
+            if (this.disabled) {
+                return;
+            }
+            if (this._isExpanded !== value) {
+                this.onIsExpandedChanged(this._isExpanded, value);
+            }
+        }
+        /**
+         * Called when the element is expanded.
+         * Provides reference to the `IEventDetail` as event argument.
+         *
+         * @public
+         * @eventProperty
+         * @readonly
+         */
+        get expanded() {
+            return this._expanded;
+        }
+        /**
+         * Called when the element is collapsed.
+         * Provides reference to the `IEventDetail` as event argument.
+         *
+         * @public
+         * @eventProperty
+         * @readonly
+         */
+        get collapsed() {
+            return this._collapsed;
+        }
+        /**
+         * Called when the element is toggled.
+         * Provides reference to the `IEventDetail` as event argument.
+         *
+         * @public
+         * @eventProperty
+         * @readonly
+         */
+        get toggled() {
+            return this._toggled;
+        }
+        // #endregion
+        // #region Methods
+        /**
+         * Expands the element.
+         *
+         * @public
+         */
+        expand() {
+            if (this.disabled) {
+                return;
+            }
+            if (this._isExpanded) {
+                return;
+            }
+            this.isExpanded = true;
+        }
+        /**
+         * Collapses the element.
+         *
+         * @public
+         */
+        collapse() {
+            if (this.disabled) {
+                return;
+            }
+            if (!this._isExpanded) {
+                return;
+            }
+            this.isExpanded = false;
+        }
+        /**
+         * Toggles the element between expanded and collapsed states.
+         *
+         * @public
+         */
+        toggle() {
+            if (this.disabled) {
+                return;
+            }
+            if (!this.isExpanded) {
+                this.expand();
+            }
+            else {
+                this.collapse();
+            }
+        }
+        /**
+         * Emits the {@link expanded} event.
+         *
+         * @protected
+         */
+        onExpanded(args) {
+            this._expanded.emit(args);
+        }
+        /**
+         * Emits the {@link collapsed} event.
+         *
+         * @protected
+         */
+        onCollapsed(args) {
+            this._collapsed.emit(args);
+        }
+        /**
+         * Emits the {@link toggled} event.
+         *
+         * @protected
+         */
+        onToggled(args) {
+            this._toggled.emit(args);
+        }
+        /**
+         * This method is invoked when the `isExpanded` property is changed.
+         * Override this method to add custom behavior when the expanded state changes.
+         *
+         * @param prev - The previous value of `isExpanded`.
+         * @param next - The new value of `isExpanded`.
+         * @public
+         */
+        onIsExpandedChanged(prev, next) {
+            if (prev === next) {
+                return;
+            }
+            this._isExpanded = next;
+            this.requestUpdate('isExpanded');
+            if (next) {
+                this.onExpanded({});
+                this.onToggled({});
+            }
+            else {
+                this.onCollapsed({});
+                this.onToggled({});
+            }
+        }
+    }
+    __decorate([
+        Emit({ eventName: 'expanded' }),
+        __metadata("design:type", Object)
+    ], ExpandableElement.prototype, "_expanded", void 0);
+    __decorate([
+        Emit({ eventName: 'collapsed' }),
+        __metadata("design:type", Object)
+    ], ExpandableElement.prototype, "_collapsed", void 0);
+    __decorate([
+        Emit({ eventName: 'toggled' }),
+        __metadata("design:type", Object)
+    ], ExpandableElement.prototype, "_toggled", void 0);
+    __decorate([
+        Attribute({
+            type: Boolean,
+            useDefault: true
+        }),
+        __metadata("design:type", Boolean),
+        __metadata("design:paramtypes", [Boolean])
+    ], ExpandableElement.prototype, "isExpanded", null);
+    __decorate([
+        Emit(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [])
+    ], ExpandableElement.prototype, "expanded", null);
+    __decorate([
+        Emit(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [])
+    ], ExpandableElement.prototype, "collapsed", null);
+    __decorate([
+        Emit(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [])
+    ], ExpandableElement.prototype, "toggled", null);
+    return ExpandableElement;
+};
+//# sourceMappingURL=Expandable.js.map

package/Controls/Behaviors/Expandable.js.map

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

package/Controls/Behaviors/Filterable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Filterable.d.ts","sourceRoot":"","sources":["../../../src/Controls/Behaviors/Filterable.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAG3E,OAAO,KAAK,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAIvF;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAI7B,UAAU,EAAE,OAAO,CAAC;IAEpB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,MAAM,EAAE,MAAM,CAAC;IAEf,iBAAiB,EAAE,MAAM,CAAC;CAI7B;AAED;;GAEG;AACH,yBAAiB,gBAAgB,CAAC;IACvB,MAAM,QAAQ,EAAE,gBAKtB,CAAC;CACL;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,mBAAmB,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,KAAG,qBAAqB,CAAC,CAAC,EAAE,gBAAgB,CA4H3H,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,qBAAqB;IAElC;;;;OAIG;IACH,UAAU,EAAE,OAAO,CAAC;CACvB;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,mBAAmB,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,KAAG,qBAAqB,CAAC,CAAC,EAAE,qBAAqB,CAiDrI,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAGrE;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,OAAO,GAAG,OAAO,CAKnF"}
+{"version":3,"file":"Filterable.d.ts","sourceRoot":"","sources":["../../../src/Controls/Behaviors/Filterable.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAI3E,OAAO,KAAK,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAIvF;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAI7B,UAAU,EAAE,OAAO,CAAC;IAEpB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,MAAM,EAAE,MAAM,CAAC;IAEf,iBAAiB,EAAE,MAAM,CAAC;CAI7B;AAED;;GAEG;AACH,yBAAiB,gBAAgB,CAAC;IACvB,MAAM,QAAQ,EAAE,gBAKtB,CAAC;CACL;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,mBAAmB,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,KAAG,qBAAqB,CAAC,CAAC,EAAE,gBAAgB,CA4H3H,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,qBAAqB;IAElC;;;;OAIG;IACH,UAAU,EAAE,OAAO,CAAC;CACvB;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,mBAAmB,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,KAAG,qBAAqB,CAAC,CAAC,EAAE,qBAAqB,CAoDrI,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO,CAGrE;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,OAAO,GAAG,OAAO,CAKnF"}

package/Controls/Behaviors/Filterable.js

@@ -9,9 +9,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-import { Watch } from '../Decorators/WatchDecorator';
 import { Attribute } from '../Decorators/AttributeDecorator';
 import { Property } from '../Decorators/PropertyDecorator';
+import { Watch } from '../Decorators/WatchDecorator';
 /**
  * @public
  */
@@ -190,7 +190,10 @@ export const FilterableChild = (base) => {
         }
     }
     __decorate([
-        Attribute({ type: Boolean }),
+        Attribute({
+            type: Boolean,
+            useDefault: true
+        }),
         __metadata("design:type", Boolean),
         __metadata("design:paramtypes", [Boolean])
     ], FilterableChildElement.prototype, "isFiltered", null);

package/Controls/Behaviors/Filterable.js.map

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

package/Controls/Behaviors/Focusable.js

@@ -11,7 +11,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 // #region Imports
 import { css } from '../../Dom/Css';
 import { RendererServiceLocator } from '../../Dom/Renderer';
-import { Listen } from '../../Events/Decorators/ListenDecorator';
+import { Listen } from '../../events/Decorators/ListenDecorator';
 import { Attribute } from '../Decorators/AttributeDecorator';
 import { Watch } from '../Decorators/WatchDecorator';
 /**

package/Controls/Behaviors/Insetable.js

@@ -38,14 +38,14 @@ export const Insetable = (base) => {
          * Appears as dom class property.
          *
          * Possible values are:
-         * * `top`
-         * * `right`
-         * * `bottom`
-         * * `left`
-         * * `vertical`
-         * * `horizontal`
-         * * `all`
-         * * `none`
+         * * `top` - applies an inset to the top of the element
+         * * `right` - applies an inset to the right of the element
+         * * `bottom` - applies an inset to the bottom of the element
+         * * `left` - applies an inset to the left of the element
+         * * `vertical` - applies an inset to both the top and bottom of the element
+         * * `horizontal` - applies an inset to both the left and right of the element
+         * * `all` - applies an inset to all sides of the element
+         * * `none` (default) - no inset is applied
          *
          * The default value is `none`, which means no inset is applied.
          *

package/Controls/Behaviors/Localeable.js

@@ -59,7 +59,7 @@ export const Localeable = (base) => {
 export var ILocaleableProps;
 (function (ILocaleableProps) {
     ILocaleableProps.DEFAULTS = {
-        locale: 'default'
+        locale: 'default' // TODO; check if this really works as intended. 'default' is not a valid locale, but it should trigger the element to use the browser's default locale. If this doesn't work, we might need to change the implementation to use navigator.language as the default value.
     };
 })(ILocaleableProps || (ILocaleableProps = {}));
 //# sourceMappingURL=Localeable.js.map

package/Controls/Behaviors/Localeable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Localeable.js","sourceRoot":"","sources":["../../../src/Controls/Behaviors/Localeable.ts"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,kBAAkB;;;;;;;;;;AAGlB,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAoB3D;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAA+C,IAAO,EAA8C,EAAE;IAC5H,MAAe,iBAAkB,SAAQ,IAAI;QAEzC,iBAAiB;QAET,OAAO,CAAS;QAExB,aAAa;QAEb,eAAe;QAEf;;;;WAIG;QACH,YAAmB,GAAG,IAAgB;YAClC,KAAK,CAAC,IAAI,CAAC,CAAC;YAEZ,IAAI,CAAC,OAAO,GAAG,gBAAgB,CAAC,QAAQ,CAAC,MAAM,CAAC;QACpD,CAAC;QAED,aAAa;QAEb,qBAAqB;QAErB;;;;;WAKG;QACH,IACW,MAAM;YACb,OAAO,IAAI,CAAC,OAAO,CAAC;QACxB,CAAC;QAED,IAAW,MAAM,CAAC,KAAa;YAC3B,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;gBACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;gBACrB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YACjC,CAAC;QACL,CAAC;KAIJ;IAdG;QAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;mDAG1B;IAaL,OAAO,iBAAiB,CAAC;AAC7B,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,KAAW,gBAAgB,CAIhC;AAJD,WAAiB,gBAAgB;IAChB,yBAAQ,GAAqB;QACtC,MAAM,EAAE,SAAS;KACpB,CAAC;AACN,CAAC,EAJgB,gBAAgB,KAAhB,gBAAgB,QAIhC"}
+{"version":3,"file":"Localeable.js","sourceRoot":"","sources":["../../../src/Controls/Behaviors/Localeable.ts"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,kBAAkB;;;;;;;;;;AAGlB,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAoB3D;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAA+C,IAAO,EAA8C,EAAE;IAC5H,MAAe,iBAAkB,SAAQ,IAAI;QAEzC,iBAAiB;QAET,OAAO,CAAS;QAExB,aAAa;QAEb,eAAe;QAEf;;;;WAIG;QACH,YAAmB,GAAG,IAAgB;YAClC,KAAK,CAAC,IAAI,CAAC,CAAC;YAEZ,IAAI,CAAC,OAAO,GAAG,gBAAgB,CAAC,QAAQ,CAAC,MAAM,CAAC;QACpD,CAAC;QAED,aAAa;QAEb,qBAAqB;QAErB;;;;;WAKG;QACH,IACW,MAAM;YACb,OAAO,IAAI,CAAC,OAAO,CAAC;QACxB,CAAC;QAED,IAAW,MAAM,CAAC,KAAa;YAC3B,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;gBACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;gBACrB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YACjC,CAAC;QACL,CAAC;KAIJ;IAdG;QAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;mDAG1B;IAaL,OAAO,iBAAiB,CAAC;AAC7B,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,KAAW,gBAAgB,CAIhC;AAJD,WAAiB,gBAAgB;IAChB,yBAAQ,GAAqB;QACtC,MAAM,EAAE,SAAS,CAAC,yQAAyQ;KAC9R,CAAC;AACN,CAAC,EAJgB,gBAAgB,KAAhB,gBAAgB,QAIhC"}

package/Controls/Behaviors/Openable.d.ts

@@ -1,10 +1,10 @@
-import { IEventEmitter, ICancelEventDetail } from '@breadstone/mosaik-elements';
+import { ICancelEventDetail, IEventEmitter } from '@breadstone/mosaik-elements';
 import type { CustomElement } from '../Components/Abstracts/CustomElement';
 import type { ControlBehaviorBase, ControlBehaviorReturn } from './Abstracts/Behavior';
 /**
  * Represents the events of the `{@link Openable}` mixin.
  *
- * @fires opened {CustomEvent<IEventDetail>} - Fired when the element is opened.
+ * @fires opened {OpenedEvent} - Fired when the element is opened.
  *
  * @public
  */
@@ -26,12 +26,4 @@ export interface IOpenable {
  * @public
  */
 export declare const Openable: <T extends ControlBehaviorBase<CustomElement>>(base: T) => ControlBehaviorReturn<T, IOpenable & IOpenableEvents>;
-/**
- * @public
- */
-declare global {
-    interface HTMLElementEventMap {
-        opened: CustomEvent<ICancelEventDetail>;
-    }
-}
 //# sourceMappingURL=Openable.d.ts.map

package/Controls/Behaviors/Openable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Openable.d.ts","sourceRoot":"","sources":["../../../src/Controls/Behaviors/Openable.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAyC,MAAM,6BAA6B,CAAC;AAEvH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAC3E,OAAO,KAAK,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAIvF;;;;;;GAMG;AACH,MAAM,WAAW,eAAe;IAI5B,MAAM,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAI7C;AAED;;;;GAIG;AACH,MAAM,WAAW,SAAS;IAItB;;OAEG;IACH,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;CAIzB;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,mBAAmB,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,KAAG,qBAAqB,CAAC,CAAC,EAAE,SAAS,GAAG,eAAe,CA8DpI,CAAC;AAEF;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,mBAAmB;QACzB,MAAM,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAC;KAC3C;CACJ"}
+{"version":3,"file":"Openable.d.ts","sourceRoot":"","sources":["../../../src/Controls/Behaviors/Openable.ts"],"names":[],"mappings":"AAGA,OAAO,EAA2B,kBAAkB,EAAE,aAAa,EAAgB,MAAM,6BAA6B,CAAC;AAEvH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAC3E,OAAO,KAAK,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAIvF;;;;;;GAMG;AACH,MAAM,WAAW,eAAe;IAI5B,MAAM,EAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;CAI7C;AAED;;;;GAIG;AACH,MAAM,WAAW,SAAS;IAItB;;OAEG;IACH,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;CAIzB;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,mBAAmB,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,KAAG,qBAAqB,CAAC,CAAC,EAAE,SAAS,GAAG,eAAe,CA8DpI,CAAC"}

package/Controls/Behaviors/Openable.js

@@ -10,7 +10,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { HTMLElementEventEmitter, waitForEvent } from '@breadstone/mosaik-elements';
-import { Emit } from '../../Events/Decorators/EmitDecorator';
+import { Emit } from '../../events/Decorators/EmitDecorator';
 /**
  * @public
  */

package/Controls/Behaviors/Openable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Openable.js","sourceRoot":"","sources":["../../../src/Controls/Behaviors/Openable.ts"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAqC,uBAAuB,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AACvH,OAAO,EAAE,IAAI,EAAE,MAAM,uCAAuC,CAAC;AAyC7D;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAA+C,IAAO,EAAyD,EAAE;IACrI,MAAe,eAAgB,SAAQ,IAAI;QAEvC,iBAAiB;QAEA,OAAO,CAAoC;QAE5D,aAAa;QAEb,eAAe;QAEf;;;;WAIG;QACH,YAAmB,GAAG,IAAgB;YAClC,KAAK,CAAC,IAAI,CAAC,CAAC;YAEZ,IAAI,CAAC,OAAO,GAAG,IAAI,uBAAuB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAC/D,CAAC;QAED,aAAa;QAEb,qBAAqB;QAErB;;;;;;;WAOG;QACH,IACW,MAAM;YACb,OAAO,IAAI,CAAC,OAAO,CAAC;QACxB,CAAC;QAED,aAAa;QAEb,kBAAkB;QAElB;;WAEG;QACI,KAAK,CAAC,IAAI;YACb,MAAM,IAAI,GAAuB,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;YAEnD,MAAM,IAAI,GAAG,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC;iBACpC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;YAErB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAExB,OAAO,IAAI,CAAC;QAChB,CAAC;KAIJ;IAzBG;QAAC,IAAI,EAAE;;;iDAGN;IAwBL,OAAO,eAAe,CAAC;AAC3B,CAAC,CAAC"}
+{"version":3,"file":"Openable.js","sourceRoot":"","sources":["../../../src/Controls/Behaviors/Openable.ts"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,uBAAuB,EAAqC,YAAY,EAAE,MAAM,6BAA6B,CAAC;AACvH,OAAO,EAAE,IAAI,EAAE,MAAM,uCAAuC,CAAC;AAyC7D;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAA+C,IAAO,EAAyD,EAAE;IACrI,MAAe,eAAgB,SAAQ,IAAI;QAEvC,iBAAiB;QAEA,OAAO,CAAoC;QAE5D,aAAa;QAEb,eAAe;QAEf;;;;WAIG;QACH,YAAmB,GAAG,IAAgB;YAClC,KAAK,CAAC,IAAI,CAAC,CAAC;YAEZ,IAAI,CAAC,OAAO,GAAG,IAAI,uBAAuB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;QAC/D,CAAC;QAED,aAAa;QAEb,qBAAqB;QAErB;;;;;;;WAOG;QACH,IACW,MAAM;YACb,OAAO,IAAI,CAAC,OAAO,CAAC;QACxB,CAAC;QAED,aAAa;QAEb,kBAAkB;QAElB;;WAEG;QACI,KAAK,CAAC,IAAI;YACb,MAAM,IAAI,GAAuB,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;YAEnD,MAAM,IAAI,GAAG,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC;iBACpC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;YAErB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAExB,OAAO,IAAI,CAAC;QAChB,CAAC;KAIJ;IAzBG;QAAC,IAAI,EAAE;;;iDAGN;IAwBL,OAAO,eAAe,CAAC;AAC3B,CAAC,CAAC"}

package/Controls/Behaviors/Selectable.d.ts

@@ -1,15 +1,15 @@
-import { IEventEmitter, IEventDetail } from '@breadstone/mosaik-elements';
+import { IEventDetail, IEventEmitter } from '@breadstone/mosaik-elements';
 import type { CustomElement } from '../Components/Abstracts/CustomElement';
 import type { ControlBehaviorBase, ControlBehaviorReturn } from './Abstracts/Behavior';
+import { IDisableableProps } from './Disableable';
 /**
- * Represents the `{@link ISelectableProps}` interface.
+ * Represents the events of the `{@link Selectable}` mixin.
  *
  * @public
  */
 export interface ISelectableEvents {
-    selectionChanged: IEventEmitter<IEventDetail & {
-        isSelected: boolean;
-    }>;
+    selected: IEventEmitter<IEventDetail>;
+    deselected: IEventEmitter<IEventDetail>;
 }
 /**
  * Represents the `{@link ISelectableProps}` interface.
@@ -19,12 +19,6 @@ export interface ISelectableEvents {
 export interface ISelectableProps {
     isSelected: boolean;
 }
-/**
- * @public
- */
-export declare namespace ISelectableProps {
-    const DEFAULTS: ISelectableProps;
-}
 /**
  * Represents the `ISelectable` interface.
  *
@@ -43,18 +37,20 @@ export interface ISelectable {
      * @public
      */
     deselect(): void;
-    /**
-     * Called when the selection changes.
-     * This method is a hook that can be overridden.
-     *
-     * @public
-     */
-    onSelectionChanges(): void;
+}
+/**
+ * @public
+ */
+export declare namespace ISelectableProps {
+    const DEFAULTS: ISelectableProps;
 }
 /**
  * A mixin that describes a selector behavior.
  *
+ * @fires selected {SelectedEvent} - Fired when the `isSelected` property is `true`.
+ * @fires deselected {DeselectedEvent} - Fired when the `isSelected` property is `false`.
+ *
  * @public
  */
-export declare const Selectable: <T extends ControlBehaviorBase<CustomElement>>(base: T) => ControlBehaviorReturn<T, ISelectableProps & ISelectableEvents & ISelectable>;
+export declare const Selectable: <T extends ControlBehaviorBase<CustomElement & IDisableableProps>>(base: T) => ControlBehaviorReturn<T, ISelectableProps & ISelectableEvents & ISelectable>;
 //# sourceMappingURL=Selectable.d.ts.map

package/Controls/Behaviors/Selectable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Selectable.d.ts","sourceRoot":"","sources":["../../../src/Controls/Behaviors/Selectable.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,YAAY,EAA2B,MAAM,6BAA6B,CAAC;AAGnG,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAG3E,OAAO,KAAK,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAIvF;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAI9B,gBAAgB,EAAE,aAAa,CAAC,YAAY,GAAG;QAAE,UAAU,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;CAI3E;AAED;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAI7B,UAAU,EAAE,OAAO,CAAC;CAIvB;AAED;;GAEG;AACH,yBAAiB,gBAAgB,CAAC;IACvB,MAAM,QAAQ,EAAE,gBAEtB,CAAC;CACL;AAED;;;;GAIG;AACH,MAAM,WAAW,WAAW;IAIxB;;;;OAIG;IACH,MAAM,IAAI,IAAI,CAAC;IAEf;;;;OAIG;IACH,QAAQ,IAAI,IAAI,CAAC;IAEjB;;;;;OAKG;IACH,kBAAkB,IAAI,IAAI,CAAC;CAI9B;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,mBAAmB,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,KAAG,qBAAqB,CAAC,CAAC,EAAE,gBAAgB,GAAG,iBAAiB,GAAG,WAAW,CAoI7J,CAAC"}
+{"version":3,"file":"Selectable.d.ts","sourceRoot":"","sources":["../../../src/Controls/Behaviors/Selectable.ts"],"names":[],"mappings":"AAIA,OAAO,EAA2B,YAAY,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAGnG,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAE3E,OAAO,KAAK,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AACvF,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAIlD;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAI9B,QAAQ,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IAEtC,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;CAI3C;AAED;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAI7B,UAAU,EAAE,OAAO,CAAC;CAIvB;AAED;;;;GAIG;AACH,MAAM,WAAW,WAAW;IAIxB;;;;OAIG;IACH,MAAM,IAAI,IAAI,CAAC;IAEf;;;;OAIG;IACH,QAAQ,IAAI,IAAI,CAAC;CAIpB;AAED;;GAEG;AACH,yBAAiB,gBAAgB,CAAC;IACvB,MAAM,QAAQ,EAAE,gBAEtB,CAAC;CACL;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,mBAAmB,CAAC,aAAa,GAAG,iBAAiB,CAAC,EAAE,MAAM,CAAC,KAAG,qBAAqB,CAAC,CAAC,EAAE,gBAAgB,GAAG,iBAAiB,GAAG,WAAW,CA+IjL,CAAC"}

package/Controls/Behaviors/Selectable.js

@@ -1,4 +1,3 @@
-/* eslint-disable @stylistic/padded-blocks */
 /* eslint-disable @typescript-eslint/naming-convention */
 // #region Imports
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
@@ -12,9 +11,8 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 };
 import { HTMLElementEventEmitter } from '@breadstone/mosaik-elements';
 import { RendererServiceLocator } from '../../Dom/Renderer';
-import { Emit } from '../../Events/Decorators/EmitDecorator';
+import { Emit } from '../../events/Decorators/EmitDecorator';
 import { Attribute } from '../Decorators/AttributeDecorator';
-import { Watch } from '../Decorators/WatchDecorator';
 /**
  * @public
  */
@@ -27,15 +25,16 @@ export var ISelectableProps;
 /**
  * A mixin that describes a selector behavior.
  *
+ * @fires selected {SelectedEvent} - Fired when the `isSelected` property is `true`.
+ * @fires deselected {DeselectedEvent} - Fired when the `isSelected` property is `false`.
+ *
  * @public
  */
 export const Selectable = (base) => {
-    /**
-     * @fires selectionChanged - Fired when the selection has changed.
-     */
     class SelectableElement extends base {
         // #region Fields
-        _selectionChanged;
+        _selected;
+        _deselected;
         _isSelected;
         // #endregion
         // #region Ctor
@@ -47,7 +46,8 @@ export const Selectable = (base) => {
         constructor(...args) {
             super(args);
             this._isSelected = ISelectableProps.DEFAULTS.isSelected;
-            this._selectionChanged = new HTMLElementEventEmitter(this, 'selectionChanged');
+            this._selected = new HTMLElementEventEmitter(this, 'selected');
+            this._deselected = new HTMLElementEventEmitter(this, 'deselected');
         }
         // #endregion
         // #region Properties
@@ -62,21 +62,34 @@ export const Selectable = (base) => {
             return this._isSelected;
         }
         set isSelected(value) {
+            if (this.disabled) {
+                return;
+            }
             if (this._isSelected !== value) {
-                this._isSelected = value;
-                this.requestUpdate('isSelected');
+                this.onIsSelectedChanged(this._isSelected, value);
             }
         }
         /**
-         * Called when the `isSelected` property has changed.
-         * Provides reference to `IValueEventDetail` as event argument.
+         * Called when the `isSelected` property is `true`.
+         * Provides reference to the `IEventDetail` as event argument.
          *
          * @public
+         * @eventProperty
          * @readonly
+         */
+        get selected() {
+            return this._selected;
+        }
+        /**
+         * Called when the `isSelected` property is `false`.
+         * Provides reference to the `IEventDetail` as event argument.
+         *
+         * @public
          * @eventProperty
+         * @readonly
          */
-        get selectionChanged() {
-            return this._selectionChanged;
+        get deselected() {
+            return this._deselected;
         }
         // #endregion
         // #region Methods
@@ -86,48 +99,44 @@ export const Selectable = (base) => {
          * @public
          */
         select() {
-            if (!this._isSelected) {
-                this.isSelected = true;
+            if (this.disabled) {
+                return;
             }
-        }
-        /**
-         * Deselects the element.
-         */
-        deselect() {
             if (this._isSelected) {
-                this.isSelected = false;
+                return;
             }
+            this.isSelected = true;
         }
         /**
-         * Called when the selection changes.
-         * This method is a hook that can be overridden.
+         * Deselects the element.
          *
          * @public
          */
-        onSelectionChanges() {
-            // This method is a hook that can be overridden.
+        deselect() {
+            if (this.disabled) {
+                return;
+            }
+            if (!this._isSelected) {
+                return;
+            }
+            this.isSelected = false;
         }
         /**
-         * Emits the {@link selectionChanged} event.
+         * This method is invoked when the `isSelected` property is changed.
          *
          * @protected
+         * @virtual
          */
-        onSelectionChanged(args) {
-            this._selectionChanged.emit(args);
-        }
-        /**
-         * @protected
-         */
-        onIsSelectedPropertyChanged(prev, next) {
-            if (next !== prev) {
-                if (next) {
-                    RendererServiceLocator.current.setAttribute(this, 'aria-selected', 'true');
-                }
-                else {
-                    RendererServiceLocator.current.removeAttribute(this, 'aria-selected');
-                }
-                this.onSelectionChanged({ isSelected: next ?? false });
-                this.onSelectionChanges();
+        onIsSelectedChanged(_prev, next) {
+            this._isSelected = next;
+            this.requestUpdate('isSelected');
+            if (next) {
+                RendererServiceLocator.current.setAttribute(this, 'aria-selected', 'true');
+                this._selected.emit();
+            }
+            else {
+                RendererServiceLocator.current.removeAttribute(this, 'aria-selected');
+                this._deselected.emit();
             }
         }
     }
@@ -143,21 +152,12 @@ export const Selectable = (base) => {
         Emit(),
         __metadata("design:type", Object),
         __metadata("design:paramtypes", [])
-    ], SelectableElement.prototype, "selectionChanged", null);
+    ], SelectableElement.prototype, "selected", null);
     __decorate([
-        Watch('isSelected'),
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [Boolean, Boolean]),
-        __metadata("design:returntype", void 0)
-    ], SelectableElement.prototype, "onIsSelectedPropertyChanged", null);
+        Emit(),
+        __metadata("design:type", Object),
+        __metadata("design:paramtypes", [])
+    ], SelectableElement.prototype, "deselected", null);
     return SelectableElement;
 };
-// /**
-//  * @public
-//  */
-// Declare global {
-//     Interface HTMLElementEventMap {
-//         SelectionChanged: CustomEvent<IValueEventDetail>;
-//     }
-// }
 //# sourceMappingURL=Selectable.js.map