@acorex/components 18.12.38 → 18.12.40

package/fesm2022/acorex-components-common.mjs

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, signal, afterNextRender, Injectable, Directive, Host, Self, Optional, Input, Inject, NgModule, ChangeDetectorRef, ViewContainerRef, EventEmitter, InjectionToken, Output, input, effect } from '@angular/core';
+import { model, output, Component, inject, ElementRef, signal, afterNextRender, Injectable, Directive, Host, Self, Optional, Input, Inject, NgModule, ChangeDetectorRef, ViewContainerRef, EventEmitter, InjectionToken, Output, input, effect } from '@angular/core';
+import { AXHtmlUtil } from '@acorex/core/utils';
 import { flatten, clone, filter, isEqual } from 'lodash-es';
 import { DataSource } from '@angular/cdk/collections';
 import { Subscription, BehaviorSubject, debounceTime, distinctUntilChanged, Subject, fromEvent, noop, skip } from 'rxjs';
@@ -8,13 +9,42 @@ import * as i1 from '@angular/platform-browser';
 import { Observable } from 'rxjs/internal/Observable';
 import { map, pairwise, filter as filter$1, startWith, exhaustMap } from 'rxjs/operators';
 import { classes } from 'polytype';
-import { AXHtmlUtil } from '@acorex/core/utils';
 import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
 import { isBrowser } from '@acorex/core/platform';
 import { AXValidationService } from '@acorex/core/validation';
 import { AXFormatService } from '@acorex/core/format';
 import * as i1$1 from '@angular/forms';
 
