@radix-ng/primitives 0.28.0 → 0.29.0

package/fesm2022/radix-ng-primitives-toolbar.mjs

@@ -0,0 +1,155 @@
+import * as i0 from '@angular/core';
+import { inject, input, booleanAttribute, signal, effect, Directive, InjectionToken, NgModule } from '@angular/core';
+import * as i1 from '@radix-ng/primitives/roving-focus';
+import { RdxRovingFocusItemDirective, RdxRovingFocusGroupDirective } from '@radix-ng/primitives/roving-focus';
+import * as i1$1 from '@radix-ng/primitives/separator';
+import { RdxSeparatorRootDirective } from '@radix-ng/primitives/separator';
+import * as i1$2 from '@radix-ng/primitives/toggle-group';
+import { RdxToggleGroupWithoutFocusDirective, RdxToggleGroupItemDirective } from '@radix-ng/primitives/toggle-group';
+
+class RdxToolbarButtonDirective {
+    constructor() {
+        this.rdxRovingFocusItemDirective = inject(RdxRovingFocusItemDirective);
+        this.disabled = input(false, { transform: booleanAttribute });
+        this.isDisabled = signal(this.disabled());
+        this.#disableChanges = effect(() => {
+            this.rdxRovingFocusItemDirective.focusable = !this.isDisabled();
+        });
+    }
+    #disableChanges;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxToolbarButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.5", type: RdxToolbarButtonDirective, isStandalone: true, selector: "[rdxToolbarButton]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, hostDirectives: [{ directive: i1.RdxRovingFocusItemDirective, inputs: ["focusable", "focusable"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxToolbarButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxToolbarButton]',
+                    hostDirectives: [{ directive: RdxRovingFocusItemDirective, inputs: ['focusable'] }]
+                }]
+        }] });
+
+class RdxToolbarLinkDirective {
+    onKeyDown($event) {
+        if ($event.key === ' ')
+            $event.currentTarget?.click();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxToolbarLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: RdxToolbarLinkDirective, isStandalone: true, selector: "[rdxToolbarLink]", host: { listeners: { "keydown": "onKeyDown($event)" } }, hostDirectives: [{ directive: i1.RdxRovingFocusItemDirective, inputs: ["focusable", "focusable"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxToolbarLinkDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxToolbarLink]',
+                    hostDirectives: [{ directive: RdxRovingFocusItemDirective, inputs: ['focusable'] }],
+                    host: {
+                        '(keydown)': 'onKeyDown($event)'
+                    }
+                }]
+        }] });
+
+const RDX_TOOLBAR_ROOT_TOKEN = new InjectionToken('RdxToolbarRootDirective');
+function injectRootContext() {
+    return inject(RDX_TOOLBAR_ROOT_TOKEN);
+}
+function provideRootContext() {
+    return {
+        provide: RDX_TOOLBAR_ROOT_TOKEN,
+        useExisting: RdxToolbarRootDirective
+    };
+}
+
+class RdxToolbarRootDirective {
+    constructor() {
+        this.orientation = input('horizontal');
+        this.dir = input('ltr');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxToolbarRootDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.5", type: RdxToolbarRootDirective, isStandalone: true, selector: "[rdxToolbarRoot]", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "toolbar" }, properties: { "attr.aria-orientation": "orientation()" } }, providers: [provideRootContext()], hostDirectives: [{ directive: i1.RdxRovingFocusGroupDirective, inputs: ["dir", "dir", "orientation", "orientation", "loop", "loop"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxToolbarRootDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxToolbarRoot]',
+                    hostDirectives: [{ directive: RdxRovingFocusGroupDirective, inputs: ['dir', 'orientation', 'loop'] }],
+                    providers: [provideRootContext()],
+                    host: {
+                        role: 'toolbar',
+                        '[attr.aria-orientation]': 'orientation()'
+                    }
+                }]
+        }] });
+
+class RdxToolbarSeparatorDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxToolbarSeparatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: RdxToolbarSeparatorDirective, isStandalone: true, selector: "[rdxToolbarSeparator]", hostDirectives: [{ directive: i1$1.RdxSeparatorRootDirective, inputs: ["orientation", "orientation", "decorative", "decorative"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxToolbarSeparatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxToolbarSeparator]',
+                    hostDirectives: [{ directive: RdxSeparatorRootDirective, inputs: ['orientation', 'decorative'] }]
+                }]
+        }] });
+
+// TODO: set rovingFocus - false
+class RdxToolbarToggleGroupDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxToolbarToggleGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: RdxToolbarToggleGroupDirective, isStandalone: true, selector: "[rdxToolbarToggleGroup]", hostDirectives: [{ directive: i1$2.RdxToggleGroupWithoutFocusDirective, inputs: ["value", "value", "type", "type", "disabled", "disabled"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxToolbarToggleGroupDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxToolbarToggleGroup]',
+                    hostDirectives: [{ directive: RdxToggleGroupWithoutFocusDirective, inputs: ['value', 'type', 'disabled'] }]
+                }]
+        }] });
+
+class RdxToolbarToggleItemDirective {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxToolbarToggleItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.5", type: RdxToolbarToggleItemDirective, isStandalone: true, selector: "[rdxToolbarToggleItem]", hostDirectives: [{ directive: i1$2.RdxToggleGroupItemDirective, inputs: ["value", "value", "disabled", "disabled"] }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxToolbarToggleItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[rdxToolbarToggleItem]',
+                    hostDirectives: [{ directive: RdxToggleGroupItemDirective, inputs: ['value', 'disabled'] }]
+                }]
+        }] });
+
+const _imports = [
+    RdxToolbarRootDirective,
+    RdxToolbarButtonDirective,
+    RdxToolbarLinkDirective,
+    RdxToolbarToggleGroupDirective,
+    RdxToolbarToggleItemDirective,
+    RdxToolbarSeparatorDirective
+];
+class RdxToolbarModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxToolbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.5", ngImport: i0, type: RdxToolbarModule, imports: [RdxToolbarRootDirective,
+            RdxToolbarButtonDirective,
+            RdxToolbarLinkDirective,
+            RdxToolbarToggleGroupDirective,
+            RdxToolbarToggleItemDirective,
+            RdxToolbarSeparatorDirective], exports: [RdxToolbarRootDirective,
+            RdxToolbarButtonDirective,
+            RdxToolbarLinkDirective,
+            RdxToolbarToggleGroupDirective,
+            RdxToolbarToggleItemDirective,
+            RdxToolbarSeparatorDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxToolbarModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: RdxToolbarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [..._imports],
+                    exports: [..._imports]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { RDX_TOOLBAR_ROOT_TOKEN, RdxToolbarButtonDirective, RdxToolbarLinkDirective, RdxToolbarModule, RdxToolbarRootDirective, RdxToolbarSeparatorDirective, RdxToolbarToggleGroupDirective, RdxToolbarToggleItemDirective, injectRootContext, provideRootContext };
+//# sourceMappingURL=radix-ng-primitives-toolbar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radix-ng-primitives-toolbar.mjs","sources":["../../../packages/primitives/toolbar/src/toolbar-button.directive.ts","../../../packages/primitives/toolbar/src/toolbar-link.directive.ts","../../../packages/primitives/toolbar/src/toolbar-root.token.ts","../../../packages/primitives/toolbar/src/toolbar-root.directive.ts","../../../packages/primitives/toolbar/src/toolbar-separator.directive.ts","../../../packages/primitives/toolbar/src/toolbar-toggle-group.directive.ts","../../../packages/primitives/toolbar/src/toolbar-toggle-item.directive.ts","../../../packages/primitives/toolbar/index.ts","../../../packages/primitives/toolbar/radix-ng-primitives-toolbar.ts"],"sourcesContent":["import { BooleanInput } from '@angular/cdk/coercion';\nimport { booleanAttribute, Directive, effect, inject, input, signal } from '@angular/core';\nimport { RdxRovingFocusItemDirective } from '@radix-ng/primitives/roving-focus';\n\n@Directive({\n    selector: '[rdxToolbarButton]',\n    hostDirectives: [{ directive: RdxRovingFocusItemDirective, inputs: ['focusable'] }]\n})\nexport class RdxToolbarButtonDirective {\n    private readonly rdxRovingFocusItemDirective = inject(RdxRovingFocusItemDirective);\n\n    readonly disabled = input<boolean, BooleanInput>(false, { transform: booleanAttribute });\n\n    private readonly isDisabled = signal(this.disabled());\n\n    #disableChanges = effect(() => {\n        this.rdxRovingFocusItemDirective.focusable = !this.isDisabled();\n    });\n}\n","import { Directive } from '@angular/core';\nimport { RdxRovingFocusItemDirective } from '@radix-ng/primitives/roving-focus';\n\n@Directive({\n    selector: '[rdxToolbarLink]',\n    hostDirectives: [{ directive: RdxRovingFocusItemDirective, inputs: ['focusable'] }],\n    host: {\n        '(keydown)': 'onKeyDown($event)'\n    }\n})\nexport class RdxToolbarLinkDirective {\n    onKeyDown($event: KeyboardEvent) {\n        if ($event.key === ' ') ($event.currentTarget as HTMLElement)?.click();\n    }\n}\n","import { inject, InjectionToken, Provider } from '@angular/core';\nimport { RdxToolbarRootDirective } from './toolbar-root.directive';\n\nexport const RDX_TOOLBAR_ROOT_TOKEN = new InjectionToken<RdxToolbarRootDirective>('RdxToolbarRootDirective');\n\nexport function injectRootContext(): RdxToolbarRootDirective {\n    return inject(RDX_TOOLBAR_ROOT_TOKEN);\n}\n\nexport function provideRootContext(): Provider {\n    return {\n        provide: RDX_TOOLBAR_ROOT_TOKEN,\n        useExisting: RdxToolbarRootDirective\n    };\n}\n","import { Directive, input } from '@angular/core';\nimport { RdxRovingFocusGroupDirective } from '@radix-ng/primitives/roving-focus';\nimport { provideRootContext } from './toolbar-root.token';\n\n@Directive({\n    selector: '[rdxToolbarRoot]',\n    hostDirectives: [{ directive: RdxRovingFocusGroupDirective, inputs: ['dir', 'orientation', 'loop'] }],\n    providers: [provideRootContext()],\n    host: {\n        role: 'toolbar',\n        '[attr.aria-orientation]': 'orientation()'\n    }\n})\nexport class RdxToolbarRootDirective {\n    readonly orientation = input<'horizontal' | 'vertical'>('horizontal');\n    readonly dir = input<'ltr' | 'rtl'>('ltr');\n}\n","import { Directive } from '@angular/core';\nimport { RdxSeparatorRootDirective } from '@radix-ng/primitives/separator';\n\n@Directive({\n    selector: '[rdxToolbarSeparator]',\n    hostDirectives: [{ directive: RdxSeparatorRootDirective, inputs: ['orientation', 'decorative'] }]\n})\nexport class RdxToolbarSeparatorDirective {}\n","import { Directive } from '@angular/core';\nimport { RdxToggleGroupWithoutFocusDirective } from '@radix-ng/primitives/toggle-group';\n\n// TODO: set rovingFocus - false\n@Directive({\n    selector: '[rdxToolbarToggleGroup]',\n    hostDirectives: [{ directive: RdxToggleGroupWithoutFocusDirective, inputs: ['value', 'type', 'disabled'] }]\n})\nexport class RdxToolbarToggleGroupDirective {}\n","import { Directive } from '@angular/core';\nimport { RdxToggleGroupItemDirective } from '@radix-ng/primitives/toggle-group';\n\n@Directive({\n    selector: '[rdxToolbarToggleItem]',\n    hostDirectives: [{ directive: RdxToggleGroupItemDirective, inputs: ['value', 'disabled'] }]\n})\nexport class RdxToolbarToggleItemDirective {}\n","import { NgModule } from '@angular/core';\nimport { RdxToolbarButtonDirective } from './src/toolbar-button.directive';\nimport { RdxToolbarLinkDirective } from './src/toolbar-link.directive';\nimport { RdxToolbarRootDirective } from './src/toolbar-root.directive';\nimport { RdxToolbarSeparatorDirective } from './src/toolbar-separator.directive';\nimport { RdxToolbarToggleGroupDirective } from './src/toolbar-toggle-group.directive';\nimport { RdxToolbarToggleItemDirective } from './src/toolbar-toggle-item.directive';\n\nexport * from './src/toolbar-button.directive';\nexport * from './src/toolbar-link.directive';\nexport * from './src/toolbar-root.directive';\nexport * from './src/toolbar-root.token';\nexport * from './src/toolbar-separator.directive';\nexport * from './src/toolbar-toggle-group.directive';\nexport * from './src/toolbar-toggle-item.directive';\n\nconst _imports = [\n    RdxToolbarRootDirective,\n    RdxToolbarButtonDirective,\n    RdxToolbarLinkDirective,\n    RdxToolbarToggleGroupDirective,\n    RdxToolbarToggleItemDirective,\n    RdxToolbarSeparatorDirective\n];\n\n@NgModule({\n    imports: [..._imports],\n    exports: [..._imports]\n})\nexport class RdxToolbarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radix-ng/primitives",
-  "version": "0.28.0",
+  "version": "0.29.0",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -21,9 +21,7 @@
     "@angular/core": "^19.0.0",
     "@angular/cdk": "^19.0.0"
   },
