@acorex/platform 1.0.6 → 18.0.1

package/fesm2022/acorex-platform-common-selection-list-widget-edit.component-QKw_tyOd.mjs

@@ -0,0 +1,76 @@
+import * as i3 from '@acorex/components/form';
+import { AXFormModule } from '@acorex/components/form';
+import * as i4 from '@acorex/components/selection-list';
+import { AXSelectionListModule } from '@acorex/components/selection-list';
+import { AXPWidgetEditBase } from './acorex-platform-common.mjs';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import '@acorex/components/popup';
+import '@acorex/core/date-time';
+import '@angular/router';
+import '@ngrx/effects';
+import '@ngrx/store';
+import 'rxjs';
+import '@acorex/components/decorators';
+import '@acorex/components/image';
+import '@acorex/components/button';
+import '@acorex/core/platform';
+import '@acorex/components/toast';
+import 'lodash-es';
+import '@acorex/components/skeleton';
+import '@angular/cdk/portal';
+import '@acorex/components/data-table';
+import '@acorex/core/utils';
+import '@acorex/core/format';
+import 'rxjs/operators';
+import '@acorex/components/dialog';
+import '@acorex/platform/workflow';
+
+class AXPSelectionListWidgetEditComponent extends AXPWidgetEditBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPSelectionListWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPSelectionListWidgetEditComponent, isStandalone: true, selector: "ng-component", inputs: { items: "items", valueField: "valueField", textField: "textField", multiple: "multiple" }, usesInheritance: true, ngImport: i0, template: `
+    <ax-selection-list
+      class="ax-w-max"
+      [valueField]="valueField"
+      [textField]="textField"
+      [(ngModel)]="value"
+      [items]="items"
+      [multiple]="multiple"
+      [direction]="direction"
+    >
+      @for(vl of validations;track $index) {
+      <ax-validation-rule [rule]="vl.rule" [options]="vl.options"></ax-validation-rule>
+      }
+    </ax-selection-list>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXSelectionListModule }, { kind: "component", type: i4.AXSelectionListComponent, selector: "ax-selection-list", inputs: ["id", "name", "disabled", "readonly", "tabIndex", "size", "value", "valueField", "textField", "hintField", "disabledField", "readonlyField", "multiple", "direction", "customTemplate", "showControl", "items", "look"], outputs: ["onValueChanged", "onBlur", "onFocus"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i3.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPSelectionListWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <ax-selection-list
+      class="ax-w-max"
+      [valueField]="valueField"
+      [textField]="textField"
+      [(ngModel)]="value"
+      [items]="items"
+      [multiple]="multiple"
+      [direction]="direction"
+    >
+      @for(vl of validations;track $index) {
+      <ax-validation-rule [rule]="vl.rule" [options]="vl.options"></ax-validation-rule>
+      }
+    </ax-selection-list>
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, AXSelectionListModule, FormsModule, AXFormModule],
+                    inputs: ['items', 'valueField', 'textField', 'multiple'],
+                }]
+        }] });
+
+export { AXPSelectionListWidgetEditComponent };
+//# sourceMappingURL=acorex-platform-common-selection-list-widget-edit.component-QKw_tyOd.mjs.map

package/fesm2022/acorex-platform-common-selection-list-widget-edit.component-QKw_tyOd.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-common-selection-list-widget-edit.component-QKw_tyOd.mjs","sources":["../../../../libs/platform/common/src/lib/schema/widgets/selection-list/selection-list-widget-edit.component.ts"],"sourcesContent":["import { AXDirection } from '@acorex/components/common';\r\nimport { AXFormModule } from '@acorex/components/form';\r\nimport { AXSelectionListModule } from '@acorex/components/selection-list';\r\nimport { AXPWidgetEditBase } from '../../widget/widget-base';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\n@Component({\r\n  template: `\r\n    <ax-selection-list\r\n      class=\"ax-w-max\"\r\n      [valueField]=\"valueField\"\r\n      [textField]=\"textField\"\r\n      [(ngModel)]=\"value\"\r\n      [items]=\"items\"\r\n      [multiple]=\"multiple\"\r\n      [direction]=\"direction\"\r\n    >\r\n      @for(vl of validations;track $index) {\r\n      <ax-validation-rule [rule]=\"vl.rule\" [options]=\"vl.options\"></ax-validation-rule>\r\n      }\r\n    </ax-selection-list>\r\n  `,\r\n  standalone: true,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [CommonModule, AXSelectionListModule, FormsModule, AXFormModule],\r\n  inputs: ['items', 'valueField', 'textField', 'multiple'],\r\n})\r\nexport class AXPSelectionListWidgetEditComponent extends AXPWidgetEditBase {\r\n  protected items!: any[];\r\n  protected valueField!: string;\r\n  protected textField!: string;\r\n  protected multiple!: boolean;\r\n  protected direction!: AXDirection;\r\n}\r\n"],"names":["i1"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BM,MAAO,mCAAoC,SAAQ,iBAAiB,CAAA;8GAA7D,mCAAmC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAnC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mCAAmC,EApBpC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,UAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;AAcT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAGS,YAAY,EAAE,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,qBAAqB,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,MAAA,EAAA,OAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,EAAA,eAAA,EAAA,eAAA,EAAA,UAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,OAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,WAAW,8VAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAG7D,mCAAmC,EAAA,UAAA,EAAA,CAAA;kBArB/C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;;;;AAcT,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,YAAY,EAAE,qBAAqB,EAAE,WAAW,EAAE,YAAY,CAAC;oBACzE,MAAM,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,CAAC;AACzD,iBAAA,CAAA;;;;;"}

package/fesm2022/acorex-platform-common-selection-list-widget-filter.component-DRToTnHQ.mjs

@@ -0,0 +1,65 @@
+import * as i6 from '@acorex/components/select-box';
+import { AXSelectBoxModule } from '@acorex/components/select-box';
+import { AXPWidgetFilterBase } from './acorex-platform-common.mjs';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import '@acorex/components/popup';
+import '@acorex/core/date-time';
+import '@angular/router';
+import '@ngrx/effects';
+import '@ngrx/store';
+import 'rxjs';
+import '@acorex/components/decorators';
+import '@acorex/components/image';
+import '@angular/common';
+import '@acorex/components/button';
+import '@acorex/core/platform';
+import '@acorex/components/toast';
+import 'lodash-es';
+import '@acorex/components/skeleton';
+import '@angular/cdk/portal';
+import '@acorex/components/data-table';
+import '@acorex/core/utils';
+import '@acorex/core/format';
+import 'rxjs/operators';
+import '@acorex/components/dialog';
+import '@acorex/platform/workflow';
+
+class AXPSelectionListWidgetFilterComponent extends AXPWidgetFilterBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPSelectionListWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPSelectionListWidgetFilterComponent, isStandalone: true, selector: "ng-component", inputs: { items: "items", valueField: "valueField", textField: "textField" }, outputs: { valueChange: "valueChange", operatorChange: "operatorChange", direction: "direction" }, usesInheritance: true, ngImport: i0, template: `
+    <ax-select-box
+      [placeholder]="'Select...'"
+      [valueField]="valueField"
+      [textField]="textField"
+      [dataSource]="items"
+      [multiple]="true"
+      [(ngModel)]="value"
+    ></ax-select-box>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXSelectBoxModule }, { kind: "component", type: i6.AXSelectBoxComponent, selector: "ax-select-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "id", "type", "look", "multiple", "valueField", "textField", "dataSource", "caption", "itemTemplate", "selectedTemplate", "emptyTemplate", "loadingTemplate", "dropdownWidth"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onOpened", "onClosed"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPSelectionListWidgetFilterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <ax-select-box
+      [placeholder]="'Select...'"
+      [valueField]="valueField"
+      [textField]="textField"
+      [dataSource]="items"
+      [multiple]="true"
+      [(ngModel)]="value"
+    ></ax-select-box>
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AXSelectBoxModule, FormsModule],
+                    inputs: ['items', 'valueField', 'textField'],
+                    outputs: ['valueChange', 'operatorChange', 'direction'],
+                }]
+        }] });
+
+export { AXPSelectionListWidgetFilterComponent };
+//# sourceMappingURL=acorex-platform-common-selection-list-widget-filter.component-DRToTnHQ.mjs.map

package/fesm2022/acorex-platform-common-selection-list-widget-filter.component-DRToTnHQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-common-selection-list-widget-filter.component-DRToTnHQ.mjs","sources":["../../../../libs/platform/common/src/lib/schema/widgets/selection-list/selection-list-widget-filter.component.ts"],"sourcesContent":["import { AXSelectBoxModule } from '@acorex/components/select-box';\r\nimport { AXPWidgetFilterBase } from '../../widget/widget-base';\r\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\r\nimport { FormsModule } from '@angular/forms';\r\n@Component({\r\n  template: `\r\n    <ax-select-box\r\n      [placeholder]=\"'Select...'\"\r\n      [valueField]=\"valueField\"\r\n      [textField]=\"textField\"\r\n      [dataSource]=\"items\"\r\n      [multiple]=\"true\"\r\n      [(ngModel)]=\"value\"\r\n    ></ax-select-box>\r\n  `,\r\n  standalone: true,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [AXSelectBoxModule, FormsModule],\r\n  inputs: ['items', 'valueField', 'textField'],\r\n  outputs: ['valueChange', 'operatorChange', 'direction'],\r\n})\r\nexport class AXPSelectionListWidgetFilterComponent extends AXPWidgetFilterBase {\r\n  protected items!: any[];\r\n  protected valueField!: string;\r\n  protected textField!: string;\r\n}\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBM,MAAO,qCAAsC,SAAQ,mBAAmB,CAAA;8GAAjE,qCAAqC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAArC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qCAAqC,EAhBtC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,UAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;GAST,EAGS,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAiB,yhBAAE,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAI7B,qCAAqC,EAAA,UAAA,EAAA,CAAA;kBAjBjD,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;AAST,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,OAAO,EAAE,CAAC,iBAAiB,EAAE,WAAW,CAAC;AACzC,oBAAA,MAAM,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,WAAW,CAAC;AAC5C,oBAAA,OAAO,EAAE,CAAC,aAAa,EAAE,gBAAgB,EAAE,WAAW,CAAC;AACxD,iBAAA,CAAA;;;;;"}

