@wirekyt/angular 0.0.14 → 0.0.16

package/README.md

@@ -0,0 +1,36 @@
+Accessible, unstyled Angular components for building design systems and web applications. The components provide behavior, accessibility, and state while leaving styling to you.
+
+## Installation
+
+```sh
+pnpm add @wirekyt/angular
+```
+
+Angular 22 or newer is required.
+
+## Usage
+
+Import components from their feature entry point and add them to the component's `imports` array.
+
+```ts
+import { Component } from "@angular/core";
+import {
+  CollapsibleContent,
+  CollapsibleRoot,
+  CollapsibleTrigger,
+} from "@wirekyt/angular/collapsible";
+
+@Component({
+  selector: "app-example",
+  imports: [CollapsibleRoot, CollapsibleTrigger, CollapsibleContent],
+  template: `
+    <div collapsibleRoot>
+      <button collapsibleTrigger>Details</button>
+      <div *collapsibleContent>Accessible, headless UI for Angular.</div>
+    </div>
+  `,
+})
+export class ExampleComponent {}
+```
+
+Each component is available through a dedicated entry point such as `@wirekyt/angular/dialog`, `@wirekyt/angular/select`, or `@wirekyt/angular/tooltip`.

package/dist/README.md

@@ -0,0 +1,36 @@
+Accessible, unstyled Angular components for building design systems and web applications. The components provide behavior, accessibility, and state while leaving styling to you.
+
+## Installation
+
+```sh
+pnpm add @wirekyt/angular
+```
+
+Angular 22 or newer is required.
+
+## Usage
+
+Import components from their feature entry point and add them to the component's `imports` array.
+
+```ts
+import { Component } from "@angular/core";
+import {
+  CollapsibleContent,
+  CollapsibleRoot,
+  CollapsibleTrigger,
+} from "@wirekyt/angular/collapsible";
+
+@Component({
+  selector: "app-example",
+  imports: [CollapsibleRoot, CollapsibleTrigger, CollapsibleContent],
+  template: `
+    <div collapsibleRoot>
+      <button collapsibleTrigger>Details</button>
+      <div *collapsibleContent>Accessible, headless UI for Angular.</div>
+    </div>
+  `,
+})
+export class ExampleComponent {}
+```
+
+Each component is available through a dedicated entry point such as `@wirekyt/angular/dialog`, `@wirekyt/angular/select`, or `@wirekyt/angular/tooltip`.

package/dist/fesm2022/wirekyt-angular-download-trigger.mjs

