@latitude-ui/widgets 0.0.21 → 0.0.23

package/fesm2022/{latitude-ui-widgets-input.mjs → latitude-widgets-input.mjs}

@@ -1,44 +1,43 @@
 import * as i0 from '@angular/core';
-import { inject, input, numberAttribute, booleanAttribute, computed, linkedSignal, signal, Directive, contentChild, ChangeDetectionStrategy, ViewEncapsulation, Component, InjectionToken } from '@angular/core';
+import { inject, input, numberAttribute, booleanAttribute, computed, linkedSignal, signal, Directive, contentChild, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
 import { NgTemplateOutlet } from '@angular/common';
-import { emptyFn, uid, get, isString, template, isObjectLike, isFunction } from '@latitude-ui/stdlib';
+import { noop, uid } from '@latitude/toolbox';
 import { NgControl } from '@angular/forms';
 
 class BuildInInputValueAccessor {
     dir = inject(NgControl, { self: true });
     input = inject((InputComponent), { host: true, optional: true });
-    id = input();
-    size = input('md');
-    tabindex = input(0, { transform: numberAttribute });
-    readonly = input(false, { transform: booleanAttribute });
-    required = input(false, { transform: booleanAttribute });
-    placeholder = input();
-    value = computed(() => this._value());
-    control = computed(() => this._control());
-    valueAsString = linkedSignal({
-        source: () => this._value(),
-        computation: (value) => this._valueStringify(value),
-    });
-    status = computed(() => this._control()?.['statusReactive']());
-    touched = computed(() => this._control()?.['touchedReactive']());
-    pristine = computed(() => this._control()?.['pristineReactive']());
-    valid = computed(() => this.status() === 'VALID');
-    invalid = computed(() => this.status() === 'INVALID');
-    pending = computed(() => this.status() === 'PENDING');
-    disabled = computed(() => this.status() === 'DISABLED');
-    dirty = computed(() => !this.pristine());
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    tabindex = input(0, { ...(ngDevMode ? { debugName: "tabindex" } : {}), transform: numberAttribute });
+    readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : {}), transform: booleanAttribute });
+    required = input(false, { ...(ngDevMode ? { debugName: "required" } : {}), transform: booleanAttribute });
+    placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : []));
+    value = computed(() => this._value(), ...(ngDevMode ? [{ debugName: "value" }] : []));
+    control = computed(() => this._control(), ...(ngDevMode ? [{ debugName: "control" }] : []));
+    valueAsString = linkedSignal({ ...(ngDevMode ? { debugName: "valueAsString" } : {}), source: () => this._value(),
+        computation: (value) => this._valueStringify(value) });
+    status = computed(() => this._control()?.['statusReactive'](), ...(ngDevMode ? [{ debugName: "status" }] : []));
+    touched = computed(() => this._control()?.['touchedReactive'](), ...(ngDevMode ? [{ debugName: "touched" }] : []));
+    pristine = computed(() => this._control()?.['pristineReactive'](), ...(ngDevMode ? [{ debugName: "pristine" }] : []));
+    valid = computed(() => this.status() === 'VALID', ...(ngDevMode ? [{ debugName: "valid" }] : []));
+    invalid = computed(() => this.status() === 'INVALID', ...(ngDevMode ? [{ debugName: "invalid" }] : []));
+    pending = computed(() => this.status() === 'PENDING', ...(ngDevMode ? [{ debugName: "pending" }] : []));
+    disabled = computed(() => this.status() === 'DISABLED', ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    dirty = computed(() => !this.pristine(), ...(ngDevMode ? [{ debugName: "dirty" }] : []));
     errors = computed(() => {
-        const status = this.status();
-        const control = this._control();
-        return control !== null && status === 'INVALID' ? { ...control.errors } : null;
-    });
-    inputId = computed(() => (this.input ? this.input.inputId() : this.id()));
-    labelId = computed(() => (this.input ? this.input.labelId() : undefined));
-    inputSize = computed(() => (this.input ? this.input.size() : this.size()));
+        this.value();
+        this.status();
+        const control = this.control();
+        return control ? control.errors : null;
+    }, ...(ngDevMode ? [{ debugName: "errors" }] : []));
+    inputId = computed(() => (this.input ? this.input.inputId() : this.id()), ...(ngDevMode ? [{ debugName: "inputId" }] : []));
+    labelId = computed(() => (this.input ? this.input.labelId() : undefined), ...(ngDevMode ? [{ debugName: "labelId" }] : []));
+    inputSize = computed(() => (this.input ? this.input.size() : this.size()), ...(ngDevMode ? [{ debugName: "inputSize" }] : []));
     /** @internal */
