@ionic/angular 8.8.19-dev.11786735826.1fad7c0a → 8.8.19-dev.11786832241.150538c7

package/dist/lazy/providers/toast-controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-controller.js","sourceRoot":"","sources":["../../../src/lazy/providers/toast-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;;AAK9C,MAAM,OAAO,eAAgB,SAAQ,qBAAwD;IAC3F;QACE,KAAK,CAAC,eAAe,CAAC,CAAC;IACzB,CAAC;0HAHU,eAAe;8HAAf,eAAe,cAFd,MAAM;;2FAEP,eAAe;kBAH3B,UAAU;mBAAC;oBACV,UAAU,EAAE,MAAM;iBACnB","sourcesContent":["import { Injectable } from '@angular/core';\nimport { OverlayBaseController } from '@ionic/angular/common';\nimport type { ToastOptions } from '@ionic/core';\nimport { toastController } from '@ionic/core';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class ToastController extends OverlayBaseController<ToastOptions, HTMLIonToastElement> {\n  constructor() {\n    super(toastController);\n  }\n}\n"]}

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

@@ -0,0 +1,9 @@
+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;

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

@@ -0,0 +1,59 @@
+/* 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;
+}
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/standalone/directives/angular-component-lib/utils.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,oBAAoB;AACpB,OAAO,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AAEjC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,GAAQ,EAAE,MAAgB,EAAE,EAAE;IACxD,MAAM,SAAS,GAAG,GAAG,CAAC,SAAS,CAAC;IAChC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QACtB,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,IAAI,EAAE;YACrC,GAAG;gBACD,OAAO,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;YACvB,CAAC;YACD,GAAG,CAAC,GAAQ;gBACV,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;YACxD,CAAC;YACD;;;;;;eAMG;YACH,YAAY,EAAE,IAAI;SACnB,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,GAAQ,EAAE,OAAiB,EAAE,EAAE;IAC1D,MAAM,SAAS,GAAG,GAAG,CAAC,SAAS,CAAC;IAChC,OAAO,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,EAAE;QAC7B,SAAS,CAAC,UAAU,CAAC,GAAG;YACtB,MAAM,IAAI,GAAG,SAAS,CAAC;YACvB,OAAO,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC;QAClF,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,QAAa,EAAE,EAAO,EAAE,MAAgB,EAAE,EAAE;IACvE,MAAM,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;AAClF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,OAAe,EAAE,aAAkB,EAAE,EAAE;IACzE,IAAI,aAAa,KAAK,SAAS,IAAI,OAAO,cAAc,KAAK,WAAW,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;QACzG,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;IAChD,CAAC;AACH,CAAC,CAAC;AAEF,iDAAiD;AACjD,MAAM,UAAU,QAAQ,CAAC,IAAyE;IAChG,MAAM,SAAS,GAAG,UAAU,GAAQ;QAClC,MAAM,EAAE,qBAAqB,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QAExD,IAAI,qBAAqB,KAAK,SAAS,EAAE,CAAC;YACxC,qBAAqB,EAAE,CAAC;QAC1B,CAAC;QAED,IAAI,MAAM,EAAE,CAAC;YACX,WAAW,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;QAC3B,CAAC;QACD,IAAI,OAAO,EAAE,CAAC;YACZ,YAAY,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;QAC7B,CAAC;QACD,OAAO,GAAG,CAAC;IACb,CAAC,CAAC;IACF,OAAO,SAAS,CAAC;AACnB,CAAC","sourcesContent":["/* eslint-disable */\n/* tslint:disable */\nimport { fromEvent } from 'rxjs';\n\nexport const proxyInputs = (Cmp: any, inputs: string[]) => {\n  const Prototype = Cmp.prototype;\n  inputs.forEach((item) => {\n    Object.defineProperty(Prototype, item, {\n      get() {\n        return this.el[item];\n      },\n      set(val: any) {\n        this.z.runOutsideAngular(() => (this.el[item] = val));\n      },\n      /**\n       * In the event that proxyInputs is called\n       * multiple times re-defining these inputs\n       * will cause an error to be thrown. As a result\n       * we set configurable: true to indicate these\n       * properties can be changed.\n       */\n      configurable: true,\n    });\n  });\n};\n\nexport const proxyMethods = (Cmp: any, methods: string[]) => {\n  const Prototype = Cmp.prototype;\n  methods.forEach((methodName) => {\n    Prototype[methodName] = function () {\n      const args = arguments;\n      return this.z.runOutsideAngular(() => this.el[methodName].apply(this.el, args));\n    };\n  });\n};\n\nexport const proxyOutputs = (instance: any, el: any, events: string[]) => {\n  events.forEach((eventName) => (instance[eventName] = fromEvent(el, eventName)));\n};\n\nexport const defineCustomElement = (tagName: string, customElement: any) => {\n  if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {\n    customElements.define(tagName, customElement);\n  }\n};\n\n// tslint:disable-next-line: only-arrow-functions\nexport function ProxyCmp(opts: { defineCustomElementFn?: () => void; inputs?: any; methods?: any }) {\n  const decorator = function (cls: any) {\n    const { defineCustomElementFn, inputs, methods } = opts;\n\n    if (defineCustomElementFn !== undefined) {\n      defineCustomElementFn();\n    }\n\n    if (inputs) {\n      proxyInputs(cls, inputs);\n    }\n    if (methods) {\n      proxyMethods(cls, methods);\n    }\n    return cls;\n  };\n  return decorator;\n}\n"]}