-  "dependencies": {
-    "tslib": "^2.3.0"
-  },
+  "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "module": "fesm2022/radix-ng-primitives.mjs",
   "typings": "index.d.ts",
@@ -123,14 +121,14 @@
       "types": "./slider/index.d.ts",
       "default": "./fesm2022/radix-ng-primitives-slider.mjs"
     },
-    "./switch": {
-      "types": "./switch/index.d.ts",
-      "default": "./fesm2022/radix-ng-primitives-switch.mjs"
-    },
     "./tabs": {
       "types": "./tabs/index.d.ts",
       "default": "./fesm2022/radix-ng-primitives-tabs.mjs"
     },
+    "./switch": {
+      "types": "./switch/index.d.ts",
+      "default": "./fesm2022/radix-ng-primitives-switch.mjs"
+    },
     "./toggle": {
       "types": "./toggle/index.d.ts",
       "default": "./fesm2022/radix-ng-primitives-toggle.mjs"
@@ -139,6 +137,10 @@
       "types": "./toggle-group/index.d.ts",
       "default": "./fesm2022/radix-ng-primitives-toggle-group.mjs"
     },
+    "./toolbar": {
+      "types": "./toolbar/index.d.ts",
+      "default": "./fesm2022/radix-ng-primitives-toolbar.mjs"
+    },
     "./tooltip": {
       "types": "./tooltip/index.d.ts",
       "default": "./fesm2022/radix-ng-primitives-tooltip.mjs"
@@ -147,5 +149,8 @@
       "types": "./visually-hidden/index.d.ts",
       "default": "./fesm2022/radix-ng-primitives-visually-hidden.mjs"
     }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
   }
 }