-    _value = signal(this.dir.value);
+    _value = signal(this.dir.value, ...(ngDevMode ? [{ debugName: "_value" }] : []));
     /** @internal */
-    _control = signal(null);
+    _control = signal(null, ...(ngDevMode ? [{ debugName: "_control" }] : []));
     constructor() {
         this.dir.valueAccessor = {
             writeValue: (value) => {
@@ -94,13 +93,13 @@ class BuildInInputValueAccessor {
         return true;
     }
     /** @internal */
-    _markAsTouched = emptyFn;
+    _markAsTouched = noop;
     /** @internal */
-    _markAsChanged = emptyFn;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BuildInInputValueAccessor, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.6", type: BuildInInputValueAccessor, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "presentation" }, properties: { "attr.data-size": "inputSize() || undefined", "attr.data-dirty": "dirty() || undefined", "attr.data-invalid": "invalid() || undefined", "attr.data-pristine": "pristine() || undefined", "attr.data-disabled": "disabled() || undefined", "attr.data-readonly": "readonly() || undefined", "attr.data-required": "required() || undefined" } }, ngImport: i0 });
+    _markAsChanged = noop;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: BuildInInputValueAccessor, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.1", type: BuildInInputValueAccessor, isStandalone: true, inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "presentation" }, properties: { "attr.data-size": "inputSize() || undefined", "attr.data-dirty": "dirty() || undefined", "attr.data-invalid": "invalid() || undefined", "attr.data-pristine": "pristine() || undefined", "attr.data-disabled": "disabled() || undefined", "attr.data-readonly": "readonly() || undefined", "attr.data-required": "required() || undefined" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: BuildInInputValueAccessor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: BuildInInputValueAccessor, decorators: [{
             type: Directive,
             args: [{
                     host: {
@@ -114,32 +113,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                         '[attr.data-required]': 'required() || undefined',
                     },
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], tabindex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabindex", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }] } });
 
 class InputComponent {
-    id = input();
-    size = input('md');
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
     input = contentChild.required((BuildInInputValueAccessor));
-    htmlId = computed(() => this.id() ?? uid());
-    labelId = computed(() => `${this.htmlId()}-label`);
-    inputId = computed(() => `${this.htmlId()}-input`);
-    value = computed(() => this.input().value());
-    valueAsString = computed(() => this.input().valueAsString());
-    status = computed(() => this.input().status());
-    touched = computed(() => this.input().touched());
-    dirty = computed(() => this.input().dirty());
-    valid = computed(() => this.input().valid());
-    errors = computed(() => this.input().errors());
-    invalid = computed(() => this.input().invalid());
-    pending = computed(() => this.input().pending());
-    pristine = computed(() => this.input().pristine());
-    disabled = computed(() => this.input().disabled());
-    readonly = computed(() => this.input().readonly());
-    required = computed(() => this.input().required());
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: InputComponent, isStandalone: true, selector: "lat-input", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "presentation" }, properties: { "attr.id": "htmlId()", "attr.data-size": "size()", "attr.data-input": "inputId()", "attr.data-dirty": "dirty() || undefined", "attr.data-invalid": "invalid() || undefined", "attr.data-pristine": "pristine() || undefined", "attr.data-disabled": "disabled() || undefined", "attr.data-readonly": "readonly() || undefined", "attr.data-required": "required() || undefined" } }, queries: [{ propertyName: "input", first: true, predicate: (BuildInInputValueAccessor), descendants: true, isSignal: true }], exportAs: ["latInput"], ngImport: i0, template: "<ng-content select=\"lat-input-label\"/>\r\n\r\n<ng-content/>\r\n\r\n@if (dirty() && errors()) {\r\n  <ng-template [ngTemplateOutlet]=\"assertive\"/>\r\n}\r\n\r\n<ng-template #assertive>\r\n  <ng-content select=\"lat-input-error\"/>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    htmlId = computed(() => this.id() ?? uid(), ...(ngDevMode ? [{ debugName: "htmlId" }] : []));
+    labelId = computed(() => `${this.htmlId()}-label`, ...(ngDevMode ? [{ debugName: "labelId" }] : []));
+    inputId = computed(() => `${this.htmlId()}-input`, ...(ngDevMode ? [{ debugName: "inputId" }] : []));
+    value = computed(() => this.input().value(), ...(ngDevMode ? [{ debugName: "value" }] : []));
+    valueAsString = computed(() => this.input().valueAsString(), ...(ngDevMode ? [{ debugName: "valueAsString" }] : []));
+    status = computed(() => this.input().status(), ...(ngDevMode ? [{ debugName: "status" }] : []));
+    touched = computed(() => this.input().touched(), ...(ngDevMode ? [{ debugName: "touched" }] : []));
+    dirty = computed(() => this.input().dirty(), ...(ngDevMode ? [{ debugName: "dirty" }] : []));
+    valid = computed(() => this.input().valid(), ...(ngDevMode ? [{ debugName: "valid" }] : []));
+    errors = computed(() => this.input().errors(), ...(ngDevMode ? [{ debugName: "errors" }] : []));
+    invalid = computed(() => this.input().invalid(), ...(ngDevMode ? [{ debugName: "invalid" }] : []));
+    pending = computed(() => this.input().pending(), ...(ngDevMode ? [{ debugName: "pending" }] : []));
+    pristine = computed(() => this.input().pristine(), ...(ngDevMode ? [{ debugName: "pristine" }] : []));
+    disabled = computed(() => this.input().disabled(), ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+    readonly = computed(() => this.input().readonly(), ...(ngDevMode ? [{ debugName: "readonly" }] : []));
+    required = computed(() => this.input().required(), ...(ngDevMode ? [{ debugName: "required" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: InputComponent, isStandalone: true, selector: "lat-input", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "presentation" }, properties: { "attr.id": "htmlId()", "attr.data-size": "size()", "attr.data-input": "inputId()", "attr.data-dirty": "dirty() || undefined", "attr.data-invalid": "invalid() || undefined", "attr.data-pristine": "pristine() || undefined", "attr.data-disabled": "disabled() || undefined", "attr.data-readonly": "readonly() || undefined", "attr.data-required": "required() || undefined" } }, queries: [{ propertyName: "input", first: true, predicate: (BuildInInputValueAccessor), descendants: true, isSignal: true }], exportAs: ["latInput"], ngImport: i0, template: "<ng-content select=\"lat-input-label\"/>\r\n\r\n<ng-content/>\r\n\r\n@if (dirty() && errors()) {\r\n  <ng-template [ngTemplateOutlet]=\"assertive\"/>\r\n}\r\n\r\n<ng-template #assertive>\r\n  <ng-content select=\"lat-input-error\"/>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: InputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: InputComponent, decorators: [{
             type: Component,
             args: [{ imports: [NgTemplateOutlet], exportAs: 'latInput', selector: 'lat-input', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         role: 'presentation',
@@ -153,18 +152,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                         '[attr.data-readonly]': 'readonly() || undefined',
                         '[attr.data-required]': 'required() || undefined',
                     }, template: "<ng-content select=\"lat-input-label\"/>\r\n\r\n<ng-content/>\r\n\r\n@if (dirty() && errors()) {\r\n  <ng-template [ngTemplateOutlet]=\"assertive\"/>\r\n}\r\n\r\n<ng-template #assertive>\r\n  <ng-content select=\"lat-input-error\"/>\r\n</ng-template>\r\n" }]
-        }] });
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], input: [{ type: i0.ContentChild, args: [i0.forwardRef(() => BuildInInputValueAccessor), { isSignal: true }] }] } });
 
 class InputLabelComponent {
     input = inject((InputComponent), { host: true });
-    id = computed(() => this.input.labelId());
-    htmlFor = computed(() => this.input.inputId());
-    required = computed(() => this.input.required());
-    readonly = computed(() => this.input.readonly());
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: InputLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: InputLabelComponent, isStandalone: true, selector: "lat-input-label", host: { attributes: { "role": "presentation" }, properties: { "attr.id": "null" } }, exportAs: ["latInputLabel"], ngImport: i0, template: "<label [attr.id]=\"id()\" [attr.for]=\"htmlFor()\">\r\n  <ng-content></ng-content>\r\n  @if (!readonly() && required()) {\r\n    <span class=\"lat-label-asterix\" aria-hidden=\"true\" title=\"required\">*</span>\r\n  }\r\n</label>\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    id = computed(() => this.input.labelId(), ...(ngDevMode ? [{ debugName: "id" }] : []));
+    htmlFor = computed(() => this.input.inputId(), ...(ngDevMode ? [{ debugName: "htmlFor" }] : []));
+    required = computed(() => this.input.required(), ...(ngDevMode ? [{ debugName: "required" }] : []));
+    readonly = computed(() => this.input.readonly(), ...(ngDevMode ? [{ debugName: "readonly" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: InputLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: InputLabelComponent, isStandalone: true, selector: "lat-input-label", host: { attributes: { "role": "presentation" }, properties: { "attr.id": "null" } }, exportAs: ["latInputLabel"], ngImport: i0, template: "<label [attr.id]=\"id()\" [attr.for]=\"htmlFor()\">\r\n  <ng-content></ng-content>\r\n  @if (!readonly() && required()) {\r\n    <span class=\"lat-label-asterix\" aria-hidden=\"true\" title=\"required\">*</span>\r\n  }\r\n</label>\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: InputLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: InputLabelComponent, decorators: [{
             type: Component,
             args: [{ exportAs: 'latInputLabel', selector: 'lat-input-label', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         role: 'presentation',
@@ -172,50 +171,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                     }, template: "<label [attr.id]=\"id()\" [attr.for]=\"htmlFor()\">\r\n  <ng-content></ng-content>\r\n  @if (!readonly() && required()) {\r\n    <span class=\"lat-label-asterix\" aria-hidden=\"true\" title=\"required\">*</span>\r\n  }\r\n</label>\r\n" }]
         }] });
 