package/dist/standalone/directives/checkbox.d.ts

@@ -0,0 +1,30 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter, Injector, NgZone } from '@angular/core';
+import { ValueAccessor } from '@ionic/angular/common';
+import type { CheckboxChangeEventDetail, Components } from '@ionic/core/components';
+import * as i0 from "@angular/core";
+export declare class IonCheckbox extends ValueAccessor {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone, injector: Injector);
+    writeValue(value: boolean): void;
+    handleIonChange(el: HTMLIonCheckboxElement | HTMLIonToggleElement): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonCheckbox, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonCheckbox, "ion-checkbox", never, { "checked": { "alias": "checked"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export declare interface IonCheckbox extends Components.IonCheckbox {
+    /**
+     * Emitted when the checked property has changed
+  as a result of a user action such as a click.
+  This event will not emit when programmatically
+  setting the checked property.
+     */
+    ionChange: EventEmitter<CustomEvent<CheckboxChangeEventDetail>>;
+    /**
+     * Emitted when the checkbox has focus.
+     */
+    ionFocus: EventEmitter<CustomEvent<void>>;
+    /**
+     * Emitted when the checkbox loses focus.
+     */
+    ionBlur: EventEmitter<CustomEvent<void>>;
+}

package/dist/standalone/directives/checkbox.js

@@ -0,0 +1,75 @@
+import { __decorate } from "tslib";
+import { ChangeDetectionStrategy, Component, HostListener, forwardRef, } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { ValueAccessor, setIonicClasses } from '@ionic/angular/common';
+import { defineCustomElement } from '@ionic/core/components/ion-checkbox.js';
+import { ProxyCmp, proxyOutputs } from './angular-component-lib/utils';
+import * as i0 from "@angular/core";
+const CHECKBOX_INPUTS = [
+    'checked',
+    'color',
+    'disabled',
+    'errorText',
+    'helperText',
+    'indeterminate',
+    'justify',
+    'labelPlacement',
+    'mode',
+    'name',
+    'value',
+];
+let IonCheckbox = class IonCheckbox extends ValueAccessor {
+    z;
+    el;
+    constructor(c, r, z, injector) {
+        super(injector, r);
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['ionChange', 'ionFocus', 'ionBlur']);
+    }
+    writeValue(value) {
+        this.elementRef.nativeElement.checked = this.lastValue = value;
+        setIonicClasses(this.elementRef);
+    }
+    handleIonChange(el) {
+        this.handleValueChange(el, el.checked);
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: IonCheckbox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.0", type: IonCheckbox, isStandalone: true, selector: "ion-checkbox", inputs: { checked: "checked", color: "color", disabled: "disabled", errorText: "errorText", helperText: "helperText", indeterminate: "indeterminate", justify: "justify", labelPlacement: "labelPlacement", mode: "mode", name: "name", value: "value" }, host: { listeners: { "ionChange": "handleIonChange($event.target)" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef((() => IonCheckbox)),
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+IonCheckbox = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement,
+        inputs: CHECKBOX_INPUTS,
+    })
+], IonCheckbox);
+export { IonCheckbox };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: IonCheckbox, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ion-checkbox',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: CHECKBOX_INPUTS,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef((() => IonCheckbox)),
+                            multi: true,
+                        },
+                    ],
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }], propDecorators: { handleIonChange: [{
+                type: HostListener,
+                args: ['ionChange', ['$event.target']]
+            }] } });
+//# sourceMappingURL=checkbox.js.map