package/schematics/collection.json

@@ -0,0 +1,11 @@
+{
+    "$schema": "../node_modules/@angular-devkit/schematics/collection-schema.json",
+    "schematics": {
+        "ng-add": {
+            "description": "Add Radix Angular to the application.",
+            "factory": "./ng-add",
+            "schema": "./ng-add/schema.json",
+            "aliases": ["install"]
+        }
+    }
+}

package/schematics/ng-add/index.d.ts

@@ -0,0 +1,7 @@
+import { Rule } from '@angular-devkit/schematics';
+import { Schema } from './schema';
+/**
+ * This is executed when `ng add @radix-ng/primitives` is run.
+ * It installs all dependencies in the 'package.json'.
+ */
+export default function (options: Schema): Rule;

package/schematics/ng-add/index.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = default_1;
+const schematics_1 = require("@angular-devkit/schematics");
+const tasks_1 = require("@angular-devkit/schematics/tasks");
+const package_config_1 = require("@angular/cdk/schematics/ng-add/package-config");
+const utility_1 = require("@schematics/angular/utility");
+const DEPENDENCY_VERSIONS = {
+    ANGULAR_CDK: '^19.0.0',
+    RADIX_NG: '^28.0.0'
+};
+/**
+ * This is executed when `ng add @radix-ng/primitives` is run.
+ * It installs all dependencies in the 'package.json'.
+ */
+function default_1(options) {
+    return async (tree, context) => {
+        const { project } = options;
+        if (project) {
+            const workspace = await (0, utility_1.readWorkspace)(tree);
+            const projectWorkspace = workspace.projects.get(project);
+            if (!projectWorkspace) {
+                throw new schematics_1.SchematicsException(`Unable to find project '${project}' in the workspace`);
+            }
+        }
+        (0, package_config_1.addPackageToPackageJson)(tree, '@angular/cdk', DEPENDENCY_VERSIONS.ANGULAR_CDK);
+        (0, package_config_1.addPackageToPackageJson)(tree, '@radix-ng/primitives', DEPENDENCY_VERSIONS.RADIX_NG);
+        context.addTask(new tasks_1.NodePackageInstallTask());
+    };
+}
+//# sourceMappingURL=index.js.map