-const INPUT_ERROR_MESSAGES = new InjectionToken('INPUT_ERROR_MESSAGES');
-function injectInputErrorMessages() {
-    const useValues = inject(INPUT_ERROR_MESSAGES, { optional: true });
-    return useValues ? useValues.reduce((acc, messages) => ({ ...acc, ...messages }), {}) : {};
-}
-
-class InputErrorComponent {
-    input = inject((InputComponent));
-    messages = injectInputErrorMessages();
-    keyvalue = computed(() => {
-        return Object.entries(this.input.errors() ?? {}).map(([key, value]) => {
-            const message = get(this.messages, key);
-            if (isString(message)) {
-                value = template(message, isObjectLike(value) ? value : {});
-            }
-            if (isFunction(message)) {
-                value = message(value);
-            }
-            return {
-                key: key,
-                value: value,
-            };
-        });
-    });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: InputErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: InputErrorComponent, isStandalone: true, selector: "lat-input-error", host: { attributes: { "role": "alert", "aria-invalid": "assertive" } }, exportAs: ["latInputError"], ngImport: i0, template: "<ng-content>\r\n  @for (keyvalue of keyvalue(); track keyvalue) {\r\n    <span>{{ keyvalue.value }}</span>\r\n  }\r\n</ng-content>\r\n\r\n\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: InputErrorComponent, decorators: [{
-            type: Component,
-            args: [{ exportAs: 'latInputError', selector: 'lat-input-error', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        role: 'alert',
-                        'aria-invalid': 'assertive',
-                    }, template: "<ng-content>\r\n  @for (keyvalue of keyvalue(); track keyvalue) {\r\n    <span>{{ keyvalue.value }}</span>\r\n  }\r\n</ng-content>\r\n\r\n\r\n" }]
-        }] });
-
-const InputModule = [
-    InputLabelComponent,
-    InputErrorComponent,
-    InputComponent,
-];
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { BuildInInputValueAccessor, INPUT_ERROR_MESSAGES, InputComponent, InputErrorComponent, InputLabelComponent, InputModule, injectInputErrorMessages };
-//# sourceMappingURL=latitude-ui-widgets-input.mjs.map
+export { BuildInInputValueAccessor, InputComponent, InputLabelComponent };
+//# sourceMappingURL=latitude-widgets-input.mjs.map