package/dist/standalone/directives/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/standalone/directives/checkbox.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,uBAAuB,EAEvB,SAAS,EAGT,YAAY,EAGZ,UAAU,GACX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAE7E,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;;AAEvE,MAAM,eAAe,GAAG;IACtB,SAAS;IACT,OAAO;IACP,UAAU;IACV,WAAW;IACX,YAAY;IACZ,eAAe;IACf,SAAS;IACT,gBAAgB;IAChB,MAAM;IACN,MAAM;IACN,OAAO;CACR,CAAC;AAqBK,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,aAAa;IAEe;IADjD,EAAE,CAAc;IAC1B,YAAY,CAAoB,EAAE,CAAa,EAAY,CAAS,EAAE,QAAkB;QACtF,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;QADsC,MAAC,GAAD,CAAC,CAAQ;QAElE,CAAC,CAAC,MAAM,EAAE,CAAC;QACX,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,aAAa,CAAC;QAC1B,YAAY,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;IACpE,CAAC;IAED,UAAU,CAAC,KAAc;QACvB,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QAC/D,eAAe,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACnC,CAAC;IAGD,eAAe,CAAC,EAAiD;QAC/D,IAAI,CAAC,iBAAiB,CAAC,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC;IACzC,CAAC;0HAjBU,WAAW;8GAAX,WAAW,6XATX;YACT;gBACE,OAAO,EAAE,iBAAiB;gBAC1B,WAAW,EAAE,UAAU,EAAC,GAAG,EAAE,CAAC,WAAW,EAAC;gBAC1C,KAAK,EAAE,IAAI;aACZ;SACF,iDATS,2BAA2B;;AAY1B,WAAW;IAnBvB,QAAQ,CAAC;QACR,qBAAqB,EAAE,mBAAmB;QAC1C,MAAM,EAAE,eAAe;KACxB,CAAC;GAgBW,WAAW,CAkBvB;;2FAlBY,WAAW;kBAfvB,SAAS;mBAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE,2BAA2B;oBACrC,uEAAuE;oBACvE,MAAM,EAAE,eAAe;oBACvB,SAAS,EAAE;wBACT;4BACE,OAAO,EAAE,iBAAiB;4BAC1B,WAAW,EAAE,UAAU,EAAC,GAAG,EAAE,YAAY,EAAC;4BAC1C,KAAK,EAAE,IAAI;yBACZ;qBACF;oBACD,UAAU,EAAE,IAAI;iBACjB;;sBAeE,YAAY;uBAAC,WAAW,EAAE,CAAC,eAAe,CAAC","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  HostListener,\n  Injector,\n  NgZone,\n  forwardRef,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ValueAccessor, setIonicClasses } from '@ionic/angular/common';\nimport type { CheckboxChangeEventDetail, Components } from '@ionic/core/components';\nimport { defineCustomElement } from '@ionic/core/components/ion-checkbox.js';\n\nimport { ProxyCmp, proxyOutputs } from './angular-component-lib/utils';\n\nconst CHECKBOX_INPUTS = [\n  'checked',\n  'color',\n  'disabled',\n  'errorText',\n  'helperText',\n  'indeterminate',\n  'justify',\n  'labelPlacement',\n  'mode',\n  'name',\n  'value',\n];\n\n@ProxyCmp({\n  defineCustomElementFn: defineCustomElement,\n  inputs: CHECKBOX_INPUTS,\n})\n@Component({\n  selector: 'ion-checkbox',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: '<ng-content></ng-content>',\n  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n  inputs: CHECKBOX_INPUTS,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => IonCheckbox),\n      multi: true,\n    },\n  ],\n  standalone: true,\n})\nexport class IonCheckbox extends ValueAccessor {\n  protected el: HTMLElement;\n  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone, injector: Injector) {\n    super(injector, r);\n    c.detach();\n    this.el = r.nativeElement;\n    proxyOutputs(this, this.el, ['ionChange', 'ionFocus', 'ionBlur']);\n  }\n\n  writeValue(value: boolean): void {\n    this.elementRef.nativeElement.checked = this.lastValue = value;\n    setIonicClasses(this.elementRef);\n  }\n\n  @HostListener('ionChange', ['$event.target'])\n  handleIonChange(el: HTMLIonCheckboxElement | HTMLIonToggleElement): void {\n    this.handleValueChange(el, el.checked);\n  }\n}\n\nexport declare interface IonCheckbox extends Components.IonCheckbox {\n  /**\n   * Emitted when the checked property has changed\nas a result of a user action such as a click.\nThis event will not emit when programmatically\nsetting the checked property.\n   */\n  ionChange: EventEmitter<CustomEvent<CheckboxChangeEventDetail>>;\n  /**\n   * Emitted when the checkbox has focus.\n   */\n  ionFocus: EventEmitter<CustomEvent<void>>;\n  /**\n   * Emitted when the checkbox loses focus.\n   */\n  ionBlur: EventEmitter<CustomEvent<void>>;\n}\n"]}

package/dist/standalone/directives/datetime.d.ts