package/fesm2022/acorex-platform-common-selection-list-widget-view.component-CjDiuUdj.mjs

@@ -0,0 +1,69 @@
+import * as i1 from '@acorex/components/badge';
+import { AXBadgeModule } from '@acorex/components/badge';
+import { AXPWidgetBase } from './acorex-platform-common.mjs';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import '@acorex/components/popup';
+import '@acorex/core/date-time';
+import '@angular/router';
+import '@ngrx/effects';
+import '@ngrx/store';
+import 'rxjs';
+import '@acorex/components/decorators';
+import '@acorex/components/image';
+import '@angular/common';
+import '@acorex/components/button';
+import '@acorex/core/platform';
+import '@acorex/components/toast';
+import 'lodash-es';
+import '@acorex/components/skeleton';
+import '@angular/cdk/portal';
+import '@acorex/components/data-table';
+import '@acorex/core/utils';
+import '@acorex/core/format';
+import 'rxjs/operators';
+import '@acorex/components/dialog';
+import '@acorex/platform/workflow';
+
+class AXPSelectionListWidgetViewComponent extends AXPWidgetBase {
+    render() {
+        this.selectedItemIds = this.rawValue;
+        this.updateValues();
+    }
+    ngOnInit() {
+        this.updateValues();
+    }
+    updateValues() {
+        if (this.items?.length) {
+            this.selectedItems = this.items.filter((item) => {
+                if (Array.isArray(this.selectedItemIds))
+                    return this.selectedItemIds.includes(item[this.valueField]);
+                else
+                    return this.selectedItemIds == item[this.valueField];
+            });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPSelectionListWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPSelectionListWidgetViewComponent, isStandalone: true, selector: "ng-component", inputs: { context: "context", items: "items", valueField: "valueField", textField: "textField", direction: "direction" }, usesInheritance: true, ngImport: i0, template: `
+    @for (item of selectedItems; track $index) {
+    <ax-badge [class]="'ax-ms-1'" [look]="'twotone'" [text]="item[this.textField]" color="primary"></ax-badge>
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i1.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPSelectionListWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    @for (item of selectedItems; track $index) {
+    <ax-badge [class]="'ax-ms-1'" [look]="'twotone'" [text]="item[this.textField]" color="primary"></ax-badge>
+    }
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AXBadgeModule],
+                    inputs: ['context', 'items', 'valueField', 'textField', 'direction'],
+                }]
+        }] });
+
+export { AXPSelectionListWidgetViewComponent };
+//# sourceMappingURL=acorex-platform-common-selection-list-widget-view.component-CjDiuUdj.mjs.map

package/fesm2022/acorex-platform-common-selection-list-widget-view.component-CjDiuUdj.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-common-selection-list-widget-view.component-CjDiuUdj.mjs","sources":["../../../../libs/platform/common/src/lib/schema/widgets/selection-list/selection-list-widget-view.component.ts"],"sourcesContent":["import { AXBadgeModule } from '@acorex/components/badge';\r\nimport { AXPWidgetBase } from '../../widget/widget-base';\r\nimport { ChangeDetectionStrategy, Component, OnInit } from '@angular/core';\r\n@Component({\r\n  template: `\r\n    @for (item of selectedItems; track $index) {\r\n    <ax-badge [class]=\"'ax-ms-1'\" [look]=\"'twotone'\" [text]=\"item[this.textField]\" color=\"primary\"></ax-badge>\r\n    }\r\n  `,\r\n  standalone: true,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [AXBadgeModule],\r\n  inputs: ['context', 'items', 'valueField', 'textField', 'direction'],\r\n})\r\nexport class AXPSelectionListWidgetViewComponent extends AXPWidgetBase implements OnInit {\r\n  protected valueField!: string;\r\n  protected textField!: string;\r\n  protected selectedItemIds!: number[];\r\n  protected selectedItems!: any[];\r\n  protected items!: any[];\r\n\r\n  protected override render(): void {\r\n    this.selectedItemIds = this.rawValue;\r\n    this.updateValues();\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.updateValues();\r\n  }\r\n\r\n  protected updateValues() {\r\n    if (this.items?.length) {\r\n      this.selectedItems = this.items.filter((item) => {\r\n        if (Array.isArray(this.selectedItemIds)) return this.selectedItemIds.includes(item[this.valueField]);\r\n        else return this.selectedItemIds == item[this.valueField];\r\n      });\r\n    }\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAcM,MAAO,mCAAoC,SAAQ,aAAa,CAAA;IAOjD,MAAM,GAAA;AACvB,QAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,QAAQ,CAAC;QACrC,IAAI,CAAC,YAAY,EAAE,CAAC;KACrB;IAED,QAAQ,GAAA;QACN,IAAI,CAAC,YAAY,EAAE,CAAC;KACrB;IAES,YAAY,GAAA;AACpB,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE;AACtB,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,KAAI;AAC9C,gBAAA,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC;AAAE,oBAAA,OAAO,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC;;oBAChG,OAAO,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AAC5D,aAAC,CAAC,CAAC;SACJ;KACF;8GAvBU,mCAAmC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAnC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mCAAmC,EAVpC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,KAAA,EAAA,OAAA,EAAA,UAAA,EAAA,YAAA,EAAA,SAAA,EAAA,WAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAGS,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAGZ,mCAAmC,EAAA,UAAA,EAAA,CAAA;kBAX/C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,CAAA;;;;AAIT,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,aAAa,CAAC;oBACxB,MAAM,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,CAAC;AACrE,iBAAA,CAAA;;;;;"}

package/fesm2022/acorex-platform-common-signature-pad-widget-edit.component-DF29uWl2.mjs

@@ -0,0 +1,148 @@
+import * as i2 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i3 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i2$1 from '@acorex/components/image';
+import { AXImageModule } from '@acorex/components/image';
+import { AXPWidgetEditBase } from './acorex-platform-common.mjs';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { signal, effect, Component, ChangeDetectionStrategy, ViewChild } from '@angular/core';
+import '@acorex/components/popup';
+import '@acorex/core/date-time';
+import '@angular/router';
+import '@ngrx/effects';
+import '@ngrx/store';
+import 'rxjs';
+import '@acorex/core/platform';
+import '@acorex/components/toast';
+import 'lodash-es';
+import '@acorex/components/skeleton';
+import '@angular/cdk/portal';
+import '@acorex/components/data-table';
+import '@acorex/core/utils';
+import '@acorex/core/format';
+import 'rxjs/operators';
+import '@acorex/components/dialog';
+import '@acorex/platform/workflow';
+
+class AXPSignaturePadWidgetEditComponent extends AXPWidgetEditBase {
+    constructor() {
+        super(...arguments);
+        this.editMode = signal(false);
+        this.changeModeEffect = effect(() => {
+            if (this.editMode()) {
+                setTimeout(() => {
+                    this.initPad();
+                }, 100);
+            }
+        });
+    }
+    async ngOnInit() {
+        this.editMode.set(this.value ? false : true);
+    }
+    getDataURL() {
+        return this.signaturePad.toDataURL('image/svg+xml');
+    }
+    async initPad() {
+        const pad = await import('signature_pad');
+        this.signaturePad = new pad.default(this.padCanvas.nativeElement, {});
+        this.signaturePad.addEventListener('afterUpdateStroke', () => {
+            this.value = this.getDataURL();
+        });
+    }
+    clear() {
+        this.signaturePad.clear();
+        this.value = this.getDataURL();
+    }
+    downloadSVG() {
+        const link = document.createElement('a');
+        link.href = this.getDataURL();
+        link.target = '_blank';
+        link.download = 'download';
+        link.click();
+    }
+    async switchEditMode() {
+        this.editMode.update((prev) => !prev);
+    }
+    undo() {
+        let data = this.signaturePad.toData();
+        if (data) {
+            data.pop();
+            this.signaturePad.fromData(data);
+            this.value = this.getDataURL();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPSignaturePadWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPSignaturePadWidgetEditComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "padCanvas", first: true, predicate: ["padCanvas"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-flex ax-gap-3">
+      @if(editMode()){
+      <canvas width="300" class="ax-border ax-rounded-md" #padCanvas></canvas>
+      <div class="ax-flex ax-flex-col ax-col-span-1 ax-gap-3">
+        <ax-button class="ax-sm" (onClick)="downloadSVG()" look="outline" color="primary">
+          <ax-icon class="fas fa-download"></ax-icon>
+        </ax-button>
+        <ax-button class="ax-sm" (onClick)="undo()" look="outline" color="primary">
+          <ax-icon class="fas fa-rotate-left"></ax-icon>
+        </ax-button>
+        <ax-button class="ax-sm" (onClick)="clear()" look="outline" color="danger">
+          <ax-icon class="fas fa-trash ax-text-danger"></ax-icon>
+        </ax-button>
+      </div>
+      }@else{
+      <div class="ax-border ax-rounded">
+        <ax-image [src]="value">
+          <ax-overlay class="ax-flex ax-justify-center">
+            <ax-button look="twotone" color="primary" (onClick)="switchEditMode()">
+              <ax-icon class="far fa-edit"> </ax-icon>
+            </ax-button>
+          </ax-overlay>
+        </ax-image>
+      </div>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: AXImageModule }, { kind: "component", type: i2$1.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPSignaturePadWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <div class="ax-flex ax-gap-3">
+      @if(editMode()){
+      <canvas width="300" class="ax-border ax-rounded-md" #padCanvas></canvas>
+      <div class="ax-flex ax-flex-col ax-col-span-1 ax-gap-3">
+        <ax-button class="ax-sm" (onClick)="downloadSVG()" look="outline" color="primary">
+          <ax-icon class="fas fa-download"></ax-icon>
+        </ax-button>
+        <ax-button class="ax-sm" (onClick)="undo()" look="outline" color="primary">
+          <ax-icon class="fas fa-rotate-left"></ax-icon>
+        </ax-button>
+        <ax-button class="ax-sm" (onClick)="clear()" look="outline" color="danger">
+          <ax-icon class="fas fa-trash ax-text-danger"></ax-icon>
+        </ax-button>
+      </div>
+      }@else{
+      <div class="ax-border ax-rounded">
+        <ax-image [src]="value">
+          <ax-overlay class="ax-flex ax-justify-center">
+            <ax-button look="twotone" color="primary" (onClick)="switchEditMode()">
+              <ax-icon class="far fa-edit"> </ax-icon>
+            </ax-button>
+          </ax-overlay>
+        </ax-image>
+      </div>
+      }
+    </div>
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, AXButtonModule, AXDecoratorModule, AXImageModule],
+                    inputs: [],
+                }]
+        }], propDecorators: { padCanvas: [{
+                type: ViewChild,
+                args: ['padCanvas']
+            }] } });
+
+export { AXPSignaturePadWidgetEditComponent };
+//# sourceMappingURL=acorex-platform-common-signature-pad-widget-edit.component-DF29uWl2.mjs.map

package/fesm2022/acorex-platform-common-signature-pad-widget-edit.component-DF29uWl2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-common-signature-pad-widget-edit.component-DF29uWl2.mjs","sources":["../../../../libs/platform/common/src/lib/schema/widgets/signature-pad/signature-pad-widget-edit.component.ts"],"sourcesContent":["import { AXButtonModule } from '@acorex/components/button';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\nimport { AXImageModule } from '@acorex/components/image';\r\nimport { AXPWidgetEditBase } from '../../widget/widget-base';\r\nimport { CommonModule } from '@angular/common';\r\nimport {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  ElementRef,\r\n  ViewChild,\r\n  WritableSignal,\r\n  effect,\r\n  signal,\r\n} from '@angular/core';\r\nimport SignaturePad from 'signature_pad';\r\n@Component({\r\n  template: `\r\n    <div class=\"ax-flex ax-gap-3\">\r\n      @if(editMode()){\r\n      <canvas width=\"300\" class=\"ax-border ax-rounded-md\" #padCanvas></canvas>\r\n      <div class=\"ax-flex ax-flex-col ax-col-span-1 ax-gap-3\">\r\n        <ax-button class=\"ax-sm\" (onClick)=\"downloadSVG()\" look=\"outline\" color=\"primary\">\r\n          <ax-icon class=\"fas fa-download\"></ax-icon>\r\n        </ax-button>\r\n        <ax-button class=\"ax-sm\" (onClick)=\"undo()\" look=\"outline\" color=\"primary\">\r\n          <ax-icon class=\"fas fa-rotate-left\"></ax-icon>\r\n        </ax-button>\r\n        <ax-button class=\"ax-sm\" (onClick)=\"clear()\" look=\"outline\" color=\"danger\">\r\n          <ax-icon class=\"fas fa-trash ax-text-danger\"></ax-icon>\r\n        </ax-button>\r\n      </div>\r\n      }@else{\r\n      <div class=\"ax-border ax-rounded\">\r\n        <ax-image [src]=\"value\">\r\n          <ax-overlay class=\"ax-flex ax-justify-center\">\r\n            <ax-button look=\"twotone\" color=\"primary\" (onClick)=\"switchEditMode()\">\r\n              <ax-icon class=\"far fa-edit\"> </ax-icon>\r\n            </ax-button>\r\n          </ax-overlay>\r\n        </ax-image>\r\n      </div>\r\n      }\r\n    </div>\r\n  `,\r\n  standalone: true,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [CommonModule, AXButtonModule, AXDecoratorModule, AXImageModule],\r\n  inputs: [],\r\n})\r\nexport class AXPSignaturePadWidgetEditComponent extends AXPWidgetEditBase {\r\n  @ViewChild('padCanvas') padCanvas!: ElementRef<HTMLCanvasElement>;\r\n  protected signaturePad!: SignaturePad;\r\n  protected editMode: WritableSignal<boolean> = signal(false);\r\n\r\n  private changeModeEffect = effect(() => {\r\n    if (this.editMode()) {\r\n      setTimeout(() => {\r\n        this.initPad();\r\n      }, 100);\r\n    }\r\n  });\r\n\r\n  async ngOnInit() {\r\n    this.editMode.set(this.value ? false : true);\r\n  }\r\n\r\n  private getDataURL() {\r\n    return this.signaturePad.toDataURL('image/svg+xml');\r\n  }\r\n\r\n  async initPad() {\r\n    const pad = await import('signature_pad');\r\n    this.signaturePad = new pad.default(this.padCanvas.nativeElement, {});\r\n    this.signaturePad.addEventListener('afterUpdateStroke', () => {\r\n      this.value = this.getDataURL();\r\n    });\r\n  }\r\n\r\n  protected clear() {\r\n    this.signaturePad.clear();\r\n    this.value = this.getDataURL();\r\n  }\r\n\r\n  protected downloadSVG() {\r\n    const link = document.createElement('a');\r\n    link.href = this.getDataURL();\r\n    link.target = '_blank';\r\n    link.download = 'download';\r\n    link.click();\r\n  }\r\n\r\n  protected async switchEditMode() {\r\n    this.editMode.update((prev) => !prev);\r\n  }\r\n\r\n  protected undo() {\r\n    let data = this.signaturePad.toData();\r\n    if (data) {\r\n      data.pop();\r\n      this.signaturePad.fromData(data);\r\n      this.value = this.getDataURL();\r\n    }\r\n  }\r\n}\r\n"],"names":["i1","i3"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDM,MAAO,kCAAmC,SAAQ,iBAAiB,CAAA;AAlCzE,IAAA,WAAA,GAAA;;AAqCY,QAAA,IAAA,CAAA,QAAQ,GAA4B,MAAM,CAAC,KAAK,CAAC,CAAC;AAEpD,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAM,CAAC,MAAK;AACrC,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;gBACnB,UAAU,CAAC,MAAK;oBACd,IAAI,CAAC,OAAO,EAAE,CAAC;iBAChB,EAAE,GAAG,CAAC,CAAC;aACT;AACH,SAAC,CAAC,CAAC;AA2CJ,KAAA;AAzCC,IAAA,MAAM,QAAQ,GAAA;AACZ,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC;KAC9C;IAEO,UAAU,GAAA;QAChB,OAAO,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;KACrD;AAED,IAAA,MAAM,OAAO,GAAA;AACX,QAAA,MAAM,GAAG,GAAG,MAAM,OAAO,eAAe,CAAC,CAAC;AAC1C,QAAA,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE,EAAE,CAAC,CAAC;QACtE,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,MAAK;AAC3D,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;AACjC,SAAC,CAAC,CAAC;KACJ;IAES,KAAK,GAAA;AACb,QAAA,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC;AAC1B,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;KAChC;IAES,WAAW,GAAA;QACnB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;AACzC,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;AAC9B,QAAA,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;AACvB,QAAA,IAAI,CAAC,QAAQ,GAAG,UAAU,CAAC;QAC3B,IAAI,CAAC,KAAK,EAAE,CAAC;KACd;AAES,IAAA,MAAM,cAAc,GAAA;AAC5B,QAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC;KACvC;IAES,IAAI,GAAA;QACZ,IAAI,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,CAAC;QACtC,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,GAAG,EAAE,CAAC;AACX,YAAA,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AACjC,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;SAChC;KACF;8GArDU,kCAAkC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAlC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kCAAkC,EAjCnC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,WAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAGS,YAAY,EAAE,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,cAAc,EAAE,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAiB,uVAAE,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,KAAA,EAAA,KAAA,EAAA,UAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAG7D,kCAAkC,EAAA,UAAA,EAAA,CAAA;kBAlC9C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BT,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,aAAa,CAAC;AACzE,oBAAA,MAAM,EAAE,EAAE;AACX,iBAAA,CAAA;8BAEyB,SAAS,EAAA,CAAA;sBAAhC,SAAS;uBAAC,WAAW,CAAA;;;;;"}

