@ngbase/adk 0.1.0

package/fesm2022/ngbase-adk-test.mjs

@@ -0,0 +1,267 @@
+import { TestBed } from '@angular/core/testing';
+import { By } from '@angular/platform-browser';
+
+// export function mock<T>(service: new (...args: any[]) => T, properties: () => Partial<T>) {
+//   // const cloned = { ...properties } as Partial<T> & { resetMock: () => Partial<T> };
+//   // const initialProperties = { ...properties };
+//   // const resetMock = () => {
+//   //   Object.keys(initialProperties).forEach(key => {
+//   //     (cloned as any)[key] = initialProperties[key];
+//   //   });
+//   //   return cloned;
+//   // };
+//   // cloned.resetMock = resetMock;
+//   return () => ({ provide: service, useValue: properties() });
+// }
+// export function mockService<T>(service: new (...args: any[]) => T, properties: Partial<T>) {
+//   return mock(service, () => properties)();
+// }
+class AngularQuery {
+    constructor(dEl) {
+        this.dEl = dEl;
+    }
+    viewChild(directive, selector) {
+        return this.queryNative(selector || directive).injector.get(directive);
+    }
+    viewChildren(directive, selector) {
+        return this.viewChildrenDebug(selector || directive).map(de => de.injector.get(directive));
+    }
+    viewChildrenDebug(directive) {
+        return this.dEl.queryAll(this.getDirectiveType(directive));
+    }
+    queryNative(directive) {
+        return this.dEl.query(this.getDirectiveType(directive));
+    }
+    getDirectiveType(directive) {
+        return typeof directive === 'string' ? By.css(directive) : By.directive(directive);
+    }
+}
+class ElementHelper extends AngularQuery {
+    constructor(dEl) {
+        super(dEl);
+        this.dEl = dEl;
+        this.el = dEl.nativeElement;
+    }
+    get textContent() {
+        return this.el.textContent;
+    }
+    $(selector) {
+        const el = this.queryNative(selector);
+        return el ? new ElementHelper(el) : null;
+    }
+    $All(selector) {
+        return this.viewChildrenDebug(selector).map(de => new ElementHelper(de));
+    }
+    getByText(text, root = 'body') {
+        const rootEl = this.$(root).el;
+        const walker = document.createTreeWalker(rootEl, NodeFilter.SHOW_ELEMENT, null);
+        let node;
+        while ((node = walker.nextNode())) {
+            if (node.textContent?.trim() === text) {
+                return node;
+            }
+        }
+        return null;
+    }
+    hasClass(...classNames) {
+        return classNames.every(className => this.el.classList.contains(className));
+    }
+    attr(name, value) {
+        if (value !== undefined) {
+            this.el.setAttribute(name, value);
+        }
+        return this.el.getAttribute(name);
+    }
+    css(name, value) {
+        if (value !== undefined) {
+            this.el.style.setProperty(name, value);
+        }
+        return this.el.style.getPropertyValue(name);
+    }
+    click() {
+        this.el.click();
+    }
+    focus() {
+        this.el.focus();
+        const focusEvent = new Event('focus', { bubbles: true, cancelable: true });
+        this.el.dispatchEvent(focusEvent);
+    }
+    keydown(key, options) {
+        const event = new KeyboardEvent('keydown', {
+            key,
+            cancelable: true,
+            bubbles: true,
+            ...options,
+        });
+        this.el.dispatchEvent(event);
+        return event;
+    }
+    mouseDown(options) {
+        const event = new MouseEvent('mousedown', { cancelable: true, bubbles: true, ...options });
+        this.el.dispatchEvent(event);
+        return event;
+    }
+    mouseEnter(options) {
+        const event = new MouseEvent('mouseenter', { cancelable: true, bubbles: true, ...options });
+        this.el.dispatchEvent(event);
+        return event;
+    }
+    mouseLeave(options) {
+        const event = new MouseEvent('mouseleave', { cancelable: true, bubbles: true, ...options });
+        this.el.dispatchEvent(event);
+        return event;
+    }
+    input(value) {
+        if (this.el instanceof HTMLInputElement) {
+            this.el.value = typeof value === 'function' ? value(this.el.value) : value;
+            this.el.dispatchEvent(new Event('input'));
+        }
+        else {
+            throw new Error('Element is not an input');
+        }
+    }
+    paste(text) {
+        const pasteEvent = new CustomEvent('paste', {
+            bubbles: true,
+            cancelable: true,
+        });
+        Object.defineProperty(pasteEvent, 'clipboardData', {
+            writable: true,
+            value: {
+                getData: () => text,
+            },
+        });
+        this.el.dispatchEvent(pasteEvent);
+        return pasteEvent;
+    }
+    type(value, clear = false) {
+        if (clear) {
+            this.input('');
+        }
+        // Ensure the input has focus
+        if (document.activeElement !== this.el) {
+            this.focus();
+        }
+        let event;
+        for (const char of value) {
+            event = this.keydown(char);
+            if (event.defaultPrevented) {
+                continue;
+            }
+            // Trigger keypress event (deprecated, but some implementations might use it)
+            event = new KeyboardEvent('keypress', { key: char, bubbles: true });
+            if (!this.el.dispatchEvent(event)) {
+                continue;
+            }
+            // Append character to input value
+            if (char === 'Backspace') {
+                this.input(v => v.slice(0, -1));
+            }
+            else if (char === 'Delete') {
+                const caretPosition = this.el.selectionStart || 0;
+                this.input(v => v.slice(0, caretPosition) + v.slice(caretPosition + 1));
+            }
+            else if (/^[a-zA-Z0-9]$/.test(char)) {
+                this.input(v => v + char);
+            }
+            // Trigger keyup event
+            const keyupEvent = new KeyboardEvent('keyup', { key: char, bubbles: true });
+            this.el.dispatchEvent(keyupEvent);
+        }
+        return event;
+    }
+}
+class RenderResult extends ElementHelper {
+    constructor(fixture) {
+        super(fixture.debugElement);
+        this.fixture = fixture;
+        this.host = fixture.componentInstance;
+    }
+    detectChanges() {
+        this.fixture.detectChanges();
+    }
+    async whenStable() {
+        this.fixture.detectChanges();
+        await this.fixture.whenStable();
+    }
+    async formStable() {
+        await this.whenStable();
+        // We have to wait for the UI to be updated
+        this.fixture.detectChanges();
+    }
+    async sleep(ms) {
+        await sleep(ms);
+    }
+    inject(directive) {
+        return injectService(directive);
+    }
+    injectHost(directive) {
+        return this.fixture.debugElement.injector.get(directive);
+    }
+    queryRoot(selector) {
+        const el = document.querySelector(selector);
+        return el ? new ElementHelper({ nativeElement: el }) : null;
+    }
+    setInput(name, value) {
+        this.fixture.componentRef.setInput(name, value);
+    }
+}
+function fakeService(service, impl) {
+    const fn = typeof impl === 'function' ? impl : () => impl;
+    return { provide: service, useFactory: fn };
+}
+async function render(component, providers = [], options) {
+    if (providers.length ||
+        options?.providers?.length ||
+        options?.components?.length ||
+        options?.directives?.length ||
+        options?.pipes?.length) {
+        const bed = TestBed.configureTestingModule({
+            imports: [component],
+            providers,
+        });
+        options?.providers?.forEach(({ provide, useFactory }) => {
+            bed.overrideProvider(provide, { useFactory });
+        });
+        options?.components?.forEach(([from, to]) => {
+            bed.overrideComponent(component, { remove: from, add: to });
+        });
+        options?.directives?.forEach(([from, to]) => {
+            bed.overrideDirective(component, { remove: from, add: to });
+        });
+        options?.pipes?.forEach(([from, to]) => {
+            bed.overridePipe(component, { remove: from, add: to });
+        });
+        await bed.compileComponents();
+    }
+    const fixture = TestBed.createComponent(component);
+    // Set inputs
+    options?.inputs?.forEach(([name, value]) => {
+        fixture.componentRef.setInput(name, value);
+    });
+    return new RenderResult(fixture);
+}
+function injectService(service, providers = []) {
+    if (providers.length) {
+        TestBed.configureTestingModule({ providers });
+    }
+    return TestBed.inject(service);
+}
+function firstOutputFrom(observable) {
+    return new Promise(resolve => {
+        const sub = observable.subscribe(value => {
+            sub.unsubscribe();
+            resolve(value);
+        });
+    });
+}
+async function sleep(ms) {
+    await new Promise(resolve => setTimeout(resolve, ms));
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ElementHelper, RenderResult, fakeService, firstOutputFrom, injectService, render, sleep };
+//# sourceMappingURL=ngbase-adk-test.mjs.map

