@acorex/platform 1.0.0

package/esm2022/layouts/lib/widgets/password/change-password.component.mjs

@@ -0,0 +1,175 @@
+import { AXButtonModule } from '@acorex/components/button';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXFormComponent, AXFormModule } from '@acorex/components/form';
+import { AXLabelModule } from '@acorex/components/label';
+import { AXPasswordBoxModule } from '@acorex/components/password-box';
+import { AXProgressBarModule } from '@acorex/components/progress-bar';
+import { AXTextBoxModule } from '@acorex/components/text-box';
+import { AXTranslationModule } from '@acorex/core/translation';
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, Input, ViewChild } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@acorex/components/button";
+import * as i2 from "@acorex/components/decorators";
+import * as i3 from "@acorex/components/form";
+import * as i4 from "@acorex/components/label";
+import * as i5 from "@acorex/components/progress-bar";
+import * as i6 from "@acorex/components/password-box";
+import * as i7 from "@angular/forms";
+export class ChangePassword {
+    constructor() {
+        this.newPass = '';
+        this.newPassConfirm = '';
+        this.passwordStrength = 0;
+        this.strengthLabel = 'week';
+        this.strengthLabelColor = 'danger';
+        this.checkMatchingPasswords = (e) => { result: this.newPass === this.newPassConfirm; };
+    }
+    confirm() {
+        this.form.validate().then((res) => {
+            if (!res.result)
+                return;
+            console.log('done');
+        });
+    }
+    checkPasswordStrength(password) {
+        let strength = 0;
+        const criteria = [/.{8,}/, /[A-Z]/, /[a-z]/, /\d/, /[!@#$%^&*(),.?":{}|<>]/];
+        criteria.forEach((regex) => {
+            if (regex.test(password))
+                strength++;
+        });
+        this.strengthLabel = strength <= 2 ? 'Week' : strength == 3 ? 'So-so' : strength == 4 ? 'Good' : 'Great';
+        this.strengthLabelColor = strength <= 2 ? 'danger' : strength <= 3 ? 'warning' : 'success';
+        this.passwordStrength = (strength * 100) / criteria.length;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: ChangePassword, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: ChangePassword, isStandalone: true, selector: "ng-component", inputs: { password: "password", currentPass: "currentPass" }, viewQueries: [{ propertyName: "form", first: true, predicate: AXFormComponent, descendants: true }], ngImport: i0, template: `<div class="ax-p-5">
+      <ax-form updateOn="submit" messageStyle="bottom">
+        @if (currentPass) {
+        <ax-form-field class="ax-mb-4">
+          <ax-label>Current Password</ax-label>
+          <ax-password-box>
+            <ax-validation-rule  rule="required"></ax-validation-rule>
+          </ax-password-box>
+        </ax-form-field>
+        }
+        <div class="ax-mb-4">
+          <ax-form-field>
+            <div class="ax-flex ax-justify-between ax-items-center">
+              <ax-label>New Password</ax-label>
+            </div>
+            <ax-password-box [(ngModel)]="newPass" (ngModelChange)="checkPasswordStrength(newPass)">
+              <ax-validation-rule  rule="required"> </ax-validation-rule>
+              <ax-validation-rule rule="custom" value="password"> </ax-validation-rule>
+            </ax-password-box>
+          </ax-form-field>
+          <div class="ax-flex ax-justify-between ax-items-center">
+            <ax-progress-bar [color]="strengthLabelColor" [progress]="passwordStrength" [height]="4"></ax-progress-bar>
+            <small
+              class="ax-px-3 ax-text-center ax-whitespace-nowrap"
+              [class.ax-text-danger]="strengthLabelColor === 'danger'"
+              [class.ax-text-warning]="strengthLabelColor === 'warning'"
+              [class.ax-text-success]="strengthLabelColor === 'success'"
+              >{{ strengthLabel }}</small
+            >
+          </div>
+        </div>
+        <ax-form-field class="ax-mb-4">
+          <ax-label>Confirm New Password</ax-label>
+          <ax-password-box [(ngModel)]="newPassConfirm">
+            <ax-validation-rule  rule="required"> </ax-validation-rule>
+            <ax-validation-rule
+              message="password and confirmation password do not match"
+              rule="callback"
+              [options]="{validate:checkMatchingPasswords}"
+            >
+            </ax-validation-rule>
+          </ax-password-box>
+        </ax-form-field>
+      </ax-form>
+    </div>
+    <ax-footer>
+      <ax-suffix>
+        <ax-button (onClick)="confirm()" text="Confirm" color="primary"></ax-button>
+      </ax-suffix>
+    </ax-footer>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.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: i2.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: AXFormModule }, { kind: "component", type: i3.AXFormFieldComponent, selector: "ax-form-field" }, { kind: "component", type: i3.AXFormComponent, selector: "ax-form", inputs: ["messageStyle", "updateOn"], outputs: ["onValidate", "updateOnChange"] }, { kind: "directive", type: i3.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "ngmodule", type: AXLabelModule }, { kind: "component", type: i4.AXLabelComponent, selector: "ax-label", inputs: ["required", "for"], outputs: ["requiredChange"] }, { kind: "ngmodule", type: AXProgressBarModule }, { kind: "component", type: i5.AXProgressBarComponent, selector: "ax-progress-bar", inputs: ["color", "mode", "progress", "height"], outputs: ["ValueChange", "sizeChange"] }, { kind: "ngmodule", type: AXPasswordBoxModule }, { kind: "component", type: i6.AXPasswordBoxComponent, selector: "ax-password-box", inputs: ["readonly", "disabled", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "autoComplete", "showToggleButton", "class"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.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: "17.1.2", ngImport: i0, type: ChangePassword, decorators: [{
+            type: Component,
+            args: [{
+                    template: `<div class="ax-p-5">
+      <ax-form updateOn="submit" messageStyle="bottom">
+        @if (currentPass) {
+        <ax-form-field class="ax-mb-4">
+          <ax-label>Current Password</ax-label>
+          <ax-password-box>
+            <ax-validation-rule  rule="required"></ax-validation-rule>
+          </ax-password-box>
+        </ax-form-field>
+        }
+        <div class="ax-mb-4">
+          <ax-form-field>
+            <div class="ax-flex ax-justify-between ax-items-center">
+              <ax-label>New Password</ax-label>
+            </div>
+            <ax-password-box [(ngModel)]="newPass" (ngModelChange)="checkPasswordStrength(newPass)">
+              <ax-validation-rule  rule="required"> </ax-validation-rule>
+              <ax-validation-rule rule="custom" value="password"> </ax-validation-rule>
+            </ax-password-box>
+          </ax-form-field>
+          <div class="ax-flex ax-justify-between ax-items-center">
+            <ax-progress-bar [color]="strengthLabelColor" [progress]="passwordStrength" [height]="4"></ax-progress-bar>
+            <small
+              class="ax-px-3 ax-text-center ax-whitespace-nowrap"
+              [class.ax-text-danger]="strengthLabelColor === 'danger'"
+              [class.ax-text-warning]="strengthLabelColor === 'warning'"
+              [class.ax-text-success]="strengthLabelColor === 'success'"
+              >{{ strengthLabel }}</small
+            >
+          </div>
+        </div>
+        <ax-form-field class="ax-mb-4">
+          <ax-label>Confirm New Password</ax-label>
+          <ax-password-box [(ngModel)]="newPassConfirm">
+            <ax-validation-rule  rule="required"> </ax-validation-rule>
+            <ax-validation-rule
+              message="password and confirmation password do not match"
+              rule="callback"
+              [options]="{validate:checkMatchingPasswords}"
+            >
+            </ax-validation-rule>
+          </ax-password-box>
+        </ax-form-field>
+      </ax-form>
+    </div>
+    <ax-footer>
+      <ax-suffix>
+        <ax-button (onClick)="confirm()" text="Confirm" color="primary"></ax-button>
+      </ax-suffix>
+    </ax-footer>`,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [
+                        CommonModule,
+                        AXButtonModule,
+                        AXDecoratorModule,
+                        AXFormModule,
+                        AXTextBoxModule,
+                        AXLabelModule,
+                        AXProgressBarModule,
+                        AXPasswordBoxModule,
+                        AXTranslationModule,
+                        FormsModule,
+                    ],
+                }]
+        }], propDecorators: { password: [{
+                type: Input
+            }], currentPass: [{
+                type: Input
+            }], form: [{
+                type: ViewChild,
+                args: [AXFormComponent]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhbmdlLXBhc3N3b3JkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvcGxhdGZvcm0vbGF5b3V0cy9zcmMvbGliL3dpZGdldHMvcGFzc3dvcmQvY2hhbmdlLXBhc3N3b3JkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN4RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDekQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDdEUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDdEUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzlELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQy9ELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckYsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7Ozs7QUFtRTdDLE1BQU0sT0FBTyxjQUFjO0lBbEUzQjtRQXFFRSxZQUFPLEdBQVcsRUFBRSxDQUFDO1FBQ3JCLG1CQUFjLEdBQVcsRUFBRSxDQUFDO1FBRTVCLHFCQUFnQixHQUFXLENBQUMsQ0FBQztRQUM3QixrQkFBYSxHQUFXLE1BQU0sQ0FBQztRQUMvQix1QkFBa0IsR0FBVyxRQUFRLENBQUM7UUFXNUIsMkJBQXNCLEdBQUcsQ0FBQyxDQUFNLEVBQUUsRUFBRSxHQUFHLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxLQUFLLElBQUksQ0FBQyxjQUFjLENBQUEsQ0FBQyxDQUFDLENBQUM7S0FZakc7SUFuQkMsT0FBTztRQUNMLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUU7WUFDaEMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxNQUFNO2dCQUFFLE9BQU87WUFDeEIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN0QixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFJRCxxQkFBcUIsQ0FBQyxRQUFnQjtRQUNwQyxJQUFJLFFBQVEsR0FBRyxDQUFDLENBQUM7UUFDakIsTUFBTSxRQUFRLEdBQUcsQ0FBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsd0JBQXdCLENBQUMsQ0FBQztRQUM3RSxRQUFRLENBQUMsT0FBTyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUU7WUFDekIsSUFBSSxLQUFLLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztnQkFBRSxRQUFRLEVBQUUsQ0FBQztRQUN2QyxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxhQUFhLEdBQUcsUUFBUSxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxRQUFRLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLFFBQVEsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDO1FBQ3pHLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxRQUFRLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFFBQVEsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO1FBQzNGLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxDQUFDLFFBQVEsR0FBRyxHQUFHLENBQUMsR0FBRyxRQUFRLENBQUMsTUFBTSxDQUFDO0lBQzdELENBQUM7OEdBOUJVLGNBQWM7a0dBQWQsY0FBYyw0S0FTZCxlQUFlLGdEQTFFaEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7aUJBaURLLDJEQUliLFlBQVksOEJBQ1osY0FBYyw2VUFDZCxpQkFBaUIsdVBBQ2pCLFlBQVkseVlBQ1osZUFBZSw4QkFDZixhQUFhLGdLQUNiLG1CQUFtQiw0TUFDbkIsbUJBQW1CLCtaQUNuQixtQkFBbUIsOEJBQ25CLFdBQVc7OzJGQUdGLGNBQWM7a0JBbEUxQixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztpQkFpREs7b0JBQ2YsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixjQUFjO3dCQUNkLGlCQUFpQjt3QkFDakIsWUFBWTt3QkFDWixlQUFlO3dCQUNmLGFBQWE7d0JBQ2IsbUJBQW1CO3dCQUNuQixtQkFBbUI7d0JBQ25CLG1CQUFtQjt3QkFDbkIsV0FBVztxQkFDWjtpQkFDRjs4QkFFVSxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBUUUsSUFBSTtzQkFEWCxTQUFTO3VCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9idXR0b24nO1xuaW1wb3J0IHsgQVhEZWNvcmF0b3JNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvZGVjb3JhdG9ycyc7XG5pbXBvcnQgeyBBWEZvcm1Db21wb25lbnQsIEFYRm9ybU1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9mb3JtJztcbmltcG9ydCB7IEFYTGFiZWxNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvbGFiZWwnO1xuaW1wb3J0IHsgQVhQYXNzd29yZEJveE1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9wYXNzd29yZC1ib3gnO1xuaW1wb3J0IHsgQVhQcm9ncmVzc0Jhck1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9wcm9ncmVzcy1iYXInO1xuaW1wb3J0IHsgQVhUZXh0Qm94TW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL3RleHQtYm94JztcbmltcG9ydCB7IEFYVHJhbnNsYXRpb25Nb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvcmUvdHJhbnNsYXRpb24nO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlOiBgPGRpdiBjbGFzcz1cImF4LXAtNVwiPlxuICAgICAgPGF4LWZvcm0gdXBkYXRlT249XCJzdWJtaXRcIiBtZXNzYWdlU3R5bGU9XCJib3R0b21cIj5cbiAgICAgICAgQGlmIChjdXJyZW50UGFzcykge1xuICAgICAgICA8YXgtZm9ybS1maWVsZCBjbGFzcz1cImF4LW1iLTRcIj5cbiAgICAgICAgICA8YXgtbGFiZWw+Q3VycmVudCBQYXNzd29yZDwvYXgtbGFiZWw+XG4gICAgICAgICAgPGF4LXBhc3N3b3JkLWJveD5cbiAgICAgICAgICAgIDxheC12YWxpZGF0aW9uLXJ1bGUgIHJ1bGU9XCJyZXF1aXJlZFwiPjwvYXgtdmFsaWRhdGlvbi1ydWxlPlxuICAgICAgICAgIDwvYXgtcGFzc3dvcmQtYm94PlxuICAgICAgICA8L2F4LWZvcm0tZmllbGQ+XG4gICAgICAgIH1cbiAgICAgICAgPGRpdiBjbGFzcz1cImF4LW1iLTRcIj5cbiAgICAgICAgICA8YXgtZm9ybS1maWVsZD5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJheC1mbGV4IGF4LWp1c3RpZnktYmV0d2VlbiBheC1pdGVtcy1jZW50ZXJcIj5cbiAgICAgICAgICAgICAgPGF4LWxhYmVsPk5ldyBQYXNzd29yZDwvYXgtbGFiZWw+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxheC1wYXNzd29yZC1ib3ggWyhuZ01vZGVsKV09XCJuZXdQYXNzXCIgKG5nTW9kZWxDaGFuZ2UpPVwiY2hlY2tQYXNzd29yZFN0cmVuZ3RoKG5ld1Bhc3MpXCI+XG4gICAgICAgICAgICAgIDxheC12YWxpZGF0aW9uLXJ1bGUgIHJ1bGU9XCJyZXF1aXJlZFwiPiA8L2F4LXZhbGlkYXRpb24tcnVsZT5cbiAgICAgICAgICAgICAgPGF4LXZhbGlkYXRpb24tcnVsZSBydWxlPVwiY3VzdG9tXCIgdmFsdWU9XCJwYXNzd29yZFwiPiA8L2F4LXZhbGlkYXRpb24tcnVsZT5cbiAgICAgICAgICAgIDwvYXgtcGFzc3dvcmQtYm94PlxuICAgICAgICAgIDwvYXgtZm9ybS1maWVsZD5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiYXgtZmxleCBheC1qdXN0aWZ5LWJldHdlZW4gYXgtaXRlbXMtY2VudGVyXCI+XG4gICAgICAgICAgICA8YXgtcHJvZ3Jlc3MtYmFyIFtjb2xvcl09XCJzdHJlbmd0aExhYmVsQ29sb3JcIiBbcHJvZ3Jlc3NdPVwicGFzc3dvcmRTdHJlbmd0aFwiIFtoZWlnaHRdPVwiNFwiPjwvYXgtcHJvZ3Jlc3MtYmFyPlxuICAgICAgICAgICAgPHNtYWxsXG4gICAgICAgICAgICAgIGNsYXNzPVwiYXgtcHgtMyBheC10ZXh0LWNlbnRlciBheC13aGl0ZXNwYWNlLW5vd3JhcFwiXG4gICAgICAgICAgICAgIFtjbGFzcy5heC10ZXh0LWRhbmdlcl09XCJzdHJlbmd0aExhYmVsQ29sb3IgPT09ICdkYW5nZXInXCJcbiAgICAgICAgICAgICAgW2NsYXNzLmF4LXRleHQtd2FybmluZ109XCJzdHJlbmd0aExhYmVsQ29sb3IgPT09ICd3YXJuaW5nJ1wiXG4gICAgICAgICAgICAgIFtjbGFzcy5heC10ZXh0LXN1Y2Nlc3NdPVwic3RyZW5ndGhMYWJlbENvbG9yID09PSAnc3VjY2VzcydcIlxuICAgICAgICAgICAgICA+e3sgc3RyZW5ndGhMYWJlbCB9fTwvc21hbGxcbiAgICAgICAgICAgID5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxheC1mb3JtLWZpZWxkIGNsYXNzPVwiYXgtbWItNFwiPlxuICAgICAgICAgIDxheC1sYWJlbD5Db25maXJtIE5ldyBQYXNzd29yZDwvYXgtbGFiZWw+XG4gICAgICAgICAgPGF4LXBhc3N3b3JkLWJveCBbKG5nTW9kZWwpXT1cIm5ld1Bhc3NDb25maXJtXCI+XG4gICAgICAgICAgICA8YXgtdmFsaWRhdGlvbi1ydWxlICBydWxlPVwicmVxdWlyZWRcIj4gPC9heC12YWxpZGF0aW9uLXJ1bGU+XG4gICAgICAgICAgICA8YXgtdmFsaWRhdGlvbi1ydWxlXG4gICAgICAgICAgICAgIG1lc3NhZ2U9XCJwYXNzd29yZCBhbmQgY29uZmlybWF0aW9uIHBhc3N3b3JkIGRvIG5vdCBtYXRjaFwiXG4gICAgICAgICAgICAgIHJ1bGU9XCJjYWxsYmFja1wiXG4gICAgICAgICAgICAgIFtvcHRpb25zXT1cInt2YWxpZGF0ZTpjaGVja01hdGNoaW5nUGFzc3dvcmRzfVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICA8L2F4LXZhbGlkYXRpb24tcnVsZT5cbiAgICAgICAgICA8L2F4LXBhc3N3b3JkLWJveD5cbiAgICAgICAgPC9heC1mb3JtLWZpZWxkPlxuICAgICAgPC9heC1mb3JtPlxuICAgIDwvZGl2PlxuICAgIDxheC1mb290ZXI+XG4gICAgICA8YXgtc3VmZml4PlxuICAgICAgICA8YXgtYnV0dG9uIChvbkNsaWNrKT1cImNvbmZpcm0oKVwiIHRleHQ9XCJDb25maXJtXCIgY29sb3I9XCJwcmltYXJ5XCI+PC9heC1idXR0b24+XG4gICAgICA8L2F4LXN1ZmZpeD5cbiAgICA8L2F4LWZvb3Rlcj5gLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBBWEJ1dHRvbk1vZHVsZSxcbiAgICBBWERlY29yYXRvck1vZHVsZSxcbiAgICBBWEZvcm1Nb2R1bGUsXG4gICAgQVhUZXh0Qm94TW9kdWxlLFxuICAgIEFYTGFiZWxNb2R1bGUsXG4gICAgQVhQcm9ncmVzc0Jhck1vZHVsZSxcbiAgICBBWFBhc3N3b3JkQm94TW9kdWxlLFxuICAgIEFYVHJhbnNsYXRpb25Nb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIENoYW5nZVBhc3N3b3JkIHtcbiAgQElucHV0KCkgcGFzc3dvcmQhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGN1cnJlbnRQYXNzITogYm9vbGVhbjtcbiAgbmV3UGFzczogc3RyaW5nID0gJyc7XG4gIG5ld1Bhc3NDb25maXJtOiBzdHJpbmcgPSAnJztcblxuICBwYXNzd29yZFN0cmVuZ3RoOiBudW1iZXIgPSAwO1xuICBzdHJlbmd0aExhYmVsOiBzdHJpbmcgPSAnd2Vlayc7XG4gIHN0cmVuZ3RoTGFiZWxDb2xvcjogc3RyaW5nID0gJ2Rhbmdlcic7XG4gIEBWaWV3Q2hpbGQoQVhGb3JtQ29tcG9uZW50KVxuICBwcml2YXRlIGZvcm0hOiBBWEZvcm1Db21wb25lbnQ7XG5cbiAgY29uZmlybSgpIHtcbiAgICB0aGlzLmZvcm0udmFsaWRhdGUoKS50aGVuKChyZXMpID0+IHtcbiAgICAgIGlmICghcmVzLnJlc3VsdCkgcmV0dXJuO1xuICAgICAgY29uc29sZS5sb2coJ2RvbmUnKTtcbiAgICB9KTtcbiAgfVxuXG4gIHByb3RlY3RlZCBjaGVja01hdGNoaW5nUGFzc3dvcmRzID0gKGU6IGFueSkgPT4geyByZXN1bHQ6IHRoaXMubmV3UGFzcyA9PT0gdGhpcy5uZXdQYXNzQ29uZmlybSB9O1xuXG4gIGNoZWNrUGFzc3dvcmRTdHJlbmd0aChwYXNzd29yZDogc3RyaW5nKSB7XG4gICAgbGV0IHN0cmVuZ3RoID0gMDtcbiAgICBjb25zdCBjcml0ZXJpYSA9IFsvLns4LH0vLCAvW0EtWl0vLCAvW2Etel0vLCAvXFxkLywgL1shQCMkJV4mKigpLC4/XCI6e318PD5dL107XG4gICAgY3JpdGVyaWEuZm9yRWFjaCgocmVnZXgpID0+IHtcbiAgICAgIGlmIChyZWdleC50ZXN0KHBhc3N3b3JkKSkgc3RyZW5ndGgrKztcbiAgICB9KTtcbiAgICB0aGlzLnN0cmVuZ3RoTGFiZWwgPSBzdHJlbmd0aCA8PSAyID8gJ1dlZWsnIDogc3RyZW5ndGggPT0gMyA/ICdTby1zbycgOiBzdHJlbmd0aCA9PSA0ID8gJ0dvb2QnIDogJ0dyZWF0JztcbiAgICB0aGlzLnN0cmVuZ3RoTGFiZWxDb2xvciA9IHN0cmVuZ3RoIDw9IDIgPyAnZGFuZ2VyJyA6IHN0cmVuZ3RoIDw9IDMgPyAnd2FybmluZycgOiAnc3VjY2Vzcyc7XG4gICAgdGhpcy5wYXNzd29yZFN0cmVuZ3RoID0gKHN0cmVuZ3RoICogMTAwKSAvIGNyaXRlcmlhLmxlbmd0aDtcbiAgfVxufVxuIl19

package/esm2022/layouts/lib/widgets/password/password-widget-column.component.mjs

@@ -0,0 +1,77 @@
+import { AXPWidgetBase } from '@acorex/platform/schema';
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
+import { AXPClipBoardService } from '@acorex/platform/common';
+import * as i0 from "@angular/core";
+export class AXPPasswordWidgetColumnComponent extends AXPWidgetBase {
+    constructor() {
+        super(...arguments);
+        this.clipboard = inject(AXPClipBoardService);
+        this.showPass = false;
+    }
+    toggleEye() {
+        this.showPass = !this.showPass;
+    }
+    render() {
+        this.password = this.context[this.prop.name];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPPasswordWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: AXPPasswordWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { context: "context", hasEye: "hasEye", hasCopy: "hasCopy", width: "width" }, usesInheritance: true, ngImport: i0, template: ` <div
+    class="ax-flex ax-flex-1 ax-gap-3 ax-group ax-items-center ax-col-start-1 ax-col-end-10 lg:ax-col-end-7"
+  >
+    <span>{{ showPass ? password : '*******' }}</span>
+    @if(hasEye){
+    <span
+      class="ax-text-neutral-400 ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
+      (click)="toggleEye()"
+    >
+      @if(!showPass){
+      <i class="fa-solid fa-eye"></i>
+      }@else {
+      <i class="fa-solid fa-eye-slash"></i>
+      }
+    </span>
+    } @if(hasCopy && hasEye){
+    <span
+      class="ax-text-neutral-400  ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
+      (click)="clipboard.copy('Password', password)"
+    >
+      <i class="fa-solid fa-copy "></i>
+    </span>
+    }
+  </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPPasswordWidgetColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ` <div
+    class="ax-flex ax-flex-1 ax-gap-3 ax-group ax-items-center ax-col-start-1 ax-col-end-10 lg:ax-col-end-7"
+  >
+    <span>{{ showPass ? password : '*******' }}</span>
+    @if(hasEye){
+    <span
+      class="ax-text-neutral-400 ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
+      (click)="toggleEye()"
+    >
+      @if(!showPass){
+      <i class="fa-solid fa-eye"></i>
+      }@else {
+      <i class="fa-solid fa-eye-slash"></i>
+      }
+    </span>
+    } @if(hasCopy && hasEye){
+    <span
+      class="ax-text-neutral-400  ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
+      (click)="clipboard.copy('Password', password)"
+    >
+      <i class="fa-solid fa-copy "></i>
+    </span>
+    }
+  </div>`,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule],
+                    inputs: ['context', 'hasEye', 'hasCopy', 'width'],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFzc3dvcmQtd2lkZ2V0LWNvbHVtbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BsYXRmb3JtL2xheW91dHMvc3JjL2xpYi93aWRnZXRzL3Bhc3N3b3JkL3Bhc3N3b3JkLXdpZGdldC1jb2x1bW4uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0UsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUM7O0FBK0I5RCxNQUFNLE9BQU8sZ0NBQWlDLFNBQVEsYUFBYTtJQTlCbkU7O1FBK0JZLGNBQVMsR0FBRyxNQUFNLENBQUMsbUJBQW1CLENBQUMsQ0FBQztRQUlsRCxhQUFRLEdBQVksS0FBSyxDQUFDO0tBVzNCO0lBUFcsU0FBUztRQUNqQixJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUNqQyxDQUFDO0lBRWtCLE1BQU07UUFDdkIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDL0MsQ0FBQzs4R0FmVSxnQ0FBZ0M7a0dBQWhDLGdDQUFnQyxxTEE3QmpDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztTQXVCSCwyREFHRyxZQUFZOzsyRkFHWCxnQ0FBZ0M7a0JBOUI1QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7U0F1Qkg7b0JBQ1AsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7b0JBQ3ZCLE1BQU0sRUFBRSxDQUFDLFNBQVMsRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE9BQU8sQ0FBQztpQkFDbEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWFBXaWRnZXRCYXNlIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9zY2hlbWEnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhQQ2xpcEJvYXJkU2VydmljZSB9IGZyb20gJ0BhY29yZXgvcGxhdGZvcm0vY29tbW9uJztcbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZTogYCA8ZGl2XG4gICAgY2xhc3M9XCJheC1mbGV4IGF4LWZsZXgtMSBheC1nYXAtMyBheC1ncm91cCBheC1pdGVtcy1jZW50ZXIgYXgtY29sLXN0YXJ0LTEgYXgtY29sLWVuZC0xMCBsZzpheC1jb2wtZW5kLTdcIlxuICA+XG4gICAgPHNwYW4+e3sgc2hvd1Bhc3MgPyBwYXNzd29yZCA6ICcqKioqKioqJyB9fTwvc3Bhbj5cbiAgICBAaWYoaGFzRXllKXtcbiAgICA8c3BhblxuICAgICAgY2xhc3M9XCJheC10ZXh0LW5ldXRyYWwtNDAwIGF4LWN1cnNvci1wb2ludGVyIGF4LWludmlzaWJsZSBncm91cC1ob3ZlcjpheC12aXNpYmxlIGhvdmVyOiFheC10ZXh0LXByaW1hcnktNTAwXCJcbiAgICAgIChjbGljayk9XCJ0b2dnbGVFeWUoKVwiXG4gICAgPlxuICAgICAgQGlmKCFzaG93UGFzcyl7XG4gICAgICA8aSBjbGFzcz1cImZhLXNvbGlkIGZhLWV5ZVwiPjwvaT5cbiAgICAgIH1AZWxzZSB7XG4gICAgICA8aSBjbGFzcz1cImZhLXNvbGlkIGZhLWV5ZS1zbGFzaFwiPjwvaT5cbiAgICAgIH1cbiAgICA8L3NwYW4+XG4gICAgfSBAaWYoaGFzQ29weSAmJiBoYXNFeWUpe1xuICAgIDxzcGFuXG4gICAgICBjbGFzcz1cImF4LXRleHQtbmV1dHJhbC00MDAgIGF4LWN1cnNvci1wb2ludGVyIGF4LWludmlzaWJsZSBncm91cC1ob3ZlcjpheC12aXNpYmxlIGhvdmVyOiFheC10ZXh0LXByaW1hcnktNTAwXCJcbiAgICAgIChjbGljayk9XCJjbGlwYm9hcmQuY29weSgnUGFzc3dvcmQnLCBwYXNzd29yZClcIlxuICAgID5cbiAgICAgIDxpIGNsYXNzPVwiZmEtc29saWQgZmEtY29weSBcIj48L2k+XG4gICAgPC9zcGFuPlxuICAgIH1cbiAgPC9kaXY+YCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBpbnB1dHM6IFsnY29udGV4dCcsICdoYXNFeWUnLCAnaGFzQ29weScsICd3aWR0aCddLFxufSlcbmV4cG9ydCBjbGFzcyBBWFBQYXNzd29yZFdpZGdldENvbHVtbkNvbXBvbmVudCBleHRlbmRzIEFYUFdpZGdldEJhc2Uge1xuICBwcm90ZWN0ZWQgY2xpcGJvYXJkID0gaW5qZWN0KEFYUENsaXBCb2FyZFNlcnZpY2UpO1xuXG4gIGhhc0NvcHkhOiBib29sZWFuO1xuICBoYXNFeWUhOiBib29sZWFuO1xuICBzaG93UGFzczogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIHBhc3N3b3JkITogc3RyaW5nO1xuXG4gIHByb3RlY3RlZCB0b2dnbGVFeWUoKSB7XG4gICAgdGhpcy5zaG93UGFzcyA9ICF0aGlzLnNob3dQYXNzO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiB2b2lkIHtcbiAgICB0aGlzLnBhc3N3b3JkID0gdGhpcy5jb250ZXh0W3RoaXMucHJvcC5uYW1lXTtcbiAgfVxufVxuIl19

package/esm2022/layouts/lib/widgets/password/password-widget-edit.component.mjs

@@ -0,0 +1,34 @@
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXFormModule } from '@acorex/components/form';
+import { AXLabelModule } from '@acorex/components/label';
+import { AXPasswordBoxModule } from '@acorex/components/password-box';
+import { AXPWidgetEditBase } from '@acorex/platform/schema';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@acorex/components/form";
+import * as i2 from "@acorex/components/password-box";
+import * as i3 from "@angular/forms";
+export class AXPPasswordWidgetEditComponent extends AXPWidgetEditBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPPasswordWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: AXPPasswordWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <ax-password-box [(ngModel)]="this.value">
+      <ax-validation-rule  rule="required"></ax-validation-rule>
+    </ax-password-box>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }, { kind: "ngmodule", type: AXLabelModule }, { kind: "ngmodule", type: AXPasswordBoxModule }, { kind: "component", type: i2.AXPasswordBoxComponent, selector: "ax-password-box", inputs: ["readonly", "disabled", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "autoComplete", "showToggleButton", "class"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.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: "17.1.2", ngImport: i0, type: AXPPasswordWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <ax-password-box [(ngModel)]="this.value">
+      <ax-validation-rule  rule="required"></ax-validation-rule>
+    </ax-password-box>
+  `,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AXDecoratorModule, AXFormModule, AXLabelModule, AXPasswordBoxModule, FormsModule],
+                    inputs: [],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFzc3dvcmQtd2lkZ2V0LWVkaXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS9sYXlvdXRzL3NyYy9saWIvd2lkZ2V0cy9wYXNzd29yZC9wYXNzd29yZC13aWRnZXQtZWRpdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDbEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUN0RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25FLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7QUFZN0MsTUFBTSxPQUFPLDhCQUErQixTQUFRLGlCQUFpQjs4R0FBeEQsOEJBQThCO2tHQUE5Qiw4QkFBOEIsK0ZBVi9COzs7O0dBSVQsMkRBR1MsaUJBQWlCLDhCQUFFLFlBQVksaUtBQUUsYUFBYSw4QkFBRSxtQkFBbUIsK1pBQUUsV0FBVzs7MkZBRy9FLDhCQUE4QjtrQkFYMUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUU7Ozs7R0FJVDtvQkFDRCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLE9BQU8sRUFBRSxDQUFDLGlCQUFpQixFQUFFLFlBQVksRUFBRSxhQUFhLEVBQUUsbUJBQW1CLEVBQUUsV0FBVyxDQUFDO29CQUMzRixNQUFNLEVBQUUsRUFBRTtpQkFDWCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYRGVjb3JhdG9yTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2RlY29yYXRvcnMnO1xuaW1wb3J0IHsgQVhGb3JtTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2Zvcm0nO1xuaW1wb3J0IHsgQVhMYWJlbE1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9sYWJlbCc7XG5pbXBvcnQgeyBBWFBhc3N3b3JkQm94TW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL3Bhc3N3b3JkLWJveCc7XG5pbXBvcnQgeyBBWFBXaWRnZXRFZGl0QmFzZSB9IGZyb20gJ0BhY29yZXgvcGxhdGZvcm0vc2NoZW1hJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlOiBgXG4gICAgPGF4LXBhc3N3b3JkLWJveCBbKG5nTW9kZWwpXT1cInRoaXMudmFsdWVcIj5cbiAgICAgIDxheC12YWxpZGF0aW9uLXJ1bGUgIHJ1bGU9XCJyZXF1aXJlZFwiPjwvYXgtdmFsaWRhdGlvbi1ydWxlPlxuICAgIDwvYXgtcGFzc3dvcmQtYm94PlxuICBgLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW1wb3J0czogW0FYRGVjb3JhdG9yTW9kdWxlLCBBWEZvcm1Nb2R1bGUsIEFYTGFiZWxNb2R1bGUsIEFYUGFzc3dvcmRCb3hNb2R1bGUsIEZvcm1zTW9kdWxlXSxcbiAgaW5wdXRzOiBbXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhQUGFzc3dvcmRXaWRnZXRFZGl0Q29tcG9uZW50IGV4dGVuZHMgQVhQV2lkZ2V0RWRpdEJhc2UgeyB9XG4iXX0=

package/esm2022/layouts/lib/widgets/password/password-widget-view.component.mjs

@@ -0,0 +1,109 @@
+import { AXButtonModule } from '@acorex/components/button';
+import { AXPopupService } from '@acorex/components/popup';
+import { AXPlatform } from '@acorex/core/platform';
+import { AXPClipBoardService } from '@acorex/platform/common';
+import { AXPWidgetBase } from '@acorex/platform/schema';
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@acorex/components/button";
+export class AXPPasswordWidgetViewComponent extends AXPWidgetBase {
+    constructor() {
+        super(...arguments);
+        this.clipboard = inject(AXPClipBoardService);
+        this.platform = inject(AXPlatform);
+        this.popopService = inject(AXPopupService);
+        this.showPass = false;
+    }
+    toggleEye() {
+        this.showPass = !this.showPass;
+    }
+    async openPasswordPopup() {
+        const compnent = await import('./change-password.component');
+        this.popopService.open(compnent.ChangePassword, {
+            title: 'Change Password',
+            draggable: true,
+            header: true,
+            size: this.platform.is('Mobile') || this.platform.is('SM') ? 'full' : 'md',
+            hasBackdrop: true,
+            closeButton: true,
+            closeOnBackdropClick: true,
+            data: {
+                password: this.password,
+                currentPass: this.currentPass,
+            },
+        });
+    }
+    render() {
+        this.password = this.context[this.prop.name];
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPPasswordWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: AXPPasswordWidgetViewComponent, isStandalone: true, selector: "ng-component", inputs: { hasEye: "hasEye", hasCopy: "hasCopy", currentPass: "currentPass" }, usesInheritance: true, ngImport: i0, template: `<div class="ax-flex ax-justify-between ">
+    <div class="ax-col-start-1 ax-col-end-10 lg:ax-col-end-7">
+      <div class="ax-flex ax-flex-1 ax-gap-3 ax-group ax-items-start ax-w-max">
+        <span>{{ showPass ? password : '*******' }}</span>
+        @if(hasEye){
+        <span
+          class="ax-text-neutral-400 ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
+          (click)="toggleEye()"
+        >
+          @if(!showPass){
+          <i class="fa-solid fa-eye"></i>
+          }@else {
+          <i class="fa-solid fa-eye-slash"></i>
+          }
+        </span>
+        } @if(hasCopy && hasEye){
+        <span
+          class="ax-text-neutral-400  ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
+          (click)="clipboard.copy('Password', password)"
+        >
+          <i class="fa-solid fa-copy "></i>
+        </span>
+        }
+      </div>
+    </div>
+    @if(!this.prop.canEdit){
+    <ax-button (onClick)="openPasswordPopup()" color="ghost" text="Change Password"></ax-button>
+    }
+  </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPPasswordWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `<div class="ax-flex ax-justify-between ">
+    <div class="ax-col-start-1 ax-col-end-10 lg:ax-col-end-7">
+      <div class="ax-flex ax-flex-1 ax-gap-3 ax-group ax-items-start ax-w-max">
+        <span>{{ showPass ? password : '*******' }}</span>
+        @if(hasEye){
+        <span
+          class="ax-text-neutral-400 ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
+          (click)="toggleEye()"
+        >
+          @if(!showPass){
+          <i class="fa-solid fa-eye"></i>
+          }@else {
+          <i class="fa-solid fa-eye-slash"></i>
+          }
+        </span>
+        } @if(hasCopy && hasEye){
+        <span
+          class="ax-text-neutral-400  ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
+          (click)="clipboard.copy('Password', password)"
+        >
+          <i class="fa-solid fa-copy "></i>
+        </span>
+        }
+      </div>
+    </div>
+    @if(!this.prop.canEdit){
+    <ax-button (onClick)="openPasswordPopup()" color="ghost" text="Change Password"></ax-button>
+    }
+  </div>`,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, AXButtonModule],
+                    inputs: ['hasEye', 'hasCopy', 'currentPass'],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFzc3dvcmQtd2lkZ2V0LXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9wbGF0Zm9ybS9sYXlvdXRzL3NyYy9saWIvd2lkZ2V0cy9wYXNzd29yZC9wYXNzd29yZC13aWRnZXQtdmlldy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzNELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDbkQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDOUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3hELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBb0MzRSxNQUFNLE9BQU8sOEJBQStCLFNBQVEsYUFBYTtJQW5DakU7O1FBb0NZLGNBQVMsR0FBRyxNQUFNLENBQUMsbUJBQW1CLENBQUMsQ0FBQztRQUMxQyxhQUFRLEdBQUcsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQzlCLGlCQUFZLEdBQW1CLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQztRQU05RCxhQUFRLEdBQVksS0FBSyxDQUFDO0tBeUIzQjtJQXZCQyxTQUFTO1FBQ1AsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDakMsQ0FBQztJQUNELEtBQUssQ0FBQyxpQkFBaUI7UUFDckIsTUFBTSxRQUFRLEdBQUcsTUFBTSxNQUFNLENBQUMsNkJBQTZCLENBQUMsQ0FBQztRQUM3RCxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsY0FBYyxFQUFFO1lBQzlDLEtBQUssRUFBRSxpQkFBaUI7WUFDeEIsU0FBUyxFQUFFLElBQUk7WUFDZixNQUFNLEVBQUUsSUFBSTtZQUNaLElBQUksRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQyxRQUFRLENBQUMsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJO1lBQzFFLFdBQVcsRUFBRSxJQUFJO1lBQ2pCLFdBQVcsRUFBRSxJQUFJO1lBQ2pCLG9CQUFvQixFQUFFLElBQUk7WUFDMUIsSUFBSSxFQUFFO2dCQUNKLFFBQVEsRUFBRSxJQUFJLENBQUMsUUFBUTtnQkFDdkIsV0FBVyxFQUFFLElBQUksQ0FBQyxXQUFXO2FBQzlCO1NBQ0YsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVrQixNQUFNO1FBQ3ZCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQy9DLENBQUM7OEdBakNVLDhCQUE4QjtrR0FBOUIsOEJBQThCLDZLQWxDL0I7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7U0E0QkgsMkRBR0csWUFBWSw4QkFBRSxjQUFjOzsyRkFHM0IsOEJBQThCO2tCQW5DMUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7U0E0Qkg7b0JBQ1AsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsY0FBYyxDQUFDO29CQUN2QyxNQUFNLEVBQUUsQ0FBQyxRQUFRLEVBQUUsU0FBUyxFQUFFLGFBQWEsQ0FBQztpQkFDN0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9idXR0b24nO1xuaW1wb3J0IHsgQVhQb3B1cFNlcnZpY2UgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvcG9wdXAnO1xuaW1wb3J0IHsgQVhQbGF0Zm9ybSB9IGZyb20gJ0BhY29yZXgvY29yZS9wbGF0Zm9ybSc7XG5pbXBvcnQgeyBBWFBDbGlwQm9hcmRTZXJ2aWNlIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9jb21tb24nO1xuaW1wb3J0IHsgQVhQV2lkZ2V0QmFzZSB9IGZyb20gJ0BhY29yZXgvcGxhdGZvcm0vc2NoZW1hJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbkBDb21wb25lbnQoe1xuICB0ZW1wbGF0ZTogYDxkaXYgY2xhc3M9XCJheC1mbGV4IGF4LWp1c3RpZnktYmV0d2VlbiBcIj5cbiAgICA8ZGl2IGNsYXNzPVwiYXgtY29sLXN0YXJ0LTEgYXgtY29sLWVuZC0xMCBsZzpheC1jb2wtZW5kLTdcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJheC1mbGV4IGF4LWZsZXgtMSBheC1nYXAtMyBheC1ncm91cCBheC1pdGVtcy1zdGFydCBheC13LW1heFwiPlxuICAgICAgICA8c3Bhbj57eyBzaG93UGFzcyA/IHBhc3N3b3JkIDogJyoqKioqKionIH19PC9zcGFuPlxuICAgICAgICBAaWYoaGFzRXllKXtcbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBjbGFzcz1cImF4LXRleHQtbmV1dHJhbC00MDAgYXgtY3Vyc29yLXBvaW50ZXIgYXgtaW52aXNpYmxlIGdyb3VwLWhvdmVyOmF4LXZpc2libGUgaG92ZXI6IWF4LXRleHQtcHJpbWFyeS01MDBcIlxuICAgICAgICAgIChjbGljayk9XCJ0b2dnbGVFeWUoKVwiXG4gICAgICAgID5cbiAgICAgICAgICBAaWYoIXNob3dQYXNzKXtcbiAgICAgICAgICA8aSBjbGFzcz1cImZhLXNvbGlkIGZhLWV5ZVwiPjwvaT5cbiAgICAgICAgICB9QGVsc2Uge1xuICAgICAgICAgIDxpIGNsYXNzPVwiZmEtc29saWQgZmEtZXllLXNsYXNoXCI+PC9pPlxuICAgICAgICAgIH1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgICB9IEBpZihoYXNDb3B5ICYmIGhhc0V5ZSl7XG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgY2xhc3M9XCJheC10ZXh0LW5ldXRyYWwtNDAwICBheC1jdXJzb3ItcG9pbnRlciBheC1pbnZpc2libGUgZ3JvdXAtaG92ZXI6YXgtdmlzaWJsZSBob3ZlcjohYXgtdGV4dC1wcmltYXJ5LTUwMFwiXG4gICAgICAgICAgKGNsaWNrKT1cImNsaXBib2FyZC5jb3B5KCdQYXNzd29yZCcsIHBhc3N3b3JkKVwiXG4gICAgICAgID5cbiAgICAgICAgICA8aSBjbGFzcz1cImZhLXNvbGlkIGZhLWNvcHkgXCI+PC9pPlxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIH1cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIEBpZighdGhpcy5wcm9wLmNhbkVkaXQpe1xuICAgIDxheC1idXR0b24gKG9uQ2xpY2spPVwib3BlblBhc3N3b3JkUG9wdXAoKVwiIGNvbG9yPVwiZ2hvc3RcIiB0ZXh0PVwiQ2hhbmdlIFBhc3N3b3JkXCI+PC9heC1idXR0b24+XG4gICAgfVxuICA8L2Rpdj5gLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQVhCdXR0b25Nb2R1bGVdLFxuICBpbnB1dHM6IFsnaGFzRXllJywgJ2hhc0NvcHknLCAnY3VycmVudFBhc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhQUGFzc3dvcmRXaWRnZXRWaWV3Q29tcG9uZW50IGV4dGVuZHMgQVhQV2lkZ2V0QmFzZSB7XG4gIHByb3RlY3RlZCBjbGlwYm9hcmQgPSBpbmplY3QoQVhQQ2xpcEJvYXJkU2VydmljZSk7XG4gIHByaXZhdGUgcGxhdGZvcm0gPSBpbmplY3QoQVhQbGF0Zm9ybSk7XG4gIHByaXZhdGUgcG9wb3BTZXJ2aWNlOiBBWFBvcHVwU2VydmljZSA9IGluamVjdChBWFBvcHVwU2VydmljZSk7XG5cbiAgcGFzc3dvcmQhOiBzdHJpbmc7XG4gIGhhc0NvcHkhOiBib29sZWFuO1xuICBoYXNFeWUhOiBib29sZWFuO1xuICBjdXJyZW50UGFzcyE6IGJvb2xlYW47XG4gIHNob3dQYXNzOiBib29sZWFuID0gZmFsc2U7XG5cbiAgdG9nZ2xlRXllKCkge1xuICAgIHRoaXMuc2hvd1Bhc3MgPSAhdGhpcy5zaG93UGFzcztcbiAgfVxuICBhc3luYyBvcGVuUGFzc3dvcmRQb3B1cCgpIHtcbiAgICBjb25zdCBjb21wbmVudCA9IGF3YWl0IGltcG9ydCgnLi9jaGFuZ2UtcGFzc3dvcmQuY29tcG9uZW50Jyk7XG4gICAgdGhpcy5wb3BvcFNlcnZpY2Uub3Blbihjb21wbmVudC5DaGFuZ2VQYXNzd29yZCwge1xuICAgICAgdGl0bGU6ICdDaGFuZ2UgUGFzc3dvcmQnLFxuICAgICAgZHJhZ2dhYmxlOiB0cnVlLFxuICAgICAgaGVhZGVyOiB0cnVlLFxuICAgICAgc2l6ZTogdGhpcy5wbGF0Zm9ybS5pcygnTW9iaWxlJykgfHwgdGhpcy5wbGF0Zm9ybS5pcygnU00nKSA/ICdmdWxsJyA6ICdtZCcsXG4gICAgICBoYXNCYWNrZHJvcDogdHJ1ZSxcbiAgICAgIGNsb3NlQnV0dG9uOiB0cnVlLFxuICAgICAgY2xvc2VPbkJhY2tkcm9wQ2xpY2s6IHRydWUsXG4gICAgICBkYXRhOiB7XG4gICAgICAgIHBhc3N3b3JkOiB0aGlzLnBhc3N3b3JkLFxuICAgICAgICBjdXJyZW50UGFzczogdGhpcy5jdXJyZW50UGFzcyxcbiAgICAgIH0sXG4gICAgfSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IHZvaWQge1xuICAgIHRoaXMucGFzc3dvcmQgPSB0aGlzLmNvbnRleHRbdGhpcy5wcm9wLm5hbWVdO1xuICB9XG59XG4iXX0=

package/esm2022/layouts/lib/widgets/phone/phone-widget-column.component.mjs

@@ -0,0 +1,91 @@
+import { AXTooltipModule } from '@acorex/components/tooltip';
+import { AXPWidgetBase } from '@acorex/platform/schema';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class AXPPhoneWidgetColumnComponent extends AXPWidgetBase {
+    constructor() {
+        super(...arguments);
+        this.list = [];
+        this.text = '';
+    }
+    dot3(text) {
+        if (this.multiple)
+            return text.split('\n')[0] + '...';
+        else
+            return text.split('\n')[0];
+    }
+    render() {
+        if (this.context[this.prop.name]) {
+            const rawValue = this.context[this.prop.name];
+            this.list = Array.isArray(rawValue) ? rawValue.map((c) => this.extractItem(c)) : [this.extractItem(rawValue)];
+            this.text = this.list.map((item) => item.value).join('\n');
+        }
+    }
+    extractItem(item) {
+        return typeof item == 'object'
+            ? {
+                value: item.value ?? '-',
+                type: item.type ?? 'mobile',
+                label: item.label,
+            }
+            : {
+                value: item,
+                type: 'mobile',
+                label: null,
+            };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPPhoneWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: AXPPhoneWidgetColumnComponent, isStandalone: true, selector: "axp-phone-widget-column", inputs: { context: "context", multiple: "multiple", width: "width", hasLabel: "hasLabel" }, usesInheritance: true, ngImport: i0, template: `<div>
+    @if(multiple && list.length>1){
+    <div [title]="text">{{ dot3(text) }}</div>
+    <!-- <ng-template #allContent>
+      <div class="ax-bg-default ax-p-4 ax-border ax-rounded-lg ">
+        @for (item of list; track $index) {
+        <div>
+          {{ item.value }}
+        </div>
+        }
+      </div>
+    </ng-template> -->
+    }@else {
+    <div>
+      @if(list && list.length){
+      {{ list[0].value }}
+      }@else { - }
+    </div>
+
+    }
+  </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: AXTooltipModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: AXPPhoneWidgetColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'axp-phone-widget-column',
+                    template: `<div>
+    @if(multiple && list.length>1){
+    <div [title]="text">{{ dot3(text) }}</div>
+    <!-- <ng-template #allContent>
+      <div class="ax-bg-default ax-p-4 ax-border ax-rounded-lg ">
+        @for (item of list; track $index) {
+        <div>
+          {{ item.value }}
+        </div>
+        }
+      </div>
+    </ng-template> -->
+    }@else {
+    <div>
+      @if(list && list.length){
+      {{ list[0].value }}
+      }@else { - }
+    </div>
+
+    }
+  </div>`,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [AXTooltipModule],
+                    inputs: ['context', 'multiple', 'width', 'hasLabel'],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGhvbmUtd2lkZ2V0LWNvbHVtbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL3BsYXRmb3JtL2xheW91dHMvc3JjL2xpYi93aWRnZXRzL3Bob25lL3Bob25lLXdpZGdldC1jb2x1bW4uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDeEQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUE2Qm5FLE1BQU0sT0FBTyw2QkFBOEIsU0FBUSxhQUFhO0lBNUJoRTs7UUE2QlksU0FBSSxHQUF1QyxFQUFFLENBQUM7UUFDOUMsU0FBSSxHQUFXLEVBQUUsQ0FBQztLQTZCN0I7SUExQlcsSUFBSSxDQUFDLElBQVk7UUFDekIsSUFBSSxJQUFJLENBQUMsUUFBUTtZQUFFLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxLQUFLLENBQUM7O1lBQ2pELE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRWtCLE1BQU07UUFDdkIsSUFBSSxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQztZQUNqQyxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7WUFDOUMsSUFBSSxDQUFDLElBQUksR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO1lBQzlHLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDN0QsQ0FBQztJQUNILENBQUM7SUFFTyxXQUFXLENBQUMsSUFBUztRQUMzQixPQUFPLE9BQU8sSUFBSSxJQUFJLFFBQVE7WUFDNUIsQ0FBQyxDQUFDO2dCQUNFLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxJQUFJLEdBQUc7Z0JBQ3hCLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxJQUFJLFFBQVE7Z0JBQzNCLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSzthQUNsQjtZQUNILENBQUMsQ0FBQztnQkFDRSxLQUFLLEVBQUUsSUFBSTtnQkFDWCxJQUFJLEVBQUUsUUFBUTtnQkFDZCxLQUFLLEVBQUUsSUFBSTthQUNaLENBQUM7SUFDUixDQUFDOzhHQTlCVSw2QkFBNkI7a0dBQTdCLDZCQUE2QixzTUExQjlCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztTQW9CSCwyREFHRyxlQUFlOzsyRkFHZCw2QkFBNkI7a0JBNUJ6QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx5QkFBeUI7b0JBQ25DLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7U0FvQkg7b0JBQ1AsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxPQUFPLEVBQUUsQ0FBQyxlQUFlLENBQUM7b0JBQzFCLE1BQU0sRUFBRSxDQUFDLFNBQVMsRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLFVBQVUsQ0FBQztpQkFDckQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWFRvb2x0aXBNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvdG9vbHRpcCc7XG5pbXBvcnQgeyBBWFBXaWRnZXRCYXNlIH0gZnJvbSAnQGFjb3JleC9wbGF0Zm9ybS9zY2hlbWEnO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXhwLXBob25lLXdpZGdldC1jb2x1bW4nLFxuICB0ZW1wbGF0ZTogYDxkaXY+XG4gICAgQGlmKG11bHRpcGxlICYmIGxpc3QubGVuZ3RoPjEpe1xuICAgIDxkaXYgW3RpdGxlXT1cInRleHRcIj57eyBkb3QzKHRleHQpIH19PC9kaXY+XG4gICAgPCEtLSA8bmctdGVtcGxhdGUgI2FsbENvbnRlbnQ+XG4gICAgICA8ZGl2IGNsYXNzPVwiYXgtYmctZGVmYXVsdCBheC1wLTQgYXgtYm9yZGVyIGF4LXJvdW5kZWQtbGcgXCI+XG4gICAgICAgIEBmb3IgKGl0ZW0gb2YgbGlzdDsgdHJhY2sgJGluZGV4KSB7XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAge3sgaXRlbS52YWx1ZSB9fVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgfVxuICAgICAgPC9kaXY+XG4gICAgPC9uZy10ZW1wbGF0ZT4gLS0+XG4gICAgfUBlbHNlIHtcbiAgICA8ZGl2PlxuICAgICAgQGlmKGxpc3QgJiYgbGlzdC5sZW5ndGgpe1xuICAgICAge3sgbGlzdFswXS52YWx1ZSB9fVxuICAgICAgfUBlbHNlIHsgLSB9XG4gICAgPC9kaXY+XG5cbiAgICB9XG4gIDwvZGl2PmAsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbQVhUb29sdGlwTW9kdWxlXSxcbiAgaW5wdXRzOiBbJ2NvbnRleHQnLCAnbXVsdGlwbGUnLCAnd2lkdGgnLCAnaGFzTGFiZWwnXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhQUGhvbmVXaWRnZXRDb2x1bW5Db21wb25lbnQgZXh0ZW5kcyBBWFBXaWRnZXRCYXNlIHtcbiAgcHJvdGVjdGVkIGxpc3Q6IHsgdmFsdWU6IHN0cmluZzsgbGFiZWw6IHN0cmluZyB9W10gPSBbXTtcbiAgcHJvdGVjdGVkIHRleHQ6IHN0cmluZyA9ICcnO1xuICBwcm90ZWN0ZWQgbXVsdGlwbGUhOiBib29sZWFuO1xuXG4gIHByb3RlY3RlZCBkb3QzKHRleHQ6IHN0cmluZykge1xuICAgIGlmICh0aGlzLm11bHRpcGxlKSByZXR1cm4gdGV4dC5zcGxpdCgnXFxuJylbMF0gKyAnLi4uJztcbiAgICBlbHNlIHJldHVybiB0ZXh0LnNwbGl0KCdcXG4nKVswXTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuY29udGV4dFt0aGlzLnByb3AubmFtZV0pIHtcbiAgICAgIGNvbnN0IHJhd1ZhbHVlID0gdGhpcy5jb250ZXh0W3RoaXMucHJvcC5uYW1lXTtcbiAgICAgIHRoaXMubGlzdCA9IEFycmF5LmlzQXJyYXkocmF3VmFsdWUpID8gcmF3VmFsdWUubWFwKChjKSA9PiB0aGlzLmV4dHJhY3RJdGVtKGMpKSA6IFt0aGlzLmV4dHJhY3RJdGVtKHJhd1ZhbHVlKV07XG4gICAgICB0aGlzLnRleHQgPSB0aGlzLmxpc3QubWFwKChpdGVtKSA9PiBpdGVtLnZhbHVlKS5qb2luKCdcXG4nKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGV4dHJhY3RJdGVtKGl0ZW06IGFueSk6IGFueSB7XG4gICAgcmV0dXJuIHR5cGVvZiBpdGVtID09ICdvYmplY3QnXG4gICAgICA/IHtcbiAgICAgICAgICB2YWx1ZTogaXRlbS52YWx1ZSA/PyAnLScsXG4gICAgICAgICAgdHlwZTogaXRlbS50eXBlID8/ICdtb2JpbGUnLFxuICAgICAgICAgIGxhYmVsOiBpdGVtLmxhYmVsLFxuICAgICAgICB9XG4gICAgICA6IHtcbiAgICAgICAgICB2YWx1ZTogaXRlbSxcbiAgICAgICAgICB0eXBlOiAnbW9iaWxlJyxcbiAgICAgICAgICBsYWJlbDogbnVsbCxcbiAgICAgICAgfTtcbiAgfVxufVxuIl19