package/fesm2022/latitude-widgets-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"latitude-widgets-input.mjs","sources":["../../../../packages/widgets/input/lib/input.directive.ts","../../../../packages/widgets/input/lib/input.component.ts","../../../../packages/widgets/input/lib/input.component.html","../../../../packages/widgets/input/lib/input-label/input-label.component.ts","../../../../packages/widgets/input/lib/input-label/input-label.component.html","../../../../packages/widgets/input/latitude-widgets-input.ts"],"sourcesContent":["import {\r\n  booleanAttribute,\r\n  computed,\r\n  Directive,\r\n  inject,\r\n  input,\r\n  linkedSignal,\r\n  numberAttribute,\r\n  signal,\r\n} from '@angular/core';\r\nimport { AbstractControl, FormControlStatus, NgControl } from '@angular/forms';\r\n\r\nimport { noop } from '@latitude/toolbox';\r\n\r\nimport { InputComponent } from './input.component';\r\nimport { InputSize } from './input.types';\r\n\r\n@Directive({\r\n  host: {\r\n    role: 'presentation',\r\n    '[attr.data-size]': 'inputSize() || undefined',\r\n    '[attr.data-dirty]': 'dirty() || undefined',\r\n    '[attr.data-invalid]': 'invalid() || undefined',\r\n    '[attr.data-pristine]': 'pristine() || undefined',\r\n    '[attr.data-disabled]': 'disabled() || undefined',\r\n    '[attr.data-readonly]': 'readonly() || undefined',\r\n    '[attr.data-required]': 'required() || undefined',\r\n  },\r\n})\r\nexport class BuildInInputValueAccessor<T> {\r\n  public readonly dir = inject(NgControl, { self: true });\r\n  public readonly input = inject(InputComponent<T>, { host: true, optional: true });\r\n\r\n  public readonly id = input<string>();\r\n  public readonly size = input<InputSize>('md');\r\n  public readonly tabindex = input<number, unknown>(0, { transform: numberAttribute });\r\n  public readonly readonly = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n  public readonly required = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n  public readonly placeholder = input<string>();\r\n\r\n  public readonly value = computed(() => this._value());\r\n  public readonly control = computed(() => this._control());\r\n\r\n  public readonly valueAsString = linkedSignal({\r\n    source: () => this._value(),\r\n    computation: (value) => this._valueStringify(value),\r\n  });\r\n\r\n  public readonly status = computed(() => this._control()?.['statusReactive']() as FormControlStatus);\r\n  public readonly touched = computed(() => this._control()?.['touchedReactive']() as boolean);\r\n  public readonly pristine = computed(() => this._control()?.['pristineReactive']() as boolean);\r\n\r\n  public readonly valid = computed(() => this.status() === 'VALID');\r\n  public readonly invalid = computed(() => this.status() === 'INVALID');\r\n  public readonly pending = computed(() => this.status() === 'PENDING');\r\n  public readonly disabled = computed(() => this.status() === 'DISABLED');\r\n\r\n  public readonly dirty = computed(() => !this.pristine());\r\n  public readonly errors = computed(() => {\r\n    this.value();\r\n    this.status();\r\n\r\n    const control = this.control();\r\n\r\n    return control ? control.errors : null;\r\n  });\r\n\r\n  public readonly inputId = computed(() => (this.input ? this.input.inputId() : this.id()));\r\n  public readonly labelId = computed(() => (this.input ? this.input.labelId() : undefined));\r\n  public readonly inputSize = computed(() => (this.input ? this.input.size() : this.size()));\r\n\r\n  /** @internal */\r\n  public readonly _value = signal<T | null>(this.dir.value);\r\n\r\n  /** @internal */\r\n  public readonly _control = signal<AbstractControl | null>(null);\r\n\r\n  constructor() {\r\n    this.dir.valueAccessor = {\r\n      writeValue: (value: T | null) => {\r\n        this._writeValue(value);\r\n      },\r\n      registerOnChange: (callback: (value: T | null) => void) => {\r\n        this._markAsChanged = () => callback(this._value());\r\n\r\n        // FIX: while FromControlNameDirective not register, underline control is undefined\r\n        Promise.resolve().then(() => {\r\n          this._control.update(() => this.dir.control);\r\n        });\r\n      },\r\n      registerOnTouched: (callback: () => void) => {\r\n        this._markAsTouched = () => callback();\r\n      },\r\n    };\r\n  }\r\n\r\n  /**\r\n   * Sets the \"value\" property on the input element.\r\n   */\r\n  public writeValue(value: T | null): void {\r\n    if (this._writeValue(value)) {\r\n      this._markAsChanged();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Marks the control as `dirty`.\r\n   */\r\n  public markAsChanged(): void {\r\n    this._markAsChanged();\r\n  }\r\n\r\n  /**\r\n   * Marks the control as `touched`.\r\n   */\r\n  public markAsTouched(): void {\r\n    this._markAsTouched();\r\n  }\r\n\r\n  /** @internal */\r\n  protected _valueEquality(value0: T | null, value1: unknown): boolean {\r\n    return Object.is(value0, value1);\r\n  }\r\n\r\n  /** @internal */\r\n  protected _valueStringify(value: unknown): string {\r\n    return value !== null && value !== undefined ? value.toString() : '';\r\n  }\r\n\r\n  /** @internal */\r\n  protected _writeValue(input: T | null): boolean {\r\n    const value = this._value();\r\n\r\n    if (this._valueEquality(value, input)) {\r\n      return false;\r\n    }\r\n\r\n    this._value.set(input);\r\n\r\n    return true;\r\n  }\r\n\r\n  /** @internal */\r\n  protected _markAsTouched: VoidFunction = noop;\r\n\r\n  /** @internal */\r\n  protected _markAsChanged: VoidFunction = noop;\r\n}\r\n","import { ChangeDetectionStrategy, Component, computed, contentChild, input, ViewEncapsulation } from '@angular/core';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\n\r\nimport { uid } from '@latitude/toolbox';\r\n\r\nimport { BuildInInputValueAccessor } from './input.directive';\r\nimport { InputSize } from './input.types';\r\n\r\n@Component({\r\n  imports: [NgTemplateOutlet],\r\n  exportAs: 'latInput',\r\n  selector: 'lat-input',\r\n  templateUrl: './input.component.html',\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    role: 'presentation',\r\n    '[attr.id]': 'htmlId()',\r\n    '[attr.data-size]': 'size()',\r\n    '[attr.data-input]': 'inputId()',\r\n    '[attr.data-dirty]': 'dirty() || undefined',\r\n    '[attr.data-invalid]': 'invalid() || undefined',\r\n    '[attr.data-pristine]': 'pristine() || undefined',\r\n    '[attr.data-disabled]': 'disabled() || undefined',\r\n    '[attr.data-readonly]': 'readonly() || undefined',\r\n    '[attr.data-required]': 'required() || undefined',\r\n  },\r\n})\r\nexport class InputComponent<T> {\r\n  public readonly id = input<string>();\r\n  public readonly size = input<InputSize>('md');\r\n\r\n  public readonly input = contentChild.required(BuildInInputValueAccessor<T>);\r\n\r\n  public readonly htmlId = computed(() => this.id() ?? uid());\r\n  public readonly labelId = computed(() => `${this.htmlId()}-label`);\r\n  public readonly inputId = computed(() => `${this.htmlId()}-input`);\r\n\r\n  public readonly value = computed(() => this.input().value());\r\n  public readonly valueAsString = computed(() => this.input().valueAsString());\r\n\r\n  public readonly status = computed(() => this.input().status());\r\n  public readonly touched = computed(() => this.input().touched());\r\n\r\n  public readonly dirty = computed(() => this.input().dirty());\r\n  public readonly valid = computed(() => this.input().valid());\r\n  public readonly errors = computed(() => this.input().errors());\r\n  public readonly invalid = computed(() => this.input().invalid());\r\n  public readonly pending = computed(() => this.input().pending());\r\n  public readonly pristine = computed(() => this.input().pristine());\r\n  public readonly disabled = computed(() => this.input().disabled());\r\n  public readonly readonly = computed(() => this.input().readonly());\r\n  public readonly required = computed(() => this.input().required());\r\n}\r\n","<ng-content select=\"lat-input-label\"/>\r\n\r\n<ng-content/>\r\n\r\n@if (dirty() && errors()) {\r\n  <ng-template [ngTemplateOutlet]=\"assertive\"/>\r\n}\r\n\r\n<ng-template #assertive>\r\n  <ng-content select=\"lat-input-error\"/>\r\n</ng-template>\r\n","import { ChangeDetectionStrategy, Component, computed, inject, ViewEncapsulation } from '@angular/core';\r\nimport { InputComponent } from '../input.component';\r\n\r\n@Component({\r\n  exportAs: 'latInputLabel',\r\n  selector: 'lat-input-label',\r\n  templateUrl: './input-label.component.html',\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    role: 'presentation',\r\n    '[attr.id]': 'null',\r\n  },\r\n})\r\nexport class InputLabelComponent<T = unknown> {\r\n  public readonly input = inject(InputComponent<T>, { host: true });\r\n\r\n  public readonly id = computed(() => this.input.labelId());\r\n  public readonly htmlFor = computed(() => this.input.inputId());\r\n  public readonly required = computed(() => this.input.required());\r\n  public readonly readonly = computed(() => this.input.readonly());\r\n}\r\n","<label [attr.id]=\"id()\" [attr.for]=\"htmlFor()\">\r\n  <ng-content></ng-content>\r\n  @if (!readonly() && required()) {\r\n    <span class=\"lat-label-asterix\" aria-hidden=\"true\" title=\"required\">*</span>\r\n  }\r\n</label>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/{latitude-ui-widgets-listbox.mjs → latitude-widgets-listbox.mjs}

@@ -1,22 +1,28 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, input, numberAttribute, booleanAttribute, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
-import { listenMouseEvent } from '@latitude-ui/widgets/core';
+import { ChangeDetectionStrategy, ViewEncapsulation, Component, input, numberAttribute, booleanAttribute } from '@angular/core';
+
+class ListBoxComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ListBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: ListBoxComponent, isStandalone: true, selector: "lat-listbox", host: { attributes: { "role": "presentation" } }, exportAs: ["latListBox"], ngImport: i0, template: "<div role=\"listbox\">\r\n  <ng-content select=\"lat-listbox-option, lat-option\" />\r\n</div>\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ListBoxComponent, decorators: [{
+            type: Component,
+            args: [{ exportAs: 'latListBox', selector: 'lat-listbox', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        role: 'presentation',
+                    }, template: "<div role=\"listbox\">\r\n  <ng-content select=\"lat-listbox-option, lat-option\" />\r\n</div>\r\n" }]
+        }] });
 
 class ListBoxOptionComponent {
-    el = inject((ElementRef)).nativeElement;
-    value = input.required();
-    setsize = input(undefined, { transform: numberAttribute });
-    posinset = input(undefined, { transform: numberAttribute });
-    selected = input(undefined, { transform: booleanAttribute });
-    disabled = input(undefined, { transform: booleanAttribute });
-    checkbox = input(undefined, { transform: booleanAttribute });
-    constructor() {
-        listenMouseEvent(this.el, { disabled: this.disabled });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ListBoxOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", type: ListBoxOptionComponent, isStandalone: true, selector: "lat-listbox-option, lat-option", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, setsize: { classPropertyName: "setsize", publicName: "setsize", isSignal: true, isRequired: false, transformFunction: null }, posinset: { classPropertyName: "posinset", publicName: "posinset", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, checkbox: { classPropertyName: "checkbox", publicName: "checkbox", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "option" }, properties: { "attr.aria-setsize": "setsize()", "attr.aria-posinset": "posinset()", "attr.aria-disabled": "disabled()", "attr.aria-selected": "selected()" } }, exportAs: ["latListBoxOption"], ngImport: i0, template: "<ng-content />\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
+    setsize = input(undefined, { ...(ngDevMode ? { debugName: "setsize" } : {}), transform: numberAttribute });
+    posinset = input(undefined, { ...(ngDevMode ? { debugName: "posinset" } : {}), transform: numberAttribute });
+    selected = input(undefined, { ...(ngDevMode ? { debugName: "selected" } : {}), transform: booleanAttribute });
+    disabled = input(undefined, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
+    checkbox = input(undefined, { ...(ngDevMode ? { debugName: "checkbox" } : {}), transform: booleanAttribute });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ListBoxOptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: ListBoxOptionComponent, isStandalone: true, selector: "lat-listbox-option, lat-option", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, setsize: { classPropertyName: "setsize", publicName: "setsize", isSignal: true, isRequired: false, transformFunction: null }, posinset: { classPropertyName: "posinset", publicName: "posinset", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, checkbox: { classPropertyName: "checkbox", publicName: "checkbox", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "option" }, properties: { "attr.aria-setsize": "setsize()", "attr.aria-posinset": "posinset()", "attr.aria-disabled": "disabled()", "attr.aria-selected": "selected()" } }, exportAs: ["latListBoxOption"], ngImport: i0, template: "<ng-content />\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ListBoxOptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ListBoxOptionComponent, decorators: [{
             type: Component,
             args: [{ exportAs: 'latListBoxOption', selector: 'lat-listbox-option, lat-option', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         role: 'option',
@@ -25,22 +31,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                         '[attr.aria-disabled]': 'disabled()',
                         '[attr.aria-selected]': 'selected()',
                     }, template: "<ng-content />\r\n" }]
-        }], ctorParameters: () => [] });
-
-class ListBoxComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ListBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: ListBoxComponent, isStandalone: true, selector: "lat-listbox", host: { attributes: { "role": "presentation" } }, exportAs: ["latListBox"], ngImport: i0, template: "<div role=\"listbox\">\r\n  <ng-content select=\"lat-listbox-option, lat-option\" />\r\n</div>\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: ListBoxComponent, decorators: [{
-            type: Component,
-            args: [{ exportAs: 'latListBox', selector: 'lat-listbox', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        role: 'presentation',
-                    }, template: "<div role=\"listbox\">\r\n  <ng-content select=\"lat-listbox-option, lat-option\" />\r\n</div>\r\n" }]
-        }] });
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], setsize: [{ type: i0.Input, args: [{ isSignal: true, alias: "setsize", required: false }] }], posinset: [{ type: i0.Input, args: [{ isSignal: true, alias: "posinset", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], checkbox: [{ type: i0.Input, args: [{ isSignal: true, alias: "checkbox", required: false }] }] } });
 
 const ListBoxModule = [
-    ListBoxOptionComponent,
-    ListBoxComponent
+    ListBoxComponent,
+    ListBoxOptionComponent
 ];
 
 /**
@@ -48,4 +43,4 @@ const ListBoxModule = [
  */
 
 export { ListBoxComponent, ListBoxModule, ListBoxOptionComponent };
