@ojiepermana/angular 21.2.4 → 21.3.0

package/fesm2022/ojiepermana-angular-ui-component-form.mjs

@@ -0,0 +1,208 @@
+import * as i0 from '@angular/core';
+import { signal, computed, effect, Injectable, input, ChangeDetectionStrategy, Component, inject, Directive } from '@angular/core';
+import { cn } from '@ojiepermana/angular/component/utils';
+import { NgControl } from '@angular/forms';
+
+let nextId = 0;
+/**
+ * Backing store for a single `<ui-form-field>`. Provided on the component
+ * so descendant parts (label, description, message, control) can inject it.
+ */
+class FormFieldContext {
+    uid = ++nextId;
+    controlId = `ui-form-field-${this.uid}`;
+    descriptionId = `${this.controlId}-description`;
+    messageId = `${this.controlId}-message`;
+    control = signal(null, ...(ngDevMode ? [{ debugName: "control" }] : /* istanbul ignore next */ []));
+    hasDescription = signal(false, ...(ngDevMode ? [{ debugName: "hasDescription" }] : /* istanbul ignore next */ []));
+    hasMessage = signal(false, ...(ngDevMode ? [{ debugName: "hasMessage" }] : /* istanbul ignore next */ []));
+    statusTick = signal(0, ...(ngDevMode ? [{ debugName: "statusTick" }] : /* istanbul ignore next */ []));
+    invalid = computed(() => {
+        this.statusTick();
+        const c = this.control();
+        return !!c && c.invalid && (c.touched || c.dirty);
+    }, ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
+    firstError = computed(() => {
+        this.statusTick();
+        const c = this.control();
+        if (!c?.errors)
+            return null;
+        const keys = Object.keys(c.errors);
+        return keys.length > 0 ? keys[0] : null;
+    }, ...(ngDevMode ? [{ debugName: "firstError" }] : /* istanbul ignore next */ []));
+    describedBy = computed(() => {
+        const parts = [];
+        if (this.hasDescription())
+            parts.push(this.descriptionId);
+        if (this.hasMessage() && this.invalid())
+            parts.push(this.messageId);
+        return parts.length > 0 ? parts.join(' ') : null;
+    }, ...(ngDevMode ? [{ debugName: "describedBy" }] : /* istanbul ignore next */ []));
+    constructor() {
+        // Re-run computed() above whenever the control's status changes.
+        effect((onCleanup) => {
+            const c = this.control();
+            if (!c)
+                return;
+            const sub = c.statusChanges.subscribe(() => this.statusTick.update((n) => n + 1));
+            onCleanup(() => sub.unsubscribe());
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormFieldContext, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormFieldContext });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormFieldContext, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+/**
+ * Groups a label, control, description, and validation message.
+ * Provides ids + invalid state to descendants via {@link FormFieldContext}.
+ */
+class FormFieldComponent {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('flex flex-col gap-2', this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: FormFieldComponent, isStandalone: true, selector: "ui-form-field", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, providers: [FormFieldContext], ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormFieldComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-form-field',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [FormFieldContext],
+                    host: { '[class]': 'classes()' },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class FormLabelComponent {
+    ctx = inject(FormFieldContext);
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('text-sm font-medium leading-none', this.ctx.invalid() ? 'text-destructive' : 'text-foreground', 'peer-disabled:cursor-not-allowed peer-disabled:opacity-70', this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: FormLabelComponent, isStandalone: true, selector: "ui-form-label, label[ui-form-label]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.for": "ctx.controlId" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormLabelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-form-label, label[ui-form-label]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.for]': 'ctx.controlId',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class FormDescriptionComponent {
+    ctx = inject(FormFieldContext);
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('text-sm text-muted-foreground', this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    ngOnInit() {
+        this.ctx.hasDescription.set(true);
+    }
+    ngOnDestroy() {
+        this.ctx.hasDescription.set(false);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: FormDescriptionComponent, isStandalone: true, selector: "ui-form-description, p[ui-form-description]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.id": "ctx.descriptionId" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormDescriptionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-form-description, p[ui-form-description]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.id]': 'ctx.descriptionId',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+/**
+ * Renders validation errors for the field's control.
+ * By default, surfaces the first error key. Provide custom content to override.
+ */
+class FormMessageComponent {
+    ctx = inject(FormFieldContext);
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    show = computed(() => this.ctx.invalid(), ...(ngDevMode ? [{ debugName: "show" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('text-sm font-medium text-destructive', this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    ngOnInit() {
+        this.ctx.hasMessage.set(true);
+    }
+    ngOnDestroy() {
+        this.ctx.hasMessage.set(false);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: FormMessageComponent, isStandalone: true, selector: "ui-form-message, p[ui-form-message]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.id": "ctx.messageId", "attr.role": "\"alert\"", "attr.aria-live": "\"polite\"" } }, ngImport: i0, template: `
+    @if (show()) {
+      <ng-content>{{ ctx.firstError() }}</ng-content>
+    }
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormMessageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-form-message, p[ui-form-message]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.id]': 'ctx.messageId',
+                        '[attr.role]': '"alert"',
+                        '[attr.aria-live]': '"polite"',
+                    },
+                    template: `
+    @if (show()) {
+      <ng-content>{{ ctx.firstError() }}</ng-content>
+    }
+  `,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+/**
+ * Attach to the native form control inside a `<ui-form-field>` to auto-wire:
+ *  - `id` ↔ `<ui-form-label for>`
+ *  - `aria-describedby` ↔ description + error message
+ *  - `aria-invalid` ↔ control validity (after touch/dirty)
+ *
+ * @example
+ * <ui-form-field>
+ *   <ui-form-label>Email</ui-form-label>
+ *   <input ui-input uiFormControl [formControl]="email" />
+ *   <ui-form-description>We'll never share it.</ui-form-description>
+ *   <ui-form-message />
+ * </ui-form-field>
+ */
+class FormControlDirective {
+    ctx = inject(FormFieldContext);
+    ngControl = inject(NgControl, { optional: true, self: true });
+    ngOnInit() {
+        if (this.ngControl?.control) {
+            this.ctx.control.set(this.ngControl.control);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: FormControlDirective, isStandalone: true, selector: "[uiFormControl]", host: { properties: { "attr.id": "ctx.controlId", "attr.aria-describedby": "ctx.describedBy()", "attr.aria-invalid": "ctx.invalid() ? \"true\" : null" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: FormControlDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[uiFormControl]',
+                    host: {
+                        '[attr.id]': 'ctx.controlId',
+                        '[attr.aria-describedby]': 'ctx.describedBy()',
+                        '[attr.aria-invalid]': 'ctx.invalid() ? "true" : null',
+                    },
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormControlDirective, FormDescriptionComponent, FormFieldComponent, FormFieldContext, FormLabelComponent, FormMessageComponent };
+//# sourceMappingURL=ojiepermana-angular-ui-component-form.mjs.map

package/fesm2022/ojiepermana-angular-ui-component-form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ojiepermana-angular-ui-component-form.mjs","sources":["../../../projects/angular/ui/component/form/src/lib/form-field.context.ts","../../../projects/angular/ui/component/form/src/lib/form-field.component.ts","../../../projects/angular/ui/component/form/src/lib/form-label.component.ts","../../../projects/angular/ui/component/form/src/lib/form-description.component.ts","../../../projects/angular/ui/component/form/src/lib/form-message.component.ts","../../../projects/angular/ui/component/form/src/lib/form-control.directive.ts","../../../projects/angular/ui/component/form/ojiepermana-angular-ui-component-form.ts"],"sourcesContent":["import { Injectable, computed, effect, signal } from '@angular/core';\nimport { AbstractControl } from '@angular/forms';\n\nlet nextId = 0;\n\n/**\n * Backing store for a single `<ui-form-field>`. Provided on the component\n * so descendant parts (label, description, message, control) can inject it.\n */\n@Injectable()\nexport class FormFieldContext {\n  private readonly uid = ++nextId;\n  readonly controlId = `ui-form-field-${this.uid}`;\n  readonly descriptionId = `${this.controlId}-description`;\n  readonly messageId = `${this.controlId}-message`;\n\n  readonly control = signal<AbstractControl | null>(null);\n  readonly hasDescription = signal(false);\n  readonly hasMessage = signal(false);\n\n  private readonly statusTick = signal(0);\n\n  readonly invalid = computed(() => {\n    this.statusTick();\n    const c = this.control();\n    return !!c && c.invalid && (c.touched || c.dirty);\n  });\n\n  readonly firstError = computed<string | null>(() => {\n    this.statusTick();\n    const c = this.control();\n    if (!c?.errors) return null;\n    const keys = Object.keys(c.errors);\n    return keys.length > 0 ? keys[0]! : null;\n  });\n\n  readonly describedBy = computed(() => {\n    const parts: string[] = [];\n    if (this.hasDescription()) parts.push(this.descriptionId);\n    if (this.hasMessage() && this.invalid()) parts.push(this.messageId);\n    return parts.length > 0 ? parts.join(' ') : null;\n  });\n\n  constructor() {\n    // Re-run computed() above whenever the control's status changes.\n    effect((onCleanup) => {\n      const c = this.control();\n      if (!c) return;\n      const sub = c.statusChanges.subscribe(() => this.statusTick.update((n) => n + 1));\n      onCleanup(() => sub.unsubscribe());\n    });\n  }\n}\n","import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { cn } from '@ojiepermana/angular/component/utils';\nimport { FormFieldContext } from './form-field.context';\n\n/**\n * Groups a label, control, description, and validation message.\n * Provides ids + invalid state to descendants via {@link FormFieldContext}.\n */\n@Component({\n  selector: 'ui-form-field',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [FormFieldContext],\n  host: { '[class]': 'classes()' },\n  template: `<ng-content />`,\n})\nexport class FormFieldComponent {\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() => cn('flex flex-col gap-2', this.class()));\n}\n","import { ChangeDetectionStrategy, Component, computed, inject, input } from '@angular/core';\nimport { cn } from '@ojiepermana/angular/component/utils';\nimport { FormFieldContext } from './form-field.context';\n\n@Component({\n  selector: 'ui-form-label, label[ui-form-label]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.for]': 'ctx.controlId',\n  },\n  template: `<ng-content />`,\n})\nexport class FormLabelComponent {\n  protected readonly ctx = inject(FormFieldContext);\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() =>\n    cn(\n      'text-sm font-medium leading-none',\n      this.ctx.invalid() ? 'text-destructive' : 'text-foreground',\n      'peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n      this.class(),\n    ),\n  );\n}\n","import { ChangeDetectionStrategy, Component, computed, inject, input, OnDestroy, OnInit } from '@angular/core';\nimport { cn } from '@ojiepermana/angular/component/utils';\nimport { FormFieldContext } from './form-field.context';\n\n@Component({\n  selector: 'ui-form-description, p[ui-form-description]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.id]': 'ctx.descriptionId',\n  },\n  template: `<ng-content />`,\n})\nexport class FormDescriptionComponent implements OnInit, OnDestroy {\n  protected readonly ctx = inject(FormFieldContext);\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() => cn('text-sm text-muted-foreground', this.class()));\n\n  ngOnInit(): void {\n    this.ctx.hasDescription.set(true);\n  }\n\n  ngOnDestroy(): void {\n    this.ctx.hasDescription.set(false);\n  }\n}\n","import { ChangeDetectionStrategy, Component, computed, inject, input, OnDestroy, OnInit } from '@angular/core';\nimport { cn } from '@ojiepermana/angular/component/utils';\nimport { FormFieldContext } from './form-field.context';\n\n/**\n * Renders validation errors for the field's control.\n * By default, surfaces the first error key. Provide custom content to override.\n */\n@Component({\n  selector: 'ui-form-message, p[ui-form-message]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.id]': 'ctx.messageId',\n    '[attr.role]': '\"alert\"',\n    '[attr.aria-live]': '\"polite\"',\n  },\n  template: `\n    @if (show()) {\n      <ng-content>{{ ctx.firstError() }}</ng-content>\n    }\n  `,\n})\nexport class FormMessageComponent implements OnInit, OnDestroy {\n  protected readonly ctx = inject(FormFieldContext);\n  readonly class = input<string>('');\n\n  protected readonly show = computed(() => this.ctx.invalid());\n  protected readonly classes = computed(() => cn('text-sm font-medium text-destructive', this.class()));\n\n  ngOnInit(): void {\n    this.ctx.hasMessage.set(true);\n  }\n\n  ngOnDestroy(): void {\n    this.ctx.hasMessage.set(false);\n  }\n}\n","import { Directive, OnInit, inject } from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { FormFieldContext } from './form-field.context';\n\n/**\n * Attach to the native form control inside a `<ui-form-field>` to auto-wire:\n *  - `id` ↔ `<ui-form-label for>`\n *  - `aria-describedby` ↔ description + error message\n *  - `aria-invalid` ↔ control validity (after touch/dirty)\n *\n * @example\n * <ui-form-field>\n *   <ui-form-label>Email</ui-form-label>\n *   <input ui-input uiFormControl [formControl]=\"email\" />\n *   <ui-form-description>We'll never share it.</ui-form-description>\n *   <ui-form-message />\n * </ui-form-field>\n */\n@Directive({\n  selector: '[uiFormControl]',\n  host: {\n    '[attr.id]': 'ctx.controlId',\n    '[attr.aria-describedby]': 'ctx.describedBy()',\n    '[attr.aria-invalid]': 'ctx.invalid() ? \"true\" : null',\n  },\n})\nexport class FormControlDirective implements OnInit {\n  protected readonly ctx = inject(FormFieldContext);\n  private readonly ngControl = inject(NgControl, { optional: true, self: true });\n\n  ngOnInit(): void {\n    if (this.ngControl?.control) {\n      this.ctx.control.set(this.ngControl.control);\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ojiepermana-angular-ui-component-input-group.mjs

@@ -0,0 +1,164 @@
+import * as i0 from '@angular/core';
+import { input, computed, ChangeDetectionStrategy, Component, inject, ElementRef } from '@angular/core';
+import { cn } from '@ojiepermana/angular/component/utils';
+import { buttonVariants } from '@ojiepermana/angular/component/button';
+
+const GROUP_BASE = [
+    'relative flex min-w-0 flex-wrap overflow-hidden rounded-[var(--radius)] border border-input bg-transparent text-sm shadow-sm',
+    'transition-[border-color,box-shadow] focus-within:border-ring focus-within:ring-1 focus-within:ring-ring',
+    '[&>[data-slot=input-group-control]]:min-w-0',
+    '[&>[data-slot=input-group-control]]:flex-1',
+    '[&>[data-slot=input-group-control]]:rounded-none',
+    '[&>[data-slot=input-group-control]]:border-0',
+    '[&>[data-slot=input-group-control]]:bg-transparent',
+    '[&>[data-slot=input-group-control]]:shadow-none',
+    '[&>[data-slot=input-group-control]]:outline-none',
+    '[&>[data-slot=input-group-control]]:focus-visible:ring-0',
+    '[&>[data-slot=input-group-control]]:focus-visible:outline-none',
+].join(' ');
+const addonAlignClasses = {
+    'inline-start': ['order-10', '[border-inline-end-width:1px]', '[border-inline-end-color:hsl(var(--border))]'].join(' '),
+    'inline-end': ['order-30', '[border-inline-start-width:1px]', '[border-inline-start-color:hsl(var(--border))]'].join(' '),
+    'block-start': [
+        'order-0 basis-full py-2',
+        '[border-block-end-width:1px]',
+        '[border-block-end-color:hsl(var(--border))]',
+    ].join(' '),
+    'block-end': [
+        'order-40 basis-full py-2',
+        '[border-block-start-width:1px]',
+        '[border-block-start-color:hsl(var(--border))]',
+    ].join(' '),
+};
+const ADDON_BASE = [
+    'flex min-h-9 shrink-0 items-center gap-1.5 bg-muted/30 px-3 text-sm text-muted-foreground',
+    '[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
+].join(' ');
+const CONTROL_BASE = [
+    'order-20 min-w-0 flex-1 bg-transparent text-sm text-foreground',
+    'placeholder:text-muted-foreground',
+    'disabled:cursor-not-allowed disabled:opacity-50',
+    'focus-visible:outline-none',
+    'aria-[invalid=true]:text-destructive',
+].join(' ');
+class InputGroupComponent {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn(GROUP_BASE, this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InputGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: InputGroupComponent, isStandalone: true, selector: "ui-input-group", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InputGroupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-input-group',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { '[class]': 'classes()' },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class InputGroupAddonComponent {
+    align = input('inline-start', ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn(ADDON_BASE, addonAlignClasses[this.align()], this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InputGroupAddonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: InputGroupAddonComponent, isStandalone: true, selector: "ui-input-group-addon", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.data-align": "align()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InputGroupAddonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-input-group-addon',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.data-align]': 'align()',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class InputGroupTextComponent {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('inline-flex items-center gap-1.5 whitespace-nowrap text-sm leading-none text-current', this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InputGroupTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: InputGroupTextComponent, isStandalone: true, selector: "ui-input-group-text", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InputGroupTextComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-input-group-text',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { '[class]': 'classes()' },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class InputGroupButtonComponent {
+    variant = input('ghost', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    size = input('xs', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn(buttonVariants({ variant: this.variant(), size: this.size() }), 'shrink-0 shadow-none', this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InputGroupButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: InputGroupButtonComponent, isStandalone: true, selector: "button[ui-input-group-button], a[ui-input-group-button]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.data-size": "size()", "attr.data-variant": "variant()" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InputGroupButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'button[ui-input-group-button], a[ui-input-group-button]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.data-size]': 'size()',
+                        '[attr.data-variant]': 'variant()',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class InputGroupInputComponent {
+    el = inject(ElementRef);
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn(CONTROL_BASE, 'h-9 px-3 py-2', this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    focus() {
+        this.el.nativeElement.focus();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InputGroupInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: InputGroupInputComponent, isStandalone: true, selector: "input[ui-input-group-input]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "input-group-control" }, properties: { "class": "classes()" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InputGroupInputComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'input[ui-input-group-input]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        'data-slot': 'input-group-control',
+                    },
+                    template: '',
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class InputGroupTextareaComponent {
+    el = inject(ElementRef);
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn(CONTROL_BASE, 'min-h-[120px] w-full resize-none px-3 py-2.5', this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    focus() {
+        this.el.nativeElement.focus();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InputGroupTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: InputGroupTextareaComponent, isStandalone: true, selector: "textarea[ui-input-group-textarea]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "input-group-control" }, properties: { "class": "classes()" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InputGroupTextareaComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'textarea[ui-input-group-textarea]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        'data-slot': 'input-group-control',
+                    },
+                    template: '',
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InputGroupAddonComponent, InputGroupButtonComponent, InputGroupComponent, InputGroupInputComponent, InputGroupTextComponent, InputGroupTextareaComponent };
+//# sourceMappingURL=ojiepermana-angular-ui-component-input-group.mjs.map

package/fesm2022/ojiepermana-angular-ui-component-input-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ojiepermana-angular-ui-component-input-group.mjs","sources":["../../../projects/angular/ui/component/input-group/src/lib/input-group.component.ts","../../../projects/angular/ui/component/input-group/ojiepermana-angular-ui-component-input-group.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, computed, inject, input } from '@angular/core';\nimport { cn } from '@ojiepermana/angular/component/utils';\nimport { buttonVariants, type ButtonSize, type ButtonVariant } from '@ojiepermana/angular/component/button';\n\nexport type InputGroupAddonAlign = 'inline-start' | 'inline-end' | 'block-start' | 'block-end';\nexport type InputGroupButtonSize = Extract<ButtonSize, 'xs' | 'icon-xs' | 'sm' | 'icon-sm'>;\n\nconst GROUP_BASE = [\n  'relative flex min-w-0 flex-wrap overflow-hidden rounded-[var(--radius)] border border-input bg-transparent text-sm shadow-sm',\n  'transition-[border-color,box-shadow] focus-within:border-ring focus-within:ring-1 focus-within:ring-ring',\n  '[&>[data-slot=input-group-control]]:min-w-0',\n  '[&>[data-slot=input-group-control]]:flex-1',\n  '[&>[data-slot=input-group-control]]:rounded-none',\n  '[&>[data-slot=input-group-control]]:border-0',\n  '[&>[data-slot=input-group-control]]:bg-transparent',\n  '[&>[data-slot=input-group-control]]:shadow-none',\n  '[&>[data-slot=input-group-control]]:outline-none',\n  '[&>[data-slot=input-group-control]]:focus-visible:ring-0',\n  '[&>[data-slot=input-group-control]]:focus-visible:outline-none',\n].join(' ');\n\nconst addonAlignClasses: Record<InputGroupAddonAlign, string> = {\n  'inline-start': ['order-10', '[border-inline-end-width:1px]', '[border-inline-end-color:hsl(var(--border))]'].join(\n    ' ',\n  ),\n  'inline-end': ['order-30', '[border-inline-start-width:1px]', '[border-inline-start-color:hsl(var(--border))]'].join(\n    ' ',\n  ),\n  'block-start': [\n    'order-0 basis-full py-2',\n    '[border-block-end-width:1px]',\n    '[border-block-end-color:hsl(var(--border))]',\n  ].join(' '),\n  'block-end': [\n    'order-40 basis-full py-2',\n    '[border-block-start-width:1px]',\n    '[border-block-start-color:hsl(var(--border))]',\n  ].join(' '),\n};\n\nconst ADDON_BASE = [\n  'flex min-h-9 shrink-0 items-center gap-1.5 bg-muted/30 px-3 text-sm text-muted-foreground',\n  '[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',\n].join(' ');\n\nconst CONTROL_BASE = [\n  'order-20 min-w-0 flex-1 bg-transparent text-sm text-foreground',\n  'placeholder:text-muted-foreground',\n  'disabled:cursor-not-allowed disabled:opacity-50',\n  'focus-visible:outline-none',\n  'aria-[invalid=true]:text-destructive',\n].join(' ');\n\n@Component({\n  selector: 'ui-input-group',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { '[class]': 'classes()' },\n  template: `<ng-content />`,\n})\nexport class InputGroupComponent {\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() => cn(GROUP_BASE, this.class()));\n}\n\n@Component({\n  selector: 'ui-input-group-addon',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.data-align]': 'align()',\n  },\n  template: `<ng-content />`,\n})\nexport class InputGroupAddonComponent {\n  readonly align = input<InputGroupAddonAlign>('inline-start');\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() => cn(ADDON_BASE, addonAlignClasses[this.align()], this.class()));\n}\n\n@Component({\n  selector: 'ui-input-group-text',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { '[class]': 'classes()' },\n  template: `<ng-content />`,\n})\nexport class InputGroupTextComponent {\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() =>\n    cn('inline-flex items-center gap-1.5 whitespace-nowrap text-sm leading-none text-current', this.class()),\n  );\n}\n\n@Component({\n  selector: 'button[ui-input-group-button], a[ui-input-group-button]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.data-size]': 'size()',\n    '[attr.data-variant]': 'variant()',\n  },\n  template: `<ng-content />`,\n})\nexport class InputGroupButtonComponent {\n  readonly variant = input<ButtonVariant>('ghost');\n  readonly size = input<InputGroupButtonSize>('xs');\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() =>\n    cn(buttonVariants({ variant: this.variant(), size: this.size() }), 'shrink-0 shadow-none', this.class()),\n  );\n}\n\n@Component({\n  selector: 'input[ui-input-group-input]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    'data-slot': 'input-group-control',\n  },\n  template: '',\n})\nexport class InputGroupInputComponent {\n  private readonly el = inject<ElementRef<HTMLInputElement>>(ElementRef);\n\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() => cn(CONTROL_BASE, 'h-9 px-3 py-2', this.class()));\n\n  focus(): void {\n    this.el.nativeElement.focus();\n  }\n}\n\n@Component({\n  selector: 'textarea[ui-input-group-textarea]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    'data-slot': 'input-group-control',\n  },\n  template: '',\n})\nexport class InputGroupTextareaComponent {\n  private readonly el = inject<ElementRef<HTMLTextAreaElement>>(ElementRef);\n\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() =>\n    cn(CONTROL_BASE, 'min-h-[120px] w-full resize-none px-3 py-2.5', this.class()),\n  );\n\n  focus(): void {\n    this.el.nativeElement.focus();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ojiepermana-angular-ui-component-input.mjs

@@ -0,0 +1,43 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { cn } from '@ojiepermana/angular/component/utils';
+
+const BASE = [
+    'flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1',
+    'text-sm shadow-sm transition-colors',
+    'file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground',
+    'placeholder:text-muted-foreground',
+    'focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring',
+    'disabled:cursor-not-allowed disabled:opacity-50',
+    'aria-[invalid=true]:border-destructive aria-[invalid=true]:focus-visible:ring-destructive',
+].join(' ');
+/**
+ * Styled native `<input>`. Works with Angular's DefaultValueAccessor,
+ * so `ngModel` and reactive forms just work.
+ */
+class InputComponent {
+    el = inject(ElementRef);
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn(BASE, this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    focus() {
+        this.el.nativeElement.focus();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: InputComponent, isStandalone: true, selector: "input[ui-input]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InputComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'input[ui-input]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { '[class]': 'classes()' },
+                    template: '',
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InputComponent };
+//# sourceMappingURL=ojiepermana-angular-ui-component-input.mjs.map

package/fesm2022/ojiepermana-angular-ui-component-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ojiepermana-angular-ui-component-input.mjs","sources":["../../../projects/angular/ui/component/input/src/lib/input.component.ts","../../../projects/angular/ui/component/input/ojiepermana-angular-ui-component-input.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, computed, inject, input } from '@angular/core';\nimport { cn } from '@ojiepermana/angular/component/utils';\n\nconst BASE = [\n  'flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1',\n  'text-sm shadow-sm transition-colors',\n  'file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground',\n  'placeholder:text-muted-foreground',\n  'focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring',\n  'disabled:cursor-not-allowed disabled:opacity-50',\n  'aria-[invalid=true]:border-destructive aria-[invalid=true]:focus-visible:ring-destructive',\n].join(' ');\n\n/**\n * Styled native `<input>`. Works with Angular's DefaultValueAccessor,\n * so `ngModel` and reactive forms just work.\n */\n@Component({\n  selector: 'input[ui-input]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { '[class]': 'classes()' },\n  template: '',\n})\nexport class InputComponent {\n  private readonly el = inject<ElementRef<HTMLInputElement>>(ElementRef);\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() => cn(BASE, this.class()));\n\n  focus(): void {\n    this.el.nativeElement.focus();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAGA,MAAM,IAAI,GAAG;IACX,yEAAyE;IACzE,qCAAqC;IACrC,sFAAsF;IACtF,mCAAmC;IACnC,yEAAyE;IACzE,iDAAiD;IACjD,2FAA2F;AAC5F,CAAA,CAAC,IAAI,CAAC,GAAG,CAAC;AAEX;;;AAGG;MAOU,cAAc,CAAA;AACR,IAAA,EAAE,GAAG,MAAM,CAA+B,UAAU,CAAC;AAC7D,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,4EAAC;AAEf,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,8EAAC;IAEnE,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,EAAE;IAC/B;wGARW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAc,+PAFf,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAED,cAAc,EAAA,UAAA,EAAA,CAAA;kBAN1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iBAAiB;oBAC3B,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE;AAChC,oBAAA,QAAQ,EAAE,EAAE;AACb,iBAAA;;;ACtBD;;AAEG;;;;"}