@@ -0,0 +1,30 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter, Injector, NgZone } from '@angular/core';
+import { ValueAccessor } from '@ionic/angular/common';
+import type { DatetimeChangeEventDetail, Components } from '@ionic/core/components';
+import * as i0 from "@angular/core";
+export declare class IonDatetime extends ValueAccessor {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone, injector: Injector);
+    handleIonChange(el: HTMLIonDatetimeElement): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonDatetime, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonDatetime, "ion-datetime", never, { "cancelText": { "alias": "cancelText"; "required": false; }; "clearText": { "alias": "clearText"; "required": false; }; "color": { "alias": "color"; "required": false; }; "dayValues": { "alias": "dayValues"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "doneText": { "alias": "doneText"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; "formatOptions": { "alias": "formatOptions"; "required": false; }; "highlightedDates": { "alias": "highlightedDates"; "required": false; }; "hourCycle": { "alias": "hourCycle"; "required": false; }; "hourValues": { "alias": "hourValues"; "required": false; }; "isDateEnabled": { "alias": "isDateEnabled"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minuteValues": { "alias": "minuteValues"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "monthValues": { "alias": "monthValues"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "preferWheel": { "alias": "preferWheel"; "required": false; }; "presentation": { "alias": "presentation"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "showAdjacentDays": { "alias": "showAdjacentDays"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "showDefaultButtons": { "alias": "showDefaultButtons"; "required": false; }; "showDefaultTimeLabel": { "alias": "showDefaultTimeLabel"; "required": false; }; "showDefaultTitle": { "alias": "showDefaultTitle"; "required": false; }; "size": { "alias": "size"; "required": false; }; "titleSelectedDatesFormatter": { "alias": "titleSelectedDatesFormatter"; "required": false; }; "value": { "alias": "value"; "required": false; }; "yearValues": { "alias": "yearValues"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export declare interface IonDatetime extends Components.IonDatetime {
+    /**
+     * Emitted when the datetime selection was cancelled.
+     */
+    ionCancel: EventEmitter<CustomEvent<void>>;
+    /**
+     * Emitted when the value (selected date) has changed.
+     */
+    ionChange: EventEmitter<CustomEvent<DatetimeChangeEventDetail>>;
+    /**
+     * Emitted when the datetime has focus.
+     */
+    ionFocus: EventEmitter<CustomEvent<void>>;
+    /**
+     * Emitted when the datetime loses focus.
+     */
+    ionBlur: EventEmitter<CustomEvent<void>>;
+}

package/dist/standalone/directives/datetime.js

@@ -0,0 +1,93 @@
+import { __decorate } from "tslib";
+import { ChangeDetectionStrategy, Component, HostListener, forwardRef, } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { ValueAccessor } from '@ionic/angular/common';
+import { defineCustomElement } from '@ionic/core/components/ion-datetime.js';
+import { ProxyCmp, proxyOutputs } from './angular-component-lib/utils';
+import * as i0 from "@angular/core";
+const DATETIME_INPUTS = [
+    'cancelText',
+    'clearText',
+    'color',
+    'dayValues',
+    'disabled',
+    'doneText',
+    'firstDayOfWeek',
+    'formatOptions',
+    'highlightedDates',
+    'hourCycle',
+    'hourValues',
+    'isDateEnabled',
+    'locale',
+    'max',
+    'min',
+    'minuteValues',
+    'mode',
+    'monthValues',
+    'multiple',
+    'name',
+    'preferWheel',
+    'presentation',
+    'readonly',
+    'showAdjacentDays',
+    'showClearButton',
+    'showDefaultButtons',
+    'showDefaultTimeLabel',
+    'showDefaultTitle',
+    'size',
+    'titleSelectedDatesFormatter',
+    'value',
+    'yearValues',
+];
+let IonDatetime = class IonDatetime extends ValueAccessor {
+    z;
+    el;
+    constructor(c, r, z, injector) {
+        super(injector, r);
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['ionCancel', 'ionChange', 'ionFocus', 'ionBlur']);
+    }
+    handleIonChange(el) {
+        this.handleValueChange(el, el.value);
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: IonDatetime, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.0", type: IonDatetime, isStandalone: true, selector: "ion-datetime", inputs: { cancelText: "cancelText", clearText: "clearText", color: "color", dayValues: "dayValues", disabled: "disabled", doneText: "doneText", firstDayOfWeek: "firstDayOfWeek", formatOptions: "formatOptions", highlightedDates: "highlightedDates", hourCycle: "hourCycle", hourValues: "hourValues", isDateEnabled: "isDateEnabled", locale: "locale", max: "max", min: "min", minuteValues: "minuteValues", mode: "mode", monthValues: "monthValues", multiple: "multiple", name: "name", preferWheel: "preferWheel", presentation: "presentation", readonly: "readonly", showAdjacentDays: "showAdjacentDays", showClearButton: "showClearButton", showDefaultButtons: "showDefaultButtons", showDefaultTimeLabel: "showDefaultTimeLabel", showDefaultTitle: "showDefaultTitle", size: "size", titleSelectedDatesFormatter: "titleSelectedDatesFormatter", value: "value", yearValues: "yearValues" }, host: { listeners: { "ionChange": "handleIonChange($event.target)" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef((() => IonDatetime)),
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+IonDatetime = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement,
+        inputs: DATETIME_INPUTS,
+        methods: ['confirm', 'reset', 'cancel'],
+    })
+], IonDatetime);
+export { IonDatetime };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: IonDatetime, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ion-datetime',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: DATETIME_INPUTS,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef((() => IonDatetime)),
+                            multi: true,
+                        },
+                    ],
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }], propDecorators: { handleIonChange: [{
+                type: HostListener,
+                args: ['ionChange', ['$event.target']]
+            }] } });
+//# sourceMappingURL=datetime.js.map

