@radix-ng/primitives 0.21.0 → 0.22.0

package/fesm2022/radix-ng-primitives-toggle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radix-ng-primitives-toggle.mjs","sources":["../../../packages/primitives/toggle/src/toggle-visually-hidden-input.directive.ts","../../../packages/primitives/toggle/src/toggle.directive.ts","../../../packages/primitives/toggle/radix-ng-primitives-toggle.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { RdxVisuallyHiddenInputDirective } from '@radix-ng/primitives/visually-hidden';\n\n@Directive({\n    selector: 'input[rdxToggleVisuallyHiddenInput]',\n    exportAs: 'rdxToggleVisuallyHiddenInput',\n    standalone: true,\n    hostDirectives: [\n        {\n            directive: RdxVisuallyHiddenInputDirective,\n            inputs: [\n                'name',\n                'required',\n                'value',\n                'disabled'\n            ]\n        }\n    ],\n    host: {\n        type: 'checkbox'\n    }\n})\nexport class RdxToggleVisuallyHiddenInputDirective {}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    computed,\n    Directive,\n    forwardRef,\n    input,\n    model,\n    output,\n    OutputEmitterRef,\n    signal\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nexport interface ToggleProps {\n    /**\n     * The controlled state of the toggle.\n     */\n    pressed?: boolean;\n\n    /**\n     * The state of the toggle when initially rendered. Use `defaultPressed`\n     * if you do not need to control the state of the toggle.\n     * @defaultValue false\n     */\n    defaultPressed?: boolean;\n\n    /**\n     * The callback that fires when the state of the toggle changes.\n     */\n    onPressedChange?: OutputEmitterRef<boolean>;\n\n    /**\n     * Whether the toggle is disabled.\n     * @defaultValue false\n     */\n    disabled?: boolean;\n}\n\nexport type DataState = 'on' | 'off';\n\nexport const TOGGLE_VALUE_ACCESSOR: any = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => RdxToggleDirective),\n    multi: true\n};\n\n@Directive({\n    selector: '[rdxToggle]',\n    exportAs: 'rdxToggle',\n    standalone: true,\n    providers: [TOGGLE_VALUE_ACCESSOR],\n    host: {\n        '[attr.aria-pressed]': 'pressed()',\n        '[attr.data-state]': 'dataState()',\n        '[attr.data-disabled]': 'disabledState() ? \"\" : undefined',\n        '[disabled]': 'disabledState()',\n\n        '(click)': 'togglePressed()'\n    }\n})\nexport class RdxToggleDirective implements ControlValueAccessor {\n    /**\n     * The pressed state of the toggle when it is initially rendered.\n     * Use when you do not need to control its pressed state.\n     */\n    readonly defaultPressed = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * The controlled pressed state of the toggle.\n     * Must be used in conjunction with `onPressedChange`.\n     */\n    readonly pressed = model<boolean>(this.defaultPressed());\n\n    /**\n     * When true, prevents the user from interacting with the toggle.\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /** @ignore */\n    readonly disabledState = computed(() => this.disabled() || this.accessorDisabled());\n\n    protected readonly dataState = computed<DataState>(() => {\n        return this.pressed() ? 'on' : 'off';\n    });\n\n    /**\n     * Event handler called when the pressed state of the toggle changes.\n     */\n    readonly onPressedChange = output<boolean>();\n\n    protected togglePressed(): void {\n        if (!this.disabled()) {\n            this.pressed.set(!this.pressed());\n            this.onPressedChange.emit(this.pressed());\n        }\n    }\n\n    private readonly accessorDisabled = signal(false);\n\n    private onChange: ((value: any) => void) | undefined;\n    private onTouched: (() => void) | undefined;\n\n    /** @ignore */\n    writeValue(value: any): void {\n        this.pressed.set(value);\n    }\n\n    /** @ignore */\n    registerOnChange(fn: (value: any) => void): void {\n        this.onChange = fn;\n    }\n\n    /** @ignore */\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    /** @ignore */\n    setDisabledState(isDisabled: boolean): void {\n        this.accessorDisabled.set(isDisabled);\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"radix-ng-primitives-toggle.mjs","sources":["../../../packages/primitives/toggle/src/toggle-visually-hidden-input.directive.ts","../../../packages/primitives/toggle/src/toggle.directive.ts","../../../packages/primitives/toggle/radix-ng-primitives-toggle.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { RdxVisuallyHiddenInputDirective } from '@radix-ng/primitives/visually-hidden';\n\n@Directive({\n    selector: 'input[rdxToggleVisuallyHiddenInput]',\n    exportAs: 'rdxToggleVisuallyHiddenInput',\n    standalone: true,\n    hostDirectives: [\n        {\n            directive: RdxVisuallyHiddenInputDirective,\n            inputs: [\n                'name',\n                'required',\n                'value',\n                'disabled'\n            ]\n        }\n    ],\n    host: {\n        type: 'checkbox'\n    }\n})\nexport class RdxToggleVisuallyHiddenInputDirective {}\n","import { BooleanInput } from '@angular/cdk/coercion';\nimport {\n    booleanAttribute,\n    computed,\n    Directive,\n    forwardRef,\n    input,\n    model,\n    output,\n    OutputEmitterRef,\n    signal\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nexport interface ToggleProps {\n    /**\n     * The controlled state of the toggle.\n     */\n    pressed?: boolean;\n\n    /**\n     * The state of the toggle when initially rendered. Use `defaultPressed`\n     * if you do not need to control the state of the toggle.\n     * @defaultValue false\n     */\n    defaultPressed?: boolean;\n\n    /**\n     * The callback that fires when the state of the toggle changes.\n     */\n    onPressedChange?: OutputEmitterRef<boolean>;\n\n    /**\n     * Whether the toggle is disabled.\n     * @defaultValue false\n     */\n    disabled?: boolean;\n}\n\nexport type DataState = 'on' | 'off';\n\nexport const TOGGLE_VALUE_ACCESSOR: any = {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => RdxToggleDirective),\n    multi: true\n};\n\n@Directive({\n    selector: '[rdxToggle]',\n    exportAs: 'rdxToggle',\n    standalone: true,\n    providers: [TOGGLE_VALUE_ACCESSOR],\n    host: {\n        '[attr.aria-pressed]': 'pressed()',\n        '[attr.data-state]': 'dataState()',\n        '[attr.data-disabled]': 'disabledState() ? \"\" : undefined',\n        '[disabled]': 'disabledState()',\n\n        '(click)': 'togglePressed()'\n    }\n})\nexport class RdxToggleDirective implements ControlValueAccessor {\n    /**\n     * The pressed state of the toggle when it is initially rendered.\n     * Use when you do not need to control its pressed state.\n     */\n    readonly defaultPressed = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /**\n     * The controlled pressed state of the toggle.\n     * Must be used in conjunction with `onPressedChange`.\n     */\n    readonly pressed = model<boolean>(this.defaultPressed());\n\n    /**\n     * When true, prevents the user from interacting with the toggle.\n     */\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    /** @ignore */\n    readonly disabledState = computed(() => this.disabled() || this.accessorDisabled());\n\n    protected readonly dataState = computed<DataState>(() => {\n        return this.pressed() ? 'on' : 'off';\n    });\n\n    /**\n     * Event handler called when the pressed state of the toggle changes.\n     */\n    readonly onPressedChange = output<boolean>();\n\n    protected togglePressed(): void {\n        if (!this.disabled()) {\n            this.pressed.set(!this.pressed());\n            this.onChange(this.pressed());\n            this.onPressedChange.emit(this.pressed());\n        }\n    }\n\n    private readonly accessorDisabled = signal(false);\n\n    private onChange: (value: any) => void = () => {};\n    /** @ignore */\n    onTouched: (() => void) | undefined;\n\n    /** @ignore */\n    writeValue(value: any): void {\n        this.pressed.set(value);\n    }\n\n    /** @ignore */\n    registerOnChange(fn: (value: any) => void): void {\n        this.onChange = fn;\n    }\n\n    /** @ignore */\n    registerOnTouched(fn: () => void): void {\n        this.onTouched = fn;\n    }\n\n    /** @ignore */\n    setDisabledState(isDisabled: boolean): void {\n        this.accessorDisabled.set(isDisabled);\n    }\n}\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": "@radix-ng/primitives",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "license": "MIT",
   "publishConfig": {
     "access": "public"

package/tabs/index.d.ts

@@ -4,7 +4,6 @@ import * as i2 from "./src/tabs-content.directive";
 import * as i3 from "./src/tabs-list.directive";
 import * as i4 from "./src/tabs-trigger.directive";
 export * from './src/tabs-content.directive';
-export * from './src/tabs-context.service';
 export * from './src/tabs-list.directive';
 export * from './src/tabs-root.directive';
 export * from './src/tabs-trigger.directive';

package/tabs/src/tabs-content.directive.d.ts

@@ -1,7 +1,12 @@
 import * as i0 from "@angular/core";
 export declare class RdxTabsContentDirective {
-    protected readonly tabsContext: import("./tabs-context.service").RdxTabsContextService;
+    protected readonly tabsContext: import("./tabs-root.directive").RdxTabsRootDirective;
+    /**
+     * A unique value that associates the content with a trigger.
+     */
     readonly value: import("@angular/core").InputSignal<string>;
+    protected readonly contentId: import("@angular/core").Signal<string>;
+    protected readonly triggerId: import("@angular/core").Signal<string>;
     protected readonly selected: import("@angular/core").Signal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxTabsContentDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTabsContentDirective, "[rdxTabsContent]", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;

package/tabs/src/tabs-list.directive.d.ts

@@ -1,6 +1,10 @@
 import * as i0 from "@angular/core";
+import * as i1 from "@radix-ng/primitives/roving-focus";
+export interface TabsListProps {
+    loop?: boolean;
+}
 export declare class RdxTabsListDirective {
-    protected readonly tabsContext: import("./tabs-context.service").RdxTabsContextService;
+    protected readonly tabsContext: import("./tabs-root.directive").RdxTabsRootDirective;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxTabsListDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTabsListDirective, "[rdxTabsList]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTabsListDirective, "[rdxTabsList]", never, {}, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusGroupDirective; inputs: { "dir": "dir"; "orientation": "orientation"; "loop": "loop"; }; outputs: {}; }]>;
 }

package/tabs/src/tabs-root.directive.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, OnInit } from '@angular/core';
+import { InjectionToken, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export interface TabsProps {
     /** The value for the selected tab, if controlled */
@@ -23,15 +23,31 @@ export interface TabsProps {
      * */
     activationMode?: 'automatic' | 'manual';
 }
+export type DataOrientation = 'vertical' | 'horizontal';
+export declare const RDX_TABS_ROOT_TOKEN: InjectionToken<RdxTabsRootDirective>;
 export declare class RdxTabsRootDirective implements OnInit {
-    private readonly tabsContext;
-    value?: string;
-    defaultValue?: string;
-    orientation: string;
-    dir?: string;
-    onValueChange: EventEmitter<string>;
-    constructor();
+    /**
+     * The controlled value of the tab to activate. Should be used in conjunction with `onValueChange`.
+     */
+    readonly value: import("@angular/core").ModelSignal<string | undefined>;
+    readonly defaultValue: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * When automatic, tabs are activated when receiving focus. When manual, tabs are activated when clicked.
+     */
+    readonly activationMode: import("@angular/core").InputSignal<"automatic" | "manual">;
+    /**
+     * The orientation of the component.
+     */
+    readonly orientation: import("@angular/core").InputSignal<DataOrientation>;
+    readonly dir: import("@angular/core").InputSignal<string>;
+    /**
+     * Event handler called when the value changes.
+     */
+    readonly onValueChange: import("@angular/core").OutputEmitterRef<string>;
     ngOnInit(): void;
+    select(value: string): void;
+    /** @ignore */
+    getBaseId(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxTabsRootDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTabsRootDirective, "[rdxTabsRoot]", never, { "value": { "alias": "value"; "required": false; }; "defaultValue": { "alias": "defaultValue"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "dir": { "alias": "dir"; "required": false; }; }, { "onValueChange": "onValueChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTabsRootDirective, "[rdxTabsRoot]", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "activationMode": { "alias": "activationMode"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "dir": { "alias": "dir"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onValueChange": "onValueChange"; }, never, never, true, never>;
 }

package/tabs/src/tabs-trigger.directive.d.ts

@@ -1,19 +1,29 @@
 import { BooleanInput } from '@angular/cdk/coercion';
 import { InputSignalWithTransform } from '@angular/core';
 import * as i0 from "@angular/core";
+import * as i1 from "@radix-ng/primitives/roving-focus";
 interface TabsTriggerProps {
     disabled: InputSignalWithTransform<boolean, BooleanInput>;
 }
 export declare class RdxTabsTriggerDirective implements TabsTriggerProps {
-    protected readonly tabsContext: import("./tabs-context.service").RdxTabsContextService;
+    private readonly rdxRovingFocusItemDirective;
+    protected readonly tabsContext: import("./tabs-root.directive").RdxTabsRootDirective;
+    /**
+     * A unique value that associates the trigger with a content.
+     */
     readonly value: import("@angular/core").InputSignal<string>;
+    /**
+     * When true, prevents the user from interacting with the tab.
+     */
     readonly disabled: InputSignalWithTransform<boolean, BooleanInput>;
     protected readonly contentId: import("@angular/core").Signal<string>;
     protected readonly triggerId: import("@angular/core").Signal<string>;
-    protected readonly selected: import("@angular/core").Signal<boolean>;
+    protected readonly isSelected: import("@angular/core").Signal<boolean>;
+    constructor();
     protected onMouseDown(event: MouseEvent): void;
     protected onKeyDown(event: KeyboardEvent): void;
+    protected onFocus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxTabsTriggerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTabsTriggerDirective, "[rdxTabsTrigger]", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxTabsTriggerDirective, "[rdxTabsTrigger]", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.RdxRovingFocusItemDirective; inputs: { "focusable": "focusable"; "active": "active"; "allowShiftKey": "allowShiftKey"; }; outputs: {}; }]>;
 }
 export {};

package/tabs/src/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function makeTriggerId(baseId: string, value: string | number): string;
+export declare function makeContentId(baseId: string, value: string | number): string;

package/toggle/src/toggle.directive.d.ts

@@ -50,7 +50,8 @@ export declare class RdxToggleDirective implements ControlValueAccessor {
     protected togglePressed(): void;
     private readonly accessorDisabled;
     private onChange;
-    private onTouched;
+    /** @ignore */
+    onTouched: (() => void) | undefined;
     /** @ignore */
     writeValue(value: any): void;
     /** @ignore */

package/esm2022/tabs/src/tabs-context.service.mjs

@@ -1,43 +0,0 @@
-import { computed, Injectable, InjectionToken, signal } from '@angular/core';
-import * as i0 from "@angular/core";
-export const TABS_CONTEXT_TOKEN = new InjectionToken('TabsContext');
-export class RdxTabsContextService {
-    constructor() {
-        this.baseId = this.generateId();
-        this.value = signal(undefined);
-        this.orientation = signal('horizontal');
-        this.dir = signal(undefined);
-        this.activationMode = signal('automatic');
-        this.value$ = computed(() => this.value());
-        this.orientation$ = computed(() => this.orientation());
-        this.dir$ = computed(() => this.dir());
-        this.activationMode$ = computed(() => this.activationMode());
-    }
-    setValue(value) {
-        this.value.set(value);
-    }
-    setOrientation(orientation) {
-        this.orientation.set(orientation);
-    }
-    setDir(dir) {
-        this.dir.set(dir);
-    }
-    setActivationMode(mode) {
-        this.activationMode.set(mode);
-    }
-    getBaseId() {
-        return this.baseId;
-    }
-    generateId() {
-        return `tabs-${Math.random().toString(36).substr(2, 9)}`;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: RdxTabsContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: RdxTabsContextService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.11", ngImport: i0, type: RdxTabsContextService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy1jb250ZXh0LnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9wcmltaXRpdmVzL3RhYnMvc3JjL3RhYnMtY29udGV4dC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLGNBQWMsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRTdFLE1BQU0sQ0FBQyxNQUFNLGtCQUFrQixHQUFHLElBQUksY0FBYyxDQUF3QixhQUFhLENBQUMsQ0FBQztBQUszRixNQUFNLE9BQU8scUJBQXFCO0lBSGxDO1FBSVksV0FBTSxHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUMzQixVQUFLLEdBQUcsTUFBTSxDQUFxQixTQUFTLENBQUMsQ0FBQztRQUM5QyxnQkFBVyxHQUFHLE1BQU0sQ0FBUyxZQUFZLENBQUMsQ0FBQztRQUMzQyxRQUFHLEdBQUcsTUFBTSxDQUFxQixTQUFTLENBQUMsQ0FBQztRQUM1QyxtQkFBYyxHQUFHLE1BQU0sQ0FBUyxXQUFXLENBQUMsQ0FBQztRQUU1QyxXQUFNLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDO1FBQ3RDLGlCQUFZLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDO1FBQ2xELFNBQUksR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUM7UUFDbEMsb0JBQWUsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDLENBQUM7S0F5QnBFO0lBdkJHLFFBQVEsQ0FBQyxLQUFhO1FBQ2xCLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzFCLENBQUM7SUFFRCxjQUFjLENBQUMsV0FBbUI7UUFDOUIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxHQUFHLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDdEMsQ0FBQztJQUVELE1BQU0sQ0FBQyxHQUFXO1FBQ2QsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDdEIsQ0FBQztJQUVELGlCQUFpQixDQUFDLElBQVk7UUFDMUIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbEMsQ0FBQztJQUVELFNBQVM7UUFDTCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDdkIsQ0FBQztJQUVPLFVBQVU7UUFDZCxPQUFPLFFBQVEsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDN0QsQ0FBQzsrR0FsQ1EscUJBQXFCO21IQUFyQixxQkFBcUIsY0FGbEIsTUFBTTs7NEZBRVQscUJBQXFCO2tCQUhqQyxVQUFVO21CQUFDO29CQUNSLFVBQVUsRUFBRSxNQUFNO2lCQUNyQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNvbXB1dGVkLCBJbmplY3RhYmxlLCBJbmplY3Rpb25Ub2tlbiwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCBjb25zdCBUQUJTX0NPTlRFWFRfVE9LRU4gPSBuZXcgSW5qZWN0aW9uVG9rZW48UmR4VGFic0NvbnRleHRTZXJ2aWNlPignVGFic0NvbnRleHQnKTtcblxuQEluamVjdGFibGUoe1xuICAgIHByb3ZpZGVkSW46ICdyb290J1xufSlcbmV4cG9ydCBjbGFzcyBSZHhUYWJzQ29udGV4dFNlcnZpY2Uge1xuICAgIHByaXZhdGUgYmFzZUlkID0gdGhpcy5nZW5lcmF0ZUlkKCk7XG4gICAgcHJpdmF0ZSB2YWx1ZSA9IHNpZ25hbDxzdHJpbmcgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG4gICAgcHJpdmF0ZSBvcmllbnRhdGlvbiA9IHNpZ25hbDxzdHJpbmc+KCdob3Jpem9udGFsJyk7XG4gICAgcHJpdmF0ZSBkaXIgPSBzaWduYWw8c3RyaW5nIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpO1xuICAgIHByaXZhdGUgYWN0aXZhdGlvbk1vZGUgPSBzaWduYWw8c3RyaW5nPignYXV0b21hdGljJyk7XG5cbiAgICByZWFkb25seSB2YWx1ZSQgPSBjb21wdXRlZCgoKSA9PiB0aGlzLnZhbHVlKCkpO1xuICAgIHJlYWRvbmx5IG9yaWVudGF0aW9uJCA9IGNvbXB1dGVkKCgpID0+IHRoaXMub3JpZW50YXRpb24oKSk7XG4gICAgcmVhZG9ubHkgZGlyJCA9IGNvbXB1dGVkKCgpID0+IHRoaXMuZGlyKCkpO1xuICAgIHJlYWRvbmx5IGFjdGl2YXRpb25Nb2RlJCA9IGNvbXB1dGVkKCgpID0+IHRoaXMuYWN0aXZhdGlvbk1vZGUoKSk7XG5cbiAgICBzZXRWYWx1ZSh2YWx1ZTogc3RyaW5nKSB7XG4gICAgICAgIHRoaXMudmFsdWUuc2V0KHZhbHVlKTtcbiAgICB9XG5cbiAgICBzZXRPcmllbnRhdGlvbihvcmllbnRhdGlvbjogc3RyaW5nKSB7XG4gICAgICAgIHRoaXMub3JpZW50YXRpb24uc2V0KG9yaWVudGF0aW9uKTtcbiAgICB9XG5cbiAgICBzZXREaXIoZGlyOiBzdHJpbmcpIHtcbiAgICAgICAgdGhpcy5kaXIuc2V0KGRpcik7XG4gICAgfVxuXG4gICAgc2V0QWN0aXZhdGlvbk1vZGUobW9kZTogc3RyaW5nKSB7XG4gICAgICAgIHRoaXMuYWN0aXZhdGlvbk1vZGUuc2V0KG1vZGUpO1xuICAgIH1cblxuICAgIGdldEJhc2VJZCgpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuYmFzZUlkO1xuICAgIH1cblxuICAgIHByaXZhdGUgZ2VuZXJhdGVJZCgpIHtcbiAgICAgICAgcmV0dXJuIGB0YWJzLSR7TWF0aC5yYW5kb20oKS50b1N0cmluZygzNikuc3Vic3RyKDIsIDkpfWA7XG4gICAgfVxufVxuIl19

package/tabs/src/tabs-context.service.d.ts

@@ -1,22 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare const TABS_CONTEXT_TOKEN: InjectionToken<RdxTabsContextService>;
-export declare class RdxTabsContextService {
-    private baseId;
-    private value;
-    private orientation;
-    private dir;
-    private activationMode;
-    readonly value$: import("@angular/core").Signal<string | undefined>;
-    readonly orientation$: import("@angular/core").Signal<string>;
-    readonly dir$: import("@angular/core").Signal<string | undefined>;
-    readonly activationMode$: import("@angular/core").Signal<string>;
-    setValue(value: string): void;
-    setOrientation(orientation: string): void;
-    setDir(dir: string): void;
-    setActivationMode(mode: string): void;
-    getBaseId(): string;
-    private generateId;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RdxTabsContextService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<RdxTabsContextService>;
-}