@spartan-ng/brain 0.0.1-alpha.437 → 0.0.1-alpha.438

package/fesm2022/spartan-ng-brain-toggle.mjs

@@ -1,175 +1,9 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, forwardRef, input, booleanAttribute, model, computed, signal, output, Component, ChangeDetectorRef, Directive, NgModule } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-
-const BrnToggleGroupToken = new InjectionToken('BrnToggleGroupToken');
-function injectBrnToggleGroup() {
-    return inject(BrnToggleGroupToken, { optional: true });
-}
-function provideBrnToggleGroup(value) {
-    return { provide: BrnToggleGroupToken, useExisting: value };
-}
-
-const BRN_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: forwardRef(() => BrnToggleGroupComponent),
-    multi: true,
-};
-class BrnButtonToggleChange {
-    source;
-    value;
-    constructor(source, value) {
-        this.source = source;
-        this.value = value;
-    }
-}
-class BrnToggleGroupComponent {
-    /**
-     * The method to be called in order to update ngModel.
-     */
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    _onChange = () => { };
-    /** onTouch function registered via registerOnTouch (ControlValueAccessor). */
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    onTouched = () => { };
-    /** Whether the button toggle group has a vertical orientation */
-    vertical = input(false, {
-        transform: booleanAttribute,
-    });
-    /** Value of the toggle group. */
-    value = model(undefined);
-    /** Whether no button toggles need to be selected. */
-    nullable = input(false, {
-        transform: booleanAttribute,
-    });
-    /** Whether multiple button toggles can be selected. */
-    multiple = input(false, {
-        transform: booleanAttribute,
-    });
-    /** Whether the button toggle group is disabled. */
-    disabled = input(false, {
-        transform: booleanAttribute,
-    });
-    /** The internal state of the component. This can be replaced with linkedSignal in the future. */
-    state = computed(() => ({
-        disabled: signal(this.disabled()),
-    }));
-    /** Emit event when the group value changes. */
-    change = output();
-    writeValue(value) {
-        this.value.set(value);
-    }
-    registerOnChange(fn) {
-        this._onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        this.state().disabled.set(isDisabled);
-    }
-    /**
-     * @internal
-     * Determines whether a value can be set on the group.
-     */
-    canDeselect(value) {
-        // if null values are allowed, the group can always be nullable
-        if (this.nullable())
-            return true;
-        const currentValue = this.value();
-        if (this.multiple() && Array.isArray(currentValue)) {
-            return !(currentValue.length === 1 && currentValue[0] === value);
-        }
-        return currentValue !== value;
-    }
-    /**
-     * @internal
-     * Selects a value.
-     */
-    select(value, source) {
-        if (this.state().disabled() || this.isSelected(value)) {
-            return;
-        }
-        const currentValue = this.value();
-        // emit the valueChange event here as we should only emit based on user interaction
-        if (this.multiple()) {
-            this.emitSelectionChange([...(currentValue ?? []), value], source);
-        }
-        else {
-            this.emitSelectionChange(value, source);
-        }
-        this._onChange(this.value());
-        this.change.emit(new BrnButtonToggleChange(source, this.value()));
-    }
-    /**
-     * @internal
-     * Deselects a value.
-     */
-    deselect(value, source) {
-        if (this.state().disabled() || !this.isSelected(value) || !this.canDeselect(value)) {
-            return;
-        }
-        const currentValue = this.value();
-        if (this.multiple()) {
-            this.emitSelectionChange((currentValue ?? []).filter((v) => v !== value), source);
-        }
-        else if (currentValue === value) {
-            this.emitSelectionChange(null, source);
-        }
-    }
-    /**
-     * @internal
-     * Determines whether a value is selected.
-     */
-    isSelected(value) {
-        const currentValue = this.value();
-        if (currentValue == null ||
-            currentValue === undefined ||
-            (Array.isArray(currentValue) && currentValue.length === 0)) {
-            return false;
-        }
-        if (this.multiple()) {
-            return currentValue?.includes(value);
-        }
-        return currentValue === value;
-    }
-    /** Update the value of the group */
-    emitSelectionChange(value, source) {
-        this.value.set(value);
-        this._onChange(value);
-        this.change.emit(new BrnButtonToggleChange(source, this.value()));
-    }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: BrnToggleGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.1", type: BrnToggleGroupComponent, isStandalone: true, selector: "brn-toggle-group", inputs: { vertical: { classPropertyName: "vertical", publicName: "vertical", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, nullable: { classPropertyName: "nullable", publicName: "nullable", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", change: "change" }, host: { attributes: { "role": "group" }, listeners: { "focusout": "onTouched()" }, properties: { "attr.aria-disabled": "state().disabled()", "attr.data-disabled": "state().disabled()", "attr.data-vertical": "vertical()" }, classAttribute: "brn-button-toggle-group" }, providers: [provideBrnToggleGroup(BrnToggleGroupComponent), BRN_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR], exportAs: ["brnToggleGroup"], ngImport: i0, template: `
-		<ng-content />
-	`, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: BrnToggleGroupComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'brn-toggle-group',
-                    standalone: true,
-                    providers: [provideBrnToggleGroup(BrnToggleGroupComponent), BRN_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR],
-                    host: {
-                        role: 'group',
-                        class: 'brn-button-toggle-group',
-                        '[attr.aria-disabled]': 'state().disabled()',
-                        '[attr.data-disabled]': 'state().disabled()',
-                        '[attr.data-vertical]': 'vertical()',
-                        '(focusout)': 'onTouched()',
-                    },
-                    exportAs: 'brnToggleGroup',
-                    template: `
-		<ng-content />
-	`,
-                }]
-        }] });
+import { inject, ChangeDetectorRef, input, booleanAttribute, model, computed, Directive, NgModule } from '@angular/core';
 
 class BrnToggleDirective {
     static _uniqueId = 0;
     _changeDetector = inject(ChangeDetectorRef);
-    /** Access the toggle group if available. */
-    group = injectBrnToggleGroup();
     /** The id of the toggle. */
     id = input(`brn-toggle-${BrnToggleDirective._uniqueId++}`);
     /** The value this toggle represents. */
@@ -188,28 +22,15 @@ class BrnToggleDirective {
     isOn = computed(() => this._state() === 'on');
     /** The current state that reflects the group state or the model state. */
     _state = computed(() => {
-        if (this.group) {
-            return this.group.isSelected(this.value()) ? 'on' : 'off';
-        }
         return this.state();
     });
     toggle() {
         if (this.disableToggleClick())
             return;
-        if (this.group) {
-            if (this.isOn()) {
-                this.group.deselect(this.value(), this);
-            }
-            else {
-                this.group.select(this.value(), this);
-            }
-        }
-        else {
-            this.state.set(this.isOn() ? 'off' : 'on');
-        }
+        this.state.set(this.isOn() ? 'off' : 'on');
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: BrnToggleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.1", type: BrnToggleDirective, isStandalone: true, selector: "button[hlmToggle], button[brnToggle]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, disableToggleClick: { classPropertyName: "disableToggleClick", publicName: "disableToggleClick", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { state: "stateChange" }, host: { listeners: { "click": "toggle()" }, properties: { "id": "id()", "attr.disabled": "disabled() || group?.disabled() ? true : null", "attr.data-disabled": "disabled() || group?.disabled() ? true : null", "attr.data-state": "_state()", "attr.aria-pressed": "isOn()" } }, ngImport: i0 });
+    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.1", type: BrnToggleDirective, isStandalone: true, selector: "button[hlmToggle], button[brnToggle]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null }, disableToggleClick: { classPropertyName: "disableToggleClick", publicName: "disableToggleClick", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { state: "stateChange" }, host: { listeners: { "click": "toggle()" }, properties: { "id": "id()", "attr.disabled": "disabled() ? true : null", "attr.data-disabled": "disabled() ? true : null", "attr.data-state": "_state()", "attr.aria-pressed": "isOn()" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: BrnToggleDirective, decorators: [{
             type: Directive,
@@ -218,8 +39,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                     standalone: true,
                     host: {
                         '[id]': 'id()',
-                        '[attr.disabled]': 'disabled() || group?.disabled() ? true : null',
-                        '[attr.data-disabled]': 'disabled() || group?.disabled() ? true : null',
+                        '[attr.disabled]': 'disabled() ? true : null',
+                        '[attr.data-disabled]': 'disabled() ? true : null',
                         '[attr.data-state]': '_state()',
                         '[attr.aria-pressed]': 'isOn()',
                         '(click)': 'toggle()',
@@ -239,22 +60,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
                     exports: [BrnToggleDirective],
                 }]
         }] });
-class BrnToggleGroupModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: BrnToggleGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: BrnToggleGroupModule, imports: [BrnToggleDirective, BrnToggleGroupComponent], exports: [BrnToggleDirective, BrnToggleGroupComponent] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: BrnToggleGroupModule });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: BrnToggleGroupModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [BrnToggleDirective, BrnToggleGroupComponent],
-                    exports: [BrnToggleDirective, BrnToggleGroupComponent],
-                }]
-        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { BRN_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR, BrnButtonToggleChange, BrnToggleDirective, BrnToggleGroupComponent, BrnToggleGroupModule, BrnToggleModule };
+export { BrnToggleDirective, BrnToggleModule };
 //# sourceMappingURL=spartan-ng-brain-toggle.mjs.map