package/dist/standalone/directives/datetime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetime.js","sourceRoot":"","sources":["../../../src/standalone/directives/datetime.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,uBAAuB,EAEvB,SAAS,EAGT,YAAY,EAGZ,UAAU,GACX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAE7E,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;;AAEvE,MAAM,eAAe,GAAG;IACtB,YAAY;IACZ,WAAW;IACX,OAAO;IACP,WAAW;IACX,UAAU;IACV,UAAU;IACV,gBAAgB;IAChB,eAAe;IACf,kBAAkB;IAClB,WAAW;IACX,YAAY;IACZ,eAAe;IACf,QAAQ;IACR,KAAK;IACL,KAAK;IACL,cAAc;IACd,MAAM;IACN,aAAa;IACb,UAAU;IACV,MAAM;IACN,aAAa;IACb,cAAc;IACd,UAAU;IACV,kBAAkB;IAClB,iBAAiB;IACjB,oBAAoB;IACpB,sBAAsB;IACtB,kBAAkB;IAClB,MAAM;IACN,6BAA6B;IAC7B,OAAO;IACP,YAAY;CACb,CAAC;AAsBK,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,aAAa;IAEe;IADjD,EAAE,CAAc;IAC1B,YAAY,CAAoB,EAAE,CAAa,EAAY,CAAS,EAAE,QAAkB;QACtF,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;QADsC,MAAC,GAAD,CAAC,CAAQ;QAElE,CAAC,CAAC,MAAM,EAAE,CAAC;QACX,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,aAAa,CAAC;QAC1B,YAAY,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;IACjF,CAAC;IAGD,eAAe,CAAC,EAA0B;QACxC,IAAI,CAAC,iBAAiB,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC;0HAZU,WAAW;8GAAX,WAAW,i/BATX;YACT;gBACE,OAAO,EAAE,iBAAiB;gBAC1B,WAAW,EAAE,UAAU,EAAC,GAAG,EAAE,CAAC,WAAW,EAAC;gBAC1C,KAAK,EAAE,IAAI;aACZ;SACF,iDATS,2BAA2B;;AAY1B,WAAW;IApBvB,QAAQ,CAAC;QACR,qBAAqB,EAAE,mBAAmB;QAC1C,MAAM,EAAE,eAAe;QACvB,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,CAAC;KACxC,CAAC;GAgBW,WAAW,CAavB;;2FAbY,WAAW;kBAfvB,SAAS;mBAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE,2BAA2B;oBACrC,uEAAuE;oBACvE,MAAM,EAAE,eAAe;oBACvB,SAAS,EAAE;wBACT;4BACE,OAAO,EAAE,iBAAiB;4BAC1B,WAAW,EAAE,UAAU,EAAC,GAAG,EAAE,YAAY,EAAC;4BAC1C,KAAK,EAAE,IAAI;yBACZ;qBACF;oBACD,UAAU,EAAE,IAAI;iBACjB;;sBAUE,YAAY;uBAAC,WAAW,EAAE,CAAC,eAAe,CAAC","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  HostListener,\n  Injector,\n  NgZone,\n  forwardRef,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ValueAccessor } from '@ionic/angular/common';\nimport type { DatetimeChangeEventDetail, Components } from '@ionic/core/components';\nimport { defineCustomElement } from '@ionic/core/components/ion-datetime.js';\n\nimport { ProxyCmp, proxyOutputs } from './angular-component-lib/utils';\n\nconst DATETIME_INPUTS = [\n  'cancelText',\n  'clearText',\n  'color',\n  'dayValues',\n  'disabled',\n  'doneText',\n  'firstDayOfWeek',\n  'formatOptions',\n  'highlightedDates',\n  'hourCycle',\n  'hourValues',\n  'isDateEnabled',\n  'locale',\n  'max',\n  'min',\n  'minuteValues',\n  'mode',\n  'monthValues',\n  'multiple',\n  'name',\n  'preferWheel',\n  'presentation',\n  'readonly',\n  'showAdjacentDays',\n  'showClearButton',\n  'showDefaultButtons',\n  'showDefaultTimeLabel',\n  'showDefaultTitle',\n  'size',\n  'titleSelectedDatesFormatter',\n  'value',\n  'yearValues',\n];\n\n@ProxyCmp({\n  defineCustomElementFn: defineCustomElement,\n  inputs: DATETIME_INPUTS,\n  methods: ['confirm', 'reset', 'cancel'],\n})\n@Component({\n  selector: 'ion-datetime',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: '<ng-content></ng-content>',\n  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n  inputs: DATETIME_INPUTS,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => IonDatetime),\n      multi: true,\n    },\n  ],\n  standalone: true,\n})\nexport class IonDatetime extends ValueAccessor {\n  protected el: HTMLElement;\n  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone, injector: Injector) {\n    super(injector, r);\n    c.detach();\n    this.el = r.nativeElement;\n    proxyOutputs(this, this.el, ['ionCancel', 'ionChange', 'ionFocus', 'ionBlur']);\n  }\n\n  @HostListener('ionChange', ['$event.target'])\n  handleIonChange(el: HTMLIonDatetimeElement): void {\n    this.handleValueChange(el, el.value);\n  }\n}\n\nexport declare interface IonDatetime extends Components.IonDatetime {\n  /**\n   * Emitted when the datetime selection was cancelled.\n   */\n  ionCancel: EventEmitter<CustomEvent<void>>;\n  /**\n   * Emitted when the value (selected date) has changed.\n   */\n  ionChange: EventEmitter<CustomEvent<DatetimeChangeEventDetail>>;\n  /**\n   * Emitted when the datetime has focus.\n   */\n  ionFocus: EventEmitter<CustomEvent<void>>;\n  /**\n   * Emitted when the datetime loses focus.\n   */\n  ionBlur: EventEmitter<CustomEvent<void>>;\n}\n"]}

package/dist/standalone/directives/icon.d.ts

@@ -0,0 +1,9 @@
+import { ChangeDetectorRef, ElementRef, NgZone } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class IonIcon {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonIcon, "ion-icon", never, { "color": { "alias": "color"; "required": false; }; "flipRtl": { "alias": "flipRtl"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "ios": { "alias": "ios"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "md": { "alias": "md"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "sanitize": { "alias": "sanitize"; "required": false; }; "size": { "alias": "size"; "required": false; }; "src": { "alias": "src"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/dist/standalone/directives/icon.js

@@ -0,0 +1,35 @@
+import { __decorate } from "tslib";
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { defineCustomElement as defineIonIcon } from 'ionicons/components/ion-icon.js';
+import { ProxyCmp } from './angular-component-lib/utils';
+import * as i0 from "@angular/core";
+let IonIcon = class IonIcon {
+    z;
+    el;
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: IonIcon, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.0", type: IonIcon, isStandalone: true, selector: "ion-icon", inputs: { color: "color", flipRtl: "flipRtl", icon: "icon", ios: "ios", lazy: "lazy", md: "md", mode: "mode", name: "name", sanitize: "sanitize", size: "size", src: "src" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+IonIcon = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineIonIcon,
+        inputs: ['color', 'flipRtl', 'icon', 'ios', 'lazy', 'md', 'mode', 'name', 'sanitize', 'size', 'src'],
+    })
+], IonIcon);
+export { IonIcon };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: IonIcon, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ion-icon',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['color', 'flipRtl', 'icon', 'ios', 'lazy', 'md', 'mode', 'name', 'sanitize', 'size', 'src'],
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }] });
+//# sourceMappingURL=icon.js.map