@@ -0,0 +1,83 @@
+import * as i0 from '@angular/core';
+import { inject, ErrorHandler, input, Directive } from '@angular/core';
+import { injectEnvironment } from '@wirekyt/angular';
+import { downloadFile } from '@wirekyt/dom/file-utils';
+
+function useDownload(options) {
+    const environment = injectEnvironment();
+    const errorHandler = inject(ErrorHandler);
+    const download = () => {
+        const root = environment.getRootNode();
+        if (!root)
+            return;
+        const win = resolveWindow(root);
+        if (!win)
+            return;
+        const { data, fileName, mimeType } = options.context();
+        const saveToDisk = (value) => {
+            downloadFile({
+                file: value,
+                name: fileName,
+                type: mimeType,
+                win: win,
+            });
+        };
+        if (typeof data !== "function") {
+            saveToDisk(data);
+            return;
+        }
+        const result = data();
+        if (result instanceof Promise) {
+            result.then(saveToDisk).catch((error) => {
+                errorHandler.handleError(error);
+            });
+            return;
+        }
+        saveToDisk(result);
+    };
+    return { download };
+}
+function resolveWindow(root) {
+    if ("defaultView" in root)
+        return root.defaultView;
+    return root.ownerDocument.defaultView;
+}
+
+class DownloadTrigger {
+    fileName = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fileName" }] : /* istanbul ignore next */ []));
+    mimeType = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "mimeType" }] : /* istanbul ignore next */ []));
+    data = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
+    download = useDownload({
+        context: () => ({
+            fileName: this.fileName(),
+            mimeType: this.mimeType(),
+            data: this.data(),
+        }),
+    }).download;
+    onClick(event) {
+        if (event.defaultPrevented)
+            return;
+        this.download();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DownloadTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.3", type: DownloadTrigger, isStandalone: true, selector: "[downloadTrigger]", inputs: { fileName: { classPropertyName: "fileName", publicName: "fileName", isSignal: true, isRequired: true, transformFunction: null }, mimeType: { classPropertyName: "mimeType", publicName: "mimeType", isSignal: true, isRequired: true, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "type": "button" }, listeners: { "click": "onClick($event)" } }, exportAs: ["downloadTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: DownloadTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[downloadTrigger]",
+                    standalone: true,
+                    exportAs: "downloadTrigger",
+                    host: { type: "button", "(click)": "onClick($event)" },
+                }]
+        }], propDecorators: { fileName: [{ type: i0.Input, args: [{ isSignal: true, alias: "fileName", required: true }] }], mimeType: [{ type: i0.Input, args: [{ isSignal: true, alias: "mimeType", required: true }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DownloadTrigger, useDownload };
+//# sourceMappingURL=wirekyt-angular-download-trigger.mjs.map

package/dist/fesm2022/wirekyt-angular-download-trigger.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"wirekyt-angular-download-trigger.mjs","sources":["../../src/components/download-trigger/use.ts","../../src/components/download-trigger/download-trigger.ts","../../src/components/download-trigger/wirekyt-angular-download-trigger.ts"],"sourcesContent":["import { ErrorHandler, inject } from \"@angular/core\";\nimport { injectEnvironment } from \"@wirekyt/angular\";\nimport { downloadFile } from \"@wirekyt/dom/file-utils\";\n\nimport type { DownloadableData, UseDownloadOptions, UseDownloadReturn } from \"./types\";\n\nexport function useDownload(options: UseDownloadOptions): UseDownloadReturn {\n  const environment = injectEnvironment();\n  const errorHandler = inject(ErrorHandler);\n\n  const download = (): void => {\n    const root = environment.getRootNode();\n    if (!root) return;\n\n    const win = resolveWindow(root);\n    if (!win) return;\n\n    const { data, fileName, mimeType } = options.context();\n    const saveToDisk = (value: DownloadableData): void => {\n      downloadFile({\n        file: value,\n        name: fileName,\n        type: mimeType,\n        win: win as Window & typeof globalThis,\n      });\n    };\n\n    if (typeof data !== \"function\") {\n      saveToDisk(data);\n      return;\n    }\n\n    const result = data();\n    if (result instanceof Promise) {\n      result.then(saveToDisk).catch((error: unknown) => {\n        errorHandler.handleError(error);\n      });\n      return;\n    }\n\n    saveToDisk(result);\n  };\n\n  return { download };\n}\n\nfunction resolveWindow(root: Document | ShadowRoot): Window | null {\n  if (\"defaultView\" in root) return root.defaultView;\n  return root.ownerDocument.defaultView;\n}\n","import type { MaybePromise } from \"@wirekyt/angular\";\nimport type { FileMimeType } from \"@wirekyt/dom/file-utils\";\n\nimport { Directive, input } from \"@angular/core\";\n\nimport { useDownload } from \"./use\";\n\ntype DownloadData = string | Blob | File | (() => MaybePromise<string | Blob | File>);\n\n@Directive({\n  selector: \"[downloadTrigger]\",\n  standalone: true,\n  exportAs: \"downloadTrigger\",\n  host: { type: \"button\", \"(click)\": \"onClick($event)\" },\n})\nexport class DownloadTrigger {\n  readonly fileName = input.required<string>();\n  readonly mimeType = input.required<FileMimeType>();\n  readonly data = input.required<DownloadData>();\n\n  private readonly download = useDownload({\n    context: () => ({\n      fileName: this.fileName(),\n      mimeType: this.mimeType(),\n      data: this.data(),\n    }),\n  }).download;\n\n  onClick(event: MouseEvent): void {\n    if (event.defaultPrevented) return;\n    this.download();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/dist/package.json

@@ -1,9 +1,11 @@
 {
   "name": "@wirekyt/angular",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "description": "Angular adapter for Wirekyt",
+  "readme": "README.md",
   "files": [
-    "dist"
+    "dist",
+    "README.md"
   ],
   "type": "module",
   "sideEffects": false,
@@ -70,6 +72,10 @@
       "types": "./types/wirekyt-angular-dialog.d.ts",
       "default": "./fesm2022/wirekyt-angular-dialog.mjs"
     },
+    "./download-trigger": {
+      "types": "./types/wirekyt-angular-download-trigger.d.ts",
+      "default": "./fesm2022/wirekyt-angular-download-trigger.mjs"
+    },
     "./field": {
       "types": "./types/wirekyt-angular-field.d.ts",
       "default": "./fesm2022/wirekyt-angular-field.mjs"

package/dist/types/wirekyt-angular-color-picker.d.ts

@@ -9,7 +9,7 @@ import { PresenceBase } from '@wirekyt/angular/presence';
 import { ControlValueAccessor } from '@angular/forms';
 import { ColorStringFormat } from '@wirekyt/dom/color-utils';
 
-declare const colorPickerAnatomy: _wirekyt_dom_anatomy.Anatomy<"root" | "content" | "trigger" | "label" | "control" | "positioner" | "area" | "valueText" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;
+declare const colorPickerAnatomy: _wirekyt_dom_anatomy.Anatomy<"root" | "area" | "label" | "control" | "trigger" | "content" | "valueText" | "positioner" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;
 
 declare class ColorPickerArea {
     readonly xChannel: InputSignal<colorPicker.ColorChannel | undefined>;

package/dist/types/wirekyt-angular-combobox.d.ts

@@ -13,7 +13,7 @@ import { PresenceBase } from '@wirekyt/angular/presence';
 import { ControlValueAccessor } from '@angular/forms';
 import * as _wirekyt_angular_combobox from '@wirekyt/angular/combobox';
 
-declare const comboboxAnatomy: _wirekyt_dom_anatomy.AnatomyInstance<"root" | "content" | "trigger" | "item" | "itemGroup" | "label" | "clearTrigger" | "input" | "control" | "positioner" | "itemText" | "list" | "itemIndicator" | "itemGroupLabel" | "empty">;
+declare const comboboxAnatomy: _wirekyt_dom_anatomy.AnatomyInstance<"root" | "item" | "itemGroup" | "input" | "label" | "control" | "trigger" | "clearTrigger" | "list" | "content" | "positioner" | "itemIndicator" | "itemText" | "itemGroupLabel" | "empty">;
 
 type ComboboxSchema<T extends CollectionItem = CollectionItem> = Machine<T> extends Machine$1<infer S> ? S : never;
 

package/dist/types/wirekyt-angular-date-picker.d.ts

@@ -9,7 +9,7 @@ import * as _wirekyt_angular_presence from '@wirekyt/angular/presence';
 import { PresenceBase } from '@wirekyt/angular/presence';
 import { ControlValueAccessor } from '@angular/forms';
 
-declare const datePickerAnatomy: _wirekyt_dom_anatomy.AnatomyInstance<"root" | "content" | "trigger" | "label" | "clearTrigger" | "input" | "control" | "positioner" | "table" | "view" | "nextTrigger" | "prevTrigger" | "tableHeader" | "tableBody" | "tableRow" | "viewTrigger" | "monthSelect" | "yearSelect" | "presetTrigger" | "rangeText" | "tableCell" | "tableCellTrigger" | "tableHead" | "viewControl" | "valueText">;
+declare const datePickerAnatomy: _wirekyt_dom_anatomy.AnatomyInstance<"root" | "prevTrigger" | "nextTrigger" | "input" | "label" | "table" | "view" | "control" | "trigger" | "clearTrigger" | "content" | "positioner" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect" | "valueText">;
 
 type OptionalId<T extends {
     id?: string | undefined;

package/dist/types/wirekyt-angular-download-trigger.d.ts

@@ -0,0 +1,35 @@
+import * as _angular_core from '@angular/core';
+import { MaybePromise } from '@wirekyt/angular';
+import { FileMimeType } from '@wirekyt/dom/file-utils';
+
+type DownloadData = string | Blob | File | (() => MaybePromise<string | Blob | File>);
+declare class DownloadTrigger {
+    readonly fileName: _angular_core.InputSignal<string>;
+    readonly mimeType: _angular_core.InputSignal<FileMimeType>;
+    readonly data: _angular_core.InputSignal<DownloadData>;
+    private readonly download;
+    onClick(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DownloadTrigger, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DownloadTrigger, "[downloadTrigger]", ["downloadTrigger"], { "fileName": { "alias": "fileName"; "required": true; "isSignal": true; }; "mimeType": { "alias": "mimeType"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type DownloadableData = string | Blob | File;
+interface UseDownloadProps {
+    fileName: string;
+    mimeType: FileMimeType;
+    data: DownloadableData | (() => MaybePromise<DownloadableData>);
+}
+interface UseDownloadOptions {
+    context: () => UseDownloadProps;
+}
+interface UseDownloadReturn {
+    download: () => void;
+}
+interface DownloadTriggerProps extends UseDownloadProps {
+}
+
+declare function useDownload(options: UseDownloadOptions): UseDownloadReturn;
+
+export { DownloadTrigger, useDownload };
+export type { DownloadTriggerProps, DownloadableData, UseDownloadOptions, UseDownloadProps, UseDownloadReturn };
+//# sourceMappingURL=wirekyt-angular-download-trigger.d.ts.map

package/dist/types/wirekyt-angular-download-trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wirekyt-angular-download-trigger.d.ts","sources":["../../src/components/download-trigger/download-trigger.ts","../../src/components/download-trigger/types.ts","../../src/components/download-trigger/use.ts"],"mappings":";;;;AAOA,KAAK,YAAY,YAAY,IAAI,GAAG,IAAI,UAAU,YAAY,UAAU,IAAI,GAAG,IAAI;AAEnF,cAMa,eAAe;uBACT,aAAA,CAAA,WAAA;uBACA,aAAA,CAAA,WAAA,CAAA,YAAA;mBACJ,aAAA,CAAA,WAAA,CAAA,YAAA;AAEb;AAQA,mBAAe,UAAU;oDAbd,eAAe;sDAAf,eAAe;AAiB3B;;AC7BK,KAAM,gBAAgB,YAAY,IAAI,GAAG,IAAI;UAElC,gBAAgB;;cAErB,YAAY;UAChB,gBAAgB,UAAU,YAAY,CAAC,gBAAgB;AAC9D;UAEgB,kBAAkB;mBAClB,gBAAgB;AAChC;UAEgB,iBAAiB;;AAEjC;AAEK,UAAW,oBAAqB,SAAQ,gBAAgB;AAAG;;ACbjE,iBAAgB,WAAW,UAAU,kBAAkB,GAAG,iBAAiB;;;;","names":[]}

package/package.json

@@ -1,9 +1,11 @@
 {
   "name": "@wirekyt/angular",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "description": "Angular adapter for Wirekyt",
+  "readme": "README.md",
   "files": [
-    "dist"
+    "dist",
+    "README.md"
   ],
   "type": "module",
   "sideEffects": false,
@@ -70,6 +72,10 @@
       "types": "./dist/types/wirekyt-angular-dialog.d.ts",
       "default": "./dist/fesm2022/wirekyt-angular-dialog.mjs"
     },
+    "./download-trigger": {
+      "types": "./dist/types/wirekyt-angular-download-trigger.d.ts",
+      "default": "./dist/fesm2022/wirekyt-angular-download-trigger.mjs"
+    },
     "./field": {
       "types": "./dist/types/wirekyt-angular-field.d.ts",
       "default": "./dist/fesm2022/wirekyt-angular-field.mjs"
@@ -91,7 +97,7 @@
   "dependencies": {
     "@internationalized/date": "^3.12.3",
     "@internationalized/number": "^3.6.7",
-    "@wirekyt/dom": "0.0.14",
+    "@wirekyt/dom": "0.0.16",
     "tslib": "^2.8.1"
   },
   "peerDependencies": {