@diwacopilot/components-angular 1.0.0

package/README.md

@@ -0,0 +1,23 @@
+# @diwacopilot/components-angular
+
+Angular wrappers for `@diwacopilot/components`.
+
+## Install
+
+```bash
+npm install @diwacopilot/components @diwacopilot/components-angular
+```
+
+## Usage
+
+```ts
+import { DIRECTIVES, DButton } from "@diwacopilot/components-angular";
+```
+
+Register web components once in your app bootstrap:
+
+```ts
+import { defineCustomElements } from "@diwacopilot/components/loader";
+
+defineCustomElements();
+```

package/dist/directives/angular-component-lib/utils.d.ts

@@ -0,0 +1,10 @@
+export declare const proxyInputs: (Cmp: any, inputs: string[]) => void;
+export declare const proxyMethods: (Cmp: any, methods: string[]) => void;
+export declare const proxyOutputs: (instance: any, el: any, events: string[]) => void;
+export declare const defineCustomElement: (tagName: string, customElement: any) => void;
+export declare function ProxyCmp(opts: {
+    defineCustomElementFn?: () => void;
+    inputs?: any;
+    methods?: any;
+}): (cls: any) => any;
+//# sourceMappingURL=utils.d.ts.map

package/dist/directives/angular-component-lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/directives/angular-component-lib/utils.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,GAAI,KAAK,GAAG,EAAE,QAAQ,MAAM,EAAE,SAoBrD,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,KAAK,GAAG,EAAE,SAAS,MAAM,EAAE,SAQvD,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,UAAU,GAAG,EAAE,IAAI,GAAG,EAAE,QAAQ,MAAM,EAAE,SAEpE,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,SAAS,MAAM,EAAE,eAAe,GAAG,SAItE,CAAC;AAGF,wBAAgB,QAAQ,CAAC,IAAI,EAAE;IAAE,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IAAC,MAAM,CAAC,EAAE,GAAG,CAAC;IAAC,OAAO,CAAC,EAAE,GAAG,CAAA;CAAE,SAC/D,GAAG,SAgBrC"}

package/dist/directives/angular-component-lib/utils.js

@@ -0,0 +1,58 @@
+/* eslint-disable */
+/* tslint:disable */
+import { fromEvent } from 'rxjs';
+export const proxyInputs = (Cmp, inputs) => {
+    const Prototype = Cmp.prototype;
+    inputs.forEach((item) => {
+        Object.defineProperty(Prototype, item, {
+            get() {
+                return this.el[item];
+            },
+            set(val) {
+                this.z.runOutsideAngular(() => (this.el[item] = val));
+            },
+            /**
+             * In the event that proxyInputs is called
+             * multiple times re-defining these inputs
+             * will cause an error to be thrown. As a result
+             * we set configurable: true to indicate these
+             * properties can be changed.
+             */
+            configurable: true,
+        });
+    });
+};
+export const proxyMethods = (Cmp, methods) => {
+    const Prototype = Cmp.prototype;
+    methods.forEach((methodName) => {
+        Prototype[methodName] = function () {
+            const args = arguments;
+            return this.z.runOutsideAngular(() => this.el[methodName].apply(this.el, args));
+        };
+    });
+};
+export const proxyOutputs = (instance, el, events) => {
+    events.forEach((eventName) => (instance[eventName] = fromEvent(el, eventName)));
+};
+export const defineCustomElement = (tagName, customElement) => {
+    if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {
+        customElements.define(tagName, customElement);
+    }
+};
+// tslint:disable-next-line: only-arrow-functions
+export function ProxyCmp(opts) {
+    const decorator = function (cls) {
+        const { defineCustomElementFn, inputs, methods } = opts;
+        if (defineCustomElementFn !== undefined) {
+            defineCustomElementFn();
+        }
+        if (inputs) {
+            proxyInputs(cls, inputs);
+        }
+        if (methods) {
+            proxyMethods(cls, methods);
+        }
+        return cls;
+    };
+    return decorator;
+}

package/dist/directives/d-proxies.d.ts