package/fesm2022/acorex-platform-common-signature-pad-widget-view.component-BWzoR4HM.mjs

@@ -0,0 +1,63 @@
+import * as i2 from '@acorex/components/image';
+import { AXImageModule } from '@acorex/components/image';
+import { AXPWidgetBase } from './acorex-platform-common.mjs';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import '@acorex/components/popup';
+import '@acorex/core/date-time';
+import '@angular/router';
+import '@ngrx/effects';
+import '@ngrx/store';
+import 'rxjs';
+import '@acorex/components/decorators';
+import '@acorex/components/button';
+import '@acorex/core/platform';
+import '@acorex/components/toast';
+import 'lodash-es';
+import '@acorex/components/skeleton';
+import '@angular/cdk/portal';
+import '@acorex/components/data-table';
+import '@acorex/core/utils';
+import '@acorex/core/format';
+import 'rxjs/operators';
+import '@acorex/components/dialog';
+import '@acorex/platform/workflow';
+
+class AXPSignaturePadWidgetViewComponent extends AXPWidgetBase {
+    render() {
+        const dataURL = this.rawValue;
+        this.src = dataURL;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPSignaturePadWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPSignaturePadWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-w-72 ax-h-36 ax-border ax-rounded-md ax-flex ax-justify-center ax-items-center">
+      @if(src){
+      <ax-image [src]="src"></ax-image>
+      }@else{
+      <span>Not Set!</span>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXImageModule }, { kind: "component", type: i2.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPSignaturePadWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <div class="ax-w-72 ax-h-36 ax-border ax-rounded-md ax-flex ax-justify-center ax-items-center">
+      @if(src){
+      <ax-image [src]="src"></ax-image>
+      }@else{
+      <span>Not Set!</span>
+      }
+    </div>
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, AXImageModule],
+                    inputs: [],
+                }]
+        }] });
+
+export { AXPSignaturePadWidgetViewComponent };
+//# sourceMappingURL=acorex-platform-common-signature-pad-widget-view.component-BWzoR4HM.mjs.map

