agnosticui-core 2.0.0-alpha.2

package/dist/components/Input/react/index.js

@@ -0,0 +1,4 @@
+import { ReactInput as o } from "./ReactInput.js";
+export {
+  o as ReactInput
+};

package/dist/components/Input/vue/VueInput.js

@@ -0,0 +1,4 @@
+import { _ as f } from "../../../VueInput.vue_vue_type_script_setup_true_lang-Dsxo7DuX.js";
+export {
+  f as default
+};

package/dist/components/Input/vue/VueInput.vue.d.ts

@@ -0,0 +1,120 @@
+import { InputProps } from '../core/Input';
+
+/**
+ * Vue Input Props
+ * Following AgnosticUI v2 event conventions:
+ * - Omit callback props (Vue uses emits)
+ * - Support v-model:value via update:value emit
+ */
+export interface VueInputProps extends Omit<InputProps, "onClick" | "onInput" | "onChange" | "onFocus" | "onBlur"> {
+}
+declare function __VLS_template(): {
+    "addon-left"?(_: {}): any;
+    "addon-right"?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VueInputProps>, {
+    value: string;
+    label: string;
+    labelHidden: boolean;
+    noLabel: boolean;
+    ariaLabel: string;
+    type: string;
+    placeholder: string;
+    rows: number;
+    cols: number;
+    size: string;
+    capsule: boolean;
+    rounded: boolean;
+    underlined: boolean;
+    underlinedWithBackground: boolean;
+    inline: boolean;
+    required: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    invalid: boolean;
+    errorMessage: string;
+    helpText: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    blur: (event: FocusEvent) => void;
+    change: (event: Event) => void;
+    click: (event: MouseEvent) => void;
+    focus: (event: FocusEvent) => void;
+    input: (event: InputEvent) => void;
+    "update:value": (value: string) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<VueInputProps>, {
+    value: string;
+    label: string;
+    labelHidden: boolean;
+    noLabel: boolean;
+    ariaLabel: string;
+    type: string;
+    placeholder: string;
+    rows: number;
+    cols: number;
+    size: string;
+    capsule: boolean;
+    rounded: boolean;
+    underlined: boolean;
+    underlinedWithBackground: boolean;
+    inline: boolean;
+    required: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    invalid: boolean;
+    errorMessage: string;
+    helpText: string;
+}>>> & Readonly<{
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onChange?: ((event: Event) => any) | undefined;
+    onClick?: ((event: MouseEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onInput?: ((event: InputEvent) => any) | undefined;
+    "onUpdate:value"?: ((value: string) => any) | undefined;
+}>, {
+    invalid: boolean;
+    disabled: boolean;
+    type: import('../core/_Input').InputType;
+    ariaLabel: string;
+    label: string;
+    labelHidden: boolean;
+    noLabel: boolean;
+    size: import('../core/_Input').InputSize;
+    readonly: boolean;
+    required: boolean;
+    errorMessage: string;
+    helpText: string;
+    value: string;
+    rounded: boolean;
+    capsule: boolean;
+    placeholder: string;
+    rows: number;
+    cols: number;
+    underlined: boolean;
+    underlinedWithBackground: boolean;
+    inline: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=VueInput.vue.d.ts.map

package/dist/components/Input/vue/VueInput.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VueInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/vue/VueInput.vue"],"names":[],"mappings":"AA2CA;AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,eAAe,CAAC;AAEvB;;;;;GAKG;AACH,MAAM,WAAW,aACf,SAAQ,IAAI,CACV,UAAU,EACV,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,CAC1D;CAAG;AA2FN,iBAAS,cAAc;0BAwFY,GAAG;2BACF,GAAG;EAGtC;AAeD,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/Input/vue/index.d.ts

@@ -0,0 +1,30 @@
+export { default } from './VueInput.vue';
+export { default as VueInput } from './VueInput.vue';
+export interface VueInputProps {
+    modelValue?: string;
+    label?: string;
+    labelHidden?: boolean;
+    noLabel?: boolean;
+    ariaLabel?: string;
+    type?: string;
+    value?: string;
+    placeholder?: string;
+    name?: string;
+    rows?: number;
+    cols?: number;
+    size?: 'small' | 'default' | 'large';
+    isCapsule?: boolean;
+    isRounded?: boolean;
+    isUnderlined?: boolean;
+    isUnderlinedWithBackground?: boolean;
+    isInline?: boolean;
+    hasLeftAddon?: boolean;
+    hasRightAddon?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    invalid?: boolean;
+    errorMessage?: string;
+    helpText?: string;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Input/vue/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Input/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAGrD,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/dist/components/Input/vue/index.js

@@ -0,0 +1,5 @@
+import { _ as t, _ as u } from "../../../VueInput.vue_vue_type_script_setup_true_lang-Dsxo7DuX.js";
+export {
+  t as VueInput,
+  u as default
+};

package/dist/components/IntlFormatter/core/IntlFormatter.d.ts

@@ -0,0 +1,9 @@
+import { IntlFormatter } from './_IntlFormatter.js';
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'ag-intl-formatter': IntlFormatter;
+    }
+}
+export * from './_IntlFormatter.js';
+//# sourceMappingURL=IntlFormatter.d.ts.map

package/dist/components/IntlFormatter/core/IntlFormatter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntlFormatter.d.ts","sourceRoot":"","sources":["../../../../src/components/IntlFormatter/core/IntlFormatter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAMpD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,aAAa,CAAC;KACpC;CACF;AAED,cAAc,qBAAqB,CAAC"}

package/dist/components/IntlFormatter/core/IntlFormatter.js

@@ -0,0 +1,5 @@
+import { IntlFormatter as t } from "./_IntlFormatter.js";
+customElements.get("ag-intl-formatter") || customElements.define("ag-intl-formatter", t);
+export {
+  t as IntlFormatter
+};

package/dist/components/IntlFormatter/core/_IntlFormatter.d.ts

@@ -0,0 +1,125 @@
+import { LitElement } from 'lit';
+
+export interface IntlFormatterProps {
+    type?: 'date' | 'number' | 'percent' | 'currency';
+    value?: number | string | Date;
+    lang?: string;
+    date?: Date | string;
+    weekday?: 'narrow' | 'short' | 'long';
+    era?: 'narrow' | 'short' | 'long';
+    year?: 'numeric' | '2-digit';
+    month?: 'numeric' | '2-digit' | 'narrow' | 'short' | 'long';
+    day?: 'numeric' | '2-digit';
+    hour?: 'numeric' | '2-digit';
+    minute?: 'numeric' | '2-digit';
+    second?: 'numeric' | '2-digit';
+    timeZoneName?: 'short' | 'long';
+    timeZone?: string;
+    hourFormat?: 'auto' | '12' | '24';
+    dateStyle?: 'full' | 'long' | 'medium' | 'short';
+    timeStyle?: 'full' | 'long' | 'medium' | 'short';
+    noGrouping?: boolean;
+    currency?: string;
+    currencyDisplay?: 'symbol' | 'narrowSymbol' | 'code' | 'name';
+    minimumIntegerDigits?: number;
+    minimumFractionDigits?: number;
+    maximumFractionDigits?: number;
+    minimumSignificantDigits?: number;
+    maximumSignificantDigits?: number;
+}
+/**
+ * @element ag-intl-formatter
+ * @summary Formats dates, numbers, currency, and percentages using the browser's Intl API
+ *
+ * @prop {string} type - The type of formatting: 'date', 'number', 'percent', or 'currency'
+ * @prop {number|string|Date} value - The value to format (for numbers/currency/percent) or date
+ * @prop {string} lang - The locale to use for formatting (e.g., 'en-US', 'fr-FR'). Defaults to browser locale
+ *
+ * @fires format-error - Dispatched when formatting fails with details about the error
+ *
+ * @csspart date-time - The time element wrapper for date formatting
+ * @csspart number - The span element for number formatting
+ * @csspart percent - The span element for percent formatting
+ * @csspart currency - The span element for currency formatting
+ * @csspart error - The span element shown when validation fails
+ *
+ * @example
+ * ```html
+ * <!-- Date formatting -->
+ * <ag-intl-formatter type="date" date="2024-01-01"></ag-intl-formatter>
+ *
+ * <!-- Date with style shortcuts -->
+ * <ag-intl-formatter type="date" date="2024-01-01" date-style="long"></ag-intl-formatter>
+ *
+ * <!-- Number formatting -->
+ * <ag-intl-formatter type="number" value="1234.56"></ag-intl-formatter>
+ *
+ * <!-- Currency formatting -->
+ * <ag-intl-formatter type="currency" value="1234.56" currency="USD"></ag-intl-formatter>
+ *
+ * <!-- Percent formatting -->
+ * <ag-intl-formatter type="percent" value="0.75"></ag-intl-formatter>
+ * ```
+ */
+export declare class IntlFormatter extends LitElement implements IntlFormatterProps {
+    type: 'date' | 'number' | 'percent' | 'currency';
+    value: number | string | Date;
+    lang: string;
+    date: Date | string;
+    weekday: 'narrow' | 'short' | 'long';
+    era: 'narrow' | 'short' | 'long';
+    year: 'numeric' | '2-digit';
+    month: 'numeric' | '2-digit' | 'narrow' | 'short' | 'long';
+    day: 'numeric' | '2-digit';
+    hour: 'numeric' | '2-digit';
+    minute: 'numeric' | '2-digit';
+    second: 'numeric' | '2-digit';
+    timeZoneName: 'short' | 'long';
+    timeZone: string;
+    hourFormat: 'auto' | '12' | '24';
+    dateStyle: 'full' | 'long' | 'medium' | 'short';
+    timeStyle: 'full' | 'long' | 'medium' | 'short';
+    noGrouping: boolean;
+    currency: string;
+    currencyDisplay: 'symbol' | 'narrowSymbol' | 'code' | 'name';
+    minimumIntegerDigits: number;
+    minimumFractionDigits: number;
+    maximumFractionDigits: number;
+    minimumSignificantDigits: number;
+    maximumSignificantDigits: number;
+    private _formatterCache;
+    constructor();
+    /**
+     * Get the locale to use for formatting
+     */
+    private _getLocale;
+    /**
+     * Generate a cache key based on formatter type and options
+     */
+    private _getCacheKey;
+    /**
+     * Dispatch a format error event
+     */
+    private _dispatchError;
+    /**
+     * Validate component properties based on type
+     */
+    private _validate;
+    /**
+     * Format a date value using Intl.DateTimeFormat
+     */
+    private _formatDate;
+    /**
+     * Format a number value using Intl.NumberFormat
+     */
+    private _formatNumber;
+    /**
+     * Render the formatted value
+     */
+    render(): import('lit').TemplateResult<1>;
+    /**
+     * Clean up formatter cache when component is removed
+     */
+    disconnectedCallback(): void;
+}
+//# sourceMappingURL=_IntlFormatter.d.ts.map

package/dist/components/IntlFormatter/core/_IntlFormatter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_IntlFormatter.d.ts","sourceRoot":"","sources":["../../../../src/components/IntlFormatter/core/_IntlFormatter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;IAClD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IACtC,GAAG,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAClC,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5D,GAAG,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC5B,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC/B,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAC/B,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAGjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,QAAQ,GAAG,cAAc,GAAG,MAAM,GAAG,MAAM,CAAC;IAC9D,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,qBAAa,aAAc,SAAQ,UAAW,YAAW,kBAAkB;IAEjE,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAC;IAGjD,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAG9B,IAAI,EAAE,MAAM,CAAC;IAIb,IAAI,EAAE,IAAI,GAAG,MAAM,CAAC;IAGpB,OAAO,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAGrC,GAAG,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAGjC,IAAI,EAAE,SAAS,GAAG,SAAS,CAAC;IAG5B,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAG3D,GAAG,EAAE,SAAS,GAAG,SAAS,CAAC;IAG3B,IAAI,EAAE,SAAS,GAAG,SAAS,CAAC;IAG5B,MAAM,EAAE,SAAS,GAAG,SAAS,CAAC;IAG9B,MAAM,EAAE,SAAS,GAAG,SAAS,CAAC;IAG9B,YAAY,EAAE,OAAO,GAAG,MAAM,CAAC;IAG/B,QAAQ,EAAE,MAAM,CAAC;IAGjB,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAC;IAGjC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAGhD,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAIhD,UAAU,EAAE,OAAO,CAAC;IAGpB,QAAQ,EAAE,MAAM,CAAC;IAGjB,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,MAAM,GAAG,MAAM,CAAC;IAG7D,oBAAoB,EAAE,MAAM,CAAC;IAG7B,qBAAqB,EAAE,MAAM,CAAC;IAG9B,qBAAqB,EAAE,MAAM,CAAC;IAG9B,wBAAwB,EAAE,MAAM,CAAC;IAGjC,wBAAwB,EAAE,MAAM,CAAC;IAGzC,OAAO,CAAC,eAAe,CAA8D;;IAWrF;;OAEG;IACH,OAAO,CAAC,UAAU;IAIlB;;OAEG;IACH,OAAO,CAAC,YAAY;IAmCpB;;OAEG;IACH,OAAO,CAAC,cAAc;IAQtB;;OAEG;IACH,OAAO,CAAC,SAAS;IAmBjB;;OAEG;IACH,OAAO,CAAC,WAAW;IA0DnB;;OAEG;IACH,OAAO,CAAC,aAAa;IAqDrB;;OAEG;IACH,MAAM;IAwBN;;OAEG;IACH,oBAAoB;CAIrB"}

package/dist/components/IntlFormatter/core/_IntlFormatter.js

@@ -0,0 +1,239 @@
+import { LitElement as p, html as c } from "lit";
+import { n as t } from "../../../property-CemaeiRl.js";
+var y = Object.defineProperty, e = (h, i, o, u) => {
+  for (var a = void 0, n = h.length - 1, s; n >= 0; n--)
+    (s = h[n]) && (a = s(i, o, a) || a);
+  return a && y(i, o, a), a;
+};
+class r extends p {
+  constructor() {
+    super(), this._formatterCache = /* @__PURE__ */ new Map(), this.type = "date", this.hourFormat = "auto", this.noGrouping = !1, this.currency = "USD", this.currencyDisplay = "symbol";
+  }
+  /**
+   * Get the locale to use for formatting
+   */
+  _getLocale() {
+    return this.lang || navigator.language;
+  }
+  /**
+   * Generate a cache key based on formatter type and options
+   */
+  _getCacheKey() {
+    const i = [this.type, this._getLocale()];
+    return this.type === "date" ? i.push(
+      this.dateStyle || "",
+      this.timeStyle || "",
+      this.weekday || "",
+      this.era || "",
+      this.year || "",
+      this.month || "",
+      this.day || "",
+      this.hour || "",
+      this.minute || "",
+      this.second || "",
+      this.timeZoneName || "",
+      this.timeZone || "",
+      this.hourFormat || ""
+    ) : i.push(
+      String(this.noGrouping),
+      this.currency || "",
+      this.currencyDisplay || "",
+      String(this.minimumIntegerDigits || ""),
+      String(this.minimumFractionDigits || ""),
+      String(this.maximumFractionDigits || ""),
+      String(this.minimumSignificantDigits || ""),
+      String(this.maximumSignificantDigits || "")
+    ), i.join("|");
+  }
+  /**
+   * Dispatch a format error event
+   */
+  _dispatchError(i, o) {
+    this.dispatchEvent(new CustomEvent("format-error", {
+      detail: { type: i, error: o.message },
+      bubbles: !0,
+      composed: !0
+    }));
+  }
+  /**
+   * Validate component properties based on type
+   */
+  _validate() {
+    if (this.type === "currency" && !this.currency)
+      return { valid: !1, error: "Currency type requires a currency code" };
+    if (this.type === "date") {
+      if (!(this.date || this.value))
+        return { valid: !1, error: "Date type requires a date value" };
+    } else if (this.value === void 0 || this.value === null)
+      return { valid: !1, error: `${this.type} type requires a value` };
+    return { valid: !0 };
+  }
+  /**
+   * Format a date value using Intl.DateTimeFormat
+   */
+  _formatDate() {
+    const i = this._validate();
+    if (!i.valid)
+      return this._dispatchError("date", new Error(i.error)), "";
+    const o = this.date || this.value, u = new Date(o);
+    if (isNaN(u.getTime()))
+      return this._dispatchError("date", new Error("Invalid date")), "";
+    const a = this.hourFormat === "auto" ? void 0 : this.hourFormat === "12", n = {
+      dateStyle: this.dateStyle,
+      timeStyle: this.timeStyle,
+      weekday: this.weekday,
+      era: this.era,
+      year: this.year,
+      month: this.month,
+      day: this.day,
+      hour: this.hour,
+      minute: this.minute,
+      second: this.second,
+      timeZoneName: this.timeZoneName,
+      timeZone: this.timeZone,
+      hour12: a
+    };
+    Object.keys(n).forEach((s) => {
+      n[s] === void 0 && delete n[s];
+    });
+    try {
+      const s = this._getCacheKey();
+      let m = this._formatterCache.get(s);
+      return m || (m = new Intl.DateTimeFormat(this._getLocale(), n), this._formatterCache.set(s, m)), m.format(u);
+    } catch (s) {
+      return this._dispatchError("date", s), "";
+    }
+  }
+  /**
+   * Format a number value using Intl.NumberFormat
+   */
+  _formatNumber() {
+    const i = this._validate();
+    if (!i.valid)
+      return this._dispatchError("number", new Error(i.error)), "";
+    const o = typeof this.value == "string" ? parseFloat(this.value) : Number(this.value);
+    if (isNaN(o))
+      return this._dispatchError("number", new Error("Invalid number")), "";
+    const a = {
+      style: this.type === "percent" ? "percent" : this.type === "currency" ? "currency" : "decimal",
+      currency: this.currency,
+      currencyDisplay: this.currencyDisplay,
+      useGrouping: !this.noGrouping,
+      minimumIntegerDigits: this.minimumIntegerDigits,
+      minimumFractionDigits: this.minimumFractionDigits,
+      maximumFractionDigits: this.maximumFractionDigits,
+      minimumSignificantDigits: this.minimumSignificantDigits,
+      maximumSignificantDigits: this.maximumSignificantDigits
+    };
+    Object.keys(a).forEach((n) => {
+      a[n] === void 0 && delete a[n];
+    });
+    try {
+      const n = this._getCacheKey();
+      let s = this._formatterCache.get(n);
+      return s || (s = new Intl.NumberFormat(this._getLocale(), a), this._formatterCache.set(n, s)), s.format(o);
+    } catch (n) {
+      return this._dispatchError("number", n), "";
+    }
+  }
+  /**
+   * Render the formatted value
+   */
+  render() {
+    if (!this._validate().valid)
+      return c`<span part="error"></span>`;
+    let o = "";
+    if (this.type === "date") {
+      o = this._formatDate();
+      const u = this.date || this.value, a = new Date(u);
+      if (!isNaN(a.getTime()))
+        return c`<time part="date-time" datetime="${a.toISOString()}">${o}</time>`;
+    } else
+      return o = this._formatNumber(), c`<span part="${this.type}">${o}</span>`;
+    return c`${o}`;
+  }
+  /**
+   * Clean up formatter cache when component is removed
+   */
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._formatterCache.clear();
+  }
+}
+e([
+  t({ type: String, reflect: !0 })
+], r.prototype, "type");
+e([
+  t({ type: String, reflect: !0 })
+], r.prototype, "value");
+e([
+  t({ type: String, reflect: !0 })
+], r.prototype, "lang");
+e([
+  t({ type: String, reflect: !0 })
+], r.prototype, "date");
+e([
+  t({ type: String, reflect: !0 })
+], r.prototype, "weekday");
+e([
+  t({ type: String, reflect: !0 })
+], r.prototype, "era");
+e([
+  t({ type: String, reflect: !0 })
+], r.prototype, "year");
+e([
+  t({ type: String, reflect: !0 })
+], r.prototype, "month");
+e([
+  t({ type: String, reflect: !0 })
+], r.prototype, "day");
+e([
+  t({ type: String, reflect: !0 })
+], r.prototype, "hour");
+e([
+  t({ type: String, reflect: !0 })
+], r.prototype, "minute");
+e([
+  t({ type: String, reflect: !0 })
+], r.prototype, "second");
+e([
+  t({ type: String, reflect: !0, attribute: "time-zone-name" })
+], r.prototype, "timeZoneName");
+e([
+  t({ type: String, reflect: !0, attribute: "time-zone" })
+], r.prototype, "timeZone");
+e([
+  t({ type: String, reflect: !0, attribute: "hour-format" })
+], r.prototype, "hourFormat");
+e([
+  t({ type: String, reflect: !0, attribute: "date-style" })
+], r.prototype, "dateStyle");
+e([
+  t({ type: String, reflect: !0, attribute: "time-style" })
+], r.prototype, "timeStyle");
+e([
+  t({ type: Boolean, reflect: !0, attribute: "no-grouping" })
+], r.prototype, "noGrouping");
+e([
+  t({ type: String, reflect: !0 })
+], r.prototype, "currency");
+e([
+  t({ type: String, reflect: !0, attribute: "currency-display" })
+], r.prototype, "currencyDisplay");
+e([
+  t({ type: Number, reflect: !0, attribute: "minimum-integer-digits" })
+], r.prototype, "minimumIntegerDigits");
+e([
+  t({ type: Number, reflect: !0, attribute: "minimum-fraction-digits" })
+], r.prototype, "minimumFractionDigits");
+e([
+  t({ type: Number, reflect: !0, attribute: "maximum-fraction-digits" })
+], r.prototype, "maximumFractionDigits");
+e([
+  t({ type: Number, reflect: !0, attribute: "minimum-significant-digits" })
+], r.prototype, "minimumSignificantDigits");
+e([
+  t({ type: Number, reflect: !0, attribute: "maximum-significant-digits" })
+], r.prototype, "maximumSignificantDigits");
+export {
+  r as IntlFormatter
+};

package/dist/components/IntlFormatter/react/ReactIntlFormatter.d.ts

@@ -0,0 +1,7 @@
+import { IntlFormatter, IntlFormatterProps } from '../core/IntlFormatter.js';
+
+export type { IntlFormatterProps };
+export declare const ReactIntlFormatter: import('@lit/react').ReactWebComponent<IntlFormatter, {
+    onFormatError: string;
+}>;
+//# sourceMappingURL=ReactIntlFormatter.d.ts.map

package/dist/components/IntlFormatter/react/ReactIntlFormatter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactIntlFormatter.d.ts","sourceRoot":"","sources":["../../../../src/components/IntlFormatter/react/ReactIntlFormatter.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,EACxB,MAAM,0BAA0B,CAAC;AAElC,YAAY,EAAE,kBAAkB,EAAE,CAAC;AAEnC,eAAO,MAAM,kBAAkB;;EAO7B,CAAC"}

package/dist/components/IntlFormatter/react/ReactIntlFormatter.js

@@ -0,0 +1,15 @@
+import { o as t } from "../../../create-component-BPMDMe-q.js";
+import r from "react";
+import "../core/IntlFormatter.js";
+import { IntlFormatter as o } from "../core/_IntlFormatter.js";
+const f = t({
+  tagName: "ag-intl-formatter",
+  elementClass: o,
+  react: r,
+  events: {
+    onFormatError: "format-error"
+  }
+});
+export {
+  f as ReactIntlFormatter
+};

package/dist/components/IntlFormatter/vue/VueIntlFormatter.js

@@ -0,0 +1,4 @@
+import { _ as f } from "../../../VueIntlFormatter.vue_vue_type_script_setup_true_lang-evMy310u.js";
+export {
+  f as default
+};