@latitude-ui/widgets 0.0.33 → 0.0.34

package/fesm2022/latitude-ui-widgets-button.mjs

@@ -2,20 +2,27 @@ import * as i0 from '@angular/core';
 import { inject, ElementRef, input, booleanAttribute, numberAttribute, signal, afterRenderEffect, DestroyRef, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
 
 class ButtonComponent {
-    button = inject((ElementRef));
+    /** @internalApi */
+    el = inject((ElementRef));
+    /** @publicApi */
     role = input('button', ...(ngDevMode ? [{ debugName: "role" }] : []));
+    /** @publicApi */
     size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    /** @publicApi */
     variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    /** @publicApi */
     disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
+    /** @publicApi */
     tabindex = input(undefined, { ...(ngDevMode ? { debugName: "tabindex" } : {}), transform: numberAttribute });
+    /** @internalApi */
     icononly = signal(false, ...(ngDevMode ? [{ debugName: "icononly" }] : []));
-    constructor() {
-        this._setUpPolyfill();
-        this._setUpListener();
-    }
-    // Need to find icon without another DOM node (Polyfill pseudo :has)
+    /**
+     * Need to find icon without another DOM node (Polyfill pseudo :has)
+     *
+     * @internalApi
+     */
     _setUpPolyfill() {
-        const el = this.button.nativeElement;
+        const el = this.el.nativeElement;
         afterRenderEffect(() => {
             const childNodes = el.childNodes;
             if (childNodes.length === 1) {
@@ -29,9 +36,13 @@ class ButtonComponent {
             }
         });
     }
-    // https://github.com/angular/angular/issues/9587
+    /**
+     * https://github.com/angular/angular/issues/9587
+     *
+     * @internalApi
+     */
     _setUpListener() {
-        const el = this.button.nativeElement;
+        const el = this.el.nativeElement;
         const clickFn = (ev) => {
             if (this.disabled()) {
                 ev.stopImmediatePropagation();
@@ -53,25 +64,32 @@ class ButtonComponent {
             el.removeEventListener('keyup', keyupFn);
         });
     }
+    constructor() {
+        this._setUpPolyfill();
+        this._setUpListener();
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.3", type: ButtonComponent, isStandalone: true, selector: "lat-button", inputs: { role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "role()", "attr.size": "size()", "attr.variant": "variant()", "attr.icononly": "icononly()", "attr.tabindex": "disabled() ? -1 : tabindex()", "attr.disabled": "disabled() || undefined", "attr.aria-disabled": "disabled() || undefined" } }, exportAs: ["latButton"], ngImport: i0, template: "<ng-content />\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.3", type: ButtonComponent, isStandalone: true, selector: "lat-button", inputs: { role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "role()", "attr.tabindex": "disabled() ? -1 : tabindex()", "attr.aria-disabled": "disabled() || void 0", "attr.data-size": "size()", "attr.data-variant": "variant()", "attr.data-icononly": "icononly()" } }, exportAs: ["latButton"], ngImport: i0, template: "<ng-content />\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
             args: [{ exportAs: 'latButton', selector: 'lat-button', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[attr.role]': 'role()',
-                        '[attr.size]': 'size()',
-                        '[attr.variant]': 'variant()',
-                        '[attr.icononly]': 'icononly()',
                         '[attr.tabindex]': `disabled() ? -1 : tabindex()`,
-                        '[attr.disabled]': `disabled() || undefined`,
-                        '[attr.aria-disabled]': `disabled() || undefined`
+                        '[attr.aria-disabled]': `disabled() || void 0`,
+                        '[attr.data-size]': `size()`,
+                        '[attr.data-variant]': `variant()`,
+                        '[attr.data-icononly]': `icononly()`
                     }, template: "<ng-content />\r\n" }]
         }], ctorParameters: () => [], propDecorators: { role: [{ type: i0.Input, args: [{ isSignal: true, alias: "role", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], tabindex: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabindex", required: false }] }] } });
 
+const ButtonImports = [
+    ButtonComponent
+];
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ButtonComponent };
+export { ButtonComponent, ButtonImports };
 //# sourceMappingURL=latitude-ui-widgets-button.mjs.map

package/fesm2022/latitude-ui-widgets-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"latitude-ui-widgets-button.mjs","sources":["../../../../packages/widgets/button/lib/button.component.ts","../../../../packages/widgets/button/lib/button.component.html","../../../../packages/widgets/button/latitude-ui-widgets-button.ts"],"sourcesContent":["import {\r\n  afterRenderEffect,\r\n  booleanAttribute,\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  DestroyRef,\r\n  ElementRef,\r\n  inject,\r\n  input,\r\n  numberAttribute,\r\n  signal,\r\n  ViewEncapsulation\r\n} from '@angular/core';\r\n\r\nimport { ButtonSize, ButtonVariant } from './button.types';\r\n\r\n\r\n@Component({\r\n  exportAs: 'latButton',\r\n  selector: 'lat-button',\r\n  templateUrl: './button.component.html',\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    '[attr.role]': 'role()',\r\n    '[attr.size]': 'size()',\r\n    '[attr.variant]': 'variant()',\r\n    '[attr.icononly]': 'icononly()',\r\n    '[attr.tabindex]': `disabled() ? -1 : tabindex()`,\r\n    '[attr.disabled]': `disabled() || undefined`,\r\n    '[attr.aria-disabled]': `disabled() || undefined`\r\n  }\r\n})\r\nexport class ButtonComponent {\r\n  readonly button = inject(ElementRef<HTMLElement>);\r\n\r\n  readonly role = input<string>('button');\r\n  readonly size = input<ButtonSize>('md');\r\n  readonly variant = input<ButtonVariant>('default');\r\n  readonly disabled = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n  readonly tabindex = input<number, unknown>(undefined, { transform: numberAttribute });\r\n\r\n  readonly icononly = signal<boolean>(false);\r\n\r\n  constructor() {\r\n    this._setUpPolyfill();\r\n    this._setUpListener();\r\n  }\r\n\r\n  // Need to find icon without another DOM node (Polyfill pseudo :has)\r\n  _setUpPolyfill(): void {\r\n    const el = this.button.nativeElement;\r\n\r\n    afterRenderEffect(() => {\r\n      const childNodes = el.childNodes;\r\n\r\n      if (childNodes.length === 1) {\r\n        const node = childNodes.item(0);\r\n\r\n        this.icononly.update(() => {\r\n          if (node instanceof HTMLElement) {\r\n            return node.tagName === 'LAT-ICON' || node.tagName === 'SVG' || node.role === 'img';\r\n          }\r\n\r\n          return false;\r\n        });\r\n      }\r\n    });\r\n  }\r\n\r\n  // https://github.com/angular/angular/issues/9587\r\n  _setUpListener(): void {\r\n    const el = this.button.nativeElement;\r\n\r\n    const clickFn = (ev: MouseEvent) => {\r\n      if (this.disabled()) {\r\n        ev.stopImmediatePropagation();\r\n        ev.preventDefault();\r\n      }\r\n    };\r\n\r\n    const keyupFn = (ev: KeyboardEvent) => {\r\n      if (ev.code === 'Space' && !this.disabled()) {\r\n        const click = new MouseEvent('click', { ...ev });\r\n\r\n        el.dispatchEvent(click);\r\n\r\n        ev.stopImmediatePropagation();\r\n        ev.preventDefault();\r\n      }\r\n    };\r\n\r\n    el.addEventListener('click', clickFn);\r\n    el.addEventListener('keyup', keyupFn);\r\n\r\n    inject(DestroyRef).onDestroy(() => {\r\n      el.removeEventListener('click', clickFn);\r\n      el.removeEventListener('keyup', keyupFn);\r\n    });\r\n  }\r\n}\r\n","<ng-content />\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"latitude-ui-widgets-button.mjs","sources":["../../../../packages/widgets/button/lib/button.ts","../../../../packages/widgets/button/lib/button.html","../../../../packages/widgets/button/public-api.ts","../../../../packages/widgets/button/latitude-ui-widgets-button.ts"],"sourcesContent":["import {\r\n  afterRenderEffect,\r\n  booleanAttribute,\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  DestroyRef,\r\n  ElementRef,\r\n  inject,\r\n  input,\r\n  numberAttribute,\r\n  signal,\r\n  ViewEncapsulation\r\n} from '@angular/core';\r\n\r\nimport { BoxSize } from '@latitude-ui/widgets/core';\r\n\r\n\r\nexport type ButtonSize = BoxSize;\r\nexport type ButtonVariant = 'default' | 'action' | 'secondary' | 'text' | 'link' | 'inherit' | null | ({} & string);\r\n\r\n\r\n@Component({\r\n  exportAs: 'latButton',\r\n  selector: 'lat-button',\r\n  templateUrl: './button.html',\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    '[attr.role]': 'role()',\r\n    '[attr.tabindex]': `disabled() ? -1 : tabindex()`,\r\n    '[attr.aria-disabled]': `disabled() || void 0`,\r\n    '[attr.data-size]': `size()`,\r\n    '[attr.data-variant]': `variant()`,\r\n    '[attr.data-icononly]': `icononly()`\r\n  }\r\n})\r\nexport class ButtonComponent {\r\n\r\n  /** @internalApi */\r\n  readonly el = inject(ElementRef<HTMLElement>);\r\n\r\n  /** @publicApi */\r\n  readonly role = input<string>('button');\r\n\r\n  /** @publicApi */\r\n  readonly size = input<ButtonSize>('md');\r\n\r\n  /** @publicApi */\r\n  readonly variant = input<ButtonVariant>('default');\r\n\r\n  /** @publicApi */\r\n  readonly disabled = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n\r\n  /** @publicApi */\r\n  readonly tabindex = input<number, unknown>(undefined, { transform: numberAttribute });\r\n\r\n  /** @internalApi */\r\n  readonly icononly = signal<boolean>(false);\r\n\r\n  /**\r\n   * Need to find icon without another DOM node (Polyfill pseudo :has)\r\n   *\r\n   * @internalApi\r\n   */\r\n  _setUpPolyfill(): void {\r\n    const el = this.el.nativeElement;\r\n\r\n    afterRenderEffect(() => {\r\n      const childNodes = el.childNodes;\r\n\r\n      if (childNodes.length === 1) {\r\n        const node = childNodes.item(0);\r\n\r\n        this.icononly.update(() => {\r\n          if (node instanceof HTMLElement) {\r\n            return node.tagName === 'LAT-ICON' || node.tagName === 'SVG' || node.role === 'img';\r\n          }\r\n\r\n          return false;\r\n        });\r\n      }\r\n    });\r\n  }\r\n\r\n  /**\r\n   * https://github.com/angular/angular/issues/9587\r\n   *\r\n   * @internalApi\r\n   */\r\n  _setUpListener(): void {\r\n    const el = this.el.nativeElement;\r\n\r\n    const clickFn = (ev: MouseEvent) => {\r\n      if (this.disabled()) {\r\n        ev.stopImmediatePropagation();\r\n        ev.preventDefault();\r\n      }\r\n    };\r\n\r\n    const keyupFn = (ev: KeyboardEvent) => {\r\n      if (ev.code === 'Space' && !this.disabled()) {\r\n        const click = new MouseEvent('click', { ...ev });\r\n\r\n        el.dispatchEvent(click);\r\n\r\n        ev.stopImmediatePropagation();\r\n        ev.preventDefault();\r\n      }\r\n    };\r\n\r\n    el.addEventListener('click', clickFn);\r\n    el.addEventListener('keyup', keyupFn);\r\n\r\n    inject(DestroyRef).onDestroy(() => {\r\n      el.removeEventListener('click', clickFn);\r\n      el.removeEventListener('keyup', keyupFn);\r\n    });\r\n  }\r\n\r\n  constructor() {\r\n    this._setUpPolyfill();\r\n    this._setUpListener();\r\n  }\r\n}\r\n","<ng-content />\r\n","import { ButtonComponent } from './lib/button';\r\n\r\nexport * from './lib/button';\r\n\r\nexport const ButtonImports = [\r\n  ButtonComponent\r\n] as const;\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-checkbox.mjs

@@ -1,30 +1,32 @@
 import * as i0 from '@angular/core';
 import { forwardRef, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
-import { HTMLFormControl } from '@latitude-ui/widgets/core';
-import { IconComponent } from '@latitude-ui/widgets/icons';
+import { FormControlComponent } from '@latitude-ui/widgets/core';
+import * as i1 from '@latitude-ui/widgets/icons';
+import { IconImports } from '@latitude-ui/widgets/icons';
 
-class CheckBoxComponent extends HTMLFormControl {
+class CheckBoxComponent extends FormControlComponent {
+    /** @publicApi */
     toggle() {
         if (!this.disabled()) {
             const value = this.value() ?? false;
-            this.writeValue(!value);
+            this.updateValue(!value);
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CheckBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: CheckBoxComponent, isStandalone: true, selector: "lat-checkbox", host: { listeners: { "click": "toggle()" } }, providers: [
             {
-                provide: HTMLFormControl,
+                provide: FormControlComponent,
                 useExisting: forwardRef(() => CheckBoxComponent),
             },
-        ], exportAs: ["latCheckBox"], usesInheritance: true, ngImport: i0, template: "<button\r\n  type=\"button\"\r\n  role=\"checkbox\"\r\n  [attr.id]=\"computedId()\"\r\n  [attr.value]=\"value() ? 'on' : 'off'\"\r\n  [attr.tabindex]=\"disabled() ? -1 : tabindex()\"\r\n  [attr.disabled]=\"disabled() || undefined\"\r\n  [attr.aria-checked]=\"value() || false\"\r\n>\r\n  <lat-icon name=\"check\" />\r\n</button>\r\n<ng-content/>\r\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lat-icon", inputs: ["url", "name"], exportAs: ["latIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+        ], exportAs: ["latCheckBox"], usesInheritance: true, ngImport: i0, template: "<button\r\n  type=\"button\"\r\n  role=\"checkbox\"\r\n  [attr.id]=\"computedId()\"\r\n  [attr.value]=\"value() ? 'on' : 'off'\"\r\n  [attr.tabindex]=\"disabled() ? -1 : tabindex()\"\r\n  [attr.disabled]=\"disabled() || undefined\"\r\n  [attr.aria-checked]=\"value() || false\"\r\n>\r\n  <lat-icon name=\"check\" />\r\n</button>\r\n<ng-content/>\r\n", dependencies: [{ kind: "component", type: i1.IconComponent, selector: "lat-icon", inputs: ["role", "url", "name"], exportAs: ["latIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: CheckBoxComponent, decorators: [{
             type: Component,
-            args: [{ imports: [
-                        IconComponent
-                    ], exportAs: 'latCheckBox', selector: 'lat-checkbox', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ exportAs: 'latCheckBox', selector: 'lat-checkbox', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        IconImports
+                    ], providers: [
                         {
-                            provide: HTMLFormControl,
+                            provide: FormControlComponent,
                             useExisting: forwardRef(() => CheckBoxComponent),
                         },
                     ], host: {
@@ -32,9 +34,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
                     }, template: "<button\r\n  type=\"button\"\r\n  role=\"checkbox\"\r\n  [attr.id]=\"computedId()\"\r\n  [attr.value]=\"value() ? 'on' : 'off'\"\r\n  [attr.tabindex]=\"disabled() ? -1 : tabindex()\"\r\n  [attr.disabled]=\"disabled() || undefined\"\r\n  [attr.aria-checked]=\"value() || false\"\r\n>\r\n  <lat-icon name=\"check\" />\r\n</button>\r\n<ng-content/>\r\n" }]
         }] });
 
+const CheckBoxImports = [
+    CheckBoxComponent
+];
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { CheckBoxComponent };
+export { CheckBoxComponent, CheckBoxImports };
 //# sourceMappingURL=latitude-ui-widgets-checkbox.mjs.map

package/fesm2022/latitude-ui-widgets-checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"latitude-ui-widgets-checkbox.mjs","sources":["../../../../packages/widgets/checkbox/lib/checkbox.component.ts","../../../../packages/widgets/checkbox/lib/checkbox.component.html","../../../../packages/widgets/checkbox/latitude-ui-widgets-checkbox.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, ViewEncapsulation } from '@angular/core';\r\nimport { HTMLFormControl } from '@latitude-ui/widgets/core';\r\nimport { IconComponent } from '@latitude-ui/widgets/icons';\r\n\r\n@Component({\r\n  imports: [\r\n    IconComponent\r\n  ],\r\n  exportAs: 'latCheckBox',\r\n  selector: 'lat-checkbox',\r\n  templateUrl: './checkbox.component.html',\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [\r\n    {\r\n      provide: HTMLFormControl,\r\n      useExisting: forwardRef(() => CheckBoxComponent),\r\n    },\r\n  ],\r\n  host: {\r\n    '(click)': 'toggle()',\r\n  },\r\n})\r\nexport class CheckBoxComponent extends HTMLFormControl<boolean> {\r\n  toggle() {\r\n    if (!this.disabled()) {\r\n      const value = this.value() ?? false;\r\n\r\n      this.writeValue(!value);\r\n    }\r\n  }\r\n}\r\n","<button\r\n  type=\"button\"\r\n  role=\"checkbox\"\r\n  [attr.id]=\"computedId()\"\r\n  [attr.value]=\"value() ? 'on' : 'off'\"\r\n  [attr.tabindex]=\"disabled() ? -1 : tabindex()\"\r\n  [attr.disabled]=\"disabled() || undefined\"\r\n  [attr.aria-checked]=\"value() || false\"\r\n>\r\n  <lat-icon name=\"check\" />\r\n</button>\r\n<ng-content/>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAuBM,MAAO,iBAAkB,SAAQ,eAAwB,CAAA;IAC7D,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE;YACpB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,IAAI,KAAK;AAEnC,YAAA,IAAI,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC;QACzB;IACF;uGAPW,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,UAAA,EAAA,EAAA,EAAA,SAAA,EAVjB;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,eAAe;AACxB,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,iBAAiB,CAAC;AACjD,aAAA;SACF,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClBH,+VAYA,4CDNI,aAAa,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,KAAA,EAAA,MAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAiBJ,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAnB7B,SAAS;AACC,YAAA,IAAA,EAAA,CAAA,EAAA,OAAA,EAAA;wBACP;qBACD,EAAA,QAAA,EACS,aAAa,EAAA,QAAA,EACb,cAAc,EAAA,aAAA,EAET,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,SAAA,EACpC;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,eAAe;AACxB,4BAAA,WAAW,EAAE,UAAU,CAAC,uBAAuB,CAAC;AACjD,yBAAA;qBACF,EAAA,IAAA,EACK;AACJ,wBAAA,SAAS,EAAE,UAAU;AACtB,qBAAA,EAAA,QAAA,EAAA,+VAAA,EAAA;;;AErBH;;AAEG;;;;"}
+{"version":3,"file":"latitude-ui-widgets-checkbox.mjs","sources":["../../../../packages/widgets/checkbox/lib/checkbox.ts","../../../../packages/widgets/checkbox/lib/checkbox.html","../../../../packages/widgets/checkbox/public-api.ts","../../../../packages/widgets/checkbox/latitude-ui-widgets-checkbox.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, forwardRef, ViewEncapsulation } from '@angular/core';\r\nimport { FormControlComponent } from '@latitude-ui/widgets/core';\r\nimport { IconImports } from '@latitude-ui/widgets/icons';\r\n\r\n@Component({\r\n  exportAs: 'latCheckBox',\r\n  selector: 'lat-checkbox',\r\n  templateUrl: './checkbox.html',\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [\r\n    IconImports\r\n  ],\r\n  providers: [\r\n    {\r\n      provide: FormControlComponent,\r\n      useExisting: forwardRef(() => CheckBoxComponent),\r\n    },\r\n  ],\r\n  host: {\r\n    '(click)': 'toggle()',\r\n  },\r\n})\r\nexport class CheckBoxComponent extends FormControlComponent<boolean> {\r\n\r\n  /** @publicApi */\r\n  toggle() {\r\n    if (!this.disabled()) {\r\n      const value = this.value() ?? false;\r\n\r\n      this.updateValue(!value);\r\n    }\r\n  }\r\n}\r\n","<button\r\n  type=\"button\"\r\n  role=\"checkbox\"\r\n  [attr.id]=\"computedId()\"\r\n  [attr.value]=\"value() ? 'on' : 'off'\"\r\n  [attr.tabindex]=\"disabled() ? -1 : tabindex()\"\r\n  [attr.disabled]=\"disabled() || undefined\"\r\n  [attr.aria-checked]=\"value() || false\"\r\n>\r\n  <lat-icon name=\"check\" />\r\n</button>\r\n<ng-content/>\r\n","import { CheckBoxComponent } from './lib/checkbox';\r\n\r\nexport * from './lib/checkbox';\r\n\r\nexport const CheckBoxImports = [\r\n  CheckBoxComponent\r\n] as const;\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;AAuBM,MAAO,iBAAkB,SAAQ,oBAA6B,CAAA;;IAGlE,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE;YACpB,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,IAAI,KAAK;AAEnC,YAAA,IAAI,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC;QAC1B;IACF;uGATW,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,UAAA,EAAA,EAAA,EAAA,SAAA,EAVjB;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,oBAAoB;AAC7B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,iBAAiB,CAAC;AACjD,aAAA;AACF,SAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EClBH,+VAYA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,KAAA,EAAA,MAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FDWa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAnB7B,SAAS;+BACE,aAAa,EAAA,QAAA,EACb,cAAc,EAAA,aAAA,EAET,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC;wBACP;qBACD,EAAA,SAAA,EACU;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,oBAAoB;AAC7B,4BAAA,WAAW,EAAE,UAAU,CAAC,uBAAuB,CAAC;AACjD,yBAAA;qBACF,EAAA,IAAA,EACK;AACJ,wBAAA,SAAS,EAAE,UAAU;AACtB,qBAAA,EAAA,QAAA,EAAA,+VAAA,EAAA;;;AEjBI,MAAM,eAAe,GAAG;IAC7B;;;ACLF;;AAEG;;;;"}

package/fesm2022/latitude-ui-widgets-core.mjs

@@ -1,7 +1,6 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, input, numberAttribute, booleanAttribute, computed, linkedSignal, signal, Directive, contentChild } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import { Observable, from, of } from 'rxjs';
 
 const LAT_ASSETS_PATH = new InjectionToken(ngDevMode ? 'LAT_ASSETS_PATH' : '', {
     factory: () => {
@@ -19,9 +18,9 @@ function uid() {
 
 const ARIA_LABELLEDBY = new InjectionToken('ARIA_LABELLEDBY');
 const ARIA_ERRORMESSAGE = new InjectionToken('ARIA_ERRORMESSAGE');
-class HTMLFormControl {
+class FormControlComponent {
     dir = inject(NgControl, { self: true });
-    ownerCt = inject(HTMLFormControlContainer, { host: true, optional: true });
+    ownerCt = inject(FormControlContainer, { host: true, optional: true });
     labelledby = inject(ARIA_LABELLEDBY, { host: true, optional: true });
     errormessage = inject(ARIA_ERRORMESSAGE, { host: true, optional: true });
     id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
@@ -53,57 +52,63 @@ class HTMLFormControl {
     computedId = computed(() => this.ownerCt ? this.ownerCt.controlId() : this.id(), ...(ngDevMode ? [{ debugName: "computedId" }] : []));
     computedSize = computed(() => this.ownerCt ? this.ownerCt.size() : this.size(), ...(ngDevMode ? [{ debugName: "computedSize" }] : []));
     computedVariant = computed(() => this.ownerCt ? this.ownerCt.variant() : this.variant(), ...(ngDevMode ? [{ debugName: "computedVariant" }] : []));
-    /** @internal */
+    /** @internalApi */
     _value = signal(this.dir.value, ...(ngDevMode ? [{ debugName: "_value" }] : []));
-    /** @internal */
+    /** @internalApi */
     _control = signal(null, ...(ngDevMode ? [{ debugName: "_control" }] : []));
     constructor() {
         this.dir.valueAccessor = {
             writeValue: (value) => {
-                this._writeValue(value);
+                this.writeValue(value);
             },
             registerOnChange: (callback) => {
-                this._markAsChanged = () => callback(this._value());
+                this.markAsChangedFn = () => callback(this._value());
                 // FIXME: while FromControlNameDirective not register, underline control is undefined
                 Promise.resolve().then(() => {
                     this._control.update(() => this.dir.control);
                 });
             },
             registerOnTouched: (callback) => {
-                this._markAsTouched = () => callback();
+                this.markAsTouchedFn = () => callback();
             }
         };
     }
     /**
      * Sets the "value" property on the input element.
+     *
+     * @publicApi
      */
-    writeValue(value) {
-        if (this._writeValue(value)) {
-            this._markAsChanged();
+    updateValue(value) {
+        if (this.writeValue(value)) {
+            this.markAsChangedFn();
         }
     }
     /**
      * Marks the control as `dirty`.
+     *
+     * @publicApi
      */
     markAsChanged() {
-        this._markAsChanged();
+        this.markAsChangedFn();
     }
     /**
      * Marks the control as `touched`.
+     *
+     * @publicApi
      */
     markAsTouched() {
-        this._markAsTouched();
+        this.markAsTouchedFn();
     }
-    /** @internal */
+    /** @internalApi */
     valueEquality(value0, value1) {
         return Object.is(value0, value1);
     }
-    /** @internal */
+    /** @internalApi */
     valueStringify(value) {
         return value !== null && value !== undefined ? value.toString() : '';
     }
-    /** @internal */
-    _writeValue(input) {
+    /** @internalApi */
+    writeValue(input) {
         const value = this._value();
         if (this.valueEquality(value, input)) {
             return false;
@@ -111,35 +116,27 @@ class HTMLFormControl {
         this._value.set(input);
         return true;
     }
-    /** @internal */
-    _markAsTouched = noop;
-    /** @internal */
-    _markAsChanged = noop;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: HTMLFormControl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.3", type: HTMLFormControl, 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 }, variant: { classPropertyName: "variant", publicName: "variant", 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 }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.size": "computedSize() || void 0", "attr.variant": "computedVariant() || void 0", "attr.data-id": "computedId() || void 0", "attr.autofocus": "void 0", "attr.data-dirty": "dirty() || void 0", "attr.data-invalid": "invalid() || void 0", "attr.data-pristine": "pristine() || void 0", "attr.data-disabled": "disabled() || void 0", "attr.data-readonly": "readonly() || void 0", "attr.data-required": "required() || void 0" } }, ngImport: i0 });
+    /** @internalApi */
+    markAsTouchedFn = noop;
+    /** @internalApi */
+    markAsChangedFn = noop;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.3", type: FormControlComponent, 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 }, variant: { classPropertyName: "variant", publicName: "variant", 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 }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-size": "computedSize() || void 0", "attr.data-variant": "computedVariant() || void 0" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: HTMLFormControl, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormControlComponent, decorators: [{
             type: Directive,
             args: [{
                     host: {
-                        '[attr.size]': 'computedSize() || void 0',
-                        '[attr.variant]': 'computedVariant() || void 0',
-                        '[attr.data-id]': 'computedId() || void 0',
-                        '[attr.autofocus]': 'void 0',
-                        '[attr.data-dirty]': 'dirty() || void 0',
-                        '[attr.data-invalid]': 'invalid() || void 0',
-                        '[attr.data-pristine]': 'pristine() || void 0',
-                        '[attr.data-disabled]': 'disabled() || void 0',
-                        '[attr.data-readonly]': 'readonly() || void 0',
-                        '[attr.data-required]': 'required() || void 0'
+                        '[attr.data-size]': 'computedSize() || void 0',
+                        '[attr.data-variant]': 'computedVariant() || void 0',
                     }
                 }]
         }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", 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 }] }], autofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autofocus", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }] } });
-class HTMLFormControlContainer {
+class FormControlContainer {
     id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
     size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
     variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : []));
-    control = contentChild.required((HTMLFormControl));
+    control = contentChild.required((FormControlComponent));
     htmlId = computed(() => this.id() ?? uid(), ...(ngDevMode ? [{ debugName: "htmlId" }] : []));
     controlId = computed(() => `lat-control-${this.htmlId()}`, ...(ngDevMode ? [{ debugName: "controlId" }] : []));
     value = computed(() => this.control().value(), ...(ngDevMode ? [{ debugName: "value" }] : []));
@@ -155,39 +152,23 @@ class HTMLFormControlContainer {
     disabled = computed(() => this.control().disabled(), ...(ngDevMode ? [{ debugName: "disabled" }] : []));
     readonly = computed(() => this.control().readonly(), ...(ngDevMode ? [{ debugName: "readonly" }] : []));
     required = computed(() => this.control().required(), ...(ngDevMode ? [{ debugName: "required" }] : []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: HTMLFormControlContainer, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.1.3", type: HTMLFormControlContainer, 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 }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "htmlId()", "attr.size": "size()", "attr.variant": "variant()" } }, queries: [{ propertyName: "control", first: true, predicate: (HTMLFormControl), descendants: true, isSignal: true }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormControlContainer, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.1.3", type: FormControlContainer, 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 }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "htmlId()", "attr.data-size": "size() || void 0", "attr.data-variant": "variant() || void 0" } }, queries: [{ propertyName: "control", first: true, predicate: (FormControlComponent), descendants: true, isSignal: true }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: HTMLFormControlContainer, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: FormControlContainer, decorators: [{
             type: Directive,
             args: [{
                     host: {
                         '[attr.id]': 'htmlId()',
-                        '[attr.size]': 'size()',
-                        '[attr.variant]': 'variant()'
+                        '[attr.data-size]': 'size() || void 0',
+                        '[attr.data-variant]': 'variant() || void 0',
                     }
                 }]
-        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], control: [{ type: i0.ContentChild, args: [i0.forwardRef(() => HTMLFormControl), { isSignal: true }] }] } });
-
-function isPromise(input) {
-    return input instanceof Promise;
-}
-function isObservable(input) {
-    return input instanceof Observable;
-}
-function taskToObservable(task) {
-    if (isPromise(task)) {
-        return from(task);
-    }
-    if (isObservable(task)) {
-        return task;
-    }
-    return of(task);
-}
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], control: [{ type: i0.ContentChild, args: [i0.forwardRef(() => FormControlComponent), { isSignal: true }] }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ARIA_ERRORMESSAGE, ARIA_LABELLEDBY, HTMLFormControl, HTMLFormControlContainer, LAT_ASSETS_PATH, isObservable, isPromise, noop, taskToObservable, uid };
+export { ARIA_ERRORMESSAGE, ARIA_LABELLEDBY, FormControlComponent, FormControlContainer, LAT_ASSETS_PATH, noop, uid };
 //# sourceMappingURL=latitude-ui-widgets-core.mjs.map

package/fesm2022/latitude-ui-widgets-core.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"latitude-ui-widgets-core.mjs","sources":["../../../../packages/widgets/core/lib/assets.ts","../../../../packages/widgets/core/lib/noop.ts","../../../../packages/widgets/core/lib/uid.ts","../../../../packages/widgets/core/lib/forms.ts","../../../../packages/widgets/core/lib/task.ts","../../../../packages/widgets/core/latitude-ui-widgets-core.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\n\r\n\r\nexport const LAT_ASSETS_PATH = new InjectionToken(\r\n  ngDevMode ? 'LAT_ASSETS_PATH' : '',\r\n  {\r\n    factory: () => {\r\n      return 'assets/latlng';\r\n    }\r\n  }\r\n);\r\n","\r\n\r\nexport function noop() {\r\n  //\r\n}\r\n","export function uid(): string {\r\n  return `${Math.random().toString(36).slice(2, 11)}`;\r\n}\r\n","import {\r\n  afterRenderEffect,\r\n  booleanAttribute,\r\n  computed,\r\n  contentChild,\r\n  Directive,\r\n  inject,\r\n  InjectionToken,\r\n  input,\r\n  linkedSignal,\r\n  numberAttribute,\r\n  signal,\r\n  Signal\r\n} from '@angular/core';\r\nimport { AbstractControl, FormControlStatus, NgControl } from '@angular/forms';\r\n\r\nimport { BoxSize } from './appearance';\r\nimport { noop } from './noop';\r\nimport { uid } from './uid';\r\n\r\nexport type HTMLFormControlSize = BoxSize;\r\nexport type HTMLFormControlVariant = 'default' | 'inherit' | ({} & string);\r\n\r\nexport const ARIA_LABELLEDBY = new InjectionToken<Signal<string>>('ARIA_LABELLEDBY');\r\nexport const ARIA_ERRORMESSAGE = new InjectionToken<Signal<string>>('ARIA_ERRORMESSAGE');\r\n\r\n\r\n@Directive({\r\n  host: {\r\n    '[attr.size]': 'computedSize() || void 0',\r\n    '[attr.variant]': 'computedVariant() || void 0',\r\n    '[attr.data-id]': 'computedId() || void 0',\r\n    '[attr.autofocus]': 'void 0',\r\n    '[attr.data-dirty]': 'dirty() || void 0',\r\n    '[attr.data-invalid]': 'invalid() || void 0',\r\n    '[attr.data-pristine]': 'pristine() || void 0',\r\n    '[attr.data-disabled]': 'disabled() || void 0',\r\n    '[attr.data-readonly]': 'readonly() || void 0',\r\n    '[attr.data-required]': 'required() || void 0'\r\n  }\r\n})\r\nexport class HTMLFormControl<T> {\r\n  readonly dir = inject(NgControl, { self: true });\r\n  readonly ownerCt = inject(HTMLFormControlContainer, { host: true, optional: true });\r\n\r\n  readonly labelledby = inject(ARIA_LABELLEDBY, { host: true, optional: true });\r\n  readonly errormessage = inject(ARIA_ERRORMESSAGE, { host: true, optional: true });\r\n\r\n  readonly id = input<string>();\r\n  readonly size = input<HTMLFormControlSize>('md');\r\n  readonly variant = input<HTMLFormControlVariant>('default');\r\n  readonly tabindex = input<number, unknown>(0, { transform: numberAttribute });\r\n  readonly readonly = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n  readonly required = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n  readonly autofocus = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n  readonly placeholder = input<string>();\r\n\r\n  readonly value = computed(() => this._value());\r\n  readonly control = computed(() => this._control());\r\n\r\n  readonly valueAsString = linkedSignal({\r\n    source: () => this._value(),\r\n    computation: (value) => this.valueStringify(value)\r\n  });\r\n\r\n  readonly status = computed(() => this._control()?.['statusReactive']() as FormControlStatus);\r\n  readonly touched = computed(() => this._control()?.['touchedReactive']() as boolean);\r\n  readonly pristine = computed(() => this._control()?.['pristineReactive']() as boolean);\r\n\r\n  readonly valid = computed(() => this.status() === 'VALID');\r\n  readonly invalid = computed(() => this.status() === 'INVALID');\r\n  readonly pending = computed(() => this.status() === 'PENDING');\r\n  readonly disabled = computed(() => this.status() === 'DISABLED');\r\n\r\n  readonly dirty = computed(() => !this.pristine());\r\n  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  readonly computedId = computed(() => this.ownerCt ? this.ownerCt.controlId() : this.id());\r\n  readonly computedSize = computed(() => this.ownerCt ? this.ownerCt.size() : this.size());\r\n  readonly computedVariant = computed(() => this.ownerCt ? this.ownerCt.variant() : this.variant());\r\n\r\n  /** @internal */\r\n  readonly _value = signal<T | null>(this.dir.value);\r\n\r\n  /** @internal */\r\n  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        // FIXME: 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  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  markAsChanged(): void {\r\n    this._markAsChanged();\r\n  }\r\n\r\n  /**\r\n   * Marks the control as `touched`.\r\n   */\r\n  markAsTouched(): void {\r\n    this._markAsTouched();\r\n  }\r\n\r\n  /** @internal */\r\n  valueEquality(value0: T | null, value1: unknown): boolean {\r\n    return Object.is(value0, value1);\r\n  }\r\n\r\n  /** @internal */\r\n  valueStringify(value: unknown): string {\r\n    return value !== null && value !== undefined ? value.toString() : '';\r\n  }\r\n\r\n  /** @internal */\r\n  _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  _markAsTouched: VoidFunction = noop;\r\n\r\n  /** @internal */\r\n  _markAsChanged: VoidFunction = noop;\r\n}\r\n\r\n\r\n@Directive({\r\n  host: {\r\n    '[attr.id]': 'htmlId()',\r\n    '[attr.size]': 'size()',\r\n    '[attr.variant]': 'variant()'\r\n  }\r\n})\r\nexport class HTMLFormControlContainer<T> {\r\n  readonly id = input<string>();\r\n  readonly size = input<HTMLFormControlSize>('md');\r\n  readonly variant = input<HTMLFormControlVariant>('default');\r\n\r\n  readonly control = contentChild.required(HTMLFormControl<T>);\r\n\r\n  readonly htmlId = computed(() => this.id() ?? uid());\r\n  readonly controlId = computed(() => `lat-control-${this.htmlId()}`);\r\n\r\n  readonly value = computed(() => this.control().value());\r\n  readonly valueAsString = computed(() => this.control().valueAsString());\r\n\r\n  readonly status = computed(() => this.control().status());\r\n  readonly touched = computed(() => this.control().touched());\r\n\r\n  readonly dirty = computed(() => this.control().dirty());\r\n  readonly valid = computed(() => this.control().valid());\r\n  readonly errors = computed(() => this.control().errors());\r\n  readonly invalid = computed(() => this.control().invalid());\r\n  readonly pending = computed(() => this.control().pending());\r\n  readonly pristine = computed(() => this.control().pristine());\r\n  readonly disabled = computed(() => this.control().disabled());\r\n  readonly readonly = computed(() => this.control().readonly());\r\n  readonly required = computed(() => this.control().required());\r\n}\r\n","import { Observable, from, of } from 'rxjs';\r\n\r\n\r\nexport type Task<T = unknown> = T | Promise<T> | Observable<T>;\r\n\r\nexport function isPromise<T = unknown>(input: unknown): input is Promise<T> {\r\n  return input instanceof Promise;\r\n}\r\n\r\nexport function isObservable<T = unknown>(input: any): input is Observable<T> {\r\n  return input instanceof Observable;\r\n}\r\n\r\n\r\nexport function taskToObservable<T>(task: Task<T>): Observable<T> {\r\n  if(isPromise(task)) {\r\n    return from(task);\r\n  }\r\n\r\n  if(isObservable(task)) {\r\n    return task;\r\n  }\r\n\r\n  return of(task);\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"latitude-ui-widgets-core.mjs","sources":["../../../../packages/widgets/core/lib/assets.ts","../../../../packages/widgets/core/lib/noop.ts","../../../../packages/widgets/core/lib/uid.ts","../../../../packages/widgets/core/lib/forms.ts","../../../../packages/widgets/core/latitude-ui-widgets-core.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\n\r\n\r\nexport const LAT_ASSETS_PATH = new InjectionToken(\r\n  ngDevMode ? 'LAT_ASSETS_PATH' : '',\r\n  {\r\n    factory: () => {\r\n      return 'assets/latlng';\r\n    }\r\n  }\r\n);\r\n","\r\n\r\nexport function noop() {\r\n  //\r\n}\r\n","export function uid(): string {\r\n  return `${Math.random().toString(36).slice(2, 11)}`;\r\n}\r\n","import {\r\n  booleanAttribute,\r\n  computed,\r\n  contentChild,\r\n  Directive,\r\n  inject,\r\n  InjectionToken,\r\n  input,\r\n  linkedSignal,\r\n  numberAttribute,\r\n  signal,\r\n  Signal\r\n} from '@angular/core';\r\nimport { AbstractControl, FormControlStatus, NgControl } from '@angular/forms';\r\n\r\nimport { BoxSize } from './appearance';\r\nimport { noop } from './noop';\r\nimport { uid } from './uid';\r\n\r\nexport type FormControlSize = BoxSize;\r\nexport type FormControlVariant = 'default' | 'inherit' | ({} & string);\r\n\r\nexport const ARIA_LABELLEDBY = new InjectionToken<Signal<string>>('ARIA_LABELLEDBY');\r\nexport const ARIA_ERRORMESSAGE = new InjectionToken<Signal<string>>('ARIA_ERRORMESSAGE');\r\n\r\n\r\n@Directive({\r\n  host: {\r\n    '[attr.data-size]': 'computedSize() || void 0',\r\n    '[attr.data-variant]': 'computedVariant() || void 0',\r\n  }\r\n})\r\nexport class FormControlComponent<T> {\r\n  readonly dir = inject(NgControl, { self: true });\r\n  readonly ownerCt = inject(FormControlContainer, { host: true, optional: true });\r\n\r\n  readonly labelledby = inject(ARIA_LABELLEDBY, { host: true, optional: true });\r\n  readonly errormessage = inject(ARIA_ERRORMESSAGE, { host: true, optional: true });\r\n\r\n  readonly id = input<string>();\r\n  readonly size = input<FormControlSize>('md');\r\n  readonly variant = input<FormControlVariant>('default');\r\n  readonly tabindex = input<number, unknown>(0, { transform: numberAttribute });\r\n  readonly readonly = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n  readonly required = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n  readonly autofocus = input<boolean, unknown>(false, { transform: booleanAttribute });\r\n  readonly placeholder = input<string>();\r\n\r\n  readonly value = computed(() => this._value());\r\n  readonly control = computed(() => this._control());\r\n\r\n  readonly valueAsString = linkedSignal({\r\n    source: () => this._value(),\r\n    computation: (value) => this.valueStringify(value)\r\n  });\r\n\r\n  readonly status = computed(() => this._control()?.['statusReactive']() as FormControlStatus);\r\n  readonly touched = computed(() => this._control()?.['touchedReactive']() as boolean);\r\n  readonly pristine = computed(() => this._control()?.['pristineReactive']() as boolean);\r\n\r\n  readonly valid = computed(() => this.status() === 'VALID');\r\n  readonly invalid = computed(() => this.status() === 'INVALID');\r\n  readonly pending = computed(() => this.status() === 'PENDING');\r\n  readonly disabled = computed(() => this.status() === 'DISABLED');\r\n\r\n  readonly dirty = computed(() => !this.pristine());\r\n  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  readonly computedId = computed(() => this.ownerCt ? this.ownerCt.controlId() : this.id());\r\n  readonly computedSize = computed(() => this.ownerCt ? this.ownerCt.size() : this.size());\r\n  readonly computedVariant = computed(() => this.ownerCt ? this.ownerCt.variant() : this.variant());\r\n\r\n  /** @internalApi */\r\n  readonly _value = signal<T | null>(this.dir.value);\r\n\r\n  /** @internalApi */\r\n  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.markAsChangedFn = () => callback(this._value());\r\n\r\n        // FIXME: 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.markAsTouchedFn = () => 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   * @publicApi\r\n   */\r\n  updateValue(value: T | null): void {\r\n    if (this.writeValue(value)) {\r\n      this.markAsChangedFn();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Marks the control as `dirty`.\r\n   *\r\n   * @publicApi\r\n   */\r\n  markAsChanged(): void {\r\n    this.markAsChangedFn();\r\n  }\r\n\r\n  /**\r\n   * Marks the control as `touched`.\r\n   *\r\n   * @publicApi\r\n   */\r\n  markAsTouched(): void {\r\n    this.markAsTouchedFn();\r\n  }\r\n\r\n  /** @internalApi */\r\n  valueEquality(value0: T | null, value1: unknown): boolean {\r\n    return Object.is(value0, value1);\r\n  }\r\n\r\n  /** @internalApi */\r\n  valueStringify(value: unknown): string {\r\n    return value !== null && value !== undefined ? value.toString() : '';\r\n  }\r\n\r\n  /** @internalApi */\r\n  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  /** @internalApi */\r\n  markAsTouchedFn: VoidFunction = noop;\r\n\r\n  /** @internalApi */\r\n  markAsChangedFn: VoidFunction = noop;\r\n}\r\n\r\n\r\n@Directive({\r\n  host: {\r\n    '[attr.id]': 'htmlId()',\r\n    '[attr.data-size]': 'size() || void 0',\r\n    '[attr.data-variant]': 'variant() || void 0',\r\n  }\r\n})\r\nexport class FormControlContainer<T> {\r\n  readonly id = input<string>();\r\n  readonly size = input<FormControlSize>('md');\r\n  readonly variant = input<FormControlVariant>('default');\r\n\r\n  readonly control = contentChild.required(FormControlComponent<T>);\r\n\r\n  readonly htmlId = computed(() => this.id() ?? uid());\r\n  readonly controlId = computed(() => `lat-control-${this.htmlId()}`);\r\n\r\n  readonly value = computed(() => this.control().value());\r\n  readonly valueAsString = computed(() => this.control().valueAsString());\r\n\r\n  readonly status = computed(() => this.control().status());\r\n  readonly touched = computed(() => this.control().touched());\r\n\r\n  readonly dirty = computed(() => this.control().dirty());\r\n  readonly valid = computed(() => this.control().valid());\r\n  readonly errors = computed(() => this.control().errors());\r\n  readonly invalid = computed(() => this.control().invalid());\r\n  readonly pending = computed(() => this.control().pending());\r\n  readonly pristine = computed(() => this.control().pristine());\r\n  readonly disabled = computed(() => this.control().disabled());\r\n  readonly readonly = computed(() => this.control().readonly());\r\n  readonly required = computed(() => this.control().required());\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAGO,MAAM,eAAe,GAAG,IAAI,cAAc,CAC/C,SAAS,GAAG,iBAAiB,GAAG,EAAE,EAClC;IACE,OAAO,EAAE,MAAK;AACZ,QAAA,OAAO,eAAe;IACxB;AACD,CAAA;;SCPa,IAAI,GAAA;;AAEpB;;SCJgB,GAAG,GAAA;AACjB,IAAA,OAAO,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE;AACrD;;MCoBa,eAAe,GAAG,IAAI,cAAc,CAAiB,iBAAiB;MACtE,iBAAiB,GAAG,IAAI,cAAc,CAAiB,mBAAmB;MAS1E,oBAAoB,CAAA;IACtB,GAAG,GAAG,MAAM,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AACvC,IAAA,OAAO,GAAG,MAAM,CAAC,oBAAoB,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAEtE,IAAA,UAAU,GAAG,MAAM,CAAC,eAAe,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACpE,IAAA,YAAY,GAAG,MAAM,CAAC,iBAAiB,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAExE,EAAE,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,IAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AACpB,IAAA,IAAI,GAAG,KAAK,CAAkB,IAAI,gDAAC;AACnC,IAAA,OAAO,GAAG,KAAK,CAAqB,SAAS,mDAAC;IAC9C,QAAQ,GAAG,KAAK,CAAkB,CAAC,qDAAI,SAAS,EAAE,eAAe,EAAA,CAAG;IACpE,QAAQ,GAAG,KAAK,CAAmB,KAAK,qDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;IAC1E,QAAQ,GAAG,KAAK,CAAmB,KAAK,qDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;IAC1E,SAAS,GAAG,KAAK,CAAmB,KAAK,sDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;IAC3E,WAAW,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,aAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IAE7B,KAAK,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;IACrC,OAAO,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;IAEzC,aAAa,GAAG,YAAY,CAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,eAAA,EAAA,GAAA,EAAA,CAAA,EACnC,MAAM,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE;AAC3B,QAAA,WAAW,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,GAClD;AAEO,IAAA,MAAM,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,GAAG,gBAAgB,CAAC,EAAuB,kDAAC;AACnF,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,GAAG,iBAAiB,CAAC,EAAa,mDAAC;AAC3E,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,GAAG,kBAAkB,CAAC,EAAa,oDAAC;AAE7E,IAAA,KAAK,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,KAAK,OAAO,iDAAC;AACjD,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,KAAK,SAAS,mDAAC;AACrD,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,KAAK,SAAS,mDAAC;AACrD,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,MAAM,EAAE,KAAK,UAAU,oDAAC;AAEvD,IAAA,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;AACxC,IAAA,MAAM,GAAG,QAAQ,CAAC,MAAK;QAC9B,IAAI,CAAC,KAAK,EAAE;QACZ,IAAI,CAAC,MAAM,EAAE;AAEb,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;QAE9B,OAAO,OAAO,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI;AACxC,IAAA,CAAC,kDAAC;IAEO,UAAU,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC,EAAE,EAAE,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;IAChF,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,IAAI,EAAE,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;IAC/E,eAAe,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;;IAGxF,MAAM,GAAG,MAAM,CAAW,IAAI,CAAC,GAAG,CAAC,KAAK,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,QAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAC;;AAGzC,IAAA,QAAQ,GAAG,MAAM,CAAyB,IAAI,oDAAC;AAExD,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,CAAC,GAAG,CAAC,aAAa,GAAG;AACvB,YAAA,UAAU,EAAE,CAAC,KAAe,KAAI;AAC9B,gBAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;YACxB,CAAC;AACD,YAAA,gBAAgB,EAAE,CAAC,QAAmC,KAAI;AACxD,gBAAA,IAAI,CAAC,eAAe,GAAG,MAAM,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;;AAGpD,gBAAA,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,MAAK;AAC1B,oBAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC;AAC9C,gBAAA,CAAC,CAAC;YACJ,CAAC;AACD,YAAA,iBAAiB,EAAE,CAAC,QAAoB,KAAI;gBAC1C,IAAI,CAAC,eAAe,GAAG,MAAM,QAAQ,EAAE;YACzC;SACD;IACH;AAEA;;;;AAIG;AACH,IAAA,WAAW,CAAC,KAAe,EAAA;AACzB,QAAA,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE;YAC1B,IAAI,CAAC,eAAe,EAAE;QACxB;IACF;AAEA;;;;AAIG;IACH,aAAa,GAAA;QACX,IAAI,CAAC,eAAe,EAAE;IACxB;AAEA;;;;AAIG;IACH,aAAa,GAAA;QACX,IAAI,CAAC,eAAe,EAAE;IACxB;;IAGA,aAAa,CAAC,MAAgB,EAAE,MAAe,EAAA;QAC7C,OAAO,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;IAClC;;AAGA,IAAA,cAAc,CAAC,KAAc,EAAA;AAC3B,QAAA,OAAO,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,GAAG,KAAK,CAAC,QAAQ,EAAE,GAAG,EAAE;IACtE;;AAGA,IAAA,UAAU,CAAC,KAAe,EAAA;AACxB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE;QAE3B,IAAI,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE;AACpC,YAAA,OAAO,KAAK;QACd;AAEA,QAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC;AAEtB,QAAA,OAAO,IAAI;IACb;;IAGA,eAAe,GAAiB,IAAI;;IAGpC,eAAe,GAAiB,IAAI;uGAhIzB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,0BAAA,EAAA,mBAAA,EAAA,6BAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,IAAI,EAAE;AACJ,wBAAA,kBAAkB,EAAE,0BAA0B;AAC9C,wBAAA,qBAAqB,EAAE,6BAA6B;AACrD;AACF,iBAAA;;MA4IY,oBAAoB,CAAA;IACtB,EAAE,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,IAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AACpB,IAAA,IAAI,GAAG,KAAK,CAAkB,IAAI,gDAAC;AACnC,IAAA,OAAO,GAAG,KAAK,CAAqB,SAAS,mDAAC;IAE9C,OAAO,GAAG,YAAY,CAAC,QAAQ,EAAC,oBAAuB,EAAC;AAExD,IAAA,MAAM,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,EAAE,EAAE,IAAI,GAAG,EAAE,kDAAC;AAC3C,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAA,YAAA,EAAe,IAAI,CAAC,MAAM,EAAE,CAAA,CAAE,qDAAC;AAE1D,IAAA,KAAK,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,iDAAC;AAC9C,IAAA,aAAa,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,aAAa,EAAE,yDAAC;AAE9D,IAAA,MAAM,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,MAAM,EAAE,kDAAC;AAChD,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,mDAAC;AAElD,IAAA,KAAK,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,iDAAC;AAC9C,IAAA,KAAK,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,iDAAC;AAC9C,IAAA,MAAM,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,MAAM,EAAE,kDAAC;AAChD,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,mDAAC;AAClD,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,mDAAC;AAClD,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,oDAAC;AACpD,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,oDAAC;AACpD,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,oDAAC;AACpD,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,oDAAC;uGAxBlD,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,GAKU,oBAAuB,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FALrD,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,IAAI,EAAE;AACJ,wBAAA,WAAW,EAAE,UAAU;AACvB,wBAAA,kBAAkB,EAAE,kBAAkB;AACtC,wBAAA,qBAAqB,EAAE,qBAAqB;AAC7C;AACF,iBAAA;sWAM0C,oBAAuB,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AChLlE;;AAEG;;;;"}

package/fesm2022/latitude-ui-widgets-icons.mjs

@@ -2,6 +2,7 @@ import * as i0 from '@angular/core';
 import { InjectionToken, inject, input, computed, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
 import { LAT_ASSETS_PATH } from '@latitude-ui/widgets/core';
 
+/** @publicApi */
 const LAT_ICON_RESOLVER = new InjectionToken(ngDevMode ? 'LAT_ICON_RESOLVER' : '', {
     factory: () => {
         const assets = inject(LAT_ASSETS_PATH);
@@ -10,9 +11,15 @@ const LAT_ICON_RESOLVER = new InjectionToken(ngDevMode ? 'LAT_ICON_RESOLVER' : '
 });
 
 class IconComponent {
+    /** @internalApi */
     iconFn = inject(LAT_ICON_RESOLVER);
+    /** @publicApi */
+    role = input('img', ...(ngDevMode ? [{ debugName: "role" }] : []));
+    /** @publicApi */
     url = input(...(ngDevMode ? [undefined, { debugName: "url" }] : []));
+    /** @publicApi */
     name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
+    /** @internalApi */
     iconmask = computed(() => {
         const url = this.url();
         if (url) {
@@ -22,19 +29,24 @@ class IconComponent {
         return name ? `url(${this.iconFn(name)})` : '';
     }, ...(ngDevMode ? [{ debugName: "iconmask" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.3", type: IconComponent, isStandalone: true, selector: "lat-icon", inputs: { url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "img" }, properties: { "style.--lat-iconmask": "iconmask()" } }, exportAs: ["latIcon"], ngImport: i0, template: "", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.3", type: IconComponent, isStandalone: true, selector: "lat-icon", inputs: { role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, url: { classPropertyName: "url", publicName: "url", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "role()", "attr.aria-hidden": "true", "style.--lat-iconmask": "iconmask()" } }, exportAs: ["latIcon"], ngImport: i0, template: "", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: IconComponent, decorators: [{
             type: Component,
             args: [{ exportAs: 'latIcon', selector: 'lat-icon', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        role: 'img',
+                        '[attr.role]': 'role()',
+                        '[attr.aria-hidden]': 'true',
                         '[style.--lat-iconmask]': 'iconmask()'
                     }, template: "" }]
-        }], propDecorators: { url: [{ type: i0.Input, args: [{ isSignal: true, alias: "url", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }] } });
+        }], propDecorators: { role: [{ type: i0.Input, args: [{ isSignal: true, alias: "role", required: false }] }], url: [{ type: i0.Input, args: [{ isSignal: true, alias: "url", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }] } });
+
+const IconImports = [
+    IconComponent
+];
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { IconComponent, LAT_ICON_RESOLVER };
+export { IconComponent, IconImports, LAT_ICON_RESOLVER };
 //# sourceMappingURL=latitude-ui-widgets-icons.mjs.map

package/fesm2022/latitude-ui-widgets-icons.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"latitude-ui-widgets-icons.mjs","sources":["../../../../packages/widgets/icons/lib/icon.resolver.ts","../../../../packages/widgets/icons/lib/icon.component.ts","../../../../packages/widgets/icons/lib/icon.component.html","../../../../packages/widgets/icons/latitude-ui-widgets-icons.ts"],"sourcesContent":["import { inject, InjectionToken } from '@angular/core';\r\n\r\nimport { LAT_ASSETS_PATH } from '@latitude-ui/widgets/core';\r\n\r\nexport const LAT_ICON_RESOLVER = new InjectionToken(\r\n  ngDevMode ? 'LAT_ICON_RESOLVER' : '',\r\n  {\r\n    factory: () => {\r\n      const assets = inject(LAT_ASSETS_PATH);\r\n\r\n      return (name: string) => `${assets}/icons/${name}.svg`;\r\n    },\r\n  },\r\n);\r\n","import { ChangeDetectionStrategy, Component, computed, inject, input, ViewEncapsulation } from '@angular/core';\r\nimport { LAT_ICON_RESOLVER } from './icon.resolver';\r\n\r\n\r\n@Component({\r\n  exportAs: 'latIcon',\r\n  selector: 'lat-icon',\r\n  templateUrl: './icon.component.html',\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    role: 'img',\r\n    '[style.--lat-iconmask]': 'iconmask()'\r\n  }\r\n})\r\nexport class IconComponent {\r\n  readonly iconFn = inject(LAT_ICON_RESOLVER);\r\n\r\n  readonly url = input<string>();\r\n  readonly name = input<string>();\r\n\r\n  readonly iconmask = computed(() => {\r\n    const url = this.url();\r\n\r\n    if (url) {\r\n      return `url(${url})`;\r\n    }\r\n\r\n    const name = this.name();\r\n\r\n    return name ? `url(${this.iconFn(name)})` : '';\r\n  });\r\n}\r\n","","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAIO,MAAM,iBAAiB,GAAG,IAAI,cAAc,CACjD,SAAS,GAAG,mBAAmB,GAAG,EAAE,EACpC;IACE,OAAO,EAAE,MAAK;AACZ,QAAA,MAAM,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC;QAEtC,OAAO,CAAC,IAAY,KAAK,GAAG,MAAM,CAAA,OAAA,EAAU,IAAI,CAAA,IAAA,CAAM;IACxD,CAAC;AACF,CAAA;;MCGU,aAAa,CAAA;AACf,IAAA,MAAM,GAAG,MAAM,CAAC,iBAAiB,CAAC;IAElC,GAAG,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,KAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;IACrB,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAEtB,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAK;AAChC,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;QAEtB,IAAI,GAAG,EAAE;YACP,OAAO,CAAA,IAAA,EAAO,GAAG,CAAA,CAAA,CAAG;QACtB;AAEA,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE;AAExB,QAAA,OAAO,IAAI,GAAG,CAAA,IAAA,EAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA,CAAA,CAAG,GAAG,EAAE;AAChD,IAAA,CAAC,oDAAC;uGAhBS,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,6aCf1B,EAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FDea,aAAa,EAAA,UAAA,EAAA,CAAA;kBAXzB,SAAS;+BACE,SAAS,EAAA,QAAA,EACT,UAAU,EAAA,aAAA,EAEL,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,IAAI,EAAE,KAAK;AACX,wBAAA,wBAAwB,EAAE;AAC3B,qBAAA,EAAA,QAAA,EAAA,EAAA,EAAA;;;AEbH;;AAEG;;;;"}
+{"version":3,"file":"latitude-ui-widgets-icons.mjs","sources":["../../../../packages/widgets/icons/lib/icon-tokens.ts","../../../../packages/widgets/icons/lib/icon.ts","../../../../packages/widgets/icons/lib/icon.html","../../../../packages/widgets/icons/public-api.ts","../../../../packages/widgets/icons/latitude-ui-widgets-icons.ts"],"sourcesContent":["import { inject, InjectionToken } from '@angular/core';\r\n\r\nimport { LAT_ASSETS_PATH } from '@latitude-ui/widgets/core';\r\n\r\n\r\n/** @publicApi */\r\nexport const LAT_ICON_RESOLVER = new InjectionToken(\r\n  ngDevMode ? 'LAT_ICON_RESOLVER' : '',\r\n  {\r\n    factory: () => {\r\n      const assets = inject(LAT_ASSETS_PATH);\r\n\r\n      return (name: string) => `${assets}/icons/${name}.svg`;\r\n    },\r\n  },\r\n);\r\n","import { ChangeDetectionStrategy, Component, computed, inject, input, ViewEncapsulation } from '@angular/core';\r\nimport { LAT_ICON_RESOLVER } from './icon-tokens';\r\n\r\n\r\n@Component({\r\n  exportAs: 'latIcon',\r\n  selector: 'lat-icon',\r\n  templateUrl: './icon.html',\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    '[attr.role]': 'role()',\r\n    '[attr.aria-hidden]': 'true',\r\n    '[style.--lat-iconmask]': 'iconmask()'\r\n  }\r\n})\r\nexport class IconComponent {\r\n\r\n  /** @internalApi */\r\n  readonly iconFn = inject(LAT_ICON_RESOLVER);\r\n\r\n  /** @publicApi */\r\n  readonly role = input<string>('img');\r\n\r\n  /** @publicApi */\r\n  readonly url = input<string>();\r\n\r\n  /** @publicApi */\r\n  readonly name = input<string>();\r\n\r\n  /** @internalApi */\r\n  readonly iconmask = computed(() => {\r\n    const url = this.url();\r\n\r\n    if (url) {\r\n      return `url(${url})`;\r\n    }\r\n\r\n    const name = this.name();\r\n\r\n    return name ? `url(${this.iconFn(name)})` : '';\r\n  });\r\n}\r\n","","import { IconComponent } from './lib/icon';\r\n\r\nexport * from './lib/icon';\r\nexport * from './lib/icon-tokens';\r\n\r\nexport const IconImports = [\r\n  IconComponent\r\n] as const;\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAKA;AACO,MAAM,iBAAiB,GAAG,IAAI,cAAc,CACjD,SAAS,GAAG,mBAAmB,GAAG,EAAE,EACpC;IACE,OAAO,EAAE,MAAK;AACZ,QAAA,MAAM,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC;QAEtC,OAAO,CAAC,IAAY,KAAK,GAAG,MAAM,CAAA,OAAA,EAAU,IAAI,CAAA,IAAA,CAAM;IACxD,CAAC;AACF,CAAA;;MCEU,aAAa,CAAA;;AAGf,IAAA,MAAM,GAAG,MAAM,CAAC,iBAAiB,CAAC;;AAGlC,IAAA,IAAI,GAAG,KAAK,CAAS,KAAK,gDAAC;;IAG3B,GAAG,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,KAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;;IAGrB,IAAI,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;;AAGtB,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAK;AAChC,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;QAEtB,IAAI,GAAG,EAAE;YACP,OAAO,CAAA,IAAA,EAAO,GAAG,CAAA,CAAA,CAAG;QACtB;AAEA,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE;AAExB,QAAA,OAAO,IAAI,GAAG,CAAA,IAAA,EAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA,CAAA,CAAG,GAAG,EAAE;AAChD,IAAA,CAAC,oDAAC;uGAzBS,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,sjBChB1B,EAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FDgBa,aAAa,EAAA,UAAA,EAAA,CAAA;kBAZzB,SAAS;+BACE,SAAS,EAAA,QAAA,EACT,UAAU,EAAA,aAAA,EAEL,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,aAAa,EAAE,QAAQ;AACvB,wBAAA,oBAAoB,EAAE,MAAM;AAC5B,wBAAA,wBAAwB,EAAE;AAC3B,qBAAA,EAAA,QAAA,EAAA,EAAA,EAAA;;;AETI,MAAM,WAAW,GAAG;IACzB;;;ACNF;;AAEG;;;;"}

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

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
 import { computed, inject, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
-import { HTMLFormControlContainer, ARIA_LABELLEDBY, ARIA_ERRORMESSAGE } from '@latitude-ui/widgets/core';
+import { FormControlContainer, ARIA_LABELLEDBY, ARIA_ERRORMESSAGE } from '@latitude-ui/widgets/core';
 
-class InputComponent extends HTMLFormControlContainer {
+class InputComponent extends FormControlContainer {
     labelId = computed(() => `lat-label-${this.htmlId()}`, ...(ngDevMode ? [{ debugName: "labelId" }] : []));
     outputId = computed(() => `lat-output-${this.htmlId()}`, ...(ngDevMode ? [{ debugName: "outputId" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
@@ -63,9 +63,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
                     }, template: "<output [attr.id]=\"id()\" [attr.for]=\"htmlFor()\">\r\n  <ng-content></ng-content>\r\n</output>\r\n" }]
         }] });
 
+const InputImports = [
+    InputComponent,
+    LabelComponent,
+    OutputComponent
+];
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { InputComponent, LabelComponent, OutputComponent };
+export { InputComponent, InputImports, LabelComponent, OutputComponent };
 //# sourceMappingURL=latitude-ui-widgets-input.mjs.map