package/fesm2022/ngbase-adk-test.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngbase-adk-test.mjs","sources":["../../../projects/adk/test/utils.ts","../../../projects/adk/test/ngbase-adk-test.ts"],"sourcesContent":["import {\n  Component,\n  DebugElement,\n  Directive,\n  EnvironmentProviders,\n  OutputEmitterRef,\n  Pipe,\n  Provider,\n  Type,\n} from '@angular/core';\nimport { ComponentFixture, TestBed } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\n\n// export function mock<T>(service: new (...args: any[]) => T, properties: () => Partial<T>) {\n//   // const cloned = { ...properties } as Partial<T> & { resetMock: () => Partial<T> };\n//   // const initialProperties = { ...properties };\n\n//   // const resetMock = () => {\n//   //   Object.keys(initialProperties).forEach(key => {\n//   //     (cloned as any)[key] = initialProperties[key];\n//   //   });\n//   //   return cloned;\n//   // };\n\n//   // cloned.resetMock = resetMock;\n//   return () => ({ provide: service, useValue: properties() });\n// }\n\n// export function mockService<T>(service: new (...args: any[]) => T, properties: Partial<T>) {\n//   return mock(service, () => properties)();\n// }\n\nclass AngularQuery {\n  constructor(public dEl: DebugElement) {}\n\n  viewChild<U>(directive: Type<U>, selector?: string | Type<any>): U {\n    return this.queryNative(selector || directive).injector.get(directive);\n  }\n\n  viewChildren<U>(directive: Type<U>, selector?: string): U[] {\n    return this.viewChildrenDebug(selector || directive).map(de => de.injector.get(directive));\n  }\n\n  viewChildrenDebug<U>(directive: string | Type<U>) {\n    return this.dEl.queryAll(this.getDirectiveType(directive));\n  }\n\n  queryNative<U>(directive: string | Type<U>) {\n    return this.dEl.query(this.getDirectiveType(directive));\n  }\n\n  private getDirectiveType(directive: string | Type<any>) {\n    return typeof directive === 'string' ? By.css(directive) : By.directive(directive);\n  }\n}\n\nexport class ElementHelper<T extends HTMLElement> extends AngularQuery {\n  public el!: T;\n\n  constructor(public override dEl: DebugElement) {\n    super(dEl);\n    this.el = dEl.nativeElement;\n  }\n\n  get textContent() {\n    return this.el.textContent;\n  }\n\n  $<U extends HTMLElement>(selector: string | Type<any>): ElementHelper<U> {\n    const el = this.queryNative(selector);\n    return el ? new ElementHelper(el) : (null as any);\n  }\n\n  $All<U extends HTMLElement>(selector: string | Type<any>): ElementHelper<U>[] {\n    return this.viewChildrenDebug(selector).map(de => new ElementHelper(de));\n  }\n\n  getByText(text: string, root: string | Type<any> = 'body'): HTMLElement | null {\n    const rootEl = this.$(root).el;\n    const walker = document.createTreeWalker(rootEl, NodeFilter.SHOW_ELEMENT, null);\n    let node: Node | null;\n    while ((node = walker.nextNode())) {\n      if ((node as HTMLElement).textContent?.trim() === text) {\n        return node as HTMLElement;\n      }\n    }\n    return null;\n  }\n\n  hasClass(...classNames: string[]) {\n    return classNames.every(className => this.el.classList.contains(className));\n  }\n\n  attr(name: string, value?: string) {\n    if (value !== undefined) {\n      this.el.setAttribute(name, value);\n    }\n    return this.el.getAttribute(name);\n  }\n\n  css(name: string, value?: string) {\n    if (value !== undefined) {\n      this.el.style.setProperty(name, value);\n    }\n    return this.el.style.getPropertyValue(name);\n  }\n\n  click() {\n    this.el.click();\n  }\n\n  focus() {\n    this.el.focus();\n    const focusEvent = new Event('focus', { bubbles: true, cancelable: true });\n    this.el.dispatchEvent(focusEvent);\n  }\n\n  keydown(key: string, options?: KeyboardEventInit) {\n    const event = new KeyboardEvent('keydown', {\n      key,\n      cancelable: true,\n      bubbles: true,\n      ...options,\n    });\n    this.el.dispatchEvent(event);\n    return event;\n  }\n\n  mouseDown(options?: MouseEventInit) {\n    const event = new MouseEvent('mousedown', { cancelable: true, bubbles: true, ...options });\n    this.el.dispatchEvent(event);\n    return event;\n  }\n\n  mouseEnter(options?: MouseEventInit) {\n    const event = new MouseEvent('mouseenter', { cancelable: true, bubbles: true, ...options });\n    this.el.dispatchEvent(event);\n    return event;\n  }\n\n  mouseLeave(options?: MouseEventInit) {\n    const event = new MouseEvent('mouseleave', { cancelable: true, bubbles: true, ...options });\n    this.el.dispatchEvent(event);\n    return event;\n  }\n\n  input(value: string | ((v: any) => any)) {\n    if (this.el instanceof HTMLInputElement) {\n      this.el.value = typeof value === 'function' ? value(this.el.value) : value;\n      this.el.dispatchEvent(new Event('input'));\n    } else {\n      throw new Error('Element is not an input');\n    }\n  }\n\n  paste(text: string) {\n    const pasteEvent = new CustomEvent('paste', {\n      bubbles: true,\n      cancelable: true,\n    });\n\n    Object.defineProperty(pasteEvent, 'clipboardData', {\n      writable: true,\n      value: {\n        getData: () => text,\n      },\n    });\n\n    this.el.dispatchEvent(pasteEvent);\n    return pasteEvent;\n  }\n\n  type(value: string | string[], clear = false) {\n    if (clear) {\n      this.input('');\n    }\n    // Ensure the input has focus\n    if (document.activeElement !== this.el) {\n      this.focus();\n    }\n    let event: KeyboardEvent | MouseEvent;\n    for (const char of value) {\n      event = this.keydown(char);\n      if (event.defaultPrevented) {\n        continue;\n      }\n\n      // Trigger keypress event (deprecated, but some implementations might use it)\n      event = new KeyboardEvent('keypress', { key: char, bubbles: true });\n      if (!this.el.dispatchEvent(event)) {\n        continue;\n      }\n\n      // Append character to input value\n      if (char === 'Backspace') {\n        this.input(v => v.slice(0, -1));\n      } else if (char === 'Delete') {\n        const caretPosition = (this.el as unknown as HTMLInputElement).selectionStart || 0;\n        this.input(v => v.slice(0, caretPosition) + v.slice(caretPosition + 1));\n      } else if (/^[a-zA-Z0-9]$/.test(char)) {\n        this.input(v => v + char);\n      }\n\n      // Trigger keyup event\n      const keyupEvent = new KeyboardEvent('keyup', { key: char, bubbles: true });\n      this.el.dispatchEvent(keyupEvent);\n    }\n    return event!;\n  }\n}\n\nexport class RenderResult<T> extends ElementHelper<HTMLElement> {\n  host!: T;\n\n  constructor(public fixture: ComponentFixture<T>) {\n    super(fixture.debugElement);\n    this.host = fixture.componentInstance;\n  }\n\n  detectChanges(): void {\n    this.fixture.detectChanges();\n  }\n\n  async whenStable(): Promise<void> {\n    this.fixture.detectChanges();\n    await this.fixture.whenStable();\n  }\n\n  async formStable(): Promise<void> {\n    await this.whenStable();\n    // We have to wait for the UI to be updated\n    this.fixture.detectChanges();\n  }\n\n  async sleep(ms: number) {\n    await sleep(ms);\n  }\n\n  inject<U>(directive: Type<U>) {\n    return injectService(directive);\n  }\n\n  injectHost<U>(directive: Type<U>) {\n    return this.fixture.debugElement.injector.get(directive);\n  }\n\n  queryRoot<U extends HTMLElement>(selector: string): ElementHelper<U> {\n    const el = document.querySelector(selector) as U;\n    return el ? new ElementHelper<U>({ nativeElement: el } as any) : (null as any);\n  }\n\n  setInput(name: string, value: any) {\n    this.fixture.componentRef.setInput(name, value);\n  }\n}\n\nexport function fakeService<T extends Type<any>>(\n  service: T,\n  impl: Partial<InstanceType<T>> | (() => Partial<InstanceType<T>>),\n) {\n  const fn = typeof impl === 'function' ? impl : () => impl;\n  return { provide: service, useFactory: fn };\n}\n\ntype FakeService<T extends Type<any>> = ReturnType<typeof fakeService<T>>;\ntype RenderProvider = Provider | EnvironmentProviders | FakeService<any>;\n\nexport async function render<T>(\n  component: Type<T>,\n  providers: RenderProvider[] = [],\n  options?: {\n    inputs?: [string, any][];\n    components?: [Partial<Component>, Partial<Component>][];\n    directives?: [Partial<Directive>, Partial<Directive>][];\n    pipes?: [Partial<Pipe>, Partial<Pipe>][];\n    providers?: FakeService<any>[];\n  },\n) {\n  if (\n    providers.length ||\n    options?.providers?.length ||\n    options?.components?.length ||\n    options?.directives?.length ||\n    options?.pipes?.length\n  ) {\n    const bed = TestBed.configureTestingModule({\n      imports: [component],\n      providers,\n    });\n\n    options?.providers?.forEach(({ provide, useFactory }) => {\n      bed.overrideProvider(provide, { useFactory });\n    });\n\n    options?.components?.forEach(([from, to]) => {\n      bed.overrideComponent(component, { remove: from, add: to });\n    });\n    options?.directives?.forEach(([from, to]) => {\n      bed.overrideDirective(component, { remove: from, add: to });\n    });\n    options?.pipes?.forEach(([from, to]) => {\n      bed.overridePipe(component, { remove: from, add: to });\n    });\n    await bed.compileComponents();\n  }\n  const fixture = TestBed.createComponent(component);\n\n  // Set inputs\n  options?.inputs?.forEach(([name, value]) => {\n    fixture.componentRef.setInput(name, value);\n  });\n  return new RenderResult(fixture);\n}\n\nexport function injectService<T>(service: Type<T>, providers: RenderProvider[] = []) {\n  if (providers.length) {\n    TestBed.configureTestingModule({ providers });\n  }\n  return TestBed.inject(service);\n}\n\nexport function firstOutputFrom<T>(observable: OutputEmitterRef<T>) {\n  return new Promise<T>(resolve => {\n    const sub = observable.subscribe(value => {\n      sub.unsubscribe();\n      resolve(value);\n    });\n  });\n}\n\nexport async function sleep(ms: number) {\n  await new Promise(resolve => setTimeout(resolve, ms));\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngbase-adk-toggle-group.mjs