@@ -0,0 +1,60 @@
+/**
+ * D* Angular wrapper components.
+ *
+ * These are thin Angular components with `d-*` selectors that forward all
+ * props and content-projection to the underlying `diwa-*` web components.
+ * CUSTOM_ELEMENTS_SCHEMA allows the inner `<diwa-*>` tag in each template.
+ *
+ * Usage:
+ *   import { DButton } from '@diwacopilot/components-angular';
+ *
+ *   @Component({
+ *     standalone: true,
+ *     imports: [DButton],
+ *     template: `<d-button variant="primary" (click)="save()">Save</d-button>`,
+ *   })
+ *   export class MyComponent {}
+ */
+import { EventEmitter } from '@angular/core';
+export declare class DBadge {
+    label?: string;
+    size?: string;
+    variant?: string;
+}
+export declare class DButton {
+    theme?: string;
+    variant?: string;
+    size?: string;
+    type?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    href?: string;
+    target?: string;
+    name?: string;
+    value?: string;
+    label?: string;
+    hideLabel?: boolean;
+}
+export declare class DInput {
+    type?: string;
+    label?: string;
+    placeholder?: string;
+    value?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    state?: string;
+    hint?: string;
+    autocomplete?: string;
+    name?: string;
+    inputId?: string;
+    diwaInput: EventEmitter<CustomEvent<string>>;
+    diwaChange: EventEmitter<CustomEvent<string>>;
+    diwaFocus: EventEmitter<CustomEvent<FocusEvent>>;
+    diwaBlur: EventEmitter<CustomEvent<FocusEvent>>;
+}
+export declare class DSpinner {
+    label?: string;
+    size?: string;
+}
+//# sourceMappingURL=d-proxies.d.ts.map

package/dist/directives/d-proxies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"d-proxies.d.ts","sourceRoot":"","sources":["../../src/directives/d-proxies.ts"],"names":[],"mappings":"AACA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAIL,YAAY,EAGb,MAAM,eAAe,CAAC;AAIvB,qBAYa,MAAM;IACR,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAC3B;AAID,qBAqBa,OAAO;IACT,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CAC9B;AAID,qBAyBa,MAAM;IACR,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IAEhB,SAAS,oCAA2C;IACpD,UAAU,oCAA2C;IACrD,SAAS,wCAA+C;IACxD,QAAQ,wCAA+C;CAClE;AAID,qBAWa,QAAQ;IACV,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/dist/directives/d-proxies.js

