@latitude-ui/widgets 0.0.23 → 0.0.24

package/README.md

@@ -1,7 +1,7 @@
-# @latitude/widgets
-
-This library was generated with [Nx](https://nx.dev).
-
-## Running unit tests
-
-Run `nx test @latitude/widgets` to execute the unit tests.
+# @latitude-ui/widgets
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test @latitude-ui/widgets` to execute the unit tests.

package/button/README.md

@@ -1,3 +1,3 @@
-# @latitude/widgets
-
-Secondary entry point of `@latitude/widgets`. It can be used by importing from `@latitude/widgets/button`.
+# @latitude-ui/widgets/button
+
+Secondary entry point of `@latitude-ui/widgets`. It can be used by importing from `@latitude-ui/widgets/button`.

package/checkbox/README.md

@@ -1,3 +1,3 @@
-# @latitude/widgets
-
-Secondary entry point of `@latitude/widgets`. It can be used by importing from `@latitude/widgets/textbox[]()`.
+# @latitude-ui/widgets/checkbox
+
+Secondary entry point of `@latitude-ui/widgets`. It can be used by importing from `@latitude-ui/widgets/checkbox`.

package/core/README.md

@@ -0,0 +1,3 @@
+# @latitude-ui/widgets/core
+
+Secondary entry point of `@latitude-ui/widgets`. It can be used by importing from `@latitude-ui/widgets/core`.

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

@@ -0,0 +1,86 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, ElementRef, input, booleanAttribute, numberAttribute, signal, afterRenderEffect, DestroyRef, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+
+const BUTTON_OPTIONS = new InjectionToken(ngDevMode ? 'BUTTON_OPTIONS' : '', {
+    factory: () => {
+        return {
+            role: 'button',
+            size: 'md',
+            variant: 'default',
+        };
+    }
+});
+
+class ButtonComponent {
+    button = inject((ElementRef));
+    options = inject(BUTTON_OPTIONS);
+    role = input(this.options.role, ...(ngDevMode ? [{ debugName: "role" }] : []));
+    size = input(this.options.size, ...(ngDevMode ? [{ debugName: "size" }] : []));
+    variant = input(this.options.variant, ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
+    tabindex = input(undefined, { ...(ngDevMode ? { debugName: "tabindex" } : {}), transform: numberAttribute });
+    icononly = signal(false, ...(ngDevMode ? [{ debugName: "icononly" }] : []));
+    constructor() {
+        this._setUpPolyfill();
+        this._setUpListener();
+    }
+    // Need to find icon without another DOM node (Polyfill pseudo :has)
+    _setUpPolyfill() {
+        const nativeElement = this.button.nativeElement;
+        afterRenderEffect(() => {
+            const childNodes = nativeElement.childNodes;
+            if (childNodes.length === 1) {
+                const node = childNodes.item(0);
+                this.icononly.update(() => {
+                    if (node instanceof HTMLElement) {
+                        return node.tagName === 'LAT-ICON' || node.tagName === 'SVG' || node.role === 'img';
+                    }
+                    return false;
+                });
+            }
+        });
+    }
+    // https://github.com/angular/angular/issues/9587
+    _setUpListener() {
+        const nativeElement = this.button.nativeElement;
+        const clickFn = (event) => {
+            if (this.disabled()) {
+                event.stopImmediatePropagation();
+                event.preventDefault();
+            }
+        };
+        const keyupFn = (event) => {
+            if (event.code === 'Space' && !this.disabled()) {
+                const click = new MouseEvent('click', { ...event });
+                nativeElement.dispatchEvent(click);
+                event.stopImmediatePropagation();
+                event.preventDefault();
+            }
+        };
+        nativeElement.addEventListener('click', clickFn);
+        nativeElement.addEventListener('keyup', keyupFn);
+        inject(DestroyRef).onDestroy(() => {
+            nativeElement.removeEventListener('click', clickFn);
+            nativeElement.removeEventListener('keyup', keyupFn);
+        });
+    }
+    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, a[latButton],button[latButton]", 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()" } }, 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, a[latButton],button[latButton]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[attr.role]': 'role()',
+                        '[attr.size]': 'size()',
+                        '[attr.variant]': 'variant()',
+                        '[attr.icononly]': 'icononly()',
+                        '[attr.tabindex]': `disabled() ? -1 : tabindex()`
+                    }, 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 }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BUTTON_OPTIONS, ButtonComponent };
+//# sourceMappingURL=latitude-ui-widgets-button.mjs.map

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

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

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

@@ -0,0 +1,40 @@
+import * as i0 from '@angular/core';
+import { forwardRef, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { HTMLInputDirective } from '@latitude-ui/widgets/input';
+import { IconComponent } from '@latitude-ui/widgets/icons';
+
+class CheckBoxComponent extends HTMLInputDirective {
+    toggle() {
+        if (!this.disabled()) {
+            const value = this.value() ?? false;
+            this.writeValue(!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: HTMLInputDirective,
+                useExisting: forwardRef(() => CheckBoxComponent),
+            },
+        ], exportAs: ["latCheckBox"], usesInheritance: true, ngImport: i0, template: "<button\n  type=\"button\"\n  role=\"checkbox\"\n  [attr.id]=\"inputId()\"\n  [attr.value]=\"value() ? 'on' : 'off'\"\n  [attr.tabindex]=\"disabled() ? -1 : tabindex()\"\n  [attr.disabled]=\"disabled() || undefined\"\n  [attr.aria-checked]=\"value() || false\"\n>\n  <lat-icon name=\"check\" />\n</button>\n<ng-content/>\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lat-icon", inputs: ["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: [
+                        {
+                            provide: HTMLInputDirective,
+                            useExisting: forwardRef(() => CheckBoxComponent),
+                        },
+                    ], host: {
+                        '(click)': 'toggle()',
+                    }, template: "<button\n  type=\"button\"\n  role=\"checkbox\"\n  [attr.id]=\"inputId()\"\n  [attr.value]=\"value() ? 'on' : 'off'\"\n  [attr.tabindex]=\"disabled() ? -1 : tabindex()\"\n  [attr.disabled]=\"disabled() || undefined\"\n  [attr.aria-checked]=\"value() || false\"\n>\n  <lat-icon name=\"check\" />\n</button>\n<ng-content/>\n" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CheckBoxComponent };
+//# sourceMappingURL=latitude-ui-widgets-checkbox.mjs.map

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

@@ -0,0 +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';\nimport { HTMLInputDirective } from '@latitude-ui/widgets/input';\nimport { IconComponent } from '@latitude-ui/widgets/icons';\n\n@Component({\n  imports: [\n    IconComponent\n  ],\n  exportAs: 'latCheckBox',\n  selector: 'lat-checkbox',\n  templateUrl: './checkbox.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: HTMLInputDirective,\n      useExisting: forwardRef(() => CheckBoxComponent),\n    },\n  ],\n  host: {\n    '(click)': 'toggle()',\n  },\n})\nexport class CheckBoxComponent extends HTMLInputDirective<boolean> {\n  toggle() {\n    if (!this.disabled()) {\n      const value = this.value() ?? false;\n\n      this.writeValue(!value);\n    }\n  }\n}\n","<button\n  type=\"button\"\n  role=\"checkbox\"\n  [attr.id]=\"inputId()\"\n  [attr.value]=\"value() ? 'on' : 'off'\"\n  [attr.tabindex]=\"disabled() ? -1 : tabindex()\"\n  [attr.disabled]=\"disabled() || undefined\"\n  [attr.aria-checked]=\"value() || false\"\n>\n  <lat-icon name=\"check\" />\n</button>\n<ng-content/>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAuBM,MAAO,iBAAkB,SAAQ,kBAA2B,CAAA;IAChE,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,kBAAkB;AAC3B,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,oUAYA,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,kBAAkB;AAC3B,4BAAA,WAAW,EAAE,UAAU,CAAC,uBAAuB,CAAC;AACjD,yBAAA;qBACF,EAAA,IAAA,EACK;AACJ,wBAAA,SAAS,EAAE,UAAU;AACtB,qBAAA,EAAA,QAAA,EAAA,oUAAA,EAAA;;;AErBH;;AAEG;;;;"}

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

@@ -0,0 +1,22 @@
+import { InjectionToken } from '@angular/core';
+
+const LAT_ASSETS_PATH = new InjectionToken(ngDevMode ? 'LAT_ASSETS_PATH' : '', {
+    factory: () => {
+        return 'assets/latlng';
+    }
+});
+
+function noop() {
+    //
+}
+
+function uid() {
+    return `${Math.random().toString(36).slice(2, 11)}`;
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LAT_ASSETS_PATH, noop, uid };
+//# sourceMappingURL=latitude-ui-widgets-core.mjs.map

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

@@ -0,0 +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/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","/**\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;;ACFA;;AAEG;;;;"}

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

@@ -0,0 +1,40 @@
+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';
+
+const LAT_ICON_RESOLVER = new InjectionToken(ngDevMode ? 'LAT_ICON_RESOLVER' : '', {
+    factory: () => {
+        const assets = inject(LAT_ASSETS_PATH);
+        return (name) => `${assets}/icons/${name}.svg`;
+    },
+});
+
+class IconComponent {
+    iconFn = inject(LAT_ICON_RESOLVER);
+    url = input(...(ngDevMode ? [undefined, { debugName: "url" }] : []));
+    name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
+    iconmask = computed(() => {
+        const url = this.url();
+        if (url) {
+            return `url(${url})`;
+        }
+        const name = this.name();
+        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 });
+}
+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',
+                        '[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 }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { IconComponent, LAT_ICON_RESOLVER };
+//# sourceMappingURL=latitude-ui-widgets-icons.mjs.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,217 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, input, numberAttribute, booleanAttribute, computed, linkedSignal, signal, Directive, contentChild, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { noop, uid } from '@latitude-ui/widgets/core';
+import { NgControl } from '@angular/forms';
+
+const INPUT_OPTIONS = new InjectionToken(ngDevMode ? 'INPUT_OPTIONS' : '', {
+    factory: () => {
+        return {
+            size: 'md',
+            variant: 'default',
+        };
+    }
+});
+
+class HTMLInputDirective {
+    options = inject(INPUT_OPTIONS);
+    dir = inject(NgControl, { self: true });
+    input = inject((InputComponent), { host: true, optional: true });
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+    size = input(this.options.size, ...(ngDevMode ? [{ debugName: "size" }] : []));
+    variant = input(this.options.variant, ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    tabindex = input(0, { ...(ngDevMode ? { debugName: "tabindex" } : {}), transform: numberAttribute });
+    readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : {}), transform: booleanAttribute });
+    required = input(false, { ...(ngDevMode ? { debugName: "required" } : {}), transform: booleanAttribute });
+    autofocus = input(undefined, { ...(ngDevMode ? { debugName: "autofocus" } : {}), 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(() => {
+        this.value();
+        this.status();
+        const control = this.control();
+        return control ? control.errors : null;
+    }, ...(ngDevMode ? [{ debugName: "errors" }] : []));
+    labelId = computed(() => this.input ? this.input.labelId() : undefined, ...(ngDevMode ? [{ debugName: "labelId" }] : []));
+    inputId = computed(() => this.input ? this.input.inputId() : this.id(), ...(ngDevMode ? [{ debugName: "inputId" }] : []));
+    inputSize = computed(() => this.input ? this.input.size() : this.size(), ...(ngDevMode ? [{ debugName: "inputSize" }] : []));
+    inputVariant = computed(() => this.input ? this.input.variant() : this.variant(), ...(ngDevMode ? [{ debugName: "inputVariant" }] : []));
+    outputId = computed(() => this.input ? this.input.outputId() : undefined, ...(ngDevMode ? [{ debugName: "outputId" }] : []));
+    /** @internal */
+    _value = signal(this.dir.value, ...(ngDevMode ? [{ debugName: "_value" }] : []));
+    /** @internal */
+    _control = signal(null, ...(ngDevMode ? [{ debugName: "_control" }] : []));
+    constructor() {
+        this.dir.valueAccessor = {
+            writeValue: (value) => {
+                this._writeValue(value);
+            },
+            registerOnChange: (callback) => {
+                this._markAsChanged = () => 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();
+            }
+        };
+    }
+    /**
+     * Sets the "value" property on the input element.
+     */
+    writeValue(value) {
+        if (this._writeValue(value)) {
+            this._markAsChanged();
+        }
+    }
+    /**
+     * Marks the control as `dirty`.
+     */
+    markAsChanged() {
+        this._markAsChanged();
+    }
+    /**
+     * Marks the control as `touched`.
+     */
+    markAsTouched() {
+        this._markAsTouched();
+    }
+    /** @internal */
+    valueEquality(value0, value1) {
+        return Object.is(value0, value1);
+    }
+    /** @internal */
+    valueStringify(value) {
+        return value !== null && value !== undefined ? value.toString() : '';
+    }
+    /** @internal */
+    _writeValue(input) {
+        const value = this._value();
+        if (this.valueEquality(value, input)) {
+            return false;
+        }
+        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: HTMLInputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.3", type: HTMLInputDirective, 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: { attributes: { "role": "presentation" }, properties: { "attr.size": "inputSize() || undefined", "attr.variant": "inputVariant() || undefined", "attr.data-id": "inputId() || undefined", "attr.data-label": "labelId() || undefined", "attr.data-output": "outputId() || 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: "21.1.3", ngImport: i0, type: HTMLInputDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    host: {
+                        role: 'presentation',
+                        '[attr.size]': 'inputSize() || undefined',
+                        '[attr.variant]': 'inputVariant() || undefined',
+                        '[attr.data-id]': 'inputId() || undefined',
+                        '[attr.data-label]': 'labelId() || undefined',
+                        '[attr.data-output]': 'outputId() || 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'
+                    }
+                }]
+        }], 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 InputComponent {
+    options = inject(INPUT_OPTIONS);
+    id = input(...(ngDevMode ? [undefined, { debugName: "id" }] : []));
+    size = input(this.options.size, ...(ngDevMode ? [{ debugName: "size" }] : []));
+    variant = input(this.options.variant, ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    input = contentChild.required((HTMLInputDirective));
+    htmlId = computed(() => this.id() ?? uid(), ...(ngDevMode ? [{ debugName: "htmlId" }] : []));
+    labelId = computed(() => `lat-label-${this.htmlId()}`, ...(ngDevMode ? [{ debugName: "labelId" }] : []));
+    inputId = computed(() => `lat-input-${this.htmlId()}`, ...(ngDevMode ? [{ debugName: "inputId" }] : []));
+    outputId = computed(() => `lat-output-${this.htmlId()}`, ...(ngDevMode ? [{ debugName: "outputId" }] : []));
+    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.3", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", 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 }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "presentation" }, properties: { "attr.id": "htmlId()", "attr.data-size": "size()", "attr.data-variant": "variant()", "attr.data-label": "labelId()", "attr.data-input": "inputId()", "attr.data-output": "outputId()", "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: (HTMLInputDirective), descendants: true, isSignal: true }], exportAs: ["latInput"], ngImport: i0, template: "<ng-content select=\"lat-label\" />\r\n\r\n<ng-content />\r\n\r\n@if (dirty() && errors()) {\r\n  <ng-content select=\"lat-output\" />\r\n}\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: InputComponent, decorators: [{
+            type: Component,
+            args: [{ exportAs: 'latInput', selector: 'lat-input', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        role: 'presentation',
+                        '[attr.id]': 'htmlId()',
+                        '[attr.data-size]': 'size()',
+                        '[attr.data-variant]': 'variant()',
+                        '[attr.data-label]': 'labelId()',
+                        '[attr.data-input]': 'inputId()',
+                        '[attr.data-output]': 'outputId()',
+                        '[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'
+                    }, template: "<ng-content select=\"lat-label\" />\r\n\r\n<ng-content />\r\n\r\n@if (dirty() && errors()) {\r\n  <ng-content select=\"lat-output\" />\r\n}\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 }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], input: [{ type: i0.ContentChild, args: [i0.forwardRef(() => HTMLInputDirective), { isSignal: true }] }] } });
+
+class LabelComponent {
+    input = inject((InputComponent), { host: true });
+    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.3", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: LabelComponent, isStandalone: true, selector: "lat-label", host: { attributes: { "role": "presentation" }, properties: { "attr.id": "null" } }, exportAs: ["latLabel"], 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: "21.1.3", ngImport: i0, type: LabelComponent, decorators: [{
+            type: Component,
+            args: [{ exportAs: 'latLabel', selector: 'lat-label', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        role: 'presentation',
+                        '[attr.id]': 'null'
+                    }, 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" }]
+        }] });
+
+class OutputComponent {
+    input = inject((InputComponent), { host: true });
+    id = computed(() => this.input.outputId(), ...(ngDevMode ? [{ debugName: "id" }] : []));
+    htmlFor = computed(() => this.input.inputId(), ...(ngDevMode ? [{ debugName: "htmlFor" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: OutputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: OutputComponent, isStandalone: true, selector: "lat-output", host: { attributes: { "role": "presentation" }, properties: { "attr.id": "null" } }, exportAs: ["latOutput"], ngImport: i0, template: "<output [attr.id]=\"id()\" [attr.for]=\"htmlFor()\">\r\n  <ng-content></ng-content>\r\n</output>\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: OutputComponent, decorators: [{
+            type: Component,
+            args: [{ exportAs: 'latOutput', selector: 'lat-output', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        role: 'presentation',
+                        '[attr.id]': 'null'
+                    }, template: "<output [attr.id]=\"id()\" [attr.for]=\"htmlFor()\">\r\n  <ng-content></ng-content>\r\n</output>\r\n" }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HTMLInputDirective, INPUT_OPTIONS, InputComponent, LabelComponent, OutputComponent };
+//# sourceMappingURL=latitude-ui-widgets-input.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"latitude-ui-widgets-input.mjs","sources":["../../../../packages/widgets/input/lib/input.options.ts","../../../../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/label.component.ts","../../../../packages/widgets/input/lib/label.component.html","../../../../packages/widgets/input/lib/output.component.ts","../../../../packages/widgets/input/lib/output.component.html","../../../../packages/widgets/input/latitude-ui-widgets-input.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\r\n\r\nimport { BoxSize } from '@latitude-ui/widgets/core';\r\n\r\n\r\nexport type InputOptions = {\r\n  size: BoxSize;\r\n  variant: 'default' | 'inherit' | ({} & string);\r\n}\r\n\r\nexport const INPUT_OPTIONS = new InjectionToken<InputOptions>(\r\n  ngDevMode ? 'INPUT_OPTIONS' : '',\r\n  {\r\n    factory: () => {\r\n      return {\r\n        size: 'md',\r\n        variant: 'default',\r\n      }\r\n    }\r\n  }\r\n);\r\n","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-ui/widgets/core';\r\n\r\nimport { InputComponent } from './input.component';\r\nimport { InputOptions, INPUT_OPTIONS } from './input.options';\r\n\r\n\r\n@Directive({\r\n  host: {\r\n    role: 'presentation',\r\n    '[attr.size]': 'inputSize() || undefined',\r\n    '[attr.variant]': 'inputVariant() || undefined',\r\n    '[attr.data-id]': 'inputId() || undefined',\r\n    '[attr.data-label]': 'labelId() || undefined',\r\n    '[attr.data-output]': 'outputId() || 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 HTMLInputDirective<T> {\r\n  readonly options = inject(INPUT_OPTIONS);\r\n\r\n  readonly dir = inject(NgControl, { self: true });\r\n  readonly input = inject(InputComponent<T>, { host: true, optional: true });\r\n\r\n  readonly id = input<string>();\r\n  readonly size = input<InputOptions['size']>(this.options.size);\r\n  readonly variant = input<InputOptions['variant']>(this.options.variant);\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>(undefined, { 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 labelId = computed(() => this.input ? this.input.labelId() : undefined);\r\n  readonly inputId = computed(() => this.input ? this.input.inputId() : this.id());\r\n  readonly inputSize = computed(() => this.input ? this.input.size() : this.size());\r\n  readonly inputVariant = computed(() => this.input ? this.input.variant() : this.variant());\r\n  readonly outputId = computed(() => this.input ? this.input.outputId() : undefined);\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","import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  computed,\r\n  contentChild,\r\n  inject,\r\n  input,\r\n  ViewEncapsulation\r\n} from '@angular/core';\r\n\r\nimport { uid } from '@latitude-ui/widgets/core';\r\n\r\nimport { HTMLInputDirective } from './input.directive';\r\nimport { InputOptions, INPUT_OPTIONS } from './input.options';\r\n\r\n@Component({\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-variant]': 'variant()',\r\n    '[attr.data-label]': 'labelId()',\r\n    '[attr.data-input]': 'inputId()',\r\n    '[attr.data-output]': 'outputId()',\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  readonly options = inject(INPUT_OPTIONS);\r\n\r\n  readonly id = input<string>();\r\n  readonly size = input<InputOptions['size']>(this.options.size);\r\n  readonly variant = input<InputOptions['variant']>(this.options.variant);\r\n\r\n  readonly input = contentChild.required(HTMLInputDirective<T>);\r\n\r\n  readonly htmlId = computed(() => this.id() ?? uid());\r\n  readonly labelId = computed(() => `lat-label-${this.htmlId()}`);\r\n  readonly inputId = computed(() => `lat-input-${this.htmlId()}`);\r\n  readonly outputId = computed(() => `lat-output-${this.htmlId()}`);\r\n\r\n  readonly value = computed(() => this.input().value());\r\n  readonly valueAsString = computed(() => this.input().valueAsString());\r\n\r\n  readonly status = computed(() => this.input().status());\r\n  readonly touched = computed(() => this.input().touched());\r\n\r\n  readonly dirty = computed(() => this.input().dirty());\r\n  readonly valid = computed(() => this.input().valid());\r\n  readonly errors = computed(() => this.input().errors());\r\n  readonly invalid = computed(() => this.input().invalid());\r\n  readonly pending = computed(() => this.input().pending());\r\n  readonly pristine = computed(() => this.input().pristine());\r\n  readonly disabled = computed(() => this.input().disabled());\r\n  readonly readonly = computed(() => this.input().readonly());\r\n  readonly required = computed(() => this.input().required());\r\n}\r\n","<ng-content select=\"lat-label\" />\r\n\r\n<ng-content />\r\n\r\n@if (dirty() && errors()) {\r\n  <ng-content select=\"lat-output\" />\r\n}\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: 'latLabel',\r\n  selector: 'lat-label',\r\n  templateUrl: './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 LabelComponent<T = unknown> {\r\n  readonly input = inject(InputComponent<T>, { host: true });\r\n\r\n  readonly id = computed(() => this.input.labelId());\r\n  readonly htmlFor = computed(() => this.input.inputId());\r\n  readonly required = computed(() => this.input.required());\r\n  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","import { ChangeDetectionStrategy, Component, computed, inject, ViewEncapsulation } from '@angular/core';\r\nimport { InputComponent } from './input.component';\r\n\r\n@Component({\r\n  exportAs: 'latOutput',\r\n  selector: 'lat-output',\r\n  templateUrl: './output.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 OutputComponent<T = unknown> {\r\n  readonly input = inject(InputComponent<T>, { host: true });\r\n\r\n  readonly id = computed(() => this.input.outputId());\r\n  readonly htmlFor = computed(() => this.input.inputId());\r\n}\r\n","<output [attr.id]=\"id()\" [attr.for]=\"htmlFor()\">\r\n  <ng-content></ng-content>\r\n</output>\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

@@ -0,0 +1,43 @@
+import * as i0 from '@angular/core';
+import { ChangeDetectionStrategy, ViewEncapsulation, Component, input, numberAttribute, booleanAttribute } from '@angular/core';
+
+class ListBoxComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: ListBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: ListBoxComponent, isStandalone: true, selector: "lat-listbox", host: { attributes: { "role": "presentation" } }, exportAs: ["latListBox"], ngImport: i0, template: "<div role=\"listbox\">\n  <ng-content select=\"lat-option,lat-listbox-option\" />\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", 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\">\n  <ng-content select=\"lat-option,lat-listbox-option\" />\n</div>\n" }]
+        }] });
+
+class OptionComponent {
+    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
+    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.3", ngImport: i0, type: OptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.3", type: OptionComponent, isStandalone: true, selector: "lat-option, lat-listbox-option", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, 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.title": "label()", "attr.aria-setsize": "setsize()", "attr.aria-posinset": "posinset()", "attr.aria-disabled": "disabled()", "attr.aria-selected": "selected()" } }, exportAs: ["latOption"], ngImport: i0, template: "<ng-content />\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: OptionComponent, decorators: [{
+            type: Component,
+            args: [{ exportAs: 'latOption', selector: 'lat-option, lat-listbox-option', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        role: 'option',
+                        '[attr.title]': 'label()',
+                        '[attr.aria-setsize]': 'setsize()',
+                        '[attr.aria-posinset]': 'posinset()',
+                        '[attr.aria-disabled]': 'disabled()',
+                        '[attr.aria-selected]': 'selected()',
+                    }, template: "<ng-content />\n" }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], 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 }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ListBoxComponent, OptionComponent };
+//# sourceMappingURL=latitude-ui-widgets-listbox.mjs.map