package/fesm2022/acorex-platform-common-signature-pad-widget-view.component-BWzoR4HM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-platform-common-signature-pad-widget-view.component-BWzoR4HM.mjs","sources":["../../../../libs/platform/common/src/lib/schema/widgets/signature-pad/signature-pad-widget-view.component.ts"],"sourcesContent":["import { AXImageModule } from '@acorex/components/image';\r\nimport { AXPWidgetBase } from '../../widget/widget-base';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component } from '@angular/core';\r\n@Component({\r\n  template: `\r\n    <div class=\"ax-w-72 ax-h-36 ax-border ax-rounded-md ax-flex ax-justify-center ax-items-center\">\r\n      @if(src){\r\n      <ax-image [src]=\"src\"></ax-image>\r\n      }@else{\r\n      <span>Not Set!</span>\r\n      }\r\n    </div>\r\n  `,\r\n  standalone: true,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [CommonModule, AXImageModule],\r\n  inputs: [],\r\n})\r\nexport class AXPSignaturePadWidgetViewComponent extends AXPWidgetBase {\r\n  protected src: any;\r\n\r\n  override render() {\r\n    const dataURL = this.rawValue;\r\n    this.src = dataURL;\r\n  }\r\n}\r\n"],"names":["i1"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmBM,MAAO,kCAAmC,SAAQ,aAAa,CAAA;IAG1D,MAAM,GAAA;AACb,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;AAC9B,QAAA,IAAI,CAAC,GAAG,GAAG,OAAO,CAAC;KACpB;8GANU,kCAAkC,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAlC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kCAAkC,EAdnC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;GAQT,EAGS,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,YAAY,8BAAE,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,KAAA,EAAA,KAAA,EAAA,UAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAG1B,kCAAkC,EAAA,UAAA,EAAA,CAAA;kBAf9C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;AAQT,EAAA,CAAA;AACD,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC;AACtC,oBAAA,MAAM,EAAE,EAAE;AACX,iBAAA,CAAA;;;;;"}