@@ -0,0 +1,250 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/* eslint-disable */
+/**
+ * D* Angular wrapper components.
+ *
+ * These are thin Angular components with `d-*` selectors that forward all
+ * props and content-projection to the underlying `diwa-*` web components.
+ * CUSTOM_ELEMENTS_SCHEMA allows the inner `<diwa-*>` tag in each template.
+ *
+ * Usage:
+ *   import { DButton } from '@diwacopilot/components-angular';
+ *
+ *   @Component({
+ *     standalone: true,
+ *     imports: [DButton],
+ *     template: `<d-button variant="primary" (click)="save()">Save</d-button>`,
+ *   })
+ *   export class MyComponent {}
+ */
+import { ChangeDetectionStrategy, Component, CUSTOM_ELEMENTS_SCHEMA, EventEmitter, Input, Output, } from '@angular/core';
+// ─── DBadge ──────────────────────────────────────────────────────────────────
+let DBadge = class DBadge {
+    label;
+    size;
+    variant;
+};
+__decorate([
+    Input()
+], DBadge.prototype, "label", void 0);
+__decorate([
+    Input()
+], DBadge.prototype, "size", void 0);
+__decorate([
+    Input()
+], DBadge.prototype, "variant", void 0);
+DBadge = __decorate([
+    Component({
+        selector: 'd-badge',
+        standalone: true,
+        schemas: [CUSTOM_ELEMENTS_SCHEMA],
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        template: `<diwa-badge
+    [label]="label"
+    [size]="size"
+    [variant]="variant"
+  ></diwa-badge>`,
+        inputs: ['label', 'size', 'variant'],
+    })
+], DBadge);
+export { DBadge };
+// ─── DButton ─────────────────────────────────────────────────────────────────
+let DButton = class DButton {
+    theme;
+    variant;
+    size;
+    type;
+    disabled;
+    loading;
+    href;
+    target;
+    name;
+    value;
+    label;
+    hideLabel;
+};
+__decorate([
+    Input()
+], DButton.prototype, "theme", void 0);
+__decorate([
+    Input()
+], DButton.prototype, "variant", void 0);
+__decorate([
+    Input()
+], DButton.prototype, "size", void 0);
+__decorate([
+    Input()
+], DButton.prototype, "type", void 0);
+__decorate([
+    Input()
+], DButton.prototype, "disabled", void 0);
+__decorate([
+    Input()
+], DButton.prototype, "loading", void 0);
+__decorate([
+    Input()
+], DButton.prototype, "href", void 0);
+__decorate([
+    Input()
+], DButton.prototype, "target", void 0);
+__decorate([
+    Input()
+], DButton.prototype, "name", void 0);
+__decorate([
+    Input()
+], DButton.prototype, "value", void 0);
+__decorate([
+    Input()
+], DButton.prototype, "label", void 0);
+__decorate([
+    Input()
+], DButton.prototype, "hideLabel", void 0);
+DButton = __decorate([
+    Component({
+        selector: 'd-button',
+        standalone: true,
+        schemas: [CUSTOM_ELEMENTS_SCHEMA],
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        template: `<diwa-button
+    [theme]="theme"
+    [variant]="variant"
+    [size]="size"
+    [type]="type"
+    [disabled]="disabled"
+    [loading]="loading"
+    [href]="href"
+    [target]="target"
+    [name]="name"
+    [value]="value"
+    [label]="label"
+    [hideLabel]="hideLabel"
+  ><ng-content></ng-content></diwa-button>`,
+        inputs: ['theme', 'variant', 'size', 'type', 'disabled', 'loading', 'href', 'target', 'name', 'value', 'label', 'hideLabel'],
+    })
+], DButton);
+export { DButton };
+// ─── DInput ──────────────────────────────────────────────────────────────────
+let DInput = class DInput {
+    type;
+    label;
+    placeholder;
+    value;
+    required;
+    disabled;
+    readonly;
+    state;
+    hint;
+    autocomplete;
+    name;
+    inputId;
+    diwaInput = new EventEmitter();
+    diwaChange = new EventEmitter();
+    diwaFocus = new EventEmitter();
+    diwaBlur = new EventEmitter();
+};
+__decorate([
+    Input()
+], DInput.prototype, "type", void 0);
+__decorate([
+    Input()
+], DInput.prototype, "label", void 0);
+__decorate([
+    Input()
+], DInput.prototype, "placeholder", void 0);
+__decorate([
+    Input()
+], DInput.prototype, "value", void 0);
+__decorate([
+    Input()
+], DInput.prototype, "required", void 0);
+__decorate([
+    Input()
+], DInput.prototype, "disabled", void 0);
+__decorate([
+    Input()
+], DInput.prototype, "readonly", void 0);
+__decorate([
+    Input()
+], DInput.prototype, "state", void 0);
+__decorate([
+    Input()
+], DInput.prototype, "hint", void 0);
+__decorate([
+    Input()
+], DInput.prototype, "autocomplete", void 0);
+__decorate([
+    Input()
+], DInput.prototype, "name", void 0);
+__decorate([
+    Input()
+], DInput.prototype, "inputId", void 0);
+__decorate([
+    Output()
+], DInput.prototype, "diwaInput", void 0);
+__decorate([
+    Output()
+], DInput.prototype, "diwaChange", void 0);
+__decorate([
+    Output()
+], DInput.prototype, "diwaFocus", void 0);
+__decorate([
+    Output()
+], DInput.prototype, "diwaBlur", void 0);
+DInput = __decorate([
+    Component({
+        selector: 'd-input',
+        standalone: true,
+        schemas: [CUSTOM_ELEMENTS_SCHEMA],
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        template: `<diwa-input
+    [type]="type"
+    [label]="label"
+    [placeholder]="placeholder"
+    [value]="value"
+    [required]="required"
+    [disabled]="disabled"
+    [readonly]="readonly"
+    [state]="state"
+    [hint]="hint"
+    [autocomplete]="autocomplete"
+    [name]="name"
+    [inputId]="inputId"
+    (diwaInput)="diwaInput.emit($event)"
+    (diwaChange)="diwaChange.emit($event)"
+    (diwaFocus)="diwaFocus.emit($event)"
+    (diwaBlur)="diwaBlur.emit($event)"
+  ></diwa-input>`,
+        inputs: ['type', 'label', 'placeholder', 'value', 'required', 'disabled', 'readonly', 'state', 'hint', 'autocomplete', 'name', 'inputId'],
+    })
+], DInput);
+export { DInput };
+// ─── DSpinner ────────────────────────────────────────────────────────────────
+let DSpinner = class DSpinner {
+    label;
+    size;
+};
+__decorate([
+    Input()
+], DSpinner.prototype, "label", void 0);
+__decorate([
+    Input()
+], DSpinner.prototype, "size", void 0);
+DSpinner = __decorate([
+    Component({
+        selector: 'd-spinner',
+        standalone: true,
+        schemas: [CUSTOM_ELEMENTS_SCHEMA],
+        changeDetection: ChangeDetectionStrategy.OnPush,
+        template: `<diwa-spinner
+    [label]="label"
+    [size]="size"
+  ></diwa-spinner>`,
+        inputs: ['label', 'size'],
+    })
+], DSpinner);
+export { DSpinner };

package/dist/directives/index.d.ts