package/schematics/ng-add/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../packages/primitives/schematics/ng-add/index.ts"],"names":[],"mappings":";;AAeA,4BAkBC;AAjCD,2DAA+F;AAC/F,4DAA0E;AAC1E,kFAAwF;AACxF,yDAA4D;AAG5D,MAAM,mBAAmB,GAAG;IACxB,WAAW,EAAE,SAAS;IACtB,QAAQ,EAAE,SAAS;CACtB,CAAC;AAEF;;;GAGG;AACH,mBAAyB,OAAe;IACpC,OAAO,KAAK,EAAE,IAAU,EAAE,OAAyB,EAAE,EAAE;QACnD,MAAM,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;QAE5B,IAAI,OAAO,EAAE,CAAC;YACV,MAAM,SAAS,GAAG,MAAM,IAAA,uBAAa,EAAC,IAAI,CAAC,CAAC;YAC5C,MAAM,gBAAgB,GAAG,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;YAEzD,IAAI,CAAC,gBAAgB,EAAE,CAAC;gBACpB,MAAM,IAAI,gCAAmB,CAAC,2BAA2B,OAAO,oBAAoB,CAAC,CAAC;YAC1F,CAAC;QACL,CAAC;QAED,IAAA,wCAAuB,EAAC,IAAI,EAAE,cAAc,EAAE,mBAAmB,CAAC,WAAW,CAAC,CAAC;QAC/E,IAAA,wCAAuB,EAAC,IAAI,EAAE,sBAAsB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;QAEpF,OAAO,CAAC,OAAO,CAAC,IAAI,8BAAsB,EAAE,CAAC,CAAC;IAClD,CAAC,CAAC;AACN,CAAC"}