package/fesm2022/acorex-platform-common-string-widget-filter.component-Di_GFHme.mjs

@@ -0,0 +1,147 @@
+import * as i2$1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i3 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i3$1 from '@acorex/components/popover';
+import { AXPopoverModule } from '@acorex/components/popover';
+import { AXSelectBoxModule } from '@acorex/components/select-box';
+import * as i4$1 from '@acorex/components/selection-list';
+import { AXSelectionListModule } from '@acorex/components/selection-list';
+import * as i4 from '@acorex/components/text-box';
+import { AXTextBoxModule } from '@acorex/components/text-box';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { AXPWidgetFilterBase } from './acorex-platform-common.mjs';
+import '@acorex/components/popup';
+import '@acorex/core/date-time';
+import '@angular/router';
+import '@ngrx/effects';
+import '@ngrx/store';
+import 'rxjs';
+import '@acorex/components/image';
+import '@angular/common';
+import '@acorex/core/platform';
+import '@acorex/components/toast';
+import 'lodash-es';
+import '@acorex/components/skeleton';
+import '@angular/cdk/portal';
+import '@acorex/components/data-table';
+import '@acorex/core/utils';
+import '@acorex/core/format';
+import 'rxjs/operators';
+import '@acorex/components/dialog';
+import '@acorex/platform/workflow';
+
+class AXPStringWidgetFilterComponent extends AXPWidgetFilterBase {
+    constructor() {
+        super(...arguments);
+        this.operations = [];
+    }
+    getOperatorHasValue() {
+        const operator = this.operations.find((op) => op.name == this.operator);
+        return !operator || operator.hasValue ? true : false;
+    }
+    render() {
+        this.operations = this.schema.filterOptions.operators;
+    }
+    ngOnInit() {
+        this.clearValue();
+    }
+    clearValue() {
+        if (!this.getOperatorHasValue())
+            this.value = '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPStringWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPStringWidgetFilterComponent, isStandalone: true, selector: "axp-string-widget-filter", inputs: { value: "value", operator: "operator" }, outputs: { valueChange: "valueChange", operatorChange: "operatorChange" }, usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-flex ax-items-center">
+      <ax-text-box class="ax-flex-1" [disabled]="!this.getOperatorHasValue()" [(ngModel)]="value">
+        <ax-clear-button></ax-clear-button>
+      </ax-text-box>
+      @if(operations.length){
+      <ax-button #changeOperator look="blank" color="default" class="ax-sm">
+        <ax-icon class="fa-solid fa-ellipsis-vertical"></ax-icon>
+      </ax-button>
+      <ax-popover
+        #operatorsPopover
+        [target]="changeOperator"
+        [openOn]="'toggle'"
+        [closeOn]="'clickOut'"
+        [adaptivityEnabled]="true"
+      >
+        <div
+          class="ax-max-h-max ax-overflow-auto ax-bg-surface ax-py-5 ax-px-3 ax-border ax-border-default ax-rounded-md ax-shadow-md ax-w-full ax-min-w-[250px]"
+        >
+          <ax-selection-list
+            class=""
+            [valueField]="'name'"
+            [textField]="'title'"
+            [(ngModel)]="operator"
+            (ngModelChange)="operatorsPopover.close(); clearValue()"
+            [direction]="'vertical'"
+            [items]="operations"
+            [multiple]="false"
+          ></ax-selection-list>
+        </div>
+      </ax-popover>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i4.AXTextBoxComponent, selector: "ax-text-box", inputs: ["disabled", "tabIndex", "readonly", "value", "state", "name", "id", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "look", "mask-options", "class"], outputs: ["onBlur", "onFocus", "valueChange", "stateChange", "onValueChanged", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "ngmodule", type: AXPopoverModule }, { kind: "component", type: i3$1.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "ngmodule", type: AXSelectionListModule }, { kind: "component", type: i4$1.AXSelectionListComponent, selector: "ax-selection-list", inputs: ["id", "name", "disabled", "readonly", "tabIndex", "size", "value", "valueField", "textField", "hintField", "disabledField", "readonlyField", "multiple", "direction", "customTemplate", "showControl", "items", "look"], outputs: ["onValueChanged", "onBlur", "onFocus"] }, { kind: "ngmodule", type: AXSelectBoxModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPStringWidgetFilterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-string-widget-filter',
+                    template: `
+    <div class="ax-flex ax-items-center">
+      <ax-text-box class="ax-flex-1" [disabled]="!this.getOperatorHasValue()" [(ngModel)]="value">
+        <ax-clear-button></ax-clear-button>
+      </ax-text-box>
+      @if(operations.length){
+      <ax-button #changeOperator look="blank" color="default" class="ax-sm">
+        <ax-icon class="fa-solid fa-ellipsis-vertical"></ax-icon>
+      </ax-button>
+      <ax-popover
+        #operatorsPopover
+        [target]="changeOperator"
+        [openOn]="'toggle'"
+        [closeOn]="'clickOut'"
+        [adaptivityEnabled]="true"
+      >
+        <div
+          class="ax-max-h-max ax-overflow-auto ax-bg-surface ax-py-5 ax-px-3 ax-border ax-border-default ax-rounded-md ax-shadow-md ax-w-full ax-min-w-[250px]"
+        >
+          <ax-selection-list
+            class=""
+            [valueField]="'name'"
+            [textField]="'title'"
+            [(ngModel)]="operator"
+            (ngModelChange)="operatorsPopover.close(); clearValue()"
+            [direction]="'vertical'"
+            [items]="operations"
+            [multiple]="false"
+          ></ax-selection-list>
+        </div>
+      </ax-popover>
+      }
+    </div>
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [
+                        AXTextBoxModule,
+                        FormsModule,
+                        AXDecoratorModule,
+                        AXButtonModule,
+                        AXPopoverModule,
+                        AXSelectionListModule,
+                        AXSelectBoxModule,
+                    ],
+                    outputs: ['valueChange', 'operatorChange'],
+                    inputs: ['value', 'operator'],
+                }]
+        }] });
+
+export { AXPStringWidgetFilterComponent };
+//# sourceMappingURL=acorex-platform-common-string-widget-filter.component-Di_GFHme.mjs.map