@@ -0,0 +1,3 @@
+import * as d from './proxies';
+export declare const DIRECTIVES: (typeof d.DiwaAccordion | typeof d.DiwaBadge | typeof d.DiwaButton | typeof d.DiwaButtonPure | typeof d.DiwaCheckbox | typeof d.DiwaDivider | typeof d.DiwaFlyout | typeof d.DiwaIcon | typeof d.DiwaInlineNotification | typeof d.DiwaInput | typeof d.DiwaInputDate | typeof d.DiwaInputEmail | typeof d.DiwaInputMonth | typeof d.DiwaInputNumber | typeof d.DiwaInputPassword | typeof d.DiwaInputSearch | typeof d.DiwaInputTel | typeof d.DiwaInputText | typeof d.DiwaInputTime | typeof d.DiwaInputUrl | typeof d.DiwaInputWeek | typeof d.DiwaLink | typeof d.DiwaLinkPure | typeof d.DiwaModal | typeof d.DiwaMultiSelect | typeof d.DiwaMultiSelectOption | typeof d.DiwaPagination | typeof d.DiwaPinCode | typeof d.DiwaPopover | typeof d.DiwaRadioGroup | typeof d.DiwaRadioGroupItem | typeof d.DiwaScroller | typeof d.DiwaSegmentedControl | typeof d.DiwaSegmentedControlItem | typeof d.DiwaSelect | typeof d.DiwaSelectOption | typeof d.DiwaSpinner | typeof d.DiwaStepperHorizontal | typeof d.DiwaStepperHorizontalItem | typeof d.DiwaSwitch | typeof d.DiwaTable | typeof d.DiwaTableBody | typeof d.DiwaTableCell | typeof d.DiwaTableHead | typeof d.DiwaTableHeadCell | typeof d.DiwaTableRow | typeof d.DiwaTabs | typeof d.DiwaTabsBar | typeof d.DiwaTabsItem | typeof d.DiwaTag | typeof d.DiwaTagDismissible | typeof d.DiwaText | typeof d.DiwaTextList | typeof d.DiwaTextListItem | typeof d.DiwaTextarea | typeof d.DiwaToast | typeof d.DiwaToastItem)[];
+//# sourceMappingURL=index.d.ts.map

package/dist/directives/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/directives/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,CAAC,MAAM,WAAW,CAAC;AAE/B,eAAO,MAAM,UAAU,i6CA0DtB,CAAC"}

package/dist/directives/index.js

@@ -0,0 +1,60 @@
+import * as d from './proxies';
+export const DIRECTIVES = [
+    d.DiwaAccordion,
+    d.DiwaBadge,
+    d.DiwaButton,
+    d.DiwaButtonPure,
+    d.DiwaCheckbox,
+    d.DiwaDivider,
+    d.DiwaFlyout,
+    d.DiwaIcon,
+    d.DiwaInlineNotification,
+    d.DiwaInput,
+    d.DiwaInputDate,
+    d.DiwaInputEmail,
+    d.DiwaInputMonth,
+    d.DiwaInputNumber,
+    d.DiwaInputPassword,
+    d.DiwaInputSearch,
+    d.DiwaInputTel,
+    d.DiwaInputText,
+    d.DiwaInputTime,
+    d.DiwaInputUrl,
+    d.DiwaInputWeek,
+    d.DiwaLink,
+    d.DiwaLinkPure,
+    d.DiwaModal,
+    d.DiwaMultiSelect,
+    d.DiwaMultiSelectOption,
+    d.DiwaPagination,
+    d.DiwaPinCode,
+    d.DiwaPopover,
+    d.DiwaRadioGroup,
+    d.DiwaRadioGroupItem,
+    d.DiwaScroller,
+    d.DiwaSegmentedControl,
+    d.DiwaSegmentedControlItem,
+    d.DiwaSelect,
+    d.DiwaSelectOption,
+    d.DiwaSpinner,
+    d.DiwaStepperHorizontal,
+    d.DiwaStepperHorizontalItem,
+    d.DiwaSwitch,
+    d.DiwaTable,
+    d.DiwaTableBody,
+    d.DiwaTableCell,
+    d.DiwaTableHead,
+    d.DiwaTableHeadCell,
+    d.DiwaTableRow,
+    d.DiwaTabs,
+    d.DiwaTabsBar,
+    d.DiwaTabsItem,
+    d.DiwaTag,
+    d.DiwaTagDismissible,
+    d.DiwaText,
+    d.DiwaTextList,
+    d.DiwaTextListItem,
+    d.DiwaTextarea,
+    d.DiwaToast,
+    d.DiwaToastItem
+];