package/dist/standalone/directives/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../../src/standalone/directives/icon.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,uBAAuB,EAAqB,SAAS,EAAsB,MAAM,eAAe,CAAC;AAC1G,OAAO,EAAE,mBAAmB,IAAI,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAEvF,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;;AAclD,IAAM,OAAO,GAAb,MAAM,OAAO;IAEyC;IADjD,EAAE,CAAc;IAC1B,YAAY,CAAoB,EAAE,CAAa,EAAY,CAAS;QAAT,MAAC,GAAD,CAAC,CAAQ;QAClE,CAAC,CAAC,MAAM,EAAE,CAAC;QACX,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,aAAa,CAAC;IAC5B,CAAC;0HALU,OAAO;8GAAP,OAAO,kPALR,2BAA2B;;AAK1B,OAAO;IAZnB,QAAQ,CAAC;QACR,qBAAqB,EAAE,aAAa;QACpC,MAAM,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,CAAC;KACrG,CAAC;GASW,OAAO,CAMnB;;2FANY,OAAO;kBARnB,SAAS;mBAAC;oBACT,QAAQ,EAAE,UAAU;oBACpB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE,2BAA2B;oBACrC,uEAAuE;oBACvE,MAAM,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,CAAC;oBACpG,UAAU,EAAE,IAAI;iBACjB","sourcesContent":["import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, NgZone } from '@angular/core';\nimport { defineCustomElement as defineIonIcon } from 'ionicons/components/ion-icon.js';\n\nimport { ProxyCmp } from './angular-component-lib/utils';\n\n@ProxyCmp({\n  defineCustomElementFn: defineIonIcon,\n  inputs: ['color', 'flipRtl', 'icon', 'ios', 'lazy', 'md', 'mode', 'name', 'sanitize', 'size', 'src'],\n})\n@Component({\n  selector: 'ion-icon',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: '<ng-content></ng-content>',\n  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n  inputs: ['color', 'flipRtl', 'icon', 'ios', 'lazy', 'md', 'mode', 'name', 'sanitize', 'size', 'src'],\n  standalone: true,\n})\nexport class IonIcon {\n  protected el: HTMLElement;\n  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {\n    c.detach();\n    this.el = r.nativeElement;\n  }\n}\n"]}

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

@@ -0,0 +1,12 @@
+export * from './checkbox';
+export * from './datetime';
+export * from './icon';
+export * from './input';
+export * from './input-otp';
+export * from './radio-group';
+export * from './range';
+export * from './searchbar';
+export * from './segment';
+export * from './select';
+export * from './textarea';
+export * from './toggle';

package/dist/standalone/directives/index.js

@@ -0,0 +1,13 @@
+export * from './checkbox';
+export * from './datetime';
+export * from './icon';
+export * from './input';
+export * from './input-otp';
+export * from './radio-group';
+export * from './range';
+export * from './searchbar';
+export * from './segment';
+export * from './select';
+export * from './textarea';
+export * from './toggle';
+//# sourceMappingURL=index.js.map

package/dist/standalone/directives/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/standalone/directives/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC","sourcesContent":["export * from './checkbox';\nexport * from './datetime';\nexport * from './icon';\nexport * from './input';\nexport * from './input-otp';\nexport * from './radio-group';\nexport * from './range';\nexport * from './searchbar';\nexport * from './segment';\nexport * from './select';\nexport * from './textarea';\nexport * from './toggle';\n"]}

package/dist/standalone/directives/input-otp.d.ts

@@ -0,0 +1,49 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter, Injector, NgZone } from '@angular/core';
+import { ValueAccessor } from '@ionic/angular/common';
+import type { InputOtpInputEventDetail as IIonInputOtpInputEventDetail, InputOtpChangeEventDetail as IIonInputOtpChangeEventDetail, InputOtpCompleteEventDetail as IIonInputOtpCompleteEventDetail, Components } from '@ionic/core/components';
+import * as i0 from "@angular/core";
+export declare class IonInputOtp extends ValueAccessor {
+    protected z: NgZone;
+    protected el: HTMLElement;
+    constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone, injector: Injector);
+    handleIonInput(el: HTMLIonInputOtpElement): void;
+    registerOnChange(fn: (_: any) => void): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonInputOtp, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonInputOtp, "ion-input-otp", never, { "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "length": { "alias": "length"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "separators": { "alias": "separators"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export declare interface IonInputOtp extends Components.IonInputOtp {
+    /**
+     * The `ionInput` event is fired each time the user modifies the input's value.
+     * Unlike the `ionChange` event, the `ionInput` event is fired for each alteration
+     * to the input's value. This typically happens for each keystroke as the user types.
+     *
+     * For elements that accept text input (`type=text`, `type=tel`, etc.), the interface
+     * is [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent); for others,
+     * the interface is [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event). If
+     * the input is cleared on edit, the type is `null`.
+     */
+    ionInput: EventEmitter<CustomEvent<IIonInputOtpInputEventDetail>>;
+    /**
+     * The `ionChange` event is fired when the user modifies the input's value.
+     * Unlike the `ionInput` event, the `ionChange` event is only fired when changes
+     * are committed, not as the user types.
+     *
+     * The `ionChange` event fires when the `<ion-input-otp>` component loses
+     * focus after its value has changed.
+     *
+     * This event will not emit when programmatically setting the `value` property.
+     */
+    ionChange: EventEmitter<CustomEvent<IIonInputOtpChangeEventDetail>>;
+    /**
+     * Emitted when all input boxes have been filled with valid values.
+     */
+    ionComplete: EventEmitter<CustomEvent<IIonInputOtpCompleteEventDetail>>;
+    /**
+     * Emitted when the input group loses focus.
+     */
+    ionBlur: EventEmitter<CustomEvent<FocusEvent>>;
+    /**
+     * Emitted when the input group has focus.
+     */
+    ionFocus: EventEmitter<CustomEvent<FocusEvent>>;
+}