package/fesm2022/spartan-ng-brain-toggle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"spartan-ng-brain-toggle.mjs","sources":["../../../../libs/brain/toggle/src/lib/brn-toggle-group.token.ts","../../../../libs/brain/toggle/src/lib/brn-toggle-group.component.ts","../../../../libs/brain/toggle/src/lib/brn-toggle.directive.ts","../../../../libs/brain/toggle/src/index.ts","../../../../libs/brain/toggle/src/spartan-ng-brain-toggle.ts"],"sourcesContent":["import { ExistingProvider, InjectionToken, Type, inject } from '@angular/core';\nimport type { BrnToggleGroupComponent } from './brn-toggle-group.component';\n\nconst BrnToggleGroupToken = new InjectionToken<BrnToggleGroupComponent>('BrnToggleGroupToken');\n\nexport function injectBrnToggleGroup<T>(): BrnToggleGroupComponent<T> | null {\n\treturn inject(BrnToggleGroupToken, { optional: true }) as BrnToggleGroupComponent<T> | null;\n}\n\nexport function provideBrnToggleGroup<T>(value: Type<BrnToggleGroupComponent<T>>): ExistingProvider {\n\treturn { provide: BrnToggleGroupToken, useExisting: value };\n}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { Component, booleanAttribute, computed, forwardRef, input, model, output, signal } from '@angular/core';\nimport { type ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { provideBrnToggleGroup } from './brn-toggle-group.token';\nimport { BrnToggleDirective } from './brn-toggle.directive';\n\nexport const BRN_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR = {\n\tprovide: NG_VALUE_ACCESSOR,\n\tuseExisting: forwardRef(() => BrnToggleGroupComponent),\n\tmulti: true,\n};\n\nexport class BrnButtonToggleChange<T = unknown> {\n\tconstructor(\n\t\tpublic source: BrnToggleDirective<T>,\n\t\tpublic value: ToggleValue<T>,\n\t) {}\n}\n\n@Component({\n\tselector: 'brn-toggle-group',\n\tstandalone: true,\n\tproviders: [provideBrnToggleGroup(BrnToggleGroupComponent), BRN_BUTTON_TOGGLE_GROUP_VALUE_ACCESSOR],\n\thost: {\n\t\trole: 'group',\n\t\tclass: 'brn-button-toggle-group',\n\t\t'[attr.aria-disabled]': 'state().disabled()',\n\t\t'[attr.data-disabled]': 'state().disabled()',\n\t\t'[attr.data-vertical]': 'vertical()',\n\t\t'(focusout)': 'onTouched()',\n\t},\n\texportAs: 'brnToggleGroup',\n\ttemplate: `\n\t\t<ng-content />\n\t`,\n})\nexport class BrnToggleGroupComponent<T = unknown> implements ControlValueAccessor {\n\t/**\n\t * The method to be called in order to update ngModel.\n\t */\n\t// eslint-disable-next-line @typescript-eslint/no-empty-function\n\tprivate _onChange: (value: ToggleValue<T>) => void = () => {};\n\n\t/** onTouch function registered via registerOnTouch (ControlValueAccessor). */\n\t// eslint-disable-next-line @typescript-eslint/no-empty-function\n\tprotected onTouched: () => void = () => {};\n\n\t/** Whether the button toggle group has a vertical orientation */\n\tpublic readonly vertical = input<boolean, BooleanInput>(false, {\n\t\ttransform: booleanAttribute,\n\t});\n\n\t/** Value of the toggle group. */\n\tpublic readonly value = model<ToggleValue<T>>(undefined);\n\n\t/** Whether no button toggles need to be selected. */\n\tpublic readonly nullable = input<boolean, BooleanInput>(false, {\n\t\ttransform: booleanAttribute,\n\t});\n\n\t/** Whether multiple button toggles can be selected. */\n\tpublic readonly multiple = input<boolean, BooleanInput>(false, {\n\t\ttransform: booleanAttribute,\n\t});\n\n\t/** Whether the button toggle group is disabled. */\n\tpublic readonly disabled = input<boolean, BooleanInput>(false, {\n\t\ttransform: booleanAttribute,\n\t});\n\n\t/** The internal state of the component. This can be replaced with linkedSignal in the future. */\n\tpublic readonly state = computed(() => ({\n\t\tdisabled: signal(this.disabled()),\n\t}));\n\n\t/** Emit event when the group value changes. */\n\tpublic readonly change = output<BrnButtonToggleChange<T>>();\n\n\twriteValue(value: ToggleValue<T>): void {\n\t\tthis.value.set(value);\n\t}\n\n\tregisterOnChange(fn: (value: ToggleValue<T>) => void) {\n\t\tthis._onChange = fn;\n\t}\n\n\tregisterOnTouched(fn: () => void) {\n\t\tthis.onTouched = fn;\n\t}\n\n\tsetDisabledState(isDisabled: boolean): void {\n\t\tthis.state().disabled.set(isDisabled);\n\t}\n\n\t/**\n\t * @internal\n\t * Determines whether a value can be set on the group.\n\t */\n\tcanDeselect(value: ToggleValue<T>): boolean {\n\t\t// if null values are allowed, the group can always be nullable\n\t\tif (this.nullable()) return true;\n\n\t\tconst currentValue = this.value();\n\n\t\tif (this.multiple() && Array.isArray(currentValue)) {\n\t\t\treturn !(currentValue.length === 1 && currentValue[0] === value);\n\t\t}\n\n\t\treturn currentValue !== value;\n\t}\n\n\t/**\n\t * @internal\n\t * Selects a value.\n\t */\n\tselect(value: T, source: BrnToggleDirective<T>): void {\n\t\tif (this.state().disabled() || this.isSelected(value)) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst currentValue = this.value();\n\n\t\t// emit the valueChange event here as we should only emit based on user interaction\n\t\tif (this.multiple()) {\n\t\t\tthis.emitSelectionChange([...((currentValue ?? []) as T[]), value], source);\n\t\t} else {\n\t\t\tthis.emitSelectionChange(value, source);\n\t\t}\n\n\t\tthis._onChange(this.value());\n\t\tthis.change.emit(new BrnButtonToggleChange<T>(source, this.value()));\n\t}\n\n\t/**\n\t * @internal\n\t * Deselects a value.\n\t */\n\tdeselect(value: T, source: BrnToggleDirective<T>): void {\n\t\tif (this.state().disabled() || !this.isSelected(value) || !this.canDeselect(value)) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst currentValue = this.value();\n\n\t\tif (this.multiple()) {\n\t\t\tthis.emitSelectionChange(\n\t\t\t\t((currentValue ?? []) as T[]).filter((v) => v !== value),\n\t\t\t\tsource,\n\t\t\t);\n\t\t} else if (currentValue === value) {\n\t\t\tthis.emitSelectionChange(null, source);\n\t\t}\n\t}\n\n\t/**\n\t * @internal\n\t * Determines whether a value is selected.\n\t */\n\tisSelected(value: T): boolean {\n\t\tconst currentValue = this.value();\n\n\t\tif (\n\t\t\tcurrentValue == null ||\n\t\t\tcurrentValue === undefined ||\n\t\t\t(Array.isArray(currentValue) && currentValue.length === 0)\n\t\t) {\n\t\t\treturn false;\n\t\t}\n\n\t\tif (this.multiple()) {\n\t\t\treturn (currentValue as T[])?.includes(value);\n\t\t}\n\t\treturn currentValue === value;\n\t}\n\n\t/** Update the value of the group */\n\tprivate emitSelectionChange(value: ToggleValue<T>, source: BrnToggleDirective<T>): void {\n\t\tthis.value.set(value);\n\t\tthis._onChange(value);\n\t\tthis.change.emit(new BrnButtonToggleChange<T>(source, this.value()));\n\t}\n}\n\ntype ToggleValue<T> = T | T[] | null | undefined;\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport { ChangeDetectorRef, Directive, booleanAttribute, computed, inject, input, model } from '@angular/core';\nimport { injectBrnToggleGroup } from './brn-toggle-group.token';\n\n@Directive({\n\tselector: 'button[hlmToggle], button[brnToggle]',\n\tstandalone: true,\n\thost: {\n\t\t'[id]': 'id()',\n\t\t'[attr.disabled]': 'disabled() || group?.disabled() ? true : null',\n\t\t'[attr.data-disabled]': 'disabled() || group?.disabled() ? true : null',\n\t\t'[attr.data-state]': '_state()',\n\t\t'[attr.aria-pressed]': 'isOn()',\n\t\t'(click)': 'toggle()',\n\t},\n})\nexport class BrnToggleDirective<T> {\n\tprivate static _uniqueId = 0;\n\n\tprivate readonly _changeDetector = inject(ChangeDetectorRef);\n\n\t/** Access the toggle group if available. */\n\tprotected readonly group = injectBrnToggleGroup<T>();\n\n\t/** The id of the toggle. */\n\tpublic readonly id = input(`brn-toggle-${BrnToggleDirective._uniqueId++}`);\n\n\t/** The value this toggle represents. */\n\tpublic readonly value = input<T>();\n\n\t/** Whether the toggle is disabled. */\n\tpublic readonly disabled = input<boolean, BooleanInput>(false, {\n\t\ttransform: booleanAttribute,\n\t});\n\n\t/** The current state of the toggle when not used in a group. */\n\tpublic readonly state = model<'on' | 'off'>('off');\n\n\t/** Whether the toggle is responds to click events. */\n\tpublic readonly disableToggleClick = input<boolean, BooleanInput>(false, {\n\t\ttransform: booleanAttribute,\n\t});\n\n\t/** Whether the toggle is in the on state. */\n\tprotected readonly isOn = computed(() => this._state() === 'on');\n\n\t/** The current state that reflects the group state or the model state. */\n\tprotected readonly _state = computed(() => {\n\t\tif (this.group) {\n\t\t\treturn this.group.isSelected(this.value() as T) ? 'on' : 'off';\n\t\t}\n\t\treturn this.state();\n\t});\n\n\ttoggle(): void {\n\t\tif (this.disableToggleClick()) return;\n\n\t\tif (this.group) {\n\t\t\tif (this.isOn()) {\n\t\t\t\tthis.group.deselect(this.value() as T, this);\n\t\t\t} else {\n\t\t\t\tthis.group.select(this.value() as T, this);\n\t\t\t}\n\t\t} else {\n\t\t\tthis.state.set(this.isOn() ? 'off' : 'on');\n\t\t}\n\t}\n}\n","import { NgModule } from '@angular/core';\nimport { BrnToggleGroupComponent } from './lib/brn-toggle-group.component';\nimport { BrnToggleDirective } from './lib/brn-toggle.directive';\n\nexport * from './lib/brn-toggle-group.component';\nexport * from './lib/brn-toggle.directive';\n\n@NgModule({\n\timports: [BrnToggleDirective],\n\texports: [BrnToggleDirective],\n})\nexport class BrnToggleModule {}\n\n@NgModule({\n\timports: [BrnToggleDirective, BrnToggleGroupComponent],\n\texports: [BrnToggleDirective, BrnToggleGroupComponent],\n})\nexport class BrnToggleGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"spartan-ng-brain-toggle.mjs","sources":["../../../../libs/brain/toggle/src/lib/brn-toggle.directive.ts","../../../../libs/brain/toggle/src/index.ts","../../../../libs/brain/toggle/src/spartan-ng-brain-toggle.ts"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport { ChangeDetectorRef, Directive, booleanAttribute, computed, inject, input, model } from '@angular/core';\n\n@Directive({\n\tselector: 'button[hlmToggle], button[brnToggle]',\n\tstandalone: true,\n\thost: {\n\t\t'[id]': 'id()',\n\t\t'[attr.disabled]': 'disabled() ? true : null',\n\t\t'[attr.data-disabled]': 'disabled() ? true : null',\n\t\t'[attr.data-state]': '_state()',\n\t\t'[attr.aria-pressed]': 'isOn()',\n\t\t'(click)': 'toggle()',\n\t},\n})\nexport class BrnToggleDirective<T> {\n\tprivate static _uniqueId = 0;\n\n\tprivate readonly _changeDetector = inject(ChangeDetectorRef);\n\n\t/** The id of the toggle. */\n\tpublic readonly id = input(`brn-toggle-${BrnToggleDirective._uniqueId++}`);\n\n\t/** The value this toggle represents. */\n\tpublic readonly value = input<T>();\n\n\t/** Whether the toggle is disabled. */\n\tpublic readonly disabled = input<boolean, BooleanInput>(false, {\n\t\ttransform: booleanAttribute,\n\t});\n\n\t/** The current state of the toggle when not used in a group. */\n\tpublic readonly state = model<'on' | 'off'>('off');\n\n\t/** Whether the toggle is responds to click events. */\n\tpublic readonly disableToggleClick = input<boolean, BooleanInput>(false, {\n\t\ttransform: booleanAttribute,\n\t});\n\n\t/** Whether the toggle is in the on state. */\n\tprotected readonly isOn = computed(() => this._state() === 'on');\n\n\t/** The current state that reflects the group state or the model state. */\n\tprotected readonly _state = computed(() => {\n\t\treturn this.state();\n\t});\n\n\ttoggle(): void {\n\t\tif (this.disableToggleClick()) return;\n\n\t\tthis.state.set(this.isOn() ? 'off' : 'on');\n\t}\n}\n","import { NgModule } from '@angular/core';\nimport { BrnToggleDirective } from './lib/brn-toggle.directive';\n\nexport * from './lib/brn-toggle.directive';\n\n@NgModule({\n\timports: [BrnToggleDirective],\n\texports: [BrnToggleDirective],\n})\nexport class BrnToggleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spartan-ng/brain",
-  "version": "0.0.1-alpha.437",
+  "version": "0.0.1-alpha.438",
   "sideEffects": false,
   "exports": {
     "./hlm-tailwind-preset": {
@@ -122,6 +122,10 @@
       "types": "./toggle/index.d.ts",
       "default": "./fesm2022/spartan-ng-brain-toggle.mjs"
     },
+    "./toggle-group": {
+      "types": "./toggle-group/index.d.ts",
+      "default": "./fesm2022/spartan-ng-brain-toggle-group.mjs"
+    },
     "./tooltip": {
       "types": "./tooltip/index.d.ts",
       "default": "./fesm2022/spartan-ng-brain-tooltip.mjs"

package/slider/index.d.ts

@@ -1,7 +1,12 @@
+import { BrnSliderRangeDirective } from './lib/brn-slider-range.directive';
 import { BrnSliderThumbDirective } from './lib/brn-slider-thumb.directive';
-import { BrnSliderDirective, BrnSliderInputDirective, BrnSliderTrackDirective } from './lib/brn-slider-track.directive';
+import { BrnSliderTickDirective } from './lib/brn-slider-tick.directive';
+import { BrnSliderTrackDirective } from './lib/brn-slider-track.directive';
+import { BrnSliderDirective } from './lib/brn-slider.directive';
+export * from './lib/brn-slider-range.directive';
 export * from './lib/brn-slider-thumb.directive';
-export * from './lib/brn-slider-tick-mark.directive';
-export * from './lib/brn-slider-track-active-fill.directive';
+export * from './lib/brn-slider-tick.directive';
 export * from './lib/brn-slider-track.directive';
-export declare const BrnSliderImports: readonly [typeof BrnSliderDirective, typeof BrnSliderTrackDirective, typeof BrnSliderInputDirective, typeof BrnSliderThumbDirective];
+export * from './lib/brn-slider.directive';
+export * from './lib/brn-slider.token';
+export declare const BrnSliderImports: readonly [typeof BrnSliderDirective, typeof BrnSliderTrackDirective, typeof BrnSliderThumbDirective, typeof BrnSliderRangeDirective, typeof BrnSliderTickDirective];

package/slider/lib/brn-slider-range.directive.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class BrnSliderRangeDirective {
+    /** Access the slider */
+    protected readonly slider: import("@spartan-ng/brain/slider").BrnSliderDirective;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSliderRangeDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSliderRangeDirective, "[brnSliderRange]", never, {}, {}, never, never, true, never>;
+}

package/slider/lib/brn-slider-thumb.directive.d.ts

@@ -1,17 +1,24 @@
-import { type Signal } from '@angular/core';
 import * as i0 from "@angular/core";
-export interface BrnSliderThumb {
-    /** The visual's thumb translateX portion. */
-    translateX: Signal<number>;
-}
-export declare class BrnSliderThumbDirective implements BrnSliderThumb {
-    private readonly _platformId;
+export declare class BrnSliderThumbDirective {
+    protected readonly slider: import("@spartan-ng/brain/slider").BrnSliderDirective;
+    private readonly _document;
     private readonly _elementRef;
-    private readonly _slider;
-    readonly translateX: Signal<number>;
+    private readonly _platform;
+    /**
+     * Offsets the thumb centre point while sliding to ensure it remains
+     * within the bounds of the slider when reaching the edges.
+     * Based on https://github.com/radix-ui/primitives/blob/main/packages/react/slider/src/slider.tsx
+     */
+    protected readonly thumbOffset: import("@angular/core").Signal<string>;
     constructor();
-    private _calcTranslateX;
-    private _updateTranslateX;
+    /** @internal */
+    private dragThumb;
+    /**
+     * Handle keyboard events.
+     * @param event
+     */
+    protected handleKeydown(event: KeyboardEvent): void;
+    private linearScale;
     static ɵfac: i0.ɵɵFactoryDeclaration<BrnSliderThumbDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSliderThumbDirective, "[brnSliderThumb]", never, {}, {}, never, never, true, never>;
 }

package/slider/lib/brn-slider-tick.directive.d.ts

@@ -0,0 +1,12 @@
+import { OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class BrnSliderTickDirective implements OnDestroy {
+    private readonly _slider;
+    private readonly _templateRef;
+    private readonly _viewContainer;
+    private _ticks;
+    constructor();
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSliderTickDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSliderTickDirective, "[brnSliderTick]", never, {}, {}, never, never, true, never>;
+}

package/slider/lib/brn-slider-track.directive.d.ts

@@ -1,140 +1,12 @@
-import type { Direction } from '@angular/cdk/bidi';
-import { type AfterViewInit, InjectionToken, type OnDestroy, type Signal, type WritableSignal } from '@angular/core';
-import { type ControlValueAccessor } from '@angular/forms';
-import type { BrnLabelDirective } from '@spartan-ng/brain/label';
+import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare const BRN_SLIDER_INPUT: InjectionToken<BrnSliderInput>;
-export interface BrnSliderInput {
-    /** The slider's native input element wrapper value. */
-    value: Signal<number>;
-    /** Flag indicating if native input element is currently focused. */
-    isFocused: Signal<boolean>;
-}
-export declare const BRN_SLIDER_TRACK: InjectionToken<BrnSliderTrack>;
-export declare const BRN_SLIDER: InjectionToken<BrnSlider>;
-export interface BrnSlider {
-    /** The minimun value of the slider. */
-    min: WritableSignal<number>;
-    /** The maximun value of the slider. */
-    max: WritableSignal<number>;
-    /** The amount that slider values can increment or decrement by. */
-    step: Signal<number>;
-    /** Whether the slider is disabled. */
-    disabled: WritableSignal<boolean>;
-    /** Whether the slider displays tick marks along the slider track. */
-    showTickMarks: Signal<boolean>;
-    /** Whether the slider is ltr or rtl.
-     * Any consumer of slider interested in getting the current
-     * direction state, will consume this signal.
-     */
-    direction: Signal<Direction>;
-    /** The underlying slider's track element */
-    brnSliderTrack: Signal<BrnSliderTrack | undefined>;
-    /** The aria-labelledby element */
-    label: Signal<BrnLabelDirective | null>;
-    /** The optional aria-label fallback value.
-     * If no label is provided, this input must be provided by the user,
-     * otherwise an error will be displayed prompting the user to either
-     * provide a spartan-ui label or a fallback aria label text.
-     */
-    ariaLabel: Signal<string | null>;
-}
-/**
- * Directive that adds slider-specific behaviors to an input element inside `<brn-slider>`.
- */
-export declare class BrnSliderInputDirective implements ControlValueAccessor, BrnSliderInput {
-    private _onChangeFn;
-    private _onTouchedFn;
-    protected isDisabled: Signal<true | undefined>;
-    protected valueNow: Signal<number>;
-    protected valueMin: Signal<number>;
-    protected valueMax: Signal<number>;
-    protected ariaLabelledby: Signal<import("@angular/core").InputSignal<string> | undefined>;
-    protected ariaLabel: Signal<string | null>;
-    readonly value: WritableSignal<number>;
-    readonly isFocused: WritableSignal<boolean>;
-    private readonly _platformId;
-    private readonly _elementRef;
-    private readonly _slider;
-    private readonly _renderer2;
-    private readonly _changeDetector;
+export declare class BrnSliderTrackDirective {
+    /** Access the slider */
+    protected readonly slider: import("@spartan-ng/brain/slider").BrnSliderDirective;
+    /** @internal Access the slider track */
+    readonly elementRef: ElementRef<HTMLElement>;
     constructor();
-    onFocus(): void;
-    onBlur(): void;
-    onInput(): void;
-    onChange(): void;
-    writeValue(obj: number): void;
-    registerOnChange(fn: (value: string | number) => void): void;
-    registerOnTouched(fn: () => void): void;
-    /**
-     * Sets the disabled state of the slider.
-     * @param isDisabled The new disabled state
-     */
-    setDisabledState(isDisabled: boolean): void;
-    private _updateHostElementValue;
-    private _updateValue;
-    private _updateHostElementStep;
-    private _updateMinValue;
-    private _updateMaxValue;
-    private _updateDirection;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSliderInputDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSliderInputDirective, "input[brnSliderInput]", never, {}, {}, never, never, true, never>;
-}
-export declare class BrnSliderDirective implements BrnSlider, AfterViewInit, OnDestroy {
-    readonly label: import("@angular/core").InputSignal<BrnLabelDirective | null>;
-    readonly ariaLabel: import("@angular/core").InputSignal<string | null>;
-    /** Used only as an input. */
-    readonly dir: import("@angular/core").InputSignal<Direction>;
-    readonly disabled: import("@angular/core").ModelSignal<boolean>;
-    readonly min: import("@angular/core").ModelSignal<number>;
-    readonly max: import("@angular/core").ModelSignal<number>;
-    readonly step: import("@angular/core").InputSignal<number>;
-    readonly showTickMarks: import("@angular/core").InputSignal<boolean>;
-    readonly direction: WritableSignal<Direction>;
-    private readonly _destroyed;
-    private readonly _injector;
-    private readonly _dir;
-    private readonly _platformId;
-    readonly brnSliderTrack: Signal<BrnSliderTrack | undefined>;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    /**
-     * The method is responsible of setting the current direction state
-     * based on the latest 'dir' input or bidi state change. The only
-     * source of truth for slider direction state is the 'direction' signal
-     * and all interested consumers of it, will consume this interface exposed signal.
-     */
-    private _updateDirectionality;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSliderDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSliderDirective, "[brnSlider]", ["brnSlider"], { "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "dir": { "alias": "dir"; "required": false; "isSignal": true; }; "disabled": { "alias": "brnSliderDisabled"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "showTickMarks": { "alias": "showTickMarks"; "required": false; "isSignal": true; }; }, { "disabled": "brnSliderDisabledChange"; "min": "minChange"; "max": "maxChange"; }, ["brnSliderTrack"], never, true, never>;
-}
-export interface BrnSliderTrack {
-    /** The track's active portion. */
-    activeTrackPercentage: Signal<number>;
-    /** The host element's bounding client rect width without padding left and right. */
-    hostElementWidth: Signal<number>;
-    /** The available tick mark track width based on slider's step min and max values. */
-    tickMarkTrackWidth: Signal<number>;
-    /** The tick marks array indicating if a mark is currently active or inactive. */
-    tickMarks: Signal<Array<boolean>>;
-    /** The underlying slider's track input element */
-    brnSliderInput: Signal<BrnSliderInput | undefined>;
-}
-export declare class BrnSliderTrackDirective implements BrnSliderTrack, AfterViewInit, OnDestroy {
-    readonly hostElementWidth: WritableSignal<number>;
-    private readonly _destroyed;
-    private readonly _slider;
-    private readonly _platformId;
-    private readonly _elementRef;
-    private readonly _sharedResizeObserver;
-    readonly brnSliderInput: Signal<BrnSliderInput | undefined>;
-    activeTrackPercentage: Signal<number>;
-    tickMarkTrackWidth: Signal<number>;
-    tickMarks: Signal<any[]>;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    private _onResize;
-    private _storeDimensions;
+    protected moveThumbToPoint(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BrnSliderTrackDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSliderTrackDirective, "[brnSliderTrack]", never, {}, {}, ["brnSliderInput"], never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSliderTrackDirective, "[brnSliderTrack]", never, {}, {}, never, never, true, never>;
 }

package/slider/lib/brn-slider-track.token.d.ts

@@ -0,0 +1,5 @@
+import { ExistingProvider, InjectionToken, Type } from '@angular/core';
+import type { BrnSliderTrackDirective } from './brn-slider-track.directive';
+export declare const BrnSliderTrackToken: InjectionToken<BrnSliderTrackDirective>;
+export declare function provideBrnSliderTrack(slider: Type<BrnSliderTrackDirective>): ExistingProvider;
+export declare function injectBrnSliderTrack(): BrnSliderTrackDirective;

package/slider/lib/brn-slider.directive.d.ts

@@ -0,0 +1,37 @@
+import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
+import { OnInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { ChangeFn, TouchFn } from '@spartan-ng/brain/forms';
+import type { BrnSliderTrackDirective } from './brn-slider-track.directive';
+import * as i0 from "@angular/core";
+export declare class BrnSliderDirective implements ControlValueAccessor, OnInit {
+    private readonly _changeDetectorRef;
+    private readonly _elementRef;
+    readonly value: import("@angular/core").ModelSignal<number>;
+    readonly min: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
+    readonly max: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
+    readonly step: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
+    readonly _disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    /** Whether we should show tick marks */
+    readonly showTicks: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    /** @internal */
+    readonly ticks: import("@angular/core").Signal<any[]>;
+    /** @internal */
+    readonly disabled: import("@angular/core").WritableSignal<boolean>;
+    /** @internal */
+    readonly percentage: import("@angular/core").Signal<number>;
+    /** @internal Store the on change callback */
+    protected _onChange?: ChangeFn<number>;
+    /** @internal Store the on touched callback */
+    protected _onTouched?: TouchFn;
+    /** @internal Store the track */
+    readonly track: import("@angular/core").WritableSignal<BrnSliderTrackDirective | null>;
+    ngOnInit(): void;
+    registerOnChange(fn: (value: number) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(value: number): void;
+    setValue(value: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrnSliderDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BrnSliderDirective, "[brnSlider]", ["brnSlider"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "_disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showTicks": { "alias": "showTicks"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}

package/slider/lib/brn-slider.token.d.ts

@@ -0,0 +1,4 @@
+import { ExistingProvider, Type } from '@angular/core';
+import type { BrnSliderDirective } from './brn-slider.directive';
+export declare function provideBrnSlider(slider: Type<BrnSliderDirective>): ExistingProvider;
+export declare function injectBrnSlider(): BrnSliderDirective;

package/toggle/index.d.ts

@@ -1,15 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./lib/brn-toggle.directive";
-import * as i2 from "./lib/brn-toggle-group.component";
-export * from './lib/brn-toggle-group.component';
 export * from './lib/brn-toggle.directive';
 export declare class BrnToggleModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<BrnToggleModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<BrnToggleModule, never, [typeof i1.BrnToggleDirective], [typeof i1.BrnToggleDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<BrnToggleModule>;
 }
-export declare class BrnToggleGroupModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<BrnToggleGroupModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<BrnToggleGroupModule, never, [typeof i1.BrnToggleDirective, typeof i2.BrnToggleGroupComponent], [typeof i1.BrnToggleDirective, typeof i2.BrnToggleGroupComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<BrnToggleGroupModule>;
-}

package/toggle/lib/brn-toggle.directive.d.ts

@@ -3,8 +3,6 @@ import * as i0 from "@angular/core";
 export declare class BrnToggleDirective<T> {
     private static _uniqueId;
     private readonly _changeDetector;
-    /** Access the toggle group if available. */
-    protected readonly group: import("@spartan-ng/brain/toggle").BrnToggleGroupComponent<T> | null;
     /** The id of the toggle. */
     readonly id: import("@angular/core").InputSignal<string>;
     /** The value this toggle represents. */

package/toggle-group/README.md

@@ -0,0 +1,3 @@
+# @spartan-ng/brain/toggle-group
+
+Secondary entry point of `@spartan-ng/brain`. It can be used by importing from `@spartan-ng/brain/toggle-group`.