-//# sourceMappingURL=latitude-ui-widgets-listbox.mjs.map
+//# sourceMappingURL=latitude-widgets-listbox.mjs.map

package/fesm2022/latitude-widgets-listbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"latitude-widgets-listbox.mjs","sources":["../../../../packages/widgets/listbox/src/listbox/listbox.component.ts","../../../../packages/widgets/listbox/src/listbox/listbox.component.html","../../../../packages/widgets/listbox/src/listbox-option/listbox-option.component.ts","../../../../packages/widgets/listbox/src/listbox-option/listbox-option.component.html","../../../../packages/widgets/listbox/src/listbox.module.ts","../../../../packages/widgets/listbox/latitude-widgets-listbox.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\r\n\r\n\r\n@Component({\r\n  exportAs: 'latListBox',\r\n  selector: 'lat-listbox',\r\n  templateUrl: './listbox.component.html',\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    role: 'presentation',\r\n  },\r\n})\r\nexport class ListBoxComponent {\r\n}\r\n","<div role=\"listbox\">\r\n  <ng-content select=\"lat-listbox-option, lat-option\" />\r\n</div>\r\n","import {\r\n  booleanAttribute,\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  input,\r\n  numberAttribute,\r\n  ViewEncapsulation,\r\n} from '@angular/core';\r\n\r\n@Component({\r\n  exportAs: 'latListBoxOption',\r\n  selector: 'lat-listbox-option, lat-option',\r\n  templateUrl: './listbox-option.component.html',\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    role: 'option',\r\n    '[attr.aria-setsize]': 'setsize()',\r\n    '[attr.aria-posinset]': 'posinset()',\r\n    '[attr.aria-disabled]': 'disabled()',\r\n    '[attr.aria-selected]': 'selected()',\r\n  },\r\n})\r\nexport class ListBoxOptionComponent<T> {\r\n  public readonly value = input.required<T>();\r\n\r\n  public readonly setsize = input<number, unknown>(undefined, { transform: numberAttribute });\r\n  public readonly posinset = input<number, unknown>(undefined, { transform: numberAttribute });\r\n  public readonly selected = input<boolean, unknown>(undefined, { transform: booleanAttribute });\r\n  public readonly disabled = input<boolean, unknown>(undefined, { transform: booleanAttribute });\r\n  public readonly checkbox = input<boolean, unknown>(undefined, { transform: booleanAttribute });\r\n}\r\n","<ng-content />\r\n","import { ListBoxComponent } from './listbox/listbox.component';\r\nimport { ListBoxOptionComponent } from './listbox-option/listbox-option.component';\r\n\r\n\r\nexport const ListBoxModule = [\r\n  ListBoxComponent,\r\n  ListBoxOptionComponent\r\n] as const\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAaa,gBAAgB,CAAA;uGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,mJCb7B,oGAGA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FDUa,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAV5B,SAAS;+BACE,YAAY,EAAA,QAAA,EACZ,aAAa,EAAA,aAAA,EAER,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,IAAI,EAAE,cAAc;AACrB,qBAAA,EAAA,QAAA,EAAA,oGAAA,EAAA;;;MEYU,sBAAsB,CAAA;AACjB,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,gDAAK;IAE3B,OAAO,GAAG,KAAK,CAAkB,SAAS,oDAAI,SAAS,EAAE,eAAe,EAAA,CAAG;IAC3E,QAAQ,GAAG,KAAK,CAAkB,SAAS,qDAAI,SAAS,EAAE,eAAe,EAAA,CAAG;IAC5E,QAAQ,GAAG,KAAK,CAAmB,SAAS,qDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;IAC9E,QAAQ,GAAG,KAAK,CAAmB,SAAS,qDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;IAC9E,QAAQ,GAAG,KAAK,CAAmB,SAAS,qDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;uGAPnF,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAtB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,ykCCvBnC,oBACA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FDsBa,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAdlC,SAAS;+BACE,kBAAkB,EAAA,QAAA,EAClB,gCAAgC,EAAA,aAAA,EAE3B,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,IAAI,EAAE,QAAQ;AACd,wBAAA,qBAAqB,EAAE,WAAW;AAClC,wBAAA,sBAAsB,EAAE,YAAY;AACpC,wBAAA,sBAAsB,EAAE,YAAY;AACpC,wBAAA,sBAAsB,EAAE,YAAY;AACrC,qBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA;;;AEjBI,MAAM,aAAa,GAAG;IAC3B,gBAAgB;IAChB;;;ACNF;;AAEG;;;;"}