package/dist/standalone/directives/input-otp.js

@@ -0,0 +1,89 @@
+import { __decorate } from "tslib";
+import { ChangeDetectionStrategy, Component, HostListener, forwardRef, } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { ValueAccessor } from '@ionic/angular/common';
+import { defineCustomElement } from '@ionic/core/components/ion-input-otp.js';
+import { ProxyCmp, proxyOutputs } from './angular-component-lib/utils';
+import * as i0 from "@angular/core";
+const INPUT_OTP_INPUTS = [
+    'autocapitalize',
+    'color',
+    'disabled',
+    'fill',
+    'inputmode',
+    'length',
+    'pattern',
+    'readonly',
+    'separators',
+    'shape',
+    'size',
+    'type',
+    'value',
+];
+let IonInputOtp = class IonInputOtp extends ValueAccessor {
+    z;
+    el;
+    constructor(c, r, z, injector) {
+        super(injector, r);
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['ionInput', 'ionChange', 'ionComplete', 'ionBlur', 'ionFocus']);
+    }
+    handleIonInput(el) {
+        this.handleValueChange(el, el.value);
+    }
+    registerOnChange(fn) {
+        super.registerOnChange((value) => {
+            if (this.type === 'number') {
+                /**
+                 * If the input type is `number`, we need to convert the value to a number
+                 * when the value is not empty. If the value is empty, we want to treat
+                 * the value as null.
+                 */
+                fn(value === '' ? null : parseFloat(value));
+            }
+            else {
+                fn(value);
+            }
+        });
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: IonInputOtp, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.0", type: IonInputOtp, isStandalone: true, selector: "ion-input-otp", inputs: { autocapitalize: "autocapitalize", color: "color", disabled: "disabled", fill: "fill", inputmode: "inputmode", length: "length", pattern: "pattern", readonly: "readonly", separators: "separators", shape: "shape", size: "size", type: "type", value: "value" }, host: { listeners: { "ionInput": "handleIonInput($event.target)" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef((() => IonInputOtp)),
+                multi: true,
+            },
+        ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+IonInputOtp = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement,
+        inputs: INPUT_OTP_INPUTS,
+        methods: ['setFocus'],
+    })
+], IonInputOtp);
+export { IonInputOtp };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.0", ngImport: i0, type: IonInputOtp, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ion-input-otp',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: INPUT_OTP_INPUTS,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef((() => IonInputOtp)),
+                            multi: true,
+                        },
+                    ],
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }], propDecorators: { handleIonInput: [{
+                type: HostListener,
+                args: ['ionInput', ['$event.target']]
+            }] } });
+//# sourceMappingURL=input-otp.js.map

