@acorex/components 20.3.36 → 20.3.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/color-palette/index.d.ts +1 -2
- package/fesm2022/acorex-components-color-palette.mjs +3 -8
- package/fesm2022/acorex-components-color-palette.mjs.map +1 -1
- package/fesm2022/acorex-components-conversation2.mjs +6 -6
- package/fesm2022/acorex-components-conversation2.mjs.map +1 -1
- package/fesm2022/acorex-components-flow-chart.mjs +1 -1
- package/fesm2022/acorex-components-flow-chart.mjs.map +1 -1
- package/fesm2022/acorex-components-media-viewer.mjs +57 -22
- package/fesm2022/acorex-components-media-viewer.mjs.map +1 -1
- package/fesm2022/acorex-components-number-box.mjs +1 -1
- package/fesm2022/acorex-components-number-box.mjs.map +1 -1
- package/fesm2022/acorex-components-phone-box.mjs +2 -2
- package/fesm2022/acorex-components-phone-box.mjs.map +1 -1
- package/fesm2022/acorex-components-query-builder.mjs +1 -1
- package/fesm2022/acorex-components-query-builder.mjs.map +1 -1
- package/fesm2022/acorex-components-rest-api-generator.mjs +4 -4
- package/fesm2022/acorex-components-rest-api-generator.mjs.map +1 -1
- package/fesm2022/acorex-components-text-box.mjs +33 -129
- package/fesm2022/acorex-components-text-box.mjs.map +1 -1
- package/fesm2022/acorex-components-time-duration.mjs +8 -8
- package/fesm2022/acorex-components-time-duration.mjs.map +1 -1
- package/media-viewer/index.d.ts +62 -55
- package/package.json +7 -8
- package/text-box/index.d.ts +29 -48
- package/time-duration/index.d.ts +2 -1
package/color-palette/index.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { AXValueChangedEvent, AXOptionChangedEvent, MXBaseComponent, MXValueComponent } from '@acorex/cdk/common';
|
|
2
|
-
import { AXMaskOptions } from '@acorex/components/text-box';
|
|
3
2
|
import * as i0 from '@angular/core';
|
|
4
3
|
import { EventEmitter, AfterViewInit, OnDestroy, ElementRef, OnInit, QueryList } from '@angular/core';
|
|
5
4
|
|
|
@@ -53,7 +52,7 @@ declare class AXColorPaletteInputComponent extends MXBaseComponent implements Af
|
|
|
53
52
|
/**
|
|
54
53
|
* @ignore
|
|
55
54
|
*/
|
|
56
|
-
protected _hexMaskOptions:
|
|
55
|
+
protected _hexMaskOptions: string;
|
|
57
56
|
/**
|
|
58
57
|
* @ignore
|
|
59
58
|
*/
|
|
@@ -355,12 +355,7 @@ class AXColorPaletteInputComponent extends MXBaseComponent {
|
|
|
355
355
|
/**
|
|
356
356
|
* @ignore
|
|
357
357
|
*/
|
|
358
|
-
this._hexMaskOptions = {
|
|
359
|
-
mask: /^#[0-9a-f]{0,6}[0-9a-f]{0,2}$/i,
|
|
360
|
-
prepare: (str, m, a) => {
|
|
361
|
-
return m.typedValue?.startsWith('#') || str == '#' ? str.trim() : '#' + str.trim();
|
|
362
|
-
},
|
|
363
|
-
};
|
|
358
|
+
this._hexMaskOptions = '/^#[0-9a-f]{0,6}[0-9a-f]{0,2}$/i';
|
|
364
359
|
const _parent = this._parent;
|
|
365
360
|
const _unsubscriber = this._unsubscriber;
|
|
366
361
|
_parent.onValueChanged.pipe(_unsubscriber.takeUntilDestroy).subscribe((e) => {
|
|
@@ -447,7 +442,7 @@ class AXColorPaletteInputComponent extends MXBaseComponent {
|
|
|
447
442
|
},
|
|
448
443
|
AXUnsubscriber,
|
|
449
444
|
{ provide: AXComponent, useExisting: AXColorPaletteInputComponent },
|
|
450
|
-
], usesInheritance: true, ngImport: i0, template: "<div class=\"palette-inputs ax-sm\">\n <div class=\"select-box-container\">\n <ax-select-box\n [dataSource]=\"['hex', 'rgba']\"\n [(ngModel)]=\"_colorMode\"\n (ngModelChange)=\"_handleChangeInputMode()\"\n [disabled]=\"_parent.disabled\"\n >\n </ax-select-box>\n </div>\n @switch (_colorMode) {\n @case ('hex') {\n <div>\n <ax-text-box\n [ngModel]=\"_hex\"\n [disabled]=\"_parent.disabled\"\n [readonly]=\"_parent.readonly\"\n [state]=\"isValid ? 'clear' : 'error'\"\n (onValueChanged)=\"_handleHEXAValueChanged($event)\"\n
|
|
445
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"palette-inputs ax-sm\">\n <div class=\"select-box-container\">\n <ax-select-box\n [dataSource]=\"['hex', 'rgba']\"\n [(ngModel)]=\"_colorMode\"\n (ngModelChange)=\"_handleChangeInputMode()\"\n [disabled]=\"_parent.disabled\"\n >\n </ax-select-box>\n </div>\n @switch (_colorMode) {\n @case ('hex') {\n <div>\n <ax-text-box\n [ngModel]=\"_hex\"\n [disabled]=\"_parent.disabled\"\n [readonly]=\"_parent.readonly\"\n [state]=\"isValid ? 'clear' : 'error'\"\n (onValueChanged)=\"_handleHEXAValueChanged($event)\"\n >\n </ax-text-box>\n </div>\n }\n @case ('rgba') {\n <div>\n <ax-number-box\n name=\"r\"\n [minValue]=\"0\"\n [maxValue]=\"255\"\n [ngModel]=\"_rgba.r\"\n [showSpinButtons]=\"false\"\n [disabled]=\"_parent.disabled\"\n [readonly]=\"_parent.readonly\"\n (onValueChanged)=\"_handleRGBAValueChanged($event)\"\n >\n </ax-number-box>\n </div>\n <div>\n <ax-number-box\n name=\"g\"\n [minValue]=\"0\"\n [maxValue]=\"255\"\n [ngModel]=\"_rgba.g\"\n [showSpinButtons]=\"false\"\n [disabled]=\"_parent.disabled\"\n [readonly]=\"_parent.readonly\"\n (onValueChanged)=\"_handleRGBAValueChanged($event)\"\n >\n </ax-number-box>\n </div>\n <div>\n <ax-number-box\n name=\"b\"\n [minValue]=\"0\"\n [maxValue]=\"255\"\n [ngModel]=\"_rgba.b\"\n [showSpinButtons]=\"false\"\n [disabled]=\"_parent.disabled\"\n [readonly]=\"_parent.readonly\"\n (onValueChanged)=\"_handleRGBAValueChanged($event)\"\n >\n </ax-number-box>\n </div>\n <div>\n <ax-number-box\n name=\"a\"\n [minValue]=\"0\"\n [maxValue]=\"1\"\n [ngModel]=\"_rgba.a\"\n [decimals]=\"2\"\n [step]=\"0.1\"\n [disabled]=\"_parent.disabled\"\n [readonly]=\"_parent.readonly\"\n [showSpinButtons]=\"false\"\n (onValueChanged)=\"_handleRGBAValueChanged($event)\"\n >\n </ax-number-box>\n </div>\n }\n }\n</div>\n", styles: [".ax-bold{font-weight:700}\n"], dependencies: [{ kind: "component", type: AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "disabledField", "textTemplate", "selectedItems", "isItemTruncated", "showItemTooltip", "itemHeight", "maxVisibleItems", "dataSource", "minRecordsForSearch", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth", "searchBoxAutoFocus"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed", "onItemSelected", "onItemClick"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "maskPattern", "customTokens", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "component", type: AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "minValue", "maxValue", "showSpinButtons", "thousandsSeparator", "decimals", "changeOnScroll", "step"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress", "thousandsSeparatorChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
451
446
|
}
|
|
452
447
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AXColorPaletteInputComponent, decorators: [{
|
|
453
448
|
type: Component,
|
|
@@ -458,7 +453,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
|
|
|
458
453
|
},
|
|
459
454
|
AXUnsubscriber,
|
|
460
455
|
{ provide: AXComponent, useExisting: AXColorPaletteInputComponent },
|
|
461
|
-
], imports: [AXSelectBoxComponent, FormsModule, AXTextBoxComponent, AXNumberBoxComponent], template: "<div class=\"palette-inputs ax-sm\">\n <div class=\"select-box-container\">\n <ax-select-box\n [dataSource]=\"['hex', 'rgba']\"\n [(ngModel)]=\"_colorMode\"\n (ngModelChange)=\"_handleChangeInputMode()\"\n [disabled]=\"_parent.disabled\"\n >\n </ax-select-box>\n </div>\n @switch (_colorMode) {\n @case ('hex') {\n <div>\n <ax-text-box\n [ngModel]=\"_hex\"\n [disabled]=\"_parent.disabled\"\n [readonly]=\"_parent.readonly\"\n [state]=\"isValid ? 'clear' : 'error'\"\n (onValueChanged)=\"_handleHEXAValueChanged($event)\"\n
|
|
456
|
+
], imports: [AXSelectBoxComponent, FormsModule, AXTextBoxComponent, AXNumberBoxComponent], template: "<div class=\"palette-inputs ax-sm\">\n <div class=\"select-box-container\">\n <ax-select-box\n [dataSource]=\"['hex', 'rgba']\"\n [(ngModel)]=\"_colorMode\"\n (ngModelChange)=\"_handleChangeInputMode()\"\n [disabled]=\"_parent.disabled\"\n >\n </ax-select-box>\n </div>\n @switch (_colorMode) {\n @case ('hex') {\n <div>\n <ax-text-box\n [ngModel]=\"_hex\"\n [disabled]=\"_parent.disabled\"\n [readonly]=\"_parent.readonly\"\n [state]=\"isValid ? 'clear' : 'error'\"\n (onValueChanged)=\"_handleHEXAValueChanged($event)\"\n >\n </ax-text-box>\n </div>\n }\n @case ('rgba') {\n <div>\n <ax-number-box\n name=\"r\"\n [minValue]=\"0\"\n [maxValue]=\"255\"\n [ngModel]=\"_rgba.r\"\n [showSpinButtons]=\"false\"\n [disabled]=\"_parent.disabled\"\n [readonly]=\"_parent.readonly\"\n (onValueChanged)=\"_handleRGBAValueChanged($event)\"\n >\n </ax-number-box>\n </div>\n <div>\n <ax-number-box\n name=\"g\"\n [minValue]=\"0\"\n [maxValue]=\"255\"\n [ngModel]=\"_rgba.g\"\n [showSpinButtons]=\"false\"\n [disabled]=\"_parent.disabled\"\n [readonly]=\"_parent.readonly\"\n (onValueChanged)=\"_handleRGBAValueChanged($event)\"\n >\n </ax-number-box>\n </div>\n <div>\n <ax-number-box\n name=\"b\"\n [minValue]=\"0\"\n [maxValue]=\"255\"\n [ngModel]=\"_rgba.b\"\n [showSpinButtons]=\"false\"\n [disabled]=\"_parent.disabled\"\n [readonly]=\"_parent.readonly\"\n (onValueChanged)=\"_handleRGBAValueChanged($event)\"\n >\n </ax-number-box>\n </div>\n <div>\n <ax-number-box\n name=\"a\"\n [minValue]=\"0\"\n [maxValue]=\"1\"\n [ngModel]=\"_rgba.a\"\n [decimals]=\"2\"\n [step]=\"0.1\"\n [disabled]=\"_parent.disabled\"\n [readonly]=\"_parent.readonly\"\n [showSpinButtons]=\"false\"\n (onValueChanged)=\"_handleRGBAValueChanged($event)\"\n >\n </ax-number-box>\n </div>\n }\n }\n</div>\n", styles: [".ax-bold{font-weight:700}\n"] }]
|
|
462
457
|
}], ctorParameters: () => [], propDecorators: { __hostClass: [{
|
|
463
458
|
type: HostBinding,
|
|
464
459
|
args: ['class']
|