+class NXButtonComponent {
+    constructor() {
+        this.text = model();
+        this.toggleableChange = output();
+        this.selectedChange = output();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: NXButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.0", type: NXButtonComponent, selector: "ng-component", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { text: "textChange", toggleableChange: "toggleableChange", selectedChange: "selectedChange" }, ngImport: i0, template: '', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: NXButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: '',
+                }]
+        }] });
+
+class NXColorComponent {
+    constructor() {
+        this.color = model('ghost');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: NXColorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.0", type: NXColorComponent, selector: "ng-component", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { color: "colorChange" }, ngImport: i0, template: '', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: NXColorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: '',
+                }]
+        }] });
+
 class NXComponent {
     constructor() {
         this.#elementRef = inject(ElementRef);
@@ -59,6 +89,64 @@ class NXNativeEvent extends NXEvent {
 class NXClickEvent extends NXNativeEvent {
 }
 
+class NXInteractiveComponent extends NXComponent {
+    constructor() {
+        super(...arguments);
+        this.disabled = model(false);
+        this.tabIndex = model(0);
+        this.onFocus = output();
+        this.onBlur = output();
+    }
+    focus() {
+        AXHtmlUtil.focusElement(this.nativeElement);
+    }
+    blur() {
+        AXHtmlUtil.blurElement(this.nativeElement);
+    }
+    hasFocus() {
+        return AXHtmlUtil.hasFocus(this.nativeElement);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: NXInteractiveComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.0", type: NXInteractiveComponent, selector: "ng-component", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", tabIndex: "tabIndexChange", onFocus: "onFocus", onBlur: "onBlur" }, usesInheritance: true, ngImport: i0, template: '', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: NXInteractiveComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: '',
+                }]
+        }] });
+
+class NXLookComponent {
+    constructor() {
+        this.look = model('solid');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: NXLookComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.0", type: NXLookComponent, selector: "ng-component", inputs: { look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { look: "lookChange" }, ngImport: i0, template: '', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: NXLookComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: '',
+                }]
+        }] });
+
+class NXValueComponent {
+    constructor() {
+        this.readonly = model();
+        this.name = model();
+        this.value = model();
+        this.onValueChanged = output();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: NXValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.0", type: NXValueComponent, selector: "ng-component", inputs: { readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { readonly: "readonlyChange", name: "nameChange", value: "valueChange", onValueChanged: "onValueChanged" }, ngImport: i0, template: '', isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: NXValueComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: '',
+                }]
+        }] });
+
 const defaultOffset = 3;
 function convertToPlacement(value) {
     const result = [];
@@ -992,15 +1080,15 @@ class MXInteractiveComponent extends MXBaseComponent {
     constructor() {
         super(...arguments);
         /**
-       *  @ignore
-       */
+         *  @ignore
+         */
         this.onTouchedCallback = noop;
         this._touched = false;
         /**
-       * Emits an event whenever the disabled state of the component changes.
-       *
-       * @event
-       */
+         * Emits an event whenever the disabled state of the component changes.
+         *
+         * @event
+         */
         this.disabledChange = new EventEmitter();
         this._tabIndex = 0;
         /**
@@ -1025,15 +1113,15 @@ class MXInteractiveComponent extends MXBaseComponent {
         this.onTouchedCallback = fn;
     }
     /**
-   * Indicates whether the component has been touched.
-   *
-   */
+     * Indicates whether the component has been touched.
+     *
+     */
     get touched() {
         return this._touched;
     }
     /**
-   *  @ignore
-   */
+     *  @ignore
+     */
     markAsTouched() {
         if (!this.touched) {
             this.onTouchedCallback();
@@ -1156,8 +1244,8 @@ class MXButtonBaseComponent extends classes(MXInteractiveComponent, MXColorLookC
         });
     }
     /**
-   *  @ignore
-   */
+     *  @ignore
+     */
     constructor() {
         super();
         /**
@@ -1167,17 +1255,17 @@ class MXButtonBaseComponent extends classes(MXInteractiveComponent, MXColorLookC
          */
         this.textChange = new EventEmitter();
         /**
-       * Emits an event when the toggleable state of the action sheet changes.
-       *
-       * @event
-       */
+         * Emits an event when the toggleable state of the action sheet changes.
+         *
+         * @event
+         */
         this.toggleableChange = new EventEmitter();
         this._toggleable = false;
         /**
-       * Emits an event whenever the selection state of the component changes.
-       *
-       * @event
-       */
+         * Emits an event whenever the selection state of the component changes.
+         *
+         * @event
+         */
         this.selectedChange = new EventEmitter();
         this._selected = false;
     }
@@ -1546,11 +1634,15 @@ class MXSelectionValueComponent extends MXValueComponent {
         if (value == null || (isArray && value.length == 0)) {
             return this.multiple ? [] : null;
         }
-        const normalizedItems = isArray ? this.normalizeItemsList(value, true) : this.normalizeItemsList([value], true);
+        const normalizedItems = isArray
+            ? this.normalizeItemsList(value, true)
+            : this.normalizeItemsList([value], true);
         if (normalizedItems.length == 0) {
             return this.multiple ? [] : null;
         }
-        const result = this.multiple ? normalizedItems.map((c) => c[this.valueField]) : normalizedItems[0][this.valueField];
+        const result = this.multiple
+            ? normalizedItems.map((c) => c[this.valueField])
+            : normalizedItems[0][this.valueField];
         return result;
     }
     emitOnValueChangedEvent(oldValue, newValue) {
@@ -1620,14 +1712,18 @@ class MXSelectionValueComponent extends MXValueComponent {
             this.commitValue([], true);
             return;
         }
-        const normalizeItems = Array.isArray(items) ? this.normalizeItemsList(items) : [this.normalizeItem(items)];
+        const normalizeItems = Array.isArray(items)
+            ? this.normalizeItemsList(items)
+            : [this.normalizeItem(items)];
         const newSelectedItems = this.selectedItems.filter((i) => !normalizeItems.some((n) => n[this.valueField] == i[this.valueField]));
         this.commitValue(newSelectedItems, true);
     }
     selectItems(...items) {
         if (items && items.length) {
             let newSelectedItems = Array.isArray(this.value) ? this.value : [this.value];
-            const normalizeItems = Array.isArray(items) ? this.normalizeItemsList(items) : [this.normalizeItem(items)];
+            const normalizeItems = Array.isArray(items)
+                ? this.normalizeItemsList(items)
+                : [this.normalizeItem(items)];
             if (this.multiple) {
                 newSelectedItems = [...newSelectedItems, ...normalizeItems];
             }
@@ -1836,5 +1932,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXAutoFocusDirective, AXButtonClickEvent, AXClearableComponent, AXClickEvent, AXClosbaleComponent, AXCommonModule, AXComponent, AXComponentCloseEvent, AXComponentClosedPromise, AXComponentClosing, AXComponentResult, AXDataSource, AXDomService, AXEvent, AXFocusEvent, AXFocusableComponent, AXHotkeyDirective, AXHotkeysService, AXHtmlEvent, AXInfiniteScrollerDirective, AXInvertedColorDirective, AXItemClickEvent, AXListDataSource, AXNgModelDelayedValueChangedDirective, AXOptionChangedEvent, AXPagedComponent, AXRangeChangedEvent, AXResponsiveDirective, AXRippleDirective, AXSearchableComponent, AXSelectionValueChangedEvent, AXValuableComponent, AXValueChangedEvent, AX_LOCATIONS, AX_PLACEMENT_BOTTOM, AX_PLACEMENT_BOTTOM_END, AX_PLACEMENT_BOTTOM_START, AX_PLACEMENT_END, AX_PLACEMENT_END_BOTTOM, AX_PLACEMENT_END_TOP, AX_PLACEMENT_MAP, AX_PLACEMENT_START, AX_PLACEMENT_START_BOTTOM, AX_PLACEMENT_START_TOP, AX_PLACEMENT_TOP, AX_PLACEMENT_TOP_END, AX_PLACEMENT_TOP_START, AX_SELECTION_DATA_TOKEN, AX_STYLE_COLOR_TYPES, AX_STYLE_LOOK_TYPES, MXBaseComponent, MXButtonBaseComponent, MXColorComponent, MXColorLookComponent, MXInputBaseValueComponent, MXInteractiveComponent, MXLookComponent, MXLookableComponent, MXSelectionBridgeService, MXSelectionValueComponent, MXValueComponent, NXClickEvent, NXComponent, NXEvent, NXNativeEvent, TAB_META_KEY, convertArrayToDataSource, convertToPlacement };
+export { AXAutoFocusDirective, AXButtonClickEvent, AXClearableComponent, AXClickEvent, AXClosbaleComponent, AXCommonModule, AXComponent, AXComponentCloseEvent, AXComponentClosedPromise, AXComponentClosing, AXComponentResult, AXDataSource, AXDomService, AXEvent, AXFocusEvent, AXFocusableComponent, AXHotkeyDirective, AXHotkeysService, AXHtmlEvent, AXInfiniteScrollerDirective, AXInvertedColorDirective, AXItemClickEvent, AXListDataSource, AXNgModelDelayedValueChangedDirective, AXOptionChangedEvent, AXPagedComponent, AXRangeChangedEvent, AXResponsiveDirective, AXRippleDirective, AXSearchableComponent, AXSelectionValueChangedEvent, AXValuableComponent, AXValueChangedEvent, AX_LOCATIONS, AX_PLACEMENT_BOTTOM, AX_PLACEMENT_BOTTOM_END, AX_PLACEMENT_BOTTOM_START, AX_PLACEMENT_END, AX_PLACEMENT_END_BOTTOM, AX_PLACEMENT_END_TOP, AX_PLACEMENT_MAP, AX_PLACEMENT_START, AX_PLACEMENT_START_BOTTOM, AX_PLACEMENT_START_TOP, AX_PLACEMENT_TOP, AX_PLACEMENT_TOP_END, AX_PLACEMENT_TOP_START, AX_SELECTION_DATA_TOKEN, AX_STYLE_COLOR_TYPES, AX_STYLE_LOOK_TYPES, MXBaseComponent, MXButtonBaseComponent, MXColorComponent, MXColorLookComponent, MXInputBaseValueComponent, MXInteractiveComponent, MXLookComponent, MXLookableComponent, MXSelectionBridgeService, MXSelectionValueComponent, MXValueComponent, NXButtonComponent, NXClickEvent, NXColorComponent, NXComponent, NXEvent, NXInteractiveComponent, NXLookComponent, NXNativeEvent, NXValueComponent, TAB_META_KEY, convertArrayToDataSource, convertToPlacement };
 //# sourceMappingURL=acorex-components-common.mjs.map