package/dist/standalone/directives/input-otp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.js","sourceRoot":"","sources":["../../../src/standalone/directives/input-otp.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,uBAAuB,EAEvB,SAAS,EAGT,YAAY,EAGZ,UAAU,GACX,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAOtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAE9E,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;;AAEvE,MAAM,gBAAgB,GAAG;IACvB,gBAAgB;IAChB,OAAO;IACP,UAAU;IACV,MAAM;IACN,WAAW;IACX,QAAQ;IACR,SAAS;IACT,UAAU;IACV,YAAY;IACZ,OAAO;IACP,MAAM;IACN,MAAM;IACN,OAAO;CACR,CAAC;AAsBK,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,aAAa;IAEe;IADjD,EAAE,CAAc;IAC1B,YAAY,CAAoB,EAAE,CAAa,EAAY,CAAS,EAAE,QAAkB;QACtF,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;QADsC,MAAC,GAAD,CAAC,CAAQ;QAElE,CAAC,CAAC,MAAM,EAAE,CAAC;QACX,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,aAAa,CAAC;QAC1B,YAAY,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IAC/F,CAAC;IAGD,cAAc,CAAC,EAA0B;QACvC,IAAI,CAAC,iBAAiB,CAAC,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC;IAED,gBAAgB,CAAC,EAAoB;QACnC,KAAK,CAAC,gBAAgB,CAAC,CAAC,KAAa,EAAE,EAAE;YACvC,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;gBAC3B;;;;mBAIG;gBACH,EAAE,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;YAC9C,CAAC;iBAAM,CAAC;gBACN,EAAE,CAAC,KAAK,CAAC,CAAC;YACZ,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;0HA3BU,WAAW;8GAAX,WAAW,8YATX;YACT;gBACE,OAAO,EAAE,iBAAiB;gBAC1B,WAAW,EAAE,UAAU,EAAC,GAAG,EAAE,CAAC,WAAW,EAAC;gBAC1C,KAAK,EAAE,IAAI;aACZ;SACF,iDATS,2BAA2B;;AAY1B,WAAW;IApBvB,QAAQ,CAAC;QACR,qBAAqB,EAAE,mBAAmB;QAC1C,MAAM,EAAE,gBAAgB;QACxB,OAAO,EAAE,CAAC,UAAU,CAAC;KACtB,CAAC;GAgBW,WAAW,CA4BvB;;2FA5BY,WAAW;kBAfvB,SAAS;mBAAC;oBACT,QAAQ,EAAE,eAAe;oBACzB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE,2BAA2B;oBACrC,uEAAuE;oBACvE,MAAM,EAAE,gBAAgB;oBACxB,SAAS,EAAE;wBACT;4BACE,OAAO,EAAE,iBAAiB;4BAC1B,WAAW,EAAE,UAAU,EAAC,GAAG,EAAE,YAAY,EAAC;4BAC1C,KAAK,EAAE,IAAI;yBACZ;qBACF;oBACD,UAAU,EAAE,IAAI;iBACjB;;sBAUE,YAAY;uBAAC,UAAU,EAAE,CAAC,eAAe,CAAC","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  HostListener,\n  Injector,\n  NgZone,\n  forwardRef,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ValueAccessor } from '@ionic/angular/common';\nimport type {\n  InputOtpInputEventDetail as IIonInputOtpInputEventDetail,\n  InputOtpChangeEventDetail as IIonInputOtpChangeEventDetail,\n  InputOtpCompleteEventDetail as IIonInputOtpCompleteEventDetail,\n  Components,\n} from '@ionic/core/components';\nimport { defineCustomElement } from '@ionic/core/components/ion-input-otp.js';\n\nimport { ProxyCmp, proxyOutputs } from './angular-component-lib/utils';\n\nconst INPUT_OTP_INPUTS = [\n  'autocapitalize',\n  'color',\n  'disabled',\n  'fill',\n  'inputmode',\n  'length',\n  'pattern',\n  'readonly',\n  'separators',\n  'shape',\n  'size',\n  'type',\n  'value',\n];\n\n@ProxyCmp({\n  defineCustomElementFn: defineCustomElement,\n  inputs: INPUT_OTP_INPUTS,\n  methods: ['setFocus'],\n})\n@Component({\n  selector: 'ion-input-otp',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: '<ng-content></ng-content>',\n  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property\n  inputs: INPUT_OTP_INPUTS,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => IonInputOtp),\n      multi: true,\n    },\n  ],\n  standalone: true,\n})\nexport class IonInputOtp extends ValueAccessor {\n  protected el: HTMLElement;\n  constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone, injector: Injector) {\n    super(injector, r);\n    c.detach();\n    this.el = r.nativeElement;\n    proxyOutputs(this, this.el, ['ionInput', 'ionChange', 'ionComplete', 'ionBlur', 'ionFocus']);\n  }\n\n  @HostListener('ionInput', ['$event.target'])\n  handleIonInput(el: HTMLIonInputOtpElement): void {\n    this.handleValueChange(el, el.value);\n  }\n\n  registerOnChange(fn: (_: any) => void): void {\n    super.registerOnChange((value: string) => {\n      if (this.type === 'number') {\n        /**\n         * If the input type is `number`, we need to convert the value to a number\n         * when the value is not empty. If the value is empty, we want to treat\n         * the value as null.\n         */\n        fn(value === '' ? null : parseFloat(value));\n      } else {\n        fn(value);\n      }\n    });\n  }\n}\n\nexport declare interface IonInputOtp extends Components.IonInputOtp {\n  /**\n   * The `ionInput` event is fired each time the user modifies the input's value.\n   * Unlike the `ionChange` event, the `ionInput` event is fired for each alteration\n   * to the input's value. This typically happens for each keystroke as the user types.\n   *\n   * For elements that accept text input (`type=text`, `type=tel`, etc.), the interface\n   * is [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent); for others,\n   * the interface is [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event). If\n   * the input is cleared on edit, the type is `null`.\n   */\n  ionInput: EventEmitter<CustomEvent<IIonInputOtpInputEventDetail>>;\n  /**\n   * The `ionChange` event is fired when the user modifies the input's value.\n   * Unlike the `ionInput` event, the `ionChange` event is only fired when changes\n   * are committed, not as the user types.\n   *\n   * The `ionChange` event fires when the `<ion-input-otp>` component loses\n   * focus after its value has changed.\n   *\n   * This event will not emit when programmatically setting the `value` property.\n   */\n  ionChange: EventEmitter<CustomEvent<IIonInputOtpChangeEventDetail>>;\n  /**\n   * Emitted when all input boxes have been filled with valid values.\n   */\n  ionComplete: EventEmitter<CustomEvent<IIonInputOtpCompleteEventDetail>>;\n  /**\n   * Emitted when the input group loses focus.\n   */\n  ionBlur: EventEmitter<CustomEvent<FocusEvent>>;\n  /**\n   * Emitted when the input group has focus.\n   */\n  ionFocus: EventEmitter<CustomEvent<FocusEvent>>;\n}\n"]}