@@ -0,0 +1,114 @@
+import * as i0 from '@angular/core';
+import { inject, input, booleanAttribute, computed, linkedSignal, Directive, contentChildren, model } from '@angular/core';
+import * as i1 from '@ngbase/adk/a11y';
+import { AccessibleItem, AccessibleGroup } from '@ngbase/adk/a11y';
+import { uniqueId, provideValueAccessor } from '@ngbase/adk/utils';
+
+class NgbToggleItem {
+    constructor() {
+        this.accessibleItem = inject(AccessibleItem);
+        this.toggleGroup = inject(NgbToggleGroup);
+        this.disabled = input(false, { transform: booleanAttribute });
+        this.value = input.required();
+        this.active = computed(() => {
+            const values = this.toggleGroup.value();
+            if (Array.isArray(values)) {
+                return values.includes(this.value());
+            }
+            return values === this.value();
+        });
+        this.accessibleItem._ayId.set(this.toggleGroup.ayId);
+        this.accessibleItem._disabled = linkedSignal(this.disabled);
+        this.accessibleItem._selected = linkedSignal(this.active);
+    }
+    updateValue() {
+        this.toggleGroup.updateValue([this.value()]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbToggleItem, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: NgbToggleItem, isStandalone: true, selector: "button[ngbToggleItem]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "click": "updateValue()" } }, hostDirectives: [{ directive: i1.AccessibleItem, inputs: ["disabled", "disabled"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbToggleItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[ngbToggleItem]',
+                    hostDirectives: [{ directive: AccessibleItem, inputs: ['disabled'] }],
+                    host: {
+                        '(click)': 'updateValue()',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+class NgbToggleGroup {
+    constructor() {
+        this.accessibleGroup = inject(AccessibleGroup);
+        this.multiple = input(true, { transform: booleanAttribute });
+        this.toggleItems = contentChildren(NgbToggleItem);
+        this.ayId = uniqueId();
+        // value can be array or single value
+        this.value = model();
+        this.onChange = (_) => { };
+        this.onTouched = () => { };
+        this.disabled = model(false);
+        this.ariaLabel = input('');
+        this.ariaLabelledby = input('');
+        this.accessibleGroup._ayId.set(this.ayId);
+        this.accessibleGroup._ariaLabel = linkedSignal(this.ariaLabel);
+        this.accessibleGroup._ariaLabelledby = linkedSignal(this.ariaLabelledby);
+    }
+    updateValue(value) {
+        let values = this.value();
+        if (this.multiple()) {
+            values = values || [];
+            for (const val of value) {
+                if (values.includes(val)) {
+                    values = values.filter(v => v !== val);
+                }
+                else {
+                    values = [...values, val];
+                }
+            }
+        }
+        else {
+            values = value;
+        }
+        this.value.set(values);
+        this.onChange(value);
+        this.onTouched();
+    }
+    writeValue(value) {
+        this.value.set(value);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled.set(isDisabled);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbToggleGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.0", type: NgbToggleGroup, isStandalone: true, selector: "[ngbToggleGroup]", inputs: { multiple: { classPropertyName: "multiple", publicName: "multiple", 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 }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledby: { classPropertyName: "ariaLabelledby", publicName: "ariaLabelledby", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", disabled: "disabledChange" }, host: { attributes: { "role": "group" } }, providers: [provideValueAccessor(NgbToggleGroup)], queries: [{ propertyName: "toggleItems", predicate: NgbToggleItem, isSignal: true }], hostDirectives: [{ directive: i1.AccessibleGroup }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbToggleGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngbToggleGroup]',
+                    hostDirectives: [AccessibleGroup],
+                    providers: [provideValueAccessor(NgbToggleGroup)],
+                    host: {
+                        role: 'group',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+/*
+ * Public API Surface of toggle-group
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgbToggleGroup, NgbToggleItem };
+//# sourceMappingURL=ngbase-adk-toggle-group.mjs.map

package/fesm2022/ngbase-adk-toggle-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngbase-adk-toggle-group.mjs","sources":["../../../projects/adk/toggle-group/toggle-item.ts","../../../projects/adk/toggle-group/toggle-group.ts","../../../projects/adk/toggle-group/public-api.ts","../../../projects/adk/toggle-group/ngbase-adk-toggle-group.ts"],"sourcesContent":["import { booleanAttribute, computed, Directive, inject, input, linkedSignal } from '@angular/core';\nimport { AccessibleItem } from '@ngbase/adk/a11y';\nimport { NgbToggleGroup } from './toggle-group';\n\n@Directive({\n  selector: 'button[ngbToggleItem]',\n  hostDirectives: [{ directive: AccessibleItem, inputs: ['disabled'] }],\n  host: {\n    '(click)': 'updateValue()',\n  },\n})\nexport class NgbToggleItem<T> {\n  private accessibleItem = inject(AccessibleItem);\n  readonly toggleGroup = inject<NgbToggleGroup<T>>(NgbToggleGroup);\n\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly value = input.required<any>();\n\n  readonly active = computed(() => {\n    const values = this.toggleGroup.value();\n    if (Array.isArray(values)) {\n      return values.includes(this.value());\n    }\n    return values === this.value();\n  });\n\n  constructor() {\n    this.accessibleItem._ayId.set(this.toggleGroup.ayId);\n    this.accessibleItem._disabled = linkedSignal(this.disabled);\n    this.accessibleItem._selected = linkedSignal(this.active);\n  }\n\n  updateValue() {\n    this.toggleGroup.updateValue([this.value()]);\n  }\n}\n","import {\n  booleanAttribute,\n  contentChildren,\n  Directive,\n  inject,\n  input,\n  linkedSignal,\n  model,\n} from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { AccessibleGroup } from '@ngbase/adk/a11y';\nimport { provideValueAccessor, uniqueId } from '@ngbase/adk/utils';\nimport { NgbToggleItem } from './toggle-item';\n\n@Directive({\n  selector: '[ngbToggleGroup]',\n  hostDirectives: [AccessibleGroup],\n  providers: [provideValueAccessor(NgbToggleGroup)],\n  host: {\n    role: 'group',\n  },\n})\nexport class NgbToggleGroup<T> implements ControlValueAccessor {\n  readonly accessibleGroup = inject(AccessibleGroup);\n  readonly multiple = input(true, { transform: booleanAttribute });\n  readonly toggleItems = contentChildren(NgbToggleItem);\n  readonly ayId = uniqueId();\n  // value can be array or single value\n  readonly value = model<T | T[]>();\n  onChange = (_: any) => {};\n  onTouched = () => {};\n\n  readonly disabled = model(false);\n  readonly ariaLabel = input('');\n  readonly ariaLabelledby = input('');\n\n  constructor() {\n    this.accessibleGroup._ayId.set(this.ayId);\n    this.accessibleGroup._ariaLabel = linkedSignal(this.ariaLabel);\n    this.accessibleGroup._ariaLabelledby = linkedSignal(this.ariaLabelledby);\n  }\n\n  updateValue(value: T[]) {\n    let values = this.value();\n    if (this.multiple()) {\n      values = (values as T[]) || [];\n      for (const val of value) {\n        if (values.includes(val)) {\n          values = values.filter(v => v !== val);\n        } else {\n          values = [...values, val];\n        }\n      }\n    } else {\n      values = value;\n    }\n    this.value.set(values);\n    this.onChange(value);\n    this.onTouched();\n  }\n\n  writeValue(value: any): void {\n    this.value.set(value);\n  }\n\n  registerOnChange(fn: any): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: any): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled.set(isDisabled);\n  }\n}\n","/*\n * Public API Surface of toggle-group\n */\n\nexport * from './toggle-group';\nexport * from './toggle-item';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngbase-adk-toggle.mjs

@@ -0,0 +1,48 @@
+import * as i0 from '@angular/core';
+import { model, Directive } from '@angular/core';
+import { provideValueAccessor } from '@ngbase/adk/utils';
+
+class NgbToggle {
+    constructor() {
+        this.value = model(false);
+        this.onChange = (_) => { };
+        this.onTouched = () => { };
+    }
+    writeValue(value) {
+        this.value.set(value);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    toggle() {
+        this.value.update(v => !v);
+        this.onChange(this.value());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbToggle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: NgbToggle, isStandalone: true, selector: "button[ngbToggle]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { listeners: { "click": "toggle()" }, properties: { "attr.aria-pressed": "value()" } }, providers: [provideValueAccessor(NgbToggle)], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbToggle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[ngbToggle]',
+                    providers: [provideValueAccessor(NgbToggle)],
+                    host: {
+                        '(click)': 'toggle()',
+                        '[attr.aria-pressed]': 'value()',
+                    },
+                }]
+        }] });
+
+/*
+ * Public API Surface of toggle
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgbToggle };
+//# sourceMappingURL=ngbase-adk-toggle.mjs.map

package/fesm2022/ngbase-adk-toggle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngbase-adk-toggle.mjs","sources":["../../../projects/adk/toggle/toggle.ts","../../../projects/adk/toggle/public-api.ts","../../../projects/adk/toggle/ngbase-adk-toggle.ts"],"sourcesContent":["import { Directive, model } from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { provideValueAccessor } from '@ngbase/adk/utils';\n\n@Directive({\n  selector: 'button[ngbToggle]',\n  providers: [provideValueAccessor(NgbToggle)],\n  host: {\n    '(click)': 'toggle()',\n    '[attr.aria-pressed]': 'value()',\n  },\n})\nexport class NgbToggle implements ControlValueAccessor {\n  value = model(false);\n  onChange = (_: boolean) => {};\n  onTouched = () => {};\n\n  writeValue(value: boolean): void {\n    this.value.set(value);\n  }\n\n  registerOnChange(fn: (value: boolean) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: VoidFunction): void {\n    this.onTouched = fn;\n  }\n\n  toggle() {\n    this.value.update(v => !v);\n    this.onChange(this.value());\n  }\n}\n","/*\n * Public API Surface of toggle\n */\n\nexport * from './toggle';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAYa,SAAS,CAAA;AARtB,IAAA,WAAA,GAAA;AASE,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;AACpB,QAAA,IAAA,CAAA,QAAQ,GAAG,CAAC,CAAU,KAAI,GAAG;AAC7B,QAAA,IAAA,CAAA,SAAS,GAAG,MAAK,GAAG;AAkBrB;AAhBC,IAAA,UAAU,CAAC,KAAc,EAAA;AACvB,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC;;AAGvB,IAAA,gBAAgB,CAAC,EAA4B,EAAA;AAC3C,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;;AAGpB,IAAA,iBAAiB,CAAC,EAAgB,EAAA;AAChC,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;;IAGrB,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QAC1B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;;8GAnBlB,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAT,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,qUANT,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAMjC,SAAS,EAAA,UAAA,EAAA,CAAA;kBARrB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,SAAS,EAAE,CAAC,oBAAoB,CAAA,SAAA,CAAW,CAAC;AAC5C,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,UAAU;AACrB,wBAAA,qBAAqB,EAAE,SAAS;AACjC,qBAAA;AACF,iBAAA;;;ACXD;;AAEG;;ACFH;;AAEG;;;;"}