@latitude-ui/widgets 0.0.21 → 0.0.23

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

@@ -1,41 +1,23 @@
 import * as i0 from '@angular/core';
-import { inject, ChangeDetectionStrategy, ViewEncapsulation, Component, input, numberAttribute, computed, effect, forwardRef } from '@angular/core';
+import { input, numberAttribute, computed, effect, forwardRef, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
 import { Maskito, maskitoInitialCalibrationPlugin } from '@maskito/core';
 import { maskitoNumberOptionsGenerator, maskitoStringifyNumber, maskitoParseNumber } from '@maskito/kit';
-import { BuildInInputValueAccessor } from '@latitude-ui/widgets/input';
-import { TextBoxDirective } from '@latitude-ui/widgets/textbox';
-import { ButtonComponent } from '@latitude-ui/widgets/button';
-import { IconComponent } from '@latitude-ui/widgets/icons';
+import { BuildInInputValueAccessor } from '@latitude/widgets/input';
+import { BuildInTextBoxComponent } from '@latitude/widgets/textbox';
+import { ButtonComponent } from '@latitude/widgets/button';
+import { IconComponent } from '@latitude/widgets/icon';
 
-class SpinnersComponent {
-    textbox = inject(TextBoxNumberComponent);
-    handleValueChanged(dir) {
-        const value = (this.textbox.value() ?? 0) + (this.textbox.step() ?? 0) * (dir ? 1 : -1);
-        if (value < this.textbox.minvalue() || value > this.textbox.maxvalue()) {
-            return void 0;
-        }
-        const factor = Math.pow(10, this.textbox.decimals());
-        this.textbox.writeValue(Math.round(value * factor) / factor);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SpinnersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: SpinnersComponent, isStandalone: true, selector: "lat-spinners", exportAs: ["latSpinners"], ngImport: i0, template: "<lat-button tabindex=\"-1\" variant=\"subtle\" [size]=\"textbox.size()\" [disabled]=\"textbox.disabled()\" (click)=\"handleValueChanged(true)\">\r\n  <lat-icon name=\"chevron-up\" />\r\n</lat-button>\r\n<lat-button tabindex=\"-1\" variant=\"subtle\" [size]=\"textbox.size()\" [disabled]=\"textbox.disabled()\" (click)=\"handleValueChanged(false)\">\r\n  <lat-icon name=\"chevron-down\" />\r\n</lat-button>\r\n", dependencies: [{ kind: "component", type: ButtonComponent, selector: "lat-button", inputs: ["size", "variant", "tabindex", "disabled"], exportAs: ["latButton"] }, { 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: "20.0.6", ngImport: i0, type: SpinnersComponent, decorators: [{
-            type: Component,
-            args: [{ exportAs: 'latSpinners', selector: 'lat-spinners', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [ButtonComponent, IconComponent], template: "<lat-button tabindex=\"-1\" variant=\"subtle\" [size]=\"textbox.size()\" [disabled]=\"textbox.disabled()\" (click)=\"handleValueChanged(true)\">\r\n  <lat-icon name=\"chevron-up\" />\r\n</lat-button>\r\n<lat-button tabindex=\"-1\" variant=\"subtle\" [size]=\"textbox.size()\" [disabled]=\"textbox.disabled()\" (click)=\"handleValueChanged(false)\">\r\n  <lat-icon name=\"chevron-down\" />\r\n</lat-button>\r\n" }]
-        }] });
-
-class TextBoxNumberComponent extends TextBoxDirective {
-    max = input(undefined, { transform: numberAttribute });
-    min = input(undefined, { transform: numberAttribute });
-    step = input(undefined, { transform: numberAttribute });
-    decimals = input(2);
-    decimalMode = input('not-zero');
-    decimalSeparator = input(',');
-    thousandSeparator = input('');
-    maxvalue = computed(() => this.max() ?? Number.MAX_SAFE_INTEGER);
-    minvalue = computed(() => this.min() ?? Number.MIN_SAFE_INTEGER);
-    nowvalue = computed(() => this.value() || 0);
+class TextboxNumberComponent extends BuildInTextBoxComponent {
+    max = input(undefined, { ...(ngDevMode ? { debugName: "max" } : {}), transform: numberAttribute });
+    min = input(undefined, { ...(ngDevMode ? { debugName: "min" } : {}), transform: numberAttribute });
+    step = input(undefined, { ...(ngDevMode ? { debugName: "step" } : {}), transform: numberAttribute });
+    decimals = input(2, ...(ngDevMode ? [{ debugName: "decimals" }] : []));
+    decimalSeparator = input(',', ...(ngDevMode ? [{ debugName: "decimalSeparator" }] : []));
+    decimalZeroPadding = input(false, ...(ngDevMode ? [{ debugName: "decimalZeroPadding" }] : []));
+    thousandSeparator = input('', ...(ngDevMode ? [{ debugName: "thousandSeparator" }] : []));
+    maxvalue = computed(() => this.parseNumber(this.max(), Number.MAX_SAFE_INTEGER), ...(ngDevMode ? [{ debugName: "maxvalue" }] : []));
+    minvalue = computed(() => this.parseNumber(this.min(), Number.MIN_SAFE_INTEGER), ...(ngDevMode ? [{ debugName: "minvalue" }] : []));
+    nowvalue = computed(() => this.value() || 0, ...(ngDevMode ? [{ debugName: "nowvalue" }] : []));
     maxlength = computed(() => {
         const { decimalSeparator, thousandSeparator } = this.maskitoNumberParams();
         const decimals = this.decimals();
@@ -43,19 +25,18 @@ class TextBoxNumberComponent extends TextBoxDirective {
         const precision = mantissa ? Math.min(decimals + 1, 20) : 0;
         const thousand = thousandSeparator.repeat(5).length;
         return 18 + precision + thousand;
-    });
+    }, ...(ngDevMode ? [{ debugName: "maxlength" }] : []));
     maskitoNumberParams = computed(() => {
-        const decimalMode = this.decimalMode();
         return {
             max: this.maxvalue(),
             min: this.minvalue(),
             minusSign: '-',
-            precision: this.decimals(),
-            decimalZeroPadding: decimalMode === 'always',
+            maximumFractionDigits: this.decimals(),
+            minimumFractionDigits: this.decimalZeroPadding() ? this.decimals() : 0,
             decimalSeparator: this.decimalSeparator(),
             thousandSeparator: this.thousandSeparator(),
         };
-    });
+    }, ...(ngDevMode ? [{ debugName: "maskitoNumberParams" }] : []));
     constructor() {
         super();
         effect((onCleanup) => {
@@ -92,14 +73,13 @@ class TextBoxNumberComponent extends TextBoxDirective {
     }
     /** @internal */
     valueUnsettled(value) {
-        return !!(value === '-' ||
-            value.match(/^\s*([-+])?\d+\.$/) ||
-            value.match(/^\s*([-+])?\d+\.[0-9]*0$/) ||
-            value.match(/^\s*([-+])0+$/));
+        return !!(value === '-' || value.match(/^\s*([-+])?\d+\.$/) || value.match(/^\s*([-+])?\d+\.[0-9]*0$/) || value.match(/^\s*([-+])0+$/));
     }
-    /** @internal */
-    parseNumber(value) {
+    parseNumber(value, fallback = null) {
         let valueAsNumber = null;
+        if (value === null || value === undefined) {
+            return fallback;
+        }
         if (typeof value === 'number') {
             valueAsNumber = value;
         }
@@ -107,7 +87,7 @@ class TextBoxNumberComponent extends TextBoxDirective {
             valueAsNumber = Number.parseFloat(value);
         }
         if (Number.isNaN(value)) {
-            return null;
+            return fallback;
         }
         return valueAsNumber;
     }
@@ -122,14 +102,26 @@ class TextBoxNumberComponent extends TextBoxDirective {
         if (value === null) {
             return this.writeValue(value);
         }
+        console.log(value);
+        console.log(this.minvalue());
+        console.log(this.maxvalue());
         if (value < this.minvalue() || value > this.maxvalue()) {
             return void 0;
         }
         this.writeValue(value);
     }
     /** @internal */
+    handleValueSpined(mul) {
+        const value = (this.value() ?? 0) + (this.step() ?? 0) * mul;
+        if (value < this.minvalue() || value > this.maxvalue()) {
+            return void 0;
+        }
+        const factor = Math.pow(10, this.decimals());
+        this.writeValue(Math.round(value * factor) / factor);
+    }
+    /** @internal */
     handleFocusEvent() {
-        const value = maskitoParseNumber(this.valueAsString(), this.decimalSeparator());
+        const value = maskitoParseNumber(this.valueAsString(), this.maskitoNumberParams());
         if (Number.isNaN(value) && !this.readonly()) {
             this.valueAsString.set('');
         }
@@ -142,27 +134,27 @@ class TextBoxNumberComponent extends TextBoxDirective {
             this.valueAsString.update(() => this._valueStringify(this.value()));
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TextBoxNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: TextBoxNumberComponent, isStandalone: true, selector: "lat-textbox[type=\"number\"]", inputs: { max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, decimals: { classPropertyName: "decimals", publicName: "decimals", isSignal: true, isRequired: false, transformFunction: null }, decimalMode: { classPropertyName: "decimalMode", publicName: "decimalMode", isSignal: true, isRequired: false, transformFunction: null }, decimalSeparator: { classPropertyName: "decimalSeparator", publicName: "decimalSeparator", isSignal: true, isRequired: false, transformFunction: null }, thousandSeparator: { classPropertyName: "thousandSeparator", publicName: "thousandSeparator", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TextboxNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: TextboxNumberComponent, isStandalone: true, selector: "lat-textbox[type=\"number\"]", inputs: { max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, decimals: { classPropertyName: "decimals", publicName: "decimals", isSignal: true, isRequired: false, transformFunction: null }, decimalSeparator: { classPropertyName: "decimalSeparator", publicName: "decimalSeparator", isSignal: true, isRequired: false, transformFunction: null }, decimalZeroPadding: { classPropertyName: "decimalZeroPadding", publicName: "decimalZeroPadding", isSignal: true, isRequired: false, transformFunction: null }, thousandSeparator: { classPropertyName: "thousandSeparator", publicName: "thousandSeparator", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: BuildInInputValueAccessor,
-                useExisting: forwardRef(() => TextBoxNumberComponent),
+                useExisting: forwardRef(() => TextboxNumberComponent),
             },
-        ], exportAs: ["latTextBox"], usesInheritance: true, ngImport: i0, template: "<input\r\n  #htmlInputElement\r\n  type=\"text\"\r\n  role=\"spinbutton\"\r\n  autocomplete=\"off\"\r\n  autocapitalize=\"off\"\r\n  [value]='valueAsString()'\r\n  [attr.id]=\"inputId()\"\r\n  [attr.tabindex]=\"disabled() ? -1 : tabindex()\"\r\n  [attr.disabled]=\"disabled() || undefined\"\r\n  [attr.readonly]=\"readonly() || undefined\"\r\n  [attr.required]=\"required() || undefined\"\r\n  [attr.maxlength]=\"maxlength()\"\r\n  [attr.placeholder]=\"placeholder()\"\r\n  [attr.aria-invalid]=\"invalid() || undefined\"\r\n  [attr.aria-valuemax]=\"maxvalue()\"\r\n  [attr.aria-valuemin]=\"minvalue()\"\r\n  [attr.aria-valuenow]=\"nowvalue()\"\r\n  [attr.aria-disabled]=\"disabled() || undefined\"\r\n  [attr.aria-readonly]=\"readonly() || undefined\"\r\n  [attr.aria-required]=\"required() || undefined\"\r\n  [attr.aria-labelledby]=\"labelId()\"\r\n  (blur)=\"handleBlurEvent()\"\r\n  (focus)=\"handleFocusEvent()\"\r\n  (input)=\"handleValueChanged()\"\r\n/>\r\n\r\n@if (step() && !readonly()) {\r\n  <lat-spinners />\r\n}\r\n", dependencies: [{ kind: "component", type: SpinnersComponent, selector: "lat-spinners", exportAs: ["latSpinners"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+        ], exportAs: ["latTextBox"], usesInheritance: true, ngImport: i0, template: "<input\r\n  #htmlInputElement\r\n  type=\"text\"\r\n  role=\"spinbutton\"\r\n  autocomplete=\"off\"\r\n  autocapitalize=\"off\"\r\n  [value]='valueAsString()'\r\n  [attr.id]=\"inputId()\"\r\n  [attr.tabindex]=\"disabled() ? -1 : tabindex()\"\r\n  [attr.disabled]=\"disabled() || undefined\"\r\n  [attr.readonly]=\"readonly() || undefined\"\r\n  [attr.required]=\"required() || undefined\"\r\n  [attr.maxlength]=\"maxlength()\"\r\n  [attr.placeholder]=\"placeholder()\"\r\n  [attr.aria-invalid]=\"invalid() || undefined\"\r\n  [attr.aria-valuemax]=\"maxvalue()\"\r\n  [attr.aria-valuemin]=\"minvalue()\"\r\n  [attr.aria-valuenow]=\"nowvalue()\"\r\n  [attr.aria-disabled]=\"disabled() || undefined\"\r\n  [attr.aria-readonly]=\"readonly() || undefined\"\r\n  [attr.aria-required]=\"required() || undefined\"\r\n  [attr.aria-labelledby]=\"labelId()\"\r\n  (blur)=\"handleBlurEvent()\"\r\n  (focus)=\"handleFocusEvent()\"\r\n  (input)=\"handleValueChanged()\"\r\n/>\r\n\r\n@if (step() && !readonly()) {\r\n  <section>\r\n    <lat-button\r\n      tabindex=\"-1\"\r\n      variant=\"subtle\"\r\n      [size]=\"size()\"\r\n      [disabled]=\"disabled() || undefined\"\r\n      (click)=\"handleValueSpined(1)\"\r\n    >\r\n      <lat-icon name=\"chevron-up\" />\r\n    </lat-button>\r\n    <lat-button\r\n      tabindex=\"-1\"\r\n      variant=\"subtle\"\r\n      [size]=\"size()\"\r\n      [disabled]=\"disabled() || undefined\"\r\n      (click)=\"handleValueSpined(-1)\"\r\n    >\r\n      <lat-icon name=\"chevron-down\" />\r\n    </lat-button>\r\n  </section>\r\n}\r\n", dependencies: [{ kind: "component", type: ButtonComponent, selector: "lat-button", exportAs: ["latButton"] }, { 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: "20.0.6", ngImport: i0, type: TextBoxNumberComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TextboxNumberComponent, decorators: [{
             type: Component,
-            args: [{ imports: [SpinnersComponent], exportAs: 'latTextBox', selector: 'lat-textbox[type="number"]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+            args: [{ imports: [ButtonComponent, IconComponent], exportAs: 'latTextBox', selector: 'lat-textbox[type="number"]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
                             provide: BuildInInputValueAccessor,
-                            useExisting: forwardRef(() => TextBoxNumberComponent),
+                            useExisting: forwardRef(() => TextboxNumberComponent),
                         },
-                    ], template: "<input\r\n  #htmlInputElement\r\n  type=\"text\"\r\n  role=\"spinbutton\"\r\n  autocomplete=\"off\"\r\n  autocapitalize=\"off\"\r\n  [value]='valueAsString()'\r\n  [attr.id]=\"inputId()\"\r\n  [attr.tabindex]=\"disabled() ? -1 : tabindex()\"\r\n  [attr.disabled]=\"disabled() || undefined\"\r\n  [attr.readonly]=\"readonly() || undefined\"\r\n  [attr.required]=\"required() || undefined\"\r\n  [attr.maxlength]=\"maxlength()\"\r\n  [attr.placeholder]=\"placeholder()\"\r\n  [attr.aria-invalid]=\"invalid() || undefined\"\r\n  [attr.aria-valuemax]=\"maxvalue()\"\r\n  [attr.aria-valuemin]=\"minvalue()\"\r\n  [attr.aria-valuenow]=\"nowvalue()\"\r\n  [attr.aria-disabled]=\"disabled() || undefined\"\r\n  [attr.aria-readonly]=\"readonly() || undefined\"\r\n  [attr.aria-required]=\"required() || undefined\"\r\n  [attr.aria-labelledby]=\"labelId()\"\r\n  (blur)=\"handleBlurEvent()\"\r\n  (focus)=\"handleFocusEvent()\"\r\n  (input)=\"handleValueChanged()\"\r\n/>\r\n\r\n@if (step() && !readonly()) {\r\n  <lat-spinners />\r\n}\r\n" }]
-        }], ctorParameters: () => [] });
+                    ], template: "<input\r\n  #htmlInputElement\r\n  type=\"text\"\r\n  role=\"spinbutton\"\r\n  autocomplete=\"off\"\r\n  autocapitalize=\"off\"\r\n  [value]='valueAsString()'\r\n  [attr.id]=\"inputId()\"\r\n  [attr.tabindex]=\"disabled() ? -1 : tabindex()\"\r\n  [attr.disabled]=\"disabled() || undefined\"\r\n  [attr.readonly]=\"readonly() || undefined\"\r\n  [attr.required]=\"required() || undefined\"\r\n  [attr.maxlength]=\"maxlength()\"\r\n  [attr.placeholder]=\"placeholder()\"\r\n  [attr.aria-invalid]=\"invalid() || undefined\"\r\n  [attr.aria-valuemax]=\"maxvalue()\"\r\n  [attr.aria-valuemin]=\"minvalue()\"\r\n  [attr.aria-valuenow]=\"nowvalue()\"\r\n  [attr.aria-disabled]=\"disabled() || undefined\"\r\n  [attr.aria-readonly]=\"readonly() || undefined\"\r\n  [attr.aria-required]=\"required() || undefined\"\r\n  [attr.aria-labelledby]=\"labelId()\"\r\n  (blur)=\"handleBlurEvent()\"\r\n  (focus)=\"handleFocusEvent()\"\r\n  (input)=\"handleValueChanged()\"\r\n/>\r\n\r\n@if (step() && !readonly()) {\r\n  <section>\r\n    <lat-button\r\n      tabindex=\"-1\"\r\n      variant=\"subtle\"\r\n      [size]=\"size()\"\r\n      [disabled]=\"disabled() || undefined\"\r\n      (click)=\"handleValueSpined(1)\"\r\n    >\r\n      <lat-icon name=\"chevron-up\" />\r\n    </lat-button>\r\n    <lat-button\r\n      tabindex=\"-1\"\r\n      variant=\"subtle\"\r\n      [size]=\"size()\"\r\n      [disabled]=\"disabled() || undefined\"\r\n      (click)=\"handleValueSpined(-1)\"\r\n    >\r\n      <lat-icon name=\"chevron-down\" />\r\n    </lat-button>\r\n  </section>\r\n}\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], decimals: [{ type: i0.Input, args: [{ isSignal: true, alias: "decimals", required: false }] }], decimalSeparator: [{ type: i0.Input, args: [{ isSignal: true, alias: "decimalSeparator", required: false }] }], decimalZeroPadding: [{ type: i0.Input, args: [{ isSignal: true, alias: "decimalZeroPadding", required: false }] }], thousandSeparator: [{ type: i0.Input, args: [{ isSignal: true, alias: "thousandSeparator", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { TextBoxNumberComponent };
-//# sourceMappingURL=latitude-ui-widgets-textbox-number.mjs.map
+export { TextboxNumberComponent };
+//# sourceMappingURL=latitude-widgets-textbox-number.mjs.map

package/fesm2022/latitude-widgets-textbox-number.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"latitude-widgets-textbox-number.mjs","sources":["../../../../packages/widgets/textbox-number/lib/textbox-number.component.ts","../../../../packages/widgets/textbox-number/lib/textbox-number.component.html","../../../../packages/widgets/textbox-number/latitude-widgets-textbox-number.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  forwardRef,\n  input,\n  numberAttribute,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { Maskito, maskitoInitialCalibrationPlugin } from '@maskito/core';\nimport { maskitoNumberOptionsGenerator, maskitoParseNumber, maskitoStringifyNumber } from '@maskito/kit';\n\nimport { BuildInInputValueAccessor } from '@latitude/widgets/input';\nimport { BuildInTextBoxComponent } from '@latitude/widgets/textbox';\nimport { ButtonComponent } from '@latitude/widgets/button';\nimport { IconComponent } from '@latitude/widgets/icon';\n\n@Component({\n  imports: [ButtonComponent, IconComponent],\n  exportAs: 'latTextBox',\n  selector: 'lat-textbox[type=\"number\"]',\n  templateUrl: './textbox-number.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: BuildInInputValueAccessor,\n      useExisting: forwardRef(() => TextboxNumberComponent),\n    },\n  ],\n})\nexport class TextboxNumberComponent extends BuildInTextBoxComponent<number> {\n  public readonly max = input<number, unknown>(undefined, { transform: numberAttribute });\n  public readonly min = input<number, unknown>(undefined, { transform: numberAttribute });\n  public readonly step = input<number, unknown>(undefined, { transform: numberAttribute });\n  public readonly decimals = input<number>(2);\n  public readonly decimalSeparator = input<',' | '.'>(',');\n  public readonly decimalZeroPadding = input<boolean>(false);\n  public readonly thousandSeparator = input<string>('');\n\n  public readonly maxvalue = computed(() => this.parseNumber(this.max(), Number.MAX_SAFE_INTEGER));\n  public readonly minvalue = computed(() => this.parseNumber(this.min(), Number.MIN_SAFE_INTEGER));\n  public readonly nowvalue = computed(() => this.value() || 0);\n\n  readonly maxlength = computed(() => {\n    const { decimalSeparator, thousandSeparator } = this.maskitoNumberParams();\n\n    const decimals = this.decimals();\n\n    const mantissa = decimals && this.valueAsString().includes(decimalSeparator);\n    const precision = mantissa ? Math.min(decimals + 1, 20) : 0;\n    const thousand = thousandSeparator.repeat(5).length;\n\n    return 18 + precision + thousand;\n  });\n\n  readonly maskitoNumberParams = computed(() => {\n    return {\n      max: this.maxvalue(),\n      min: this.minvalue(),\n      minusSign: '-',\n      maximumFractionDigits: this.decimals(),\n      minimumFractionDigits: this.decimalZeroPadding() ? this.decimals() : 0,\n      decimalSeparator: this.decimalSeparator(),\n      thousandSeparator: this.thousandSeparator(),\n    };\n  });\n\n  constructor() {\n    super();\n\n    effect((onCleanup) => {\n      const el = this.el();\n      const formatter = this.maskitoNumberParams();\n\n      const { plugins, ...options } = maskitoNumberOptionsGenerator(formatter);\n\n      const instance = new Maskito(el.nativeElement, {\n        ...options,\n        plugins: [\n          ...plugins,\n          maskitoInitialCalibrationPlugin(\n            maskitoNumberOptionsGenerator({\n              ...formatter,\n              min: Number.MIN_SAFE_INTEGER,\n              max: Number.MAX_SAFE_INTEGER,\n            })\n          ),\n        ],\n      });\n\n      onCleanup(() => instance.destroy());\n    });\n  }\n\n  /** @internal */\n  protected override _valueStringify(valueAsString: unknown): string {\n    const value = this.parseNumber(valueAsString);\n    if (value === null) {\n      return '';\n    }\n\n    return maskitoStringifyNumber(value, this.maskitoNumberParams());\n  }\n\n  /** @internal */\n  protected valueSimplify(value: string): string {\n    const decimalSeparator = new RegExp(this.decimalSeparator(), 'gi');\n    const thousandSeparator = new RegExp(this.thousandSeparator(), 'gi');\n\n    return value.replace(thousandSeparator, '').replace(decimalSeparator, '.');\n  }\n\n  /** @internal */\n  protected valueUnsettled(value: string): boolean {\n    return !!(value === '-' || value.match(/^\\s*([-+])?\\d+\\.$/) || value.match(/^\\s*([-+])?\\d+\\.[0-9]*0$/) || value.match(/^\\s*([-+])0+$/));\n  }\n\n  /** @internal */\n  protected parseNumber(value: unknown): number | null;\n  protected parseNumber<const T extends number | null>(value: unknown, fallback: T): number | T;\n  protected parseNumber<const T extends number | null>(value: unknown, fallback: T | null = null): number | null | T {\n    let valueAsNumber: number | null = null;\n\n    if(value === null || value === undefined) {\n      return fallback as T;\n    }\n\n    if (typeof value === 'number') {\n      valueAsNumber = value;\n    } else if (typeof value === 'string') {\n      valueAsNumber = Number.parseFloat(value);\n    }\n\n    if (Number.isNaN(value)) {\n      return fallback as T;\n    }\n\n    return valueAsNumber;\n  }\n\n  /** @internal */\n  protected handleValueChanged(): void {\n    const input = this.el();\n\n    const valueAsString = this.valueSimplify(input.nativeElement.value);\n\n\n    if (this.valueUnsettled(valueAsString)) {\n      return this.valueAsString.update(() => input.nativeElement.value);\n    }\n\n    const value = this.parseNumber(valueAsString);\n\n    if (value === null) {\n      return this.writeValue(value);\n    }\n    console.log(value);\n    console.log(this.minvalue());\n    console.log(this.maxvalue());\n\n    if (value < this.minvalue() || value > this.maxvalue()) {\n      return void 0;\n    }\n\n    this.writeValue(value);\n  }\n\n  /** @internal */\n  protected handleValueSpined(mul: 1 | -1): void {\n    const value = (this.value() ?? 0) + (this.step() ?? 0) * mul;\n\n    if (value < this.minvalue() || value > this.maxvalue()) {\n      return void 0;\n    }\n\n    const factor = Math.pow(10, this.decimals());\n\n    this.writeValue(Math.round(value * factor) / factor);\n  }\n\n  /** @internal */\n  protected handleFocusEvent(): void {\n    const value = maskitoParseNumber(this.valueAsString(), this.maskitoNumberParams());\n\n    if (Number.isNaN(value) && !this.readonly()) {\n      this.valueAsString.set('');\n    }\n  }\n\n  /** @internal */\n  protected handleBlurEvent(): void {\n    this.markAsTouched();\n\n    const valueAsString = this.valueSimplify(this.valueAsString());\n\n    if (this.valueUnsettled(valueAsString)) {\n      this.valueAsString.update(() => this._valueStringify(this.value()));\n    }\n  }\n}\n","<input\r\n  #htmlInputElement\r\n  type=\"text\"\r\n  role=\"spinbutton\"\r\n  autocomplete=\"off\"\r\n  autocapitalize=\"off\"\r\n  [value]='valueAsString()'\r\n  [attr.id]=\"inputId()\"\r\n  [attr.tabindex]=\"disabled() ? -1 : tabindex()\"\r\n  [attr.disabled]=\"disabled() || undefined\"\r\n  [attr.readonly]=\"readonly() || undefined\"\r\n  [attr.required]=\"required() || undefined\"\r\n  [attr.maxlength]=\"maxlength()\"\r\n  [attr.placeholder]=\"placeholder()\"\r\n  [attr.aria-invalid]=\"invalid() || undefined\"\r\n  [attr.aria-valuemax]=\"maxvalue()\"\r\n  [attr.aria-valuemin]=\"minvalue()\"\r\n  [attr.aria-valuenow]=\"nowvalue()\"\r\n  [attr.aria-disabled]=\"disabled() || undefined\"\r\n  [attr.aria-readonly]=\"readonly() || undefined\"\r\n  [attr.aria-required]=\"required() || undefined\"\r\n  [attr.aria-labelledby]=\"labelId()\"\r\n  (blur)=\"handleBlurEvent()\"\r\n  (focus)=\"handleFocusEvent()\"\r\n  (input)=\"handleValueChanged()\"\r\n/>\r\n\r\n@if (step() && !readonly()) {\r\n  <section>\r\n    <lat-button\r\n      tabindex=\"-1\"\r\n      variant=\"subtle\"\r\n      [size]=\"size()\"\r\n      [disabled]=\"disabled() || undefined\"\r\n      (click)=\"handleValueSpined(1)\"\r\n    >\r\n      <lat-icon name=\"chevron-up\" />\r\n    </lat-button>\r\n    <lat-button\r\n      tabindex=\"-1\"\r\n      variant=\"subtle\"\r\n      [size]=\"size()\"\r\n      [disabled]=\"disabled() || undefined\"\r\n      (click)=\"handleValueSpined(-1)\"\r\n    >\r\n      <lat-icon name=\"chevron-down\" />\r\n    </lat-button>\r\n  </section>\r\n}\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-textbox.mjs → latitude-widgets-textbox.mjs}

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
 import { viewChild, ElementRef, Directive, input, numberAttribute, computed, forwardRef, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
-import { BuildInInputValueAccessor } from '@latitude-ui/widgets/input';
+import { BuildInInputValueAccessor } from '@latitude/widgets/input';
 
-class TextBoxDirective extends BuildInInputValueAccessor {
+class BuildInTextBoxComponent extends BuildInInputValueAccessor {
     el = viewChild.required('htmlInputElement', { read: (ElementRef) });
     blur() {
         this.el().nativeElement.blur();
@@ -10,21 +10,21 @@ class TextBoxDirective extends BuildInInputValueAccessor {
     focus() {
         this.el().nativeElement.focus();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TextBoxDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.0.6", type: TextBoxDirective, isStandalone: true, viewQueries: [{ propertyName: "el", first: true, predicate: ["htmlInputElement"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: BuildInTextBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.1.1", type: BuildInTextBoxComponent, isStandalone: true, viewQueries: [{ propertyName: "el", first: true, predicate: ["htmlInputElement"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TextBoxDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: BuildInTextBoxComponent, decorators: [{
             type: Directive
-        }] });
+        }], propDecorators: { el: [{ type: i0.ViewChild, args: ['htmlInputElement', { ...{ read: (ElementRef) }, isSignal: true }] }] } });
 
-class TextBoxComponent extends TextBoxDirective {
-    rows = input(undefined, { transform: numberAttribute });
-    maxlength = input(undefined, { transform: numberAttribute });
-    minlength = input(undefined, { transform: numberAttribute });
+class TextBoxComponent extends BuildInTextBoxComponent {
+    rows = input(undefined, { ...(ngDevMode ? { debugName: "rows" } : {}), transform: numberAttribute });
+    maxlength = input(undefined, { ...(ngDevMode ? { debugName: "maxlength" } : {}), transform: numberAttribute });
+    minlength = input(undefined, { ...(ngDevMode ? { debugName: "minlength" } : {}), transform: numberAttribute });
     textarea = computed(() => {
         const rows = this.rows();
         return rows ? rows >= 2 : false;
-    });
+    }, ...(ngDevMode ? [{ debugName: "textarea" }] : []));
     /** @internal */
     handleBlurEvent() {
         this.markAsTouched();
@@ -34,15 +34,15 @@ class TextBoxComponent extends TextBoxDirective {
         const { nativeElement } = this.el();
         this.writeValue(nativeElement.value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TextBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: TextBoxComponent, isStandalone: true, selector: "lat-textbox:not([type]), lat-textbox[type=\"text\"]", inputs: { rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, minlength: { classPropertyName: "minlength", publicName: "minlength", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TextBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: TextBoxComponent, isStandalone: true, selector: "lat-textbox:not([type]), lat-textbox[type=\"text\"]", inputs: { rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, minlength: { classPropertyName: "minlength", publicName: "minlength", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: BuildInInputValueAccessor,
                 useExisting: forwardRef(() => TextBoxComponent),
             },
         ], exportAs: ["latTextBox"], usesInheritance: true, ngImport: i0, template: "@if(textarea()) {\r\n  <textarea\r\n    #htmlInputElement\r\n    role=\"textbox\"\r\n    [value]='valueAsString()'\r\n    [attr.id]=\"inputId()\"\r\n    [attr.rows]=\"rows()\"\r\n    [attr.tabindex]=\"disabled() ? -1 : tabindex()\"\r\n    [attr.disabled]=\"disabled() || undefined\"\r\n    [attr.readonly]=\"readonly() || undefined\"\r\n    [attr.required]=\"required() || undefined\"\r\n    [attr.maxlength]=\"maxlength()\"\r\n    [attr.minlength]=\"minlength()\"\r\n    [attr.placeholder]=\"placeholder()\"\r\n    [attr.aria-invalid]=\"invalid() || undefined\"\r\n    [attr.aria-disabled]=\"disabled() || undefined\"\r\n    [attr.aria-readonly]=\"readonly() || undefined\"\r\n    [attr.aria-required]=\"required() || undefined\"\r\n    [attr.aria-labelledby]=\"labelId()\"\r\n    [style.resize]=\"'none'\"\r\n    [style.height]=\"'auto'\"\r\n    (blur)=\"handleBlurEvent()\"\r\n    (input)=\"handleValueChanged()\"\r\n  ></textarea>\r\n} @else {\r\n  <input\r\n    #htmlInputElement\r\n    type=\"text\"\r\n    role=\"textbox\"\r\n    [value]='valueAsString()'\r\n    [attr.id]=\"inputId()\"\r\n    [attr.tabindex]=\"disabled() ? -1 : tabindex()\"\r\n    [attr.disabled]=\"disabled() || undefined\"\r\n    [attr.readonly]=\"readonly() || undefined\"\r\n    [attr.required]=\"required() || undefined\"\r\n    [attr.maxlength]=\"maxlength()\"\r\n    [attr.minlength]=\"minlength()\"\r\n    [attr.placeholder]=\"placeholder()\"\r\n    [attr.aria-invalid]=\"invalid() || undefined\"\r\n    [attr.aria-disabled]=\"disabled() || undefined\"\r\n    [attr.aria-readonly]=\"readonly() || undefined\"\r\n    [attr.aria-required]=\"required() || undefined\"\r\n    [attr.aria-labelledby]=\"labelId()\"\r\n    (blur)=\"handleBlurEvent()\"\r\n    (input)=\"handleValueChanged()\"\r\n  />\r\n}\r\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: TextBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TextBoxComponent, decorators: [{
             type: Component,
             args: [{ exportAs: 'latTextBox', selector: 'lat-textbox:not([type]), lat-textbox[type="text"]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
@@ -52,11 +52,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
                     ], host: {
                     // '[style.height]': 'textarea() ? "auto" : undefined'
                     }, template: "@if(textarea()) {\r\n  <textarea\r\n    #htmlInputElement\r\n    role=\"textbox\"\r\n    [value]='valueAsString()'\r\n    [attr.id]=\"inputId()\"\r\n    [attr.rows]=\"rows()\"\r\n    [attr.tabindex]=\"disabled() ? -1 : tabindex()\"\r\n    [attr.disabled]=\"disabled() || undefined\"\r\n    [attr.readonly]=\"readonly() || undefined\"\r\n    [attr.required]=\"required() || undefined\"\r\n    [attr.maxlength]=\"maxlength()\"\r\n    [attr.minlength]=\"minlength()\"\r\n    [attr.placeholder]=\"placeholder()\"\r\n    [attr.aria-invalid]=\"invalid() || undefined\"\r\n    [attr.aria-disabled]=\"disabled() || undefined\"\r\n    [attr.aria-readonly]=\"readonly() || undefined\"\r\n    [attr.aria-required]=\"required() || undefined\"\r\n    [attr.aria-labelledby]=\"labelId()\"\r\n    [style.resize]=\"'none'\"\r\n    [style.height]=\"'auto'\"\r\n    (blur)=\"handleBlurEvent()\"\r\n    (input)=\"handleValueChanged()\"\r\n  ></textarea>\r\n} @else {\r\n  <input\r\n    #htmlInputElement\r\n    type=\"text\"\r\n    role=\"textbox\"\r\n    [value]='valueAsString()'\r\n    [attr.id]=\"inputId()\"\r\n    [attr.tabindex]=\"disabled() ? -1 : tabindex()\"\r\n    [attr.disabled]=\"disabled() || undefined\"\r\n    [attr.readonly]=\"readonly() || undefined\"\r\n    [attr.required]=\"required() || undefined\"\r\n    [attr.maxlength]=\"maxlength()\"\r\n    [attr.minlength]=\"minlength()\"\r\n    [attr.placeholder]=\"placeholder()\"\r\n    [attr.aria-invalid]=\"invalid() || undefined\"\r\n    [attr.aria-disabled]=\"disabled() || undefined\"\r\n    [attr.aria-readonly]=\"readonly() || undefined\"\r\n    [attr.aria-required]=\"required() || undefined\"\r\n    [attr.aria-labelledby]=\"labelId()\"\r\n    (blur)=\"handleBlurEvent()\"\r\n    (input)=\"handleValueChanged()\"\r\n  />\r\n}\r\n" }]
-        }] });
+        }], propDecorators: { rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], maxlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxlength", required: false }] }], minlength: [{ type: i0.Input, args: [{ isSignal: true, alias: "minlength", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { TextBoxComponent, TextBoxDirective };
-//# sourceMappingURL=latitude-ui-widgets-textbox.mjs.map
+export { BuildInTextBoxComponent, TextBoxComponent };
+//# sourceMappingURL=latitude-widgets-textbox.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"latitude-widgets-textbox.mjs","sources":["../../../../packages/widgets/textbox/lib/textbox.directive.ts","../../../../packages/widgets/textbox/lib/textbox.component.ts","../../../../packages/widgets/textbox/lib/textbox.component.html","../../../../packages/widgets/textbox/latitude-widgets-textbox.ts"],"sourcesContent":["import { Directive, ElementRef, viewChild } from '@angular/core';\r\nimport { BuildInInputValueAccessor } from '@latitude/widgets/input';\r\n\r\n@Directive()\r\nexport class BuildInTextBoxComponent<T> extends BuildInInputValueAccessor<T> {\r\n  public readonly el = viewChild.required('htmlInputElement', { read: ElementRef<HTMLInputElement> });\r\n\r\n  public blur() {\r\n    this.el().nativeElement.blur();\r\n  }\r\n\r\n  public focus() {\r\n    this.el().nativeElement.focus();\r\n  }\r\n\r\n}\r\n","import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  computed,\r\n  forwardRef,\r\n  input,\r\n  numberAttribute,\r\n  ViewEncapsulation,\r\n} from '@angular/core';\r\nimport { BuildInInputValueAccessor } from '@latitude/widgets/input';\r\nimport { BuildInTextBoxComponent } from './textbox.directive';\r\n\r\n@Component({\r\n  exportAs: 'latTextBox',\r\n  selector: 'lat-textbox:not([type]), lat-textbox[type=\"text\"]',\r\n  templateUrl: './textbox.component.html',\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  providers: [\r\n    {\r\n      provide: BuildInInputValueAccessor,\r\n      useExisting: forwardRef(() => TextBoxComponent),\r\n    },\r\n  ],\r\n  host: {\r\n    // '[style.height]': 'textarea() ? \"auto\" : undefined'\r\n  }\r\n})\r\nexport class TextBoxComponent extends BuildInTextBoxComponent<string> {\r\n  public readonly rows = input<number, unknown>(undefined, { transform: numberAttribute });\r\n  public readonly maxlength = input<number, unknown>(undefined, { transform: numberAttribute });\r\n  public readonly minlength = input<number, unknown>(undefined, { transform: numberAttribute });\r\n\r\n  public readonly textarea = computed(() => {\r\n    const rows = this.rows();\r\n\r\n    return rows ? rows >= 2 : false;\r\n  });\r\n\r\n  /** @internal */\r\n  protected handleBlurEvent(): void {\r\n    this.markAsTouched();\r\n  }\r\n\r\n  /** @internal */\r\n  protected handleValueChanged(): void {\r\n    const { nativeElement } = this.el();\r\n\r\n    this.writeValue(nativeElement.value);\r\n  }\r\n}\r\n","@if(textarea()) {\r\n  <textarea\r\n    #htmlInputElement\r\n    role=\"textbox\"\r\n    [value]='valueAsString()'\r\n    [attr.id]=\"inputId()\"\r\n    [attr.rows]=\"rows()\"\r\n    [attr.tabindex]=\"disabled() ? -1 : tabindex()\"\r\n    [attr.disabled]=\"disabled() || undefined\"\r\n    [attr.readonly]=\"readonly() || undefined\"\r\n    [attr.required]=\"required() || undefined\"\r\n    [attr.maxlength]=\"maxlength()\"\r\n    [attr.minlength]=\"minlength()\"\r\n    [attr.placeholder]=\"placeholder()\"\r\n    [attr.aria-invalid]=\"invalid() || undefined\"\r\n    [attr.aria-disabled]=\"disabled() || undefined\"\r\n    [attr.aria-readonly]=\"readonly() || undefined\"\r\n    [attr.aria-required]=\"required() || undefined\"\r\n    [attr.aria-labelledby]=\"labelId()\"\r\n    [style.resize]=\"'none'\"\r\n    [style.height]=\"'auto'\"\r\n    (blur)=\"handleBlurEvent()\"\r\n    (input)=\"handleValueChanged()\"\r\n  ></textarea>\r\n} @else {\r\n  <input\r\n    #htmlInputElement\r\n    type=\"text\"\r\n    role=\"textbox\"\r\n    [value]='valueAsString()'\r\n    [attr.id]=\"inputId()\"\r\n    [attr.tabindex]=\"disabled() ? -1 : tabindex()\"\r\n    [attr.disabled]=\"disabled() || undefined\"\r\n    [attr.readonly]=\"readonly() || undefined\"\r\n    [attr.required]=\"required() || undefined\"\r\n    [attr.maxlength]=\"maxlength()\"\r\n    [attr.minlength]=\"minlength()\"\r\n    [attr.placeholder]=\"placeholder()\"\r\n    [attr.aria-invalid]=\"invalid() || undefined\"\r\n    [attr.aria-disabled]=\"disabled() || undefined\"\r\n    [attr.aria-readonly]=\"readonly() || undefined\"\r\n    [attr.aria-required]=\"required() || undefined\"\r\n    [attr.aria-labelledby]=\"labelId()\"\r\n    (blur)=\"handleBlurEvent()\"\r\n    (input)=\"handleValueChanged()\"\r\n  />\r\n}\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.mjs → latitude-widgets.mjs}

@@ -3,4 +3,4 @@ var publicApi = void 0;
 /**
  * Generated bundle index. Do not edit.
  */
-//# sourceMappingURL=latitude-ui-widgets.mjs.map
+//# sourceMappingURL=latitude-widgets.mjs.map

package/fesm2022/latitude-widgets.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"latitude-widgets.mjs","sources":["../../../../packages/widgets/public-api.ts","../../../../packages/widgets/latitude-widgets.ts"],"sourcesContent":["export default void 0;\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA,gBAAe,KAAK,CAAC;;ACArB;;AAEG"}

package/icon/README.md

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

package/input/README.md

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

package/listbox/README.md

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

package/package.json

@@ -1,84 +1,64 @@
 {
   "name": "@latitude-ui/widgets",
-  "version": "0.0.21",
-  "description": "UI Widgets",
-  "private": false,
-  "keywords": [
-    "component",
-    "directive"
-  ],
-  "homepage": "https://github.com/Toerodor/latitude",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/Toerodor/latitude.git"
+  "version": "0.0.23",
+  "peerDependencies": {
+    "@angular/common": "^21.0.0",
+    "@angular/core": "^21.0.0",
+    "@maskito/core": "^5.0.0",
+    "@maskito/kit": "^5.0.0"
   },
-  "license": "Apache-2.0",
+  "sideEffects": false,
+  "module": "fesm2022/latitude-widgets.mjs",
+  "typings": "types/latitude-widgets.d.ts",
   "exports": {
-    "./styles": {
-      "sass": "./styles/_index.scss"
-    },
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./index.d.ts",
-      "default": "./fesm2022/latitude-ui-widgets.mjs"
+      "types": "./types/latitude-widgets.d.ts",
+      "default": "./fesm2022/latitude-widgets.mjs"
     },
     "./button": {
-      "types": "./button/index.d.ts",
-      "default": "./fesm2022/latitude-ui-widgets-button.mjs"
+      "types": "./types/latitude-widgets-button.d.ts",
+      "default": "./fesm2022/latitude-widgets-button.mjs"
     },
     "./checkbox": {
-      "types": "./checkbox/index.d.ts",
-      "default": "./fesm2022/latitude-ui-widgets-checkbox.mjs"
+      "types": "./types/latitude-widgets-checkbox.d.ts",
+      "default": "./fesm2022/latitude-widgets-checkbox.mjs"
     },
-    "./core": {
-      "types": "./core/index.d.ts",
-      "default": "./fesm2022/latitude-ui-widgets-core.mjs"
-    },
-    "./icons": {
-      "types": "./icons/index.d.ts",
-      "default": "./fesm2022/latitude-ui-widgets-icons.mjs"
+    "./icon": {
+      "types": "./types/latitude-widgets-icon.d.ts",
+      "default": "./fesm2022/latitude-widgets-icon.mjs"
     },
     "./input": {
-      "types": "./input/index.d.ts",
-      "default": "./fesm2022/latitude-ui-widgets-input.mjs"
+      "types": "./types/latitude-widgets-input.d.ts",
+      "default": "./fesm2022/latitude-widgets-input.mjs"
     },
     "./listbox": {
-      "types": "./listbox/index.d.ts",
-      "default": "./fesm2022/latitude-ui-widgets-listbox.mjs"
+      "types": "./types/latitude-widgets-listbox.d.ts",
+      "default": "./fesm2022/latitude-widgets-listbox.mjs"
     },
     "./select": {
-      "types": "./select/index.d.ts",
-      "default": "./fesm2022/latitude-ui-widgets-select.mjs"
+      "types": "./types/latitude-widgets-select.d.ts",
+      "default": "./fesm2022/latitude-widgets-select.mjs"
     },
     "./switch": {
-      "types": "./switch/index.d.ts",
-      "default": "./fesm2022/latitude-ui-widgets-switch.mjs"
+      "types": "./types/latitude-widgets-switch.d.ts",
+      "default": "./fesm2022/latitude-widgets-switch.mjs"
     },
     "./textbox": {
-      "types": "./textbox/index.d.ts",
-      "default": "./fesm2022/latitude-ui-widgets-textbox.mjs"
+      "types": "./types/latitude-widgets-textbox.d.ts",
+      "default": "./fesm2022/latitude-widgets-textbox.mjs"
     },
-    "./textbox-number": {
-      "types": "./textbox-number/index.d.ts",
-      "default": "./fesm2022/latitude-ui-widgets-textbox-number.mjs"
+    "./textbox-date": {
+      "types": "./types/latitude-widgets-textbox-date.d.ts",
+      "default": "./fesm2022/latitude-widgets-textbox-date.mjs"
     },
-    "./toolbar": {
-      "types": "./toolbar/index.d.ts",
-      "default": "./fesm2022/latitude-ui-widgets-toolbar.mjs"
+    "./textbox-number": {
+      "types": "./types/latitude-widgets-textbox-number.d.ts",
+      "default": "./fesm2022/latitude-widgets-textbox-number.mjs"
     }
   },
-  "peerDependencies": {
-    "@latitude-ui/stdlib": "^0.0.1",
-    "@angular/common": "^20.0.0",
-    "@angular/core": "^20.0.0",
-    "@maskito/core": "^3.9.0",
-    "@maskito/kit": "^3.9.0"
-  },
-  "sideEffects": false,
-  "module": "fesm2022/latitude-ui-widgets.mjs",
-  "typings": "index.d.ts",
   "dependencies": {
     "tslib": "^2.3.0"
   }

package/select/README.md

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

package/switch/README.md

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

package/textbox/README.md

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

package/textbox-date/README.md

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

package/textbox-number/README.md

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

package/types/latitude-widgets-button.d.ts

@@ -0,0 +1,29 @@
+import * as _angular_core from '@angular/core';
+import { DestroyRef } from '@angular/core';
+
+type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type ButtonVariant = 'default' | 'action' | 'text' | 'subtle' | 'link';
+
+declare class ButtonDirective {
+    readonly button: any;
+    readonly role: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<ButtonSize>;
+    readonly variant: _angular_core.InputSignal<ButtonVariant>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly tabindex: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    readonly onlyicon: _angular_core.WritableSignal<boolean>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ButtonDirective, "a[lat-button],button[lat-button]", ["latButton"], { "role": { "alias": "role"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ButtonComponent extends ButtonDirective {
+    readonly destroyRef: DestroyRef;
+    constructor();
+    private _setUpClickListener;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "lat-button", ["latButton"], {}, {}, never, ["*"], true, never>;
+}
+
+export { ButtonComponent, ButtonDirective };
+export type { ButtonSize, ButtonVariant };

package/{checkbox/index.d.ts → types/latitude-widgets-checkbox.d.ts}

@@ -1,4 +1,4 @@
-import { BuildInInputValueAccessor } from '@latitude-ui/widgets/input';
+import { BuildInInputValueAccessor } from '@latitude/widgets/input';
 import * as i0 from '@angular/core';
 
 declare class CheckBoxComponent extends BuildInInputValueAccessor<boolean> {

package/types/latitude-widgets-icon.d.ts

@@ -0,0 +1,44 @@
+import * as _latitude_widgets_icon from '@latitude/widgets/icon';
+import * as i0 from '@angular/core';
+import { Renderer2, Signal, Injector, InjectionToken } from '@angular/core';
+import { Observable, Subscription } from 'rxjs';
+import { HttpClient } from '@angular/common/http';
+
+declare class IconService {
+    readonly http: HttpClient;
+    readonly rtree: Renderer2;
+    protected readonly icons: Map<string, SVGElement>;
+    protected readonly tasks: Map<string, Observable<SVGElement>>;
+    get(url: string): Observable<SVGElement>;
+    subscribe(url: Signal<string | undefined>, injector: Injector): Subscription;
+    protected normalize(text: string): SVGElement;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IconService>;
+}
+
+declare class IconComponent {
+    readonly injector: Injector;
+    readonly url: i0.InputSignal<string | undefined>;
+    readonly name: i0.InputSignal<string | undefined>;
+    readonly icon: i0.Signal<string>;
+    protected readonly iconService: IconService;
+    protected readonly iconResolver: _latitude_widgets_icon.ResolverFn;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "lat-icon", ["latIcon"], { "url": { "alias": "url"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type ResolverFn = (icon: string) => string;
+declare const ICON_ASSETS_PATH: InjectionToken<string>;
+declare const ICON_RESOLVER: InjectionToken<ResolverFn>;
+declare function provideIconAssetsPath(useFactory: () => string): {
+    provide: InjectionToken<string>;
+    useFactory: () => string;
+};
+declare function provideIconResolver(useFactory: () => ResolverFn): {
+    provide: InjectionToken<ResolverFn>;
+    useFactory: () => ResolverFn;
+};
+
+export { ICON_ASSETS_PATH, ICON_RESOLVER, IconComponent, IconService, provideIconAssetsPath, provideIconResolver };
+export type { ResolverFn };