package/schematics/ng-add/schema.d.ts

@@ -0,0 +1,3 @@
+export interface Schema {
+    project?: string;
+}

package/schematics/ng-add/schema.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=schema.js.map

package/schematics/ng-add/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../../packages/primitives/schematics/ng-add/schema.ts"],"names":[],"mappings":""}

package/separator/src/separator.directive.d.ts

@@ -50,7 +50,7 @@ export declare class RdxSeparatorRootDirective {
      *
      * @ignore
      */
-    protected readonly computedAriaOrientation: import("@angular/core").Signal<"vertical" | null>;
+    protected readonly computedAriaOrientation: import("@angular/core").Signal<"vertical" | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxSeparatorRootDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<RdxSeparatorRootDirective, "div[rdxSeparatorRoot]", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "decorative": { "alias": "decorative"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/slider/src/slider-horizontal.component.d.ts

@@ -1,5 +1,4 @@
 import { BooleanInput } from '@angular/cdk/coercion';
-import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class RdxSliderHorizontalComponent {
     private readonly rootContext;
@@ -8,15 +7,15 @@ export declare class RdxSliderHorizontalComponent {
     min: number;
     max: number;
     className: string;
-    slideStart: EventEmitter<number>;
-    slideMove: EventEmitter<number>;
-    slideEnd: EventEmitter<void>;
-    stepKeyDown: EventEmitter<{
+    readonly slideStart: import("@angular/core").OutputEmitterRef<number>;
+    readonly slideMove: import("@angular/core").OutputEmitterRef<number>;
+    readonly slideEnd: import("@angular/core").OutputEmitterRef<void>;
+    readonly stepKeyDown: import("@angular/core").OutputEmitterRef<{
         event: KeyboardEvent;
         direction: number;
     }>;
-    endKeyDown: EventEmitter<KeyboardEvent>;
-    homeKeyDown: EventEmitter<KeyboardEvent>;
+    readonly endKeyDown: import("@angular/core").OutputEmitterRef<KeyboardEvent>;
+    readonly homeKeyDown: import("@angular/core").OutputEmitterRef<KeyboardEvent>;
     private readonly sliderElement;
     private readonly rect;
     onSlideStart(event: PointerEvent): void;

package/slider/src/slider-impl.directive.d.ts

@@ -1,14 +1,13 @@
-import { EventEmitter } from '@angular/core';
 import { RdxSliderRootComponent } from './slider-root.component';
 import * as i0 from "@angular/core";
 export declare class RdxSliderImplDirective {
     protected readonly rootContext: RdxSliderRootComponent;
-    slideStart: EventEmitter<PointerEvent>;
-    slideMove: EventEmitter<PointerEvent>;
-    slideEnd: EventEmitter<PointerEvent>;
-    homeKeyDown: EventEmitter<KeyboardEvent>;
-    endKeyDown: EventEmitter<KeyboardEvent>;
-    stepKeyDown: EventEmitter<KeyboardEvent>;
+    readonly slideStart: import("@angular/core").OutputEmitterRef<PointerEvent>;
+    readonly slideMove: import("@angular/core").OutputEmitterRef<PointerEvent>;
+    readonly slideEnd: import("@angular/core").OutputEmitterRef<PointerEvent>;
+    readonly homeKeyDown: import("@angular/core").OutputEmitterRef<KeyboardEvent>;
+    readonly endKeyDown: import("@angular/core").OutputEmitterRef<KeyboardEvent>;
+    readonly stepKeyDown: import("@angular/core").OutputEmitterRef<KeyboardEvent>;
     onKeyDown(event: KeyboardEvent): void;
     onPointerDown(event: PointerEvent): void;
     onPointerMove(event: PointerEvent): void;

package/slider/src/slider-root.component.d.ts

@@ -1,22 +1,96 @@
 import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
-import { EventEmitter, OnInit } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { RdxSliderOrientationContextService } from './slider-orientation-context.service';
 import * as i0 from "@angular/core";
+/**
+ * @group Components
+ */
 export declare class RdxSliderRootComponent implements OnInit {
     /** @ignore */
     readonly orientationContext: RdxSliderOrientationContextService;
+    /**
+     * The minimum value for the range.
+     *
+     * @group Props
+     * @defaultValue 0
+     */
     readonly min: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
+    /**
+     * The maximum value for the range.
+     *
+     * @group Props
+     * @defaultValue 100
+     */
     readonly max: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
+    /**
+     * The stepping interval.
+     *
+     * @group Props
+     * @defaultValue 1
+     */
     readonly step: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
+    /**
+     * The minimum permitted steps between multiple thumbs.
+     *
+     * @group Props
+     * @defaultValue 0
+     */
     readonly minStepsBetweenThumbs: import("@angular/core").InputSignalWithTransform<number, NumberInput>;
+    /**
+     * The orientation of the slider.
+     *
+     * @group Props
+     * @defaultValue 'horizontal'
+     */
     readonly orientation: import("@angular/core").InputSignal<"horizontal" | "vertical">;
+    /**
+     * When true, prevents the user from interacting with the slider.
+     *
+     * @group Props
+     * @defaultValue false
+     */
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Whether the slider is visually inverted.
+     *
+     * @group Props
+     * @defaultValue false
+     */
     readonly inverted: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * The reading direction of the combobox when applicable.
+     *
+     * @group Props
+     * @defaultValue 'ltr'
+     */
     readonly dir: import("@angular/core").InputSignal<"ltr" | "rtl">;
     className: string;
-    valueChange: EventEmitter<number[]>;
-    valueCommit: EventEmitter<number[]>;
+    /**
+     * Style class of the component.
+     *
+     * @group Props
+     */
+    readonly styleClass: import("@angular/core").InputSignal<string | undefined>;
+    /**
+     * The controlled value of the slider.
+     *
+     * @group Props
+     */
     readonly modelValue: import("@angular/core").ModelSignal<number[]>;
+    /**
+     * Event handler called when the slider value changes.
+     *
+     * @group Emits
+     */
+    readonly valueChange: import("@angular/core").OutputEmitterRef<number[]>;
+    /**
+     * Event handler called when the value changes at the end of an interaction.
+     *
+     * Useful when you only need to capture a final value e.g. to update a backend service.
+     *
+     * @group Emits
+     */
+    readonly valueCommit: import("@angular/core").OutputEmitterRef<number[]>;
     /** @ignore */
     readonly valueIndexToChange: import("@angular/core").ModelSignal<number>;
     /** @ignore */
@@ -45,5 +119,5 @@ export declare class RdxSliderRootComponent implements OnInit {
     /** @ignore */
     updateValues(value: number, atIndex: number, commit?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RdxSliderRootComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RdxSliderRootComponent, "rdx-slider", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "minStepsBetweenThumbs": { "alias": "minStepsBetweenThumbs"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inverted": { "alias": "inverted"; "required": false; "isSignal": true; }; "dir": { "alias": "dir"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; }; "modelValue": { "alias": "modelValue"; "required": false; "isSignal": true; }; "valueIndexToChange": { "alias": "valueIndexToChange"; "required": false; "isSignal": true; }; "valuesBeforeSlideStart": { "alias": "valuesBeforeSlideStart"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "valueCommit": "valueCommit"; "modelValue": "modelValueChange"; "valueIndexToChange": "valueIndexToChangeChange"; "valuesBeforeSlideStart": "valuesBeforeSlideStartChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RdxSliderRootComponent, "rdx-slider", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "minStepsBetweenThumbs": { "alias": "minStepsBetweenThumbs"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "inverted": { "alias": "inverted"; "required": false; "isSignal": true; }; "dir": { "alias": "dir"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "modelValue": { "alias": "modelValue"; "required": false; "isSignal": true; }; "valueIndexToChange": { "alias": "valueIndexToChange"; "required": false; "isSignal": true; }; "valuesBeforeSlideStart": { "alias": "valuesBeforeSlideStart"; "required": false; "isSignal": true; }; }, { "modelValue": "modelValueChange"; "valueChange": "valueChange"; "valueCommit": "valueCommit"; "valueIndexToChange": "valueIndexToChangeChange"; "valuesBeforeSlideStart": "valuesBeforeSlideStartChange"; }, never, ["*"], true, never>;
 }

package/slider/src/slider-vertical.component.d.ts

@@ -1,5 +1,4 @@
 import { BooleanInput } from '@angular/cdk/coercion';
-import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class RdxSliderVerticalComponent {
     private readonly rootContext;
@@ -8,15 +7,15 @@ export declare class RdxSliderVerticalComponent {
     min: number;
     max: number;
     className: string;
-    slideStart: EventEmitter<number>;
-    slideMove: EventEmitter<number>;
-    slideEnd: EventEmitter<void>;
-    stepKeyDown: EventEmitter<{
+    readonly slideStart: import("@angular/core").OutputEmitterRef<number>;
+    readonly slideMove: import("@angular/core").OutputEmitterRef<number>;
+    readonly slideEnd: import("@angular/core").OutputEmitterRef<void>;
+    readonly stepKeyDown: import("@angular/core").OutputEmitterRef<{
         event: KeyboardEvent;
         direction: number;
     }>;
-    endKeyDown: EventEmitter<KeyboardEvent>;
-    homeKeyDown: EventEmitter<KeyboardEvent>;
+    readonly endKeyDown: import("@angular/core").OutputEmitterRef<KeyboardEvent>;
+    readonly homeKeyDown: import("@angular/core").OutputEmitterRef<KeyboardEvent>;
     private readonly sliderElement;
     private readonly rect;
     onSlideStart(event: PointerEvent): void;

package/toggle-group/index.d.ts

@@ -1,4 +1,5 @@
 export * from './src/toggle-group-item.directive';
 export * from './src/toggle-group-item.token';
+export * from './src/toggle-group-without-focus.directive';
 export * from './src/toggle-group.directive';
 export * from './src/toggle-group.token';

package/toggle-group/src/toggle-group-item.directive.d.ts

@@ -2,6 +2,9 @@ import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 import * as i1 from "@radix-ng/primitives/roving-focus";
 import * as i2 from "@radix-ng/primitives/toggle";
+/**
+ * @group Components
+ */
 export declare class RdxToggleGroupItemDirective {
     private readonly rdxToggleDirective;
     private readonly rdxRovingFocusItemDirective;
@@ -9,14 +12,17 @@ export declare class RdxToggleGroupItemDirective {
      * Access the toggle group.
      * @ignore
      */
-    protected readonly rootContext: import("@radix-ng/primitives/toggle-group").RdxToggleGroupDirective;
+    protected readonly rootContext: import("./toggle-group.token").IRdxToggleGroup;
     /**
      * The value of this toggle button.
+     *
+     * @group Props
      */
     readonly value: import("@angular/core").InputSignal<string>;
     /**
      * Whether this toggle button is disabled.
-     * @default false
+     * @defaultValue false
+     * @group Props
      */
     readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
     private readonly isPressed;

package/toggle-group/src/toggle-group-without-focus.directive.d.ts

@@ -0,0 +1,69 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class RdxToggleGroupWithoutFocusDirective implements ControlValueAccessor {
+    /**
+     * @ignore
+     */
+    readonly id: string;
+    /**
+     * @group Props
+     */
+    readonly value: import("@angular/core").ModelSignal<string | string[] | undefined>;
+    /**
+     * @group Props
+     */
+    readonly type: import("@angular/core").InputSignal<"single" | "multiple">;
+    /**
+     * Whether the toggle group is disabled.
+     * @defaultValue false
+     * @group Props
+     */
+    readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanInput>;
+    /**
+     * Event emitted when the selected toggle button changes.
+     * @group Emits
+     */
+    readonly onValueChange: import("@angular/core").OutputEmitterRef<string | string[] | undefined>;
+    /**
+     * The value change callback.
+     */
+    private onChange?;
+    /**
+     * onTouch function registered via registerOnTouch (ControlValueAccessor).
+     */
+    protected onTouched?: () => void;
+    /**
+     * Toggle a value.
+     * @param value The value to toggle.
+     * @ignore
+     */
+    toggle(value: string): void;
+    /**
+     * Select a value from Angular forms.
+     * @param value The value to select.
+     * @ignore
+     */
+    writeValue(value: string): void;
+    /**
+     * Register a callback to be called when the value changes.
+     * @param fn The callback to register.
+     * @ignore
+     */
+    registerOnChange(fn: (value: string | string[] | undefined) => void): void;
+    /**
+     * Register a callback to be called when the toggle group is touched.
+     * @param fn The callback to register.
+     * @ignore
+     */
+    registerOnTouched(fn: () => void): void;
+    private readonly accessorDisabled;
+    /**
+     * Set the disabled state of the toggle group.
+     * @param isDisabled Whether the toggle group is disabled.
+     * @ignore
+     */
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RdxToggleGroupWithoutFocusDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<RdxToggleGroupWithoutFocusDirective, "[rdxToggleGroupWithoutFocus]", ["rdxToggleGroupWithoutFocus"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onValueChange": "onValueChange"; }, never, never, true, never>;
+}