@acorex/platform 18.0.0 → 18.0.2

package/fesm2022/acorex-platform-widgets.mjs

@@ -1,14 +1,14 @@
-import * as i1$3 from '@acorex/platform/layout';
-import { AXPWidgetBase, AXPLayoutBuilderModule } from '@acorex/platform/layout';
+import * as i1$3 from '@acorex/platform/layout/builder';
+import { AXPWidgetBase, AXPColumnWidgetBase, AXPLayoutBuilderModule } from '@acorex/platform/layout/builder';
 import * as i0 from '@angular/core';
 import { inject, Component, ChangeDetectionStrategy, computed, signal, effect, ViewEncapsulation, ViewChild, Input, HostBinding, NgModule } from '@angular/core';
-import * as i3 from '@acorex/components/button';
+import * as i2$2 from '@acorex/components/button';
 import { AXButtonModule } from '@acorex/components/button';
 import * as i1 from '@acorex/components/check-box';
 import { AXCheckBoxModule } from '@acorex/components/check-box';
-import * as i3$1 from '@acorex/components/decorators';
+import * as i3 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
-import * as i3$2 from '@acorex/components/form';
+import * as i3$1 from '@acorex/components/form';
 import { AXFormModule } from '@acorex/components/form';
 import { AXValidationService, AXValidationModule } from '@acorex/core/validation';
 import * as i1$1 from '@angular/common';
@@ -18,26 +18,30 @@ import { FormsModule } from '@angular/forms';
 import { AXDateTimeFormatter } from '@acorex/core/date-time';
 import * as i2$1 from '@acorex/components/datetime-box';
 import { AXDateTimeBoxModule } from '@acorex/components/datetime-box';
-import * as i2$2 from '@acorex/components/badge';
+import * as i2$3 from '@acorex/components/badge';
 import { AXBadgeModule } from '@acorex/components/badge';
 import { AXPClipBoardService } from '@acorex/platform/common';
-import * as i5 from '@acorex/components/select-box';
+import * as i6 from '@acorex/components/select-box';
 import { AXSelectBoxModule, AXSelectBoxComponent } from '@acorex/components/select-box';
-import * as i6 from '@acorex/components/text-box';
+import * as i7 from '@acorex/components/text-box';
 import { AXTextBoxModule } from '@acorex/components/text-box';
-import * as i2$3 from '@acorex/components/image';
+import * as i2$4 from '@acorex/components/image';
 import { AXImageModule } from '@acorex/components/image';
 import * as i4 from '@acorex/components/loading';
 import { AXLoadingModule } from '@acorex/components/loading';
-import * as i5$1 from '@acorex/components/uploader';
+import * as i5 from '@acorex/components/uploader';
 import { AXUploaderModule } from '@acorex/components/uploader';
+import { AXFormatService } from '@acorex/core/format';
+import { isNumber } from 'lodash-es';
 import * as i1$2 from '@acorex/components/number-box';
 import { AXNumberBoxModule } from '@acorex/components/number-box';
-import * as i2$4 from '@acorex/components/password-box';
+import * as i2$5 from '@acorex/components/password-box';
 import { AXPasswordBoxModule } from '@acorex/components/password-box';
 import { DomSanitizer } from '@angular/platform-browser';
-import * as i2$5 from '@acorex/components/selection-list';
+import * as i2$6 from '@acorex/components/selection-list';
 import { AXSelectionListModule } from '@acorex/components/selection-list';
+import * as i2$7 from '@acorex/components/switch';
+import { AXSwitchModule } from '@acorex/components/switch';
 
 class AXPCheckBoxWidgetEditComponent extends AXPWidgetBase {
     constructor() {
@@ -51,20 +55,20 @@ class AXPCheckBoxWidgetEditComponent extends AXPWidgetBase {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPCheckBoxWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPCheckBoxWidgetEditComponent, isStandalone: true, selector: "axp-checkbox-widget-edit", usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
-      <ax-check-box [ngModel]="this.getValue()" (onValueChanged)="handleValueChange($event)" [disabled]="disabled"> </ax-check-box>
-    </div>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPCheckBoxWidgetEditComponent, isStandalone: true, selector: "axp-checkbox-widget-edit", usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
+      <ax-check-box [ngModel]="this.getValue()" (onValueChanged)="handleValueChange($event)" [disabled]="disabled"> </ax-check-box>
+    </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXCheckBoxModule }, { kind: "component", type: i1.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "value", "name", "id", "checked", "indeterminate"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }, { 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: "ngmodule", type: AXDecoratorModule }, { kind: "ngmodule", type: AXValidationModule }, { kind: "ngmodule", type: AXButtonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPCheckBoxWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'axp-checkbox-widget-edit',
-                    template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
-      <ax-check-box [ngModel]="this.getValue()" (onValueChanged)="handleValueChange($event)" [disabled]="disabled"> </ax-check-box>
-    </div>
+                    template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
+      <ax-check-box [ngModel]="this.getValue()" (onValueChanged)="handleValueChange($event)" [disabled]="disabled"> </ax-check-box>
+    </div>
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -78,12 +82,18 @@ var checkboxWidgetEdit_component = /*#__PURE__*/Object.freeze({
 });
 
 const AXPCheckBoxWidget = {
-    name: "checkbox",
+    name: 'checkbox',
     components: {
         view: {
+            component: () => import('./acorex-platform-widgets-checkbox-widget-view.component-C_68pr-9.mjs').then((c) => c.AXPCheckBoxWidgetViewComponent),
+        },
+        edit: {
             component: () => Promise.resolve().then(function () { return checkboxWidgetEdit_component; }).then((c) => c.AXPCheckBoxWidgetEditComponent),
-        }
-    }
+        },
+        column: {
+            component: () => import('./acorex-platform-widgets-checkbox-widget-column.component-Cx6WLV3_.mjs').then((c) => c.AXPCheckBoxWidgetColumnComponent),
+        },
+    },
 };
 
 class AXPDateTimeBoxWidgetViewComponent extends AXPWidgetBase {
@@ -97,27 +107,27 @@ class AXPDateTimeBoxWidgetViewComponent extends AXPWidgetBase {
         return this.formatter.format(new Date(value), { format: this.format });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPDateTimeBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPDateTimeBoxWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    <div>
-      @if(multiple){ @for (item of internalValue(); track $index) {
-      <p>{{ item }}</p>
-      } }@else {
-      <p>{{ internalValue()[0] }}</p>
-      }
-    </div>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPDateTimeBoxWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <div>
+      @if(multiple){ @for (item of internalValue(); track $index) {
+      <p>{{ item }}</p>
+      } }@else {
+      <p>{{ internalValue()[0] }}</p>
+      }
+    </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPDateTimeBoxWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `
-    <div>
-      @if(multiple){ @for (item of internalValue(); track $index) {
-      <p>{{ item }}</p>
-      } }@else {
-      <p>{{ internalValue()[0] }}</p>
-      }
-    </div>
+                    template: `
+    <div>
+      @if(multiple){ @for (item of internalValue(); track $index) {
+      <p>{{ item }}</p>
+      } }@else {
+      <p>{{ internalValue()[0] }}</p>
+      }
+    </div>
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -166,63 +176,63 @@ class AXPDateTimeBoxWidgetEditComponent extends AXPWidgetBase {
         this.setValue(newValues);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPDateTimeBoxWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPDateTimeBoxWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
-      @for (datetime of internalValue(); track $index) {
-      <ax-datetime-box
-        class="ax-col-span-12"
-        [ngModel]="datetime"
-        (onValueChanged)="handleValueChange($event, $index)"
-        [disabled]="disabled"
-        [format]="calendarFormat()"
-      >
-        <!-- @if(validationMessage){
-        <ax-validation-rule rule="required" [message]="validationMessage"></ax-validation-rule>
-        } -->
-
-        @if(clearButton){<ax-clear-button></ax-clear-button>} @if(multiple){
-        <ax-suffix>
-          <ax-button class="ax-border-s" (onClick)="deleteItem($index)" look="blank" color="danger">
-            <ax-icon class="far fa-trash"> </ax-icon>
-          </ax-button>
-        </ax-suffix>
-        }
-      </ax-datetime-box>
-      } @if(multiple){
-      <ax-button class="ax-col-span-2" [text]="!internalValue().length ? 'Add New' : 'Add Another'" look="twotone" (onClick)="addItem()"></ax-button>
-      }
-    </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: AXDateTimeBoxModule }, { kind: "component", type: i2$1.AXDateTimeBoxComponent, selector: "ax-datetime-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "depth", "id", "type", "look", "allowTyping", "format"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "onOpened", "onClosed", "readonlyChange", "disabledChange", "formatChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.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$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3$1.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: AXValidationModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPDateTimeBoxWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
+      @for (datetime of internalValue(); track $index) {
+      <ax-datetime-box
+        class="ax-col-span-12"
+        [ngModel]="datetime"
+        (onValueChanged)="handleValueChange($event, $index)"
+        [disabled]="disabled"
+        [format]="calendarFormat()"
+      >
+        <!-- @if(validationMessage){
+        <ax-validation-rule rule="required" [message]="validationMessage"></ax-validation-rule>
+        } -->
+
+        @if(clearButton){<ax-clear-button></ax-clear-button>} @if(multiple){
+        <ax-suffix>
+          <ax-button class="ax-border-s" (onClick)="deleteItem($index)" look="blank" color="danger">
+            <ax-icon class="far fa-trash"> </ax-icon>
+          </ax-button>
+        </ax-suffix>
+        }
+      </ax-datetime-box>
+      } @if(multiple){
+      <ax-button class="ax-col-span-2" [text]="!internalValue().length ? 'Add New' : 'Add Another'" look="twotone" (onClick)="addItem()"></ax-button>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: AXDateTimeBoxModule }, { kind: "component", type: i2$1.AXDateTimeBoxComponent, selector: "ax-datetime-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "minValue", "maxValue", "value", "state", "name", "depth", "id", "type", "look", "allowTyping", "format"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "onOpened", "onClosed", "readonlyChange", "disabledChange", "formatChange"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$2.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.AXDecoratorClearButtonComponent, selector: "ax-clear-button", 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: AXValidationModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPDateTimeBoxWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
-      @for (datetime of internalValue(); track $index) {
-      <ax-datetime-box
-        class="ax-col-span-12"
-        [ngModel]="datetime"
-        (onValueChanged)="handleValueChange($event, $index)"
-        [disabled]="disabled"
-        [format]="calendarFormat()"
-      >
-        <!-- @if(validationMessage){
-        <ax-validation-rule rule="required" [message]="validationMessage"></ax-validation-rule>
-        } -->
-
-        @if(clearButton){<ax-clear-button></ax-clear-button>} @if(multiple){
-        <ax-suffix>
-          <ax-button class="ax-border-s" (onClick)="deleteItem($index)" look="blank" color="danger">
-            <ax-icon class="far fa-trash"> </ax-icon>
-          </ax-button>
-        </ax-suffix>
-        }
-      </ax-datetime-box>
-      } @if(multiple){
-      <ax-button class="ax-col-span-2" [text]="!internalValue().length ? 'Add New' : 'Add Another'" look="twotone" (onClick)="addItem()"></ax-button>
-      }
-    </div>
+                    template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
+      @for (datetime of internalValue(); track $index) {
+      <ax-datetime-box
+        class="ax-col-span-12"
+        [ngModel]="datetime"
+        (onValueChanged)="handleValueChange($event, $index)"
+        [disabled]="disabled"
+        [format]="calendarFormat()"
+      >
+        <!-- @if(validationMessage){
+        <ax-validation-rule rule="required" [message]="validationMessage"></ax-validation-rule>
+        } -->
+
+        @if(clearButton){<ax-clear-button></ax-clear-button>} @if(multiple){
+        <ax-suffix>
+          <ax-button class="ax-border-s" (onClick)="deleteItem($index)" look="blank" color="danger">
+            <ax-icon class="far fa-trash"> </ax-icon>
+          </ax-button>
+        </ax-suffix>
+        }
+      </ax-datetime-box>
+      } @if(multiple){
+      <ax-button class="ax-col-span-2" [text]="!internalValue().length ? 'Add New' : 'Add Another'" look="twotone" (onClick)="addItem()"></ax-button>
+      }
+    </div>
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -256,18 +266,42 @@ var dateTimeBoxWidgetFilter_component = /*#__PURE__*/Object.freeze({
   AXPDateTimeBoxWidgetFilterComponent: AXPDateTimeBoxWidgetFilterComponent
 });
 
-class AXPDateTimeBoxWidgetColumnComponent extends AXPWidgetBase {
+class AXPDateTimeBoxWidgetColumnComponent extends AXPColumnWidgetBase {
+    constructor() {
+        super(...arguments);
+        this.formatter = inject(AXDateTimeFormatter);
+        this.convertedValue = computed(() => this.updateValue());
+        this.format = 'datetime';
+        this.updateValue = () => {
+            const rawValue = this.rawValue;
+            if (rawValue == null) {
+                return null;
+            }
+            if (this.isArray(rawValue)) {
+                return rawValue.map((item) => this.handleFormat(item)).join(', ');
+            }
+            else {
+                return this.handleFormat(rawValue);
+            }
+        };
+    }
+    handleFormat(value) {
+        return this.formatter.format(new Date(value), { format: this.format });
+    }
+    isArray(val) {
+        return Array.isArray(val);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPDateTimeBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPDateTimeBoxWidgetColumnComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPDateTimeBoxWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: `<span [title]="convertedValue()">{{ convertedValue() }}</span>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPDateTimeBoxWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
-                    template: ``,
+                    template: `<span [title]="convertedValue()">{{ convertedValue() }}</span>`,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [CommonModule],
-                    inputs: []
+                    inputs: ['rawValue'],
                 }]
         }] });
 
@@ -362,79 +396,79 @@ class AXPEmailBoxWidgetViewComponent extends AXPWidgetBase {
             };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEmailBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPEmailBoxWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-2 ">
-      <ng-container *ngIf="multiple">
-        @for(item of internalValue();track item?.value) {
-        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
-        }
-      </ng-container>
-
-      <ng-container *ngIf="!multiple">
-        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: internalValue()[0] }" ]></ng-template>
-      </ng-container>
-
-      <ng-template #itemTemplate let-item="data">
-        <ng-container *ngIf="item">
-          <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-items-center ax-w-max ax-group">
-              <div class="ax-w-6 ax-h-6 ax-flex ax-items-center ax-justify-center">
-                <i class="fa-solid ax-text-neutral-400 fa-envelope"></i>
-              </div>
-              <a class="group-hover:!ax-text-primary-500" href="tel:{{ item.value }}">{{ item.value }}</a>
-              <span
-                class="ax-text-neutral-400  ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
-                (click)="clipboard.copy('Email', item.value)"
-              >
-                <i class="fa-solid fa-copy "></i>
-              </span>
-              @if(hasLabel){
-              <ax-badge color="primary" [look]="'twotone'" [text]="item.label"></ax-badge>
-              }
-            </div>
-          </div>
-        </ng-container>
-      </ng-template>
-    </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2$2.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPEmailBoxWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-2 ">
+      <ng-container *ngIf="multiple">
+        @for(item of internalValue();track item?.value) {
+        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
+        }
+      </ng-container>
+
+      <ng-container *ngIf="!multiple">
+        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: internalValue()[0] }" ]></ng-template>
+      </ng-container>
+
+      <ng-template #itemTemplate let-item="data">
+        <ng-container *ngIf="item">
+          <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-items-center ax-w-max ax-group">
+              <div class="ax-w-6 ax-h-6 ax-flex ax-items-center ax-justify-center">
+                <i class="fa-solid ax-text-neutral-400 fa-envelope"></i>
+              </div>
+              <a class="group-hover:!ax-text-primary-500" href="tel:{{ item.value }}">{{ item.value }}</a>
+              <span
+                class="ax-text-neutral-400  ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
+                (click)="clipboard.copy('Email', item.value)"
+              >
+                <i class="fa-solid fa-copy "></i>
+              </span>
+              @if(hasLabel){
+              <ax-badge color="primary" [look]="'twotone'" [text]="item.label"></ax-badge>
+              }
+            </div>
+          </div>
+        </ng-container>
+      </ng-template>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2$3.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: AXPEmailBoxWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-2 ">
-      <ng-container *ngIf="multiple">
-        @for(item of internalValue();track item?.value) {
-        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
-        }
-      </ng-container>
-
-      <ng-container *ngIf="!multiple">
-        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: internalValue()[0] }" ]></ng-template>
-      </ng-container>
-
-      <ng-template #itemTemplate let-item="data">
-        <ng-container *ngIf="item">
-          <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-items-center ax-w-max ax-group">
-              <div class="ax-w-6 ax-h-6 ax-flex ax-items-center ax-justify-center">
-                <i class="fa-solid ax-text-neutral-400 fa-envelope"></i>
-              </div>
-              <a class="group-hover:!ax-text-primary-500" href="tel:{{ item.value }}">{{ item.value }}</a>
-              <span
-                class="ax-text-neutral-400  ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
-                (click)="clipboard.copy('Email', item.value)"
-              >
-                <i class="fa-solid fa-copy "></i>
-              </span>
-              @if(hasLabel){
-              <ax-badge color="primary" [look]="'twotone'" [text]="item.label"></ax-badge>
-              }
-            </div>
-          </div>
-        </ng-container>
-      </ng-template>
-    </div>
+                    template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-2 ">
+      <ng-container *ngIf="multiple">
+        @for(item of internalValue();track item?.value) {
+        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
+        }
+      </ng-container>
+
+      <ng-container *ngIf="!multiple">
+        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: internalValue()[0] }" ]></ng-template>
+      </ng-container>
+
+      <ng-template #itemTemplate let-item="data">
+        <ng-container *ngIf="item">
+          <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-items-center ax-w-max ax-group">
+              <div class="ax-w-6 ax-h-6 ax-flex ax-items-center ax-justify-center">
+                <i class="fa-solid ax-text-neutral-400 fa-envelope"></i>
+              </div>
+              <a class="group-hover:!ax-text-primary-500" href="tel:{{ item.value }}">{{ item.value }}</a>
+              <span
+                class="ax-text-neutral-400  ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
+                (click)="clipboard.copy('Email', item.value)"
+              >
+                <i class="fa-solid fa-copy "></i>
+              </span>
+              @if(hasLabel){
+              <ax-badge color="primary" [look]="'twotone'" [text]="item.label"></ax-badge>
+              }
+            </div>
+          </div>
+        </ng-container>
+      </ng-template>
+    </div>
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -456,11 +490,31 @@ class AXPEmailBoxWidgetEditComponent extends AXPWidgetBase {
         this.clearButton = true;
         this.hasLabel = true;
         this.emailLabels = ['Primary', 'Secondary'];
-        this.internalValue = computed(() => this.getValue() ? (Array.isArray(this.getValue()) ? this.getValue() : [this.getValue()]) : [{}]);
+        this.internalValue = computed(() => this.getValueAsArrayOfObjects());
+        this._validationRules = [];
+        this.convertItem = (item, e) => {
+            if (typeof item === 'object')
+                return { ...item, value: e.value };
+            else
+                return e.value;
+        };
+    }
+    get validationRules() {
+        return this._validationRules;
+    }
+    set validationRules(v) {
+        this._validationRules = v;
+    }
+    getValueAsArrayOfObjects() {
+        const value = this.getValue();
+        if (Array.isArray(value)) {
+            return value.map((item) => (typeof item === 'object' ? item : { value: item }));
+        }
+        return typeof value === 'object' ? [value] : [{ value: value || '' }];
     }
     handleValueChange(e, selectedIndex) {
         if (e.isUserInteraction) {
-            const newValues = this.internalValue().map((item, index) => (selectedIndex === index ? { ...item, value: e.value } : item));
+            const newValues = this.internalValue().map((item, index) => (selectedIndex === index ? this.convertItem(item, e) : item));
             if (this.multiple)
                 this.setValue(newValues);
             else
@@ -485,145 +539,155 @@ class AXPEmailBoxWidgetEditComponent extends AXPWidgetBase {
         this.setValue(newValues);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEmailBoxWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPEmailBoxWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
-      <ng-container *ngIf="multiple">
-        @for(item of internalValue();track $index) {
-        <ax-text-box
-          [ngModel]="item.value"
-          (onValueChanged)="handleValueChange($event, $index)"
-          type="text"
-          class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
-          [class.lg:!ax-col-end-12]="!hasLabel"
-        >
-        </ax-text-box>
-        @if(hasLabel){
-        <ax-select-box
-          [dataSource]="emailLabels"
-          [ngModel]="item.label"
-          (onValueChanged)="handleLabelChange($event, $index)"
-          class="ax-col-start-1 ax-col-end-11 lg:ax-col-start-8 lg:ax-col-end-12"
-        >
-        </ax-select-box>
-        }
-        <ax-button
-          look="twotone"
-          color="danger"
-          (onClick)="deleteItem($index)"
-          class="ax-col-start-11 ax-col-end-13 lg:ax-col-start-12 lg:ax-col-end-13 ax-justify-self-end"
-        >
-          <ax-icon icon="fa-regular fa-xmark"></ax-icon>
-        </ax-button>
-        }
-      </ng-container>
-      <ng-container *ngIf="!multiple">
-        <ax-text-box
-          [ngModel]="internalValue()[0].value"
-          (onValueChanged)="handleValueChange($event, 0)"
-          type="text"
-          class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
-          [class.lg:!ax-col-end-13]="!hasLabel"
-        >
-          <!-- @for(vl of validations;track $index) {
-          <ax-validation-rule  [rule]="vl.rule" [options]="vl.options"></ax-validation-rule>
-          } -->
-        </ax-text-box>
-        @if(hasLabel){
-        <ax-select-box
-          [dataSource]="emailLabels"
-          [ngModel]="internalValue()[0].label"
-          (onValueChanged)="handleLabelChange($event, 0)"
-          class="ax-col-start-1 ax-col-end-11 lg:ax-col-start-8 lg:ax-col-end-13"
-        >
-        </ax-select-box>
-        }
-      </ng-container>
-      <ax-button
-        *ngIf="multiple"
-        [text]="internalValue().length == 0 ? 'Add New' : 'Add Another'"
-        look="twotone"
-        (onClick)="addItem()"
-        class="ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13"
-      >
-        <ax-prefix>
-          <ax-icon class="fa-solid fa-add"></ax-icon>
-        </ax-prefix>
-      </ax-button>
-    </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: AXButtonModule }, { kind: "component", type: i3.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$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.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: AXSelectBoxModule }, { kind: "component", type: i5.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: AXTextBoxModule }, { kind: "component", type: i6.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPEmailBoxWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
+      <ng-container *ngIf="multiple">
+        @for(item of internalValue();track $index) {
+        <ax-text-box
+          [ngModel]="item.value"
+          (onValueChanged)="handleValueChange($event, $index)"
+          type="text"
+          class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
+          [class.lg:!ax-col-end-12]="!hasLabel"
+        >
+          @for (validation of validationRules; track $index) {
+          <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
+          }
+          <ax-validation-rule [rule]="'email'"></ax-validation-rule>
+        </ax-text-box>
+        @if(hasLabel){
+        <ax-select-box
+          [dataSource]="emailLabels"
+          [ngModel]="item.label"
+          (onValueChanged)="handleLabelChange($event, $index)"
+          class="ax-col-start-1 ax-col-end-11 lg:ax-col-start-8 lg:ax-col-end-12"
+        >
+        </ax-select-box>
+        }
+        <ax-button
+          look="twotone"
+          color="danger"
+          (onClick)="deleteItem($index)"
+          class="ax-col-start-11 ax-col-end-13 lg:ax-col-start-12 lg:ax-col-end-13 ax-justify-self-end"
+        >
+          <ax-icon icon="fa-regular fa-xmark"></ax-icon>
+        </ax-button>
+        }
+      </ng-container>
+      <ng-container *ngIf="!multiple">
+        <ax-text-box
+          [ngModel]="internalValue()[0].value"
+          (onValueChanged)="handleValueChange($event, 0)"
+          type="text"
+          class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
+          [class.lg:!ax-col-end-13]="!hasLabel"
+        >
+          @for (validation of validationRules; track $index) {
+          <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
+          }
+          <ax-validation-rule [rule]="'email'"></ax-validation-rule>
+        </ax-text-box>
+        @if(hasLabel){
+        <ax-select-box
+          [dataSource]="emailLabels"
+          [ngModel]="internalValue()[0].label"
+          (onValueChanged)="handleLabelChange($event, 0)"
+          class="ax-col-start-1 ax-col-end-11 lg:ax-col-start-8 lg:ax-col-end-13"
+        >
+        </ax-select-box>
+        }
+      </ng-container>
+      <ax-button
+        *ngIf="multiple"
+        [text]="internalValue().length == 0 ? 'Add New' : 'Add Another'"
+        look="twotone"
+        (onClick)="addItem()"
+        class="ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13"
+      >
+        <ax-prefix>
+          <ax-icon class="fa-solid fa-add"></ax-icon>
+        </ax-prefix>
+      </ax-button>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$2.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: 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: AXTextBoxModule }, { kind: "component", type: i7.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: AXValidationModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEmailBoxWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
-      <ng-container *ngIf="multiple">
-        @for(item of internalValue();track $index) {
-        <ax-text-box
-          [ngModel]="item.value"
-          (onValueChanged)="handleValueChange($event, $index)"
-          type="text"
-          class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
-          [class.lg:!ax-col-end-12]="!hasLabel"
-        >
-        </ax-text-box>
-        @if(hasLabel){
-        <ax-select-box
-          [dataSource]="emailLabels"
-          [ngModel]="item.label"
-          (onValueChanged)="handleLabelChange($event, $index)"
-          class="ax-col-start-1 ax-col-end-11 lg:ax-col-start-8 lg:ax-col-end-12"
-        >
-        </ax-select-box>
-        }
-        <ax-button
-          look="twotone"
-          color="danger"
-          (onClick)="deleteItem($index)"
-          class="ax-col-start-11 ax-col-end-13 lg:ax-col-start-12 lg:ax-col-end-13 ax-justify-self-end"
-        >
-          <ax-icon icon="fa-regular fa-xmark"></ax-icon>
-        </ax-button>
-        }
-      </ng-container>
-      <ng-container *ngIf="!multiple">
-        <ax-text-box
-          [ngModel]="internalValue()[0].value"
-          (onValueChanged)="handleValueChange($event, 0)"
-          type="text"
-          class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
-          [class.lg:!ax-col-end-13]="!hasLabel"
-        >
-          <!-- @for(vl of validations;track $index) {
-          <ax-validation-rule  [rule]="vl.rule" [options]="vl.options"></ax-validation-rule>
-          } -->
-        </ax-text-box>
-        @if(hasLabel){
-        <ax-select-box
-          [dataSource]="emailLabels"
-          [ngModel]="internalValue()[0].label"
-          (onValueChanged)="handleLabelChange($event, 0)"
-          class="ax-col-start-1 ax-col-end-11 lg:ax-col-start-8 lg:ax-col-end-13"
-        >
-        </ax-select-box>
-        }
-      </ng-container>
-      <ax-button
-        *ngIf="multiple"
-        [text]="internalValue().length == 0 ? 'Add New' : 'Add Another'"
-        look="twotone"
-        (onClick)="addItem()"
-        class="ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13"
-      >
-        <ax-prefix>
-          <ax-icon class="fa-solid fa-add"></ax-icon>
-        </ax-prefix>
-      </ax-button>
-    </div>
+                    template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
+      <ng-container *ngIf="multiple">
+        @for(item of internalValue();track $index) {
+        <ax-text-box
+          [ngModel]="item.value"
+          (onValueChanged)="handleValueChange($event, $index)"
+          type="text"
+          class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
+          [class.lg:!ax-col-end-12]="!hasLabel"
+        >
+          @for (validation of validationRules; track $index) {
+          <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
+          }
+          <ax-validation-rule [rule]="'email'"></ax-validation-rule>
+        </ax-text-box>
+        @if(hasLabel){
+        <ax-select-box
+          [dataSource]="emailLabels"
+          [ngModel]="item.label"
+          (onValueChanged)="handleLabelChange($event, $index)"
+          class="ax-col-start-1 ax-col-end-11 lg:ax-col-start-8 lg:ax-col-end-12"
+        >
+        </ax-select-box>
+        }
+        <ax-button
+          look="twotone"
+          color="danger"
+          (onClick)="deleteItem($index)"
+          class="ax-col-start-11 ax-col-end-13 lg:ax-col-start-12 lg:ax-col-end-13 ax-justify-self-end"
+        >
+          <ax-icon icon="fa-regular fa-xmark"></ax-icon>
+        </ax-button>
+        }
+      </ng-container>
+      <ng-container *ngIf="!multiple">
+        <ax-text-box
+          [ngModel]="internalValue()[0].value"
+          (onValueChanged)="handleValueChange($event, 0)"
+          type="text"
+          class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
+          [class.lg:!ax-col-end-13]="!hasLabel"
+        >
+          @for (validation of validationRules; track $index) {
+          <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
+          }
+          <ax-validation-rule [rule]="'email'"></ax-validation-rule>
+        </ax-text-box>
+        @if(hasLabel){
+        <ax-select-box
+          [dataSource]="emailLabels"
+          [ngModel]="internalValue()[0].label"
+          (onValueChanged)="handleLabelChange($event, 0)"
+          class="ax-col-start-1 ax-col-end-11 lg:ax-col-start-8 lg:ax-col-end-13"
+        >
+        </ax-select-box>
+        }
+      </ng-container>
+      <ax-button
+        *ngIf="multiple"
+        [text]="internalValue().length == 0 ? 'Add New' : 'Add Another'"
+        look="twotone"
+        (onClick)="addItem()"
+        class="ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13"
+      >
+        <ax-prefix>
+          <ax-icon class="fa-solid fa-add"></ax-icon>
+        </ax-prefix>
+      </ax-button>
+    </div>
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule, FormsModule, AXButtonModule, AXDecoratorModule, AXSelectBoxModule, AXTextBoxModule],
+                    imports: [CommonModule, FormsModule, AXFormModule, AXButtonModule, AXDecoratorModule, AXSelectBoxModule, AXTextBoxModule, AXValidationModule],
                     inputs: [],
                 }]
         }] });
@@ -653,18 +717,65 @@ var emailBoxWidgetFilter_component = /*#__PURE__*/Object.freeze({
   AXPEmailBoxWidgetFilterComponent: AXPEmailBoxWidgetFilterComponent
 });
 
-class AXPEmailBoxWidgetColumnComponent extends AXPWidgetBase {
+class AXPEmailBoxWidgetColumnComponent extends AXPColumnWidgetBase {
+    constructor() {
+        super(...arguments);
+        this.list = computed(() => Array.isArray(this.rawValue) ? this.rawValue.map((c) => this.extractItem(c)) : [this.extractItem(this.rawValue)]);
+        this.text = computed(() => this.list()
+            .map((item) => item.value)
+            .join('\n'));
+    }
+    dot3(text) {
+        console.log(text);
+        if (this.multiple)
+            return text.split('\n')[0] + '...';
+        else
+            return text.split('\n')[0];
+    }
+    extractItem(item) {
+        return typeof item == 'object'
+            ? {
+                value: item.value ?? '-',
+                type: item.type ?? 'primary',
+                label: item.label,
+            }
+            : {
+                value: item,
+                type: 'primary',
+                label: null,
+            };
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEmailBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPEmailBoxWidgetColumnComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPEmailBoxWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: `<div>
+    @if(multiple && list.length>1){
+    <div [title]="text()">{{ dot3(text()) }}</div>
+    }@else {
+    <div>
+      @if(list() && list().length){
+      {{ list()[0].value }}
+      }@else { - }
+    </div>
+    }
+  </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPEmailBoxWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
-                    template: ``,
+                    template: `<div>
+    @if(multiple && list.length>1){
+    <div [title]="text()">{{ dot3(text()) }}</div>
+    }@else {
+    <div>
+      @if(list() && list().length){
+      {{ list()[0].value }}
+      }@else { - }
+    </div>
+    }
+  </div>`,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [CommonModule],
-                    inputs: []
+                    inputs: ['rawValue'],
                 }]
         }] });
 
@@ -800,73 +911,73 @@ class AXPFileBoxWidgetViewComponent extends AXPWidgetBase {
             : null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPFileBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPFileBoxWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
-      @if(multiple){ @for(item of internalValue();let first=$first;track item.name) {
-      <ng-template [ngTemplateOutlet]="itemTemplate" ] [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
-      } }@else {
-      <ng-template [ngTemplateOutlet]="itemTemplate" ] [ngTemplateOutletContext]="{ data: internalValue()[0] }" ]></ng-template>
-      }
-      <ng-template #itemTemplate let-item="data">
-        <div
-          *ngIf="item"
-          class="ax-flex ax-items-center ax-justify-between ax-p-2 ax-border ax-rounded-lg ax-bg-surface ax-col-start-1 ax-col-end-13"
-        >
-          <div class="ax-flex ax-items-center ax-gap-3">
-            <ng-container *ngIf="getFileInfo(item.name) as fileInfo">
-              <div class="ax-w-10 ax-h-10 ax-rounded-lg ax-flex ax-items-center ax-justify-center" [ngClass]="[fileInfo.color]">
-                <i [ngClass]="['fa-solid', 'ax-text-xl', fileInfo.icon]"></i>
-              </div>
-            </ng-container>
-            <div>
-              <div class="ax-leading-6">{{ item.name }}</div>
-              <p class="ax-text-sm ax-text-neutral-400">250 KB</p>
-            </div>
-          </div>
-          <ax-button look="blank" color="ghost" class="!ax-text-neutral-400 hover:!ax-text-neutral-600">
-            <ax-icon>
-              <i class="fa-solid fa-download"></i>
-            </ax-icon>
-          </ax-button>
-        </div>
-      </ng-template>
-    </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.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$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPFileBoxWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
+      @if(multiple){ @for(item of internalValue();let first=$first;track item.name) {
+      <ng-template [ngTemplateOutlet]="itemTemplate" ] [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
+      } }@else {
+      <ng-template [ngTemplateOutlet]="itemTemplate" ] [ngTemplateOutletContext]="{ data: internalValue()[0] }" ]></ng-template>
+      }
+      <ng-template #itemTemplate let-item="data">
+        <div
+          *ngIf="item"
+          class="ax-flex ax-items-center ax-justify-between ax-p-2 ax-border ax-rounded-lg ax-bg-surface ax-col-start-1 ax-col-end-13"
+        >
+          <div class="ax-flex ax-items-center ax-gap-3">
+            <ng-container *ngIf="getFileInfo(item.name) as fileInfo">
+              <div class="ax-w-10 ax-h-10 ax-rounded-lg ax-flex ax-items-center ax-justify-center" [ngClass]="[fileInfo.color]">
+                <i [ngClass]="['fa-solid', 'ax-text-xl', fileInfo.icon]"></i>
+              </div>
+            </ng-container>
+            <div>
+              <div class="ax-leading-6">{{ item.name }}</div>
+              <p class="ax-text-sm ax-text-neutral-400">250 KB</p>
+            </div>
+          </div>
+          <ax-button look="blank" color="ghost" class="!ax-text-neutral-400 hover:!ax-text-neutral-600">
+            <ax-icon>
+              <i class="fa-solid fa-download"></i>
+            </ax-icon>
+          </ax-button>
+        </div>
+      </ng-template>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$2.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPFileBoxWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
-      @if(multiple){ @for(item of internalValue();let first=$first;track item.name) {
-      <ng-template [ngTemplateOutlet]="itemTemplate" ] [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
-      } }@else {
-      <ng-template [ngTemplateOutlet]="itemTemplate" ] [ngTemplateOutletContext]="{ data: internalValue()[0] }" ]></ng-template>
-      }
-      <ng-template #itemTemplate let-item="data">
-        <div
-          *ngIf="item"
-          class="ax-flex ax-items-center ax-justify-between ax-p-2 ax-border ax-rounded-lg ax-bg-surface ax-col-start-1 ax-col-end-13"
-        >
-          <div class="ax-flex ax-items-center ax-gap-3">
-            <ng-container *ngIf="getFileInfo(item.name) as fileInfo">
-              <div class="ax-w-10 ax-h-10 ax-rounded-lg ax-flex ax-items-center ax-justify-center" [ngClass]="[fileInfo.color]">
-                <i [ngClass]="['fa-solid', 'ax-text-xl', fileInfo.icon]"></i>
-              </div>
-            </ng-container>
-            <div>
-              <div class="ax-leading-6">{{ item.name }}</div>
-              <p class="ax-text-sm ax-text-neutral-400">250 KB</p>
-            </div>
-          </div>
-          <ax-button look="blank" color="ghost" class="!ax-text-neutral-400 hover:!ax-text-neutral-600">
-            <ax-icon>
-              <i class="fa-solid fa-download"></i>
-            </ax-icon>
-          </ax-button>
-        </div>
-      </ng-template>
-    </div>
+                    template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
+      @if(multiple){ @for(item of internalValue();let first=$first;track item.name) {
+      <ng-template [ngTemplateOutlet]="itemTemplate" ] [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
+      } }@else {
+      <ng-template [ngTemplateOutlet]="itemTemplate" ] [ngTemplateOutletContext]="{ data: internalValue()[0] }" ]></ng-template>
+      }
+      <ng-template #itemTemplate let-item="data">
+        <div
+          *ngIf="item"
+          class="ax-flex ax-items-center ax-justify-between ax-p-2 ax-border ax-rounded-lg ax-bg-surface ax-col-start-1 ax-col-end-13"
+        >
+          <div class="ax-flex ax-items-center ax-gap-3">
+            <ng-container *ngIf="getFileInfo(item.name) as fileInfo">
+              <div class="ax-w-10 ax-h-10 ax-rounded-lg ax-flex ax-items-center ax-justify-center" [ngClass]="[fileInfo.color]">
+                <i [ngClass]="['fa-solid', 'ax-text-xl', fileInfo.icon]"></i>
+              </div>
+            </ng-container>
+            <div>
+              <div class="ax-leading-6">{{ item.name }}</div>
+              <p class="ax-text-sm ax-text-neutral-400">250 KB</p>
+            </div>
+          </div>
+          <ax-button look="blank" color="ghost" class="!ax-text-neutral-400 hover:!ax-text-neutral-600">
+            <ax-icon>
+              <i class="fa-solid fa-download"></i>
+            </ax-icon>
+          </ax-button>
+        </div>
+      </ng-template>
+    </div>
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -936,121 +1047,121 @@ class AXPFileBoxWidgetEditComponent extends AXPWidgetBase {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPFileBoxWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPFileBoxWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
-      <ng-container *ngIf="multiple">
-        @for(item of internalValue();track $index) {
-        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item, index: $index }" ]></ng-template>
-        }
-      </ng-container>
-      <ng-container *ngIf="!multiple">
-        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: internalValue()[0], index: 0 }" ]></ng-template>
-      </ng-container>
-      <ng-template #itemTemplate let-item="data" let-index="index">
-        <div
-          *ngIf="item"
-          class="ax-flex ax-items-center ax-justify-between ax-p-2  ax-border ax-rounded-lg  ax-bg-surface ax-col-start-1 ax-col-end-11 lg:ax-col-end-12 "
-          [class.!ax-col-end-13]="!multiple"
-        >
-          <div class="ax-flex ax-items-center ax-justify-between ax-gap-3">
-            <ng-container *ngIf="getFileInfo(item.name) as fileInfo">
-              <div class="ax-w-10 ax-h-10 ax-rounded-lg ax-flex ax-items-center ax-justify-center" [ngClass]="[fileInfo.color]">
-                <i [ngClass]="['fa-solid', 'ax-text-xl', fileInfo.icon]"></i>
-              </div>
-            </ng-container>
-            <div>
-              <div class="ax-leading-6">{{ item.name }}</div>
-              <p class="ax-text-sm ax-text-neutral-400">250 KB</p>
-            </div>
-          </div>
-          <ax-button look="blank" color="ghost" class="!ax-text-neutral-400 hover:!ax-text-neutral-600">
-            <ax-icon>
-              <i class="fa-solid fa-download"></i>
-            </ax-icon>
-          </ax-button>
-        </div>
-        <ax-button
-          *ngIf="multiple"
-          look="twotone"
-          color="danger"
-          (onClick)="handleRemoveItem(index)"
-          class="ax-col-start-11 ax-col-end-13 lg:ax-col-start-12 ax-justify-self-end ax-items ax-self-center"
-        >
-          <ax-icon icon="fa-regular fa-xmark"></ax-icon>
-        </ax-button>
-      </ng-template>
-      <ax-button
-        *ngIf="multiple"
-        [text]="internalValue().length == 0 ? 'Add New' : 'Add Another'"
-        look="twotone"
-        (onClick)="handleAddItem()"
-        class="ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13"
-      >
-        <ax-prefix>
-          <ax-icon class="fa-solid fa-add"></ax-icon>
-        </ax-prefix>
-      </ax-button>
-    </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.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$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPFileBoxWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
+      <ng-container *ngIf="multiple">
+        @for(item of internalValue();track $index) {
+        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item, index: $index }" ]></ng-template>
+        }
+      </ng-container>
+      <ng-container *ngIf="!multiple">
+        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: internalValue()[0], index: 0 }" ]></ng-template>
+      </ng-container>
+      <ng-template #itemTemplate let-item="data" let-index="index">
+        <div
+          *ngIf="item"
+          class="ax-flex ax-items-center ax-justify-between ax-p-2  ax-border ax-rounded-lg  ax-bg-surface ax-col-start-1 ax-col-end-11 lg:ax-col-end-12 "
+          [class.!ax-col-end-13]="!multiple"
+        >
+          <div class="ax-flex ax-items-center ax-justify-between ax-gap-3">
+            <ng-container *ngIf="getFileInfo(item.name) as fileInfo">
+              <div class="ax-w-10 ax-h-10 ax-rounded-lg ax-flex ax-items-center ax-justify-center" [ngClass]="[fileInfo.color]">
+                <i [ngClass]="['fa-solid', 'ax-text-xl', fileInfo.icon]"></i>
+              </div>
+            </ng-container>
+            <div>
+              <div class="ax-leading-6">{{ item.name }}</div>
+              <p class="ax-text-sm ax-text-neutral-400">250 KB</p>
+            </div>
+          </div>
+          <ax-button look="blank" color="ghost" class="!ax-text-neutral-400 hover:!ax-text-neutral-600">
+            <ax-icon>
+              <i class="fa-solid fa-download"></i>
+            </ax-icon>
+          </ax-button>
+        </div>
+        <ax-button
+          *ngIf="multiple"
+          look="twotone"
+          color="danger"
+          (onClick)="handleRemoveItem(index)"
+          class="ax-col-start-11 ax-col-end-13 lg:ax-col-start-12 ax-justify-self-end ax-items ax-self-center"
+        >
+          <ax-icon icon="fa-regular fa-xmark"></ax-icon>
+        </ax-button>
+      </ng-template>
+      <ax-button
+        *ngIf="multiple"
+        [text]="internalValue().length == 0 ? 'Add New' : 'Add Another'"
+        look="twotone"
+        (onClick)="handleAddItem()"
+        class="ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13"
+      >
+        <ax-prefix>
+          <ax-icon class="fa-solid fa-add"></ax-icon>
+        </ax-prefix>
+      </ax-button>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$2.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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPFileBoxWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
-      <ng-container *ngIf="multiple">
-        @for(item of internalValue();track $index) {
-        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item, index: $index }" ]></ng-template>
-        }
-      </ng-container>
-      <ng-container *ngIf="!multiple">
-        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: internalValue()[0], index: 0 }" ]></ng-template>
-      </ng-container>
-      <ng-template #itemTemplate let-item="data" let-index="index">
-        <div
-          *ngIf="item"
-          class="ax-flex ax-items-center ax-justify-between ax-p-2  ax-border ax-rounded-lg  ax-bg-surface ax-col-start-1 ax-col-end-11 lg:ax-col-end-12 "
-          [class.!ax-col-end-13]="!multiple"
-        >
-          <div class="ax-flex ax-items-center ax-justify-between ax-gap-3">
-            <ng-container *ngIf="getFileInfo(item.name) as fileInfo">
-              <div class="ax-w-10 ax-h-10 ax-rounded-lg ax-flex ax-items-center ax-justify-center" [ngClass]="[fileInfo.color]">
-                <i [ngClass]="['fa-solid', 'ax-text-xl', fileInfo.icon]"></i>
-              </div>
-            </ng-container>
-            <div>
-              <div class="ax-leading-6">{{ item.name }}</div>
-              <p class="ax-text-sm ax-text-neutral-400">250 KB</p>
-            </div>
-          </div>
-          <ax-button look="blank" color="ghost" class="!ax-text-neutral-400 hover:!ax-text-neutral-600">
-            <ax-icon>
-              <i class="fa-solid fa-download"></i>
-            </ax-icon>
-          </ax-button>
-        </div>
-        <ax-button
-          *ngIf="multiple"
-          look="twotone"
-          color="danger"
-          (onClick)="handleRemoveItem(index)"
-          class="ax-col-start-11 ax-col-end-13 lg:ax-col-start-12 ax-justify-self-end ax-items ax-self-center"
-        >
-          <ax-icon icon="fa-regular fa-xmark"></ax-icon>
-        </ax-button>
-      </ng-template>
-      <ax-button
-        *ngIf="multiple"
-        [text]="internalValue().length == 0 ? 'Add New' : 'Add Another'"
-        look="twotone"
-        (onClick)="handleAddItem()"
-        class="ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13"
-      >
-        <ax-prefix>
-          <ax-icon class="fa-solid fa-add"></ax-icon>
-        </ax-prefix>
-      </ax-button>
-    </div>
+                    template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
+      <ng-container *ngIf="multiple">
+        @for(item of internalValue();track $index) {
+        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item, index: $index }" ]></ng-template>
+        }
+      </ng-container>
+      <ng-container *ngIf="!multiple">
+        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: internalValue()[0], index: 0 }" ]></ng-template>
+      </ng-container>
+      <ng-template #itemTemplate let-item="data" let-index="index">
+        <div
+          *ngIf="item"
+          class="ax-flex ax-items-center ax-justify-between ax-p-2  ax-border ax-rounded-lg  ax-bg-surface ax-col-start-1 ax-col-end-11 lg:ax-col-end-12 "
+          [class.!ax-col-end-13]="!multiple"
+        >
+          <div class="ax-flex ax-items-center ax-justify-between ax-gap-3">
+            <ng-container *ngIf="getFileInfo(item.name) as fileInfo">
+              <div class="ax-w-10 ax-h-10 ax-rounded-lg ax-flex ax-items-center ax-justify-center" [ngClass]="[fileInfo.color]">
+                <i [ngClass]="['fa-solid', 'ax-text-xl', fileInfo.icon]"></i>
+              </div>
+            </ng-container>
+            <div>
+              <div class="ax-leading-6">{{ item.name }}</div>
+              <p class="ax-text-sm ax-text-neutral-400">250 KB</p>
+            </div>
+          </div>
+          <ax-button look="blank" color="ghost" class="!ax-text-neutral-400 hover:!ax-text-neutral-600">
+            <ax-icon>
+              <i class="fa-solid fa-download"></i>
+            </ax-icon>
+          </ax-button>
+        </div>
+        <ax-button
+          *ngIf="multiple"
+          look="twotone"
+          color="danger"
+          (onClick)="handleRemoveItem(index)"
+          class="ax-col-start-11 ax-col-end-13 lg:ax-col-start-12 ax-justify-self-end ax-items ax-self-center"
+        >
+          <ax-icon icon="fa-regular fa-xmark"></ax-icon>
+        </ax-button>
+      </ng-template>
+      <ax-button
+        *ngIf="multiple"
+        [text]="internalValue().length == 0 ? 'Add New' : 'Add Another'"
+        look="twotone"
+        (onClick)="handleAddItem()"
+        class="ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13"
+      >
+        <ax-prefix>
+          <ax-icon class="fa-solid fa-add"></ax-icon>
+        </ax-prefix>
+      </ax-button>
+    </div>
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -1207,107 +1318,107 @@ class AXPGalleryWidgetViewComponent extends AXPWidgetBase {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPGalleryWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPGalleryWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
-      @if(internalValue().length){
-      <div class="ax-flex ax-items-center ax-justify-between ax-rounded-lg  ax-col-start-1 ax-col-end-13">
-        <div class="ax-flex ax-items-center md:ax-justify-start ax-justify-center ax-w-full ax-gap-3">
-          <div class="ax-flex ax-flex-col ax-items-center ax-gap-4">
-            @switch (getMediaInfo(activeMedia()?.name||'').format) { @case ('video') {
-            <video class="ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto ax-shadow-md" controls [src]="activeMedia()?.url"></video>
-            } @case ('image') {
-            <ax-image class="ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto" [src]="activeMedia()?.url">
-              <ax-loading></ax-loading>
-              <ax-placeholder>
-                <div class="ax-w-96 ax-h-72 ax-gap-4 ax-flex ax-flex-col ax-items-center ax-justify-center ax-border ax-rounded-lg">
-                  <ax-icon class="fa-solid fa-circle-exclamation ax-text-3xl"> </ax-icon>
-                  <span>Connection Error!</span>
-                </div>
-              </ax-placeholder>
-            </ax-image>
-            } @case ('audio') {
-            <audio controls class="ax-rounded-lg">
-              <source [src]="activeMedia()?.url" type="audio/mp3" />
-            </audio>
-            } }
-            <div class="ax-flex ax-gap-4 ax-overflow-x-auto ax-max-w-[320px] lg:ax-max-w-[480px] ax-pb-2">
-              @for (media of thumbnails(); track $index) {
-              <div
-                *ngIf="getMediaInfo(media.name) as mediaInfo"
-                class="hover:ax-opacity-75 ax-transition-all ax-relative ax-cursor-pointer ax-flex ax-justify-center ax-items-center"
-                (click)="changeMediaSelected(media)"
-              >
-                <ax-image
-                  class="ax-w-16 ax-brightness-50 ax-h-16 ax-rounded-lg ax-shadow-md ax-filter"
-                  [src]="mediaInfo.format == 'image' ? media.url : media.posterUrl"
-                ></ax-image>
-                <div class="ax-absolute ax-text-neutral-300 ax-text-xl">
-                  <ax-icon [class]="mediaInfo.icon"> </ax-icon>
-                </div>
-              </div>
-              }
-            </div>
-          </div>
-        </div>
-      </div>
-      } @else {
-      <!-- ask for empty state: -->
-      <small>No Media!</small>
-      }
-    </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: AXImageModule }, { kind: "component", type: i2$3.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.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: AXLoadingModule }, { kind: "component", type: i4.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPGalleryWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
+      @if(internalValue().length){
+      <div class="ax-flex ax-items-center ax-justify-between ax-rounded-lg  ax-col-start-1 ax-col-end-13">
+        <div class="ax-flex ax-items-center md:ax-justify-start ax-justify-center ax-w-full ax-gap-3">
+          <div class="ax-flex ax-flex-col ax-items-center ax-gap-4">
+            @switch (getMediaInfo(activeMedia()?.name||'').format) { @case ('video') {
+            <video class="ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto ax-shadow-md" controls [src]="activeMedia()?.url"></video>
+            } @case ('image') {
+            <ax-image class="ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto" [src]="activeMedia()?.url">
+              <ax-loading></ax-loading>
+              <ax-placeholder>
+                <div class="ax-w-96 ax-h-72 ax-gap-4 ax-flex ax-flex-col ax-items-center ax-justify-center ax-border ax-rounded-lg">
+                  <ax-icon class="fa-solid fa-circle-exclamation ax-text-3xl"> </ax-icon>
+                  <span>Connection Error!</span>
+                </div>
+              </ax-placeholder>
+            </ax-image>
+            } @case ('audio') {
+            <audio controls class="ax-rounded-lg">
+              <source [src]="activeMedia()?.url" type="audio/mp3" />
+            </audio>
+            } }
+            <div class="ax-flex ax-gap-4 ax-overflow-x-auto ax-max-w-[320px] lg:ax-max-w-[480px] ax-pb-2">
+              @for (media of thumbnails(); track $index) {
+              <div
+                *ngIf="getMediaInfo(media.name) as mediaInfo"
+                class="hover:ax-opacity-75 ax-transition-all ax-relative ax-cursor-pointer ax-flex ax-justify-center ax-items-center"
+                (click)="changeMediaSelected(media)"
+              >
+                <ax-image
+                  class="ax-w-16 ax-brightness-50 ax-h-16 ax-rounded-lg ax-shadow-md ax-filter"
+                  [src]="mediaInfo.format == 'image' ? media.url : media.posterUrl"
+                ></ax-image>
+                <div class="ax-absolute ax-text-neutral-300 ax-text-xl">
+                  <ax-icon [class]="mediaInfo.icon"> </ax-icon>
+                </div>
+              </div>
+              }
+            </div>
+          </div>
+        </div>
+      </div>
+      } @else {
+      <!-- ask for empty state: -->
+      <small>No Media!</small>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: AXImageModule }, { kind: "component", type: i2$4.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { 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: AXLoadingModule }, { kind: "component", type: i4.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPGalleryWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
-      @if(internalValue().length){
-      <div class="ax-flex ax-items-center ax-justify-between ax-rounded-lg  ax-col-start-1 ax-col-end-13">
-        <div class="ax-flex ax-items-center md:ax-justify-start ax-justify-center ax-w-full ax-gap-3">
-          <div class="ax-flex ax-flex-col ax-items-center ax-gap-4">
-            @switch (getMediaInfo(activeMedia()?.name||'').format) { @case ('video') {
-            <video class="ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto ax-shadow-md" controls [src]="activeMedia()?.url"></video>
-            } @case ('image') {
-            <ax-image class="ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto" [src]="activeMedia()?.url">
-              <ax-loading></ax-loading>
-              <ax-placeholder>
-                <div class="ax-w-96 ax-h-72 ax-gap-4 ax-flex ax-flex-col ax-items-center ax-justify-center ax-border ax-rounded-lg">
-                  <ax-icon class="fa-solid fa-circle-exclamation ax-text-3xl"> </ax-icon>
-                  <span>Connection Error!</span>
-                </div>
-              </ax-placeholder>
-            </ax-image>
-            } @case ('audio') {
-            <audio controls class="ax-rounded-lg">
-              <source [src]="activeMedia()?.url" type="audio/mp3" />
-            </audio>
-            } }
-            <div class="ax-flex ax-gap-4 ax-overflow-x-auto ax-max-w-[320px] lg:ax-max-w-[480px] ax-pb-2">
-              @for (media of thumbnails(); track $index) {
-              <div
-                *ngIf="getMediaInfo(media.name) as mediaInfo"
-                class="hover:ax-opacity-75 ax-transition-all ax-relative ax-cursor-pointer ax-flex ax-justify-center ax-items-center"
-                (click)="changeMediaSelected(media)"
-              >
-                <ax-image
-                  class="ax-w-16 ax-brightness-50 ax-h-16 ax-rounded-lg ax-shadow-md ax-filter"
-                  [src]="mediaInfo.format == 'image' ? media.url : media.posterUrl"
-                ></ax-image>
-                <div class="ax-absolute ax-text-neutral-300 ax-text-xl">
-                  <ax-icon [class]="mediaInfo.icon"> </ax-icon>
-                </div>
-              </div>
-              }
-            </div>
-          </div>
-        </div>
-      </div>
-      } @else {
-      <!-- ask for empty state: -->
-      <small>No Media!</small>
-      }
-    </div>
+                    template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
+      @if(internalValue().length){
+      <div class="ax-flex ax-items-center ax-justify-between ax-rounded-lg  ax-col-start-1 ax-col-end-13">
+        <div class="ax-flex ax-items-center md:ax-justify-start ax-justify-center ax-w-full ax-gap-3">
+          <div class="ax-flex ax-flex-col ax-items-center ax-gap-4">
+            @switch (getMediaInfo(activeMedia()?.name||'').format) { @case ('video') {
+            <video class="ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto ax-shadow-md" controls [src]="activeMedia()?.url"></video>
+            } @case ('image') {
+            <ax-image class="ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto" [src]="activeMedia()?.url">
+              <ax-loading></ax-loading>
+              <ax-placeholder>
+                <div class="ax-w-96 ax-h-72 ax-gap-4 ax-flex ax-flex-col ax-items-center ax-justify-center ax-border ax-rounded-lg">
+                  <ax-icon class="fa-solid fa-circle-exclamation ax-text-3xl"> </ax-icon>
+                  <span>Connection Error!</span>
+                </div>
+              </ax-placeholder>
+            </ax-image>
+            } @case ('audio') {
+            <audio controls class="ax-rounded-lg">
+              <source [src]="activeMedia()?.url" type="audio/mp3" />
+            </audio>
+            } }
+            <div class="ax-flex ax-gap-4 ax-overflow-x-auto ax-max-w-[320px] lg:ax-max-w-[480px] ax-pb-2">
+              @for (media of thumbnails(); track $index) {
+              <div
+                *ngIf="getMediaInfo(media.name) as mediaInfo"
+                class="hover:ax-opacity-75 ax-transition-all ax-relative ax-cursor-pointer ax-flex ax-justify-center ax-items-center"
+                (click)="changeMediaSelected(media)"
+              >
+                <ax-image
+                  class="ax-w-16 ax-brightness-50 ax-h-16 ax-rounded-lg ax-shadow-md ax-filter"
+                  [src]="mediaInfo.format == 'image' ? media.url : media.posterUrl"
+                ></ax-image>
+                <div class="ax-absolute ax-text-neutral-300 ax-text-xl">
+                  <ax-icon [class]="mediaInfo.icon"> </ax-icon>
+                </div>
+              </div>
+              }
+            </div>
+          </div>
+        </div>
+      </div>
+      } @else {
+      <!-- ask for empty state: -->
+      <small>No Media!</small>
+      }
+    </div>
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -1360,117 +1471,117 @@ class AXPGalleryWidgetEditComponent extends AXPWidgetBase {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPGalleryWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPGalleryWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
-      @if(internalValue().length){
-      <div class="ax-col-start-1 ax-col-end-13 ax-flex ax-items-center lg:ax-justify-start ax-justify-center ">
-        <div class="ax-flex ax-flex-col ax-items-center ax-gap-4 ax-w-full">
-          @switch (getMediaInfo(activeMedia()?.name||'').format) { @case ('video') {
-          <video class="ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto ax-shadow-md" controls [src]="activeMedia()?.url"></video>
-          } @case ('image') {
-          <ax-image class="ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto" [src]="activeMedia()?.url">
-            <ax-loading></ax-loading>
-            <ax-placeholder>
-              <div class="ax-w-96 ax-h-72 ax-gap-4 ax-flex ax-flex-col ax-items-center ax-justify-center ax-border ax-rounded-lg">
-                <ax-icon class="fa-solid fa-circle-exclamation ax-text-3xl"> </ax-icon>
-                <span>Connection Error!</span>
-              </div>
-            </ax-placeholder>
-          </ax-image>
-          } @case ('audio') {
-          <audio controls class="ax-rounded-lg">
-            <source [src]="activeMedia()?.url" type="audio/mp3" />
-          </audio>
-          } }
-          <div class="ax-flex ax-gap-4 ax-overflow-x-auto ax-max-w-[320px] lg:ax-max-w-[480px] ax-pb-2">
-            @for (media of thumbnails(); track $index) {
-            <div
-              *ngIf="getMediaInfo(media.name) as mediaInfo"
-              class="hover:ax-opacity-75 ax-transition-all ax-relative ax-cursor-pointer ax-flex ax-justify-center ax-items-center"
-              (click)="changeMediaSelected(media)"
-            >
-              <ax-image
-                class="ax-w-16 ax-brightness-50 ax-h-16 ax-rounded-lg ax-shadow-md ax-filter"
-                [src]="mediaInfo.format == 'image' ? media.url : media.posterUrl"
-              ></ax-image>
-              <div class="ax-absolute ax-text-neutral-300 ax-text-xl">
-                <ax-icon [class]="mediaInfo.icon"> </ax-icon>
-              </div>
-            </div>
-            }
-            <div axUploaderZone>
-              <div axUploaderBrowseHandle class="ax-flex ax-justify-center ax-items-center ax-w-16 ax-h-16 ax-border ax-rounded-lg ax-cursor-pointer">
-                <ax-icon class="fa-solid fa-plus ax-text-neutral-500"> </ax-icon>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      } @else {
-      <div class=" ax-col-start-1 ax-col-end-13">
-        <ax-uploader-drop-zone></ax-uploader-drop-zone>
-      </div>
-
-      }
-    </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXImageModule }, { kind: "component", type: i2$3.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.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: AXLoadingModule }, { kind: "component", type: i4.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXUploaderModule }, { kind: "component", type: i5$1.AXUploaderDropZoneComponent, selector: "ax-uploader-drop-zone" }, { kind: "directive", type: i5$1.AXUploaderZoneDirective, selector: "[axUploaderZone]", inputs: ["multiple"] }, { kind: "directive", type: i5$1.AXUploaderBrowseDirective, selector: "[axUploaderBrowseHandle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPGalleryWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
+      @if(internalValue().length){
+      <div class="ax-col-start-1 ax-col-end-13 ax-flex ax-items-center lg:ax-justify-start ax-justify-center ">
+        <div class="ax-flex ax-flex-col ax-items-center ax-gap-4 ax-w-full">
+          @switch (getMediaInfo(activeMedia()?.name||'').format) { @case ('video') {
+          <video class="ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto ax-shadow-md" controls [src]="activeMedia()?.url"></video>
+          } @case ('image') {
+          <ax-image class="ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto" [src]="activeMedia()?.url">
+            <ax-loading></ax-loading>
+            <ax-placeholder>
+              <div class="ax-w-96 ax-h-72 ax-gap-4 ax-flex ax-flex-col ax-items-center ax-justify-center ax-border ax-rounded-lg">
+                <ax-icon class="fa-solid fa-circle-exclamation ax-text-3xl"> </ax-icon>
+                <span>Connection Error!</span>
+              </div>
+            </ax-placeholder>
+          </ax-image>
+          } @case ('audio') {
+          <audio controls class="ax-rounded-lg">
+            <source [src]="activeMedia()?.url" type="audio/mp3" />
+          </audio>
+          } }
+          <div class="ax-flex ax-gap-4 ax-overflow-x-auto ax-max-w-[320px] lg:ax-max-w-[480px] ax-pb-2">
+            @for (media of thumbnails(); track $index) {
+            <div
+              *ngIf="getMediaInfo(media.name) as mediaInfo"
+              class="hover:ax-opacity-75 ax-transition-all ax-relative ax-cursor-pointer ax-flex ax-justify-center ax-items-center"
+              (click)="changeMediaSelected(media)"
+            >
+              <ax-image
+                class="ax-w-16 ax-brightness-50 ax-h-16 ax-rounded-lg ax-shadow-md ax-filter"
+                [src]="mediaInfo.format == 'image' ? media.url : media.posterUrl"
+              ></ax-image>
+              <div class="ax-absolute ax-text-neutral-300 ax-text-xl">
+                <ax-icon [class]="mediaInfo.icon"> </ax-icon>
+              </div>
+            </div>
+            }
+            <div axUploaderZone>
+              <div axUploaderBrowseHandle class="ax-flex ax-justify-center ax-items-center ax-w-16 ax-h-16 ax-border ax-rounded-lg ax-cursor-pointer">
+                <ax-icon class="fa-solid fa-plus ax-text-neutral-500"> </ax-icon>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      } @else {
+      <div class=" ax-col-start-1 ax-col-end-13">
+        <ax-uploader-drop-zone></ax-uploader-drop-zone>
+      </div>
+
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: AXImageModule }, { kind: "component", type: i2$4.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }, { 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: AXLoadingModule }, { kind: "component", type: i4.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXUploaderModule }, { kind: "component", type: i5.AXUploaderDropZoneComponent, selector: "ax-uploader-drop-zone" }, { kind: "directive", type: i5.AXUploaderZoneDirective, selector: "[axUploaderZone]", inputs: ["multiple"] }, { kind: "directive", type: i5.AXUploaderBrowseDirective, selector: "[axUploaderBrowseHandle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPGalleryWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
-      @if(internalValue().length){
-      <div class="ax-col-start-1 ax-col-end-13 ax-flex ax-items-center lg:ax-justify-start ax-justify-center ">
-        <div class="ax-flex ax-flex-col ax-items-center ax-gap-4 ax-w-full">
-          @switch (getMediaInfo(activeMedia()?.name||'').format) { @case ('video') {
-          <video class="ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto ax-shadow-md" controls [src]="activeMedia()?.url"></video>
-          } @case ('image') {
-          <ax-image class="ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto" [src]="activeMedia()?.url">
-            <ax-loading></ax-loading>
-            <ax-placeholder>
-              <div class="ax-w-96 ax-h-72 ax-gap-4 ax-flex ax-flex-col ax-items-center ax-justify-center ax-border ax-rounded-lg">
-                <ax-icon class="fa-solid fa-circle-exclamation ax-text-3xl"> </ax-icon>
-                <span>Connection Error!</span>
-              </div>
-            </ax-placeholder>
-          </ax-image>
-          } @case ('audio') {
-          <audio controls class="ax-rounded-lg">
-            <source [src]="activeMedia()?.url" type="audio/mp3" />
-          </audio>
-          } }
-          <div class="ax-flex ax-gap-4 ax-overflow-x-auto ax-max-w-[320px] lg:ax-max-w-[480px] ax-pb-2">
-            @for (media of thumbnails(); track $index) {
-            <div
-              *ngIf="getMediaInfo(media.name) as mediaInfo"
-              class="hover:ax-opacity-75 ax-transition-all ax-relative ax-cursor-pointer ax-flex ax-justify-center ax-items-center"
-              (click)="changeMediaSelected(media)"
-            >
-              <ax-image
-                class="ax-w-16 ax-brightness-50 ax-h-16 ax-rounded-lg ax-shadow-md ax-filter"
-                [src]="mediaInfo.format == 'image' ? media.url : media.posterUrl"
-              ></ax-image>
-              <div class="ax-absolute ax-text-neutral-300 ax-text-xl">
-                <ax-icon [class]="mediaInfo.icon"> </ax-icon>
-              </div>
-            </div>
-            }
-            <div axUploaderZone>
-              <div axUploaderBrowseHandle class="ax-flex ax-justify-center ax-items-center ax-w-16 ax-h-16 ax-border ax-rounded-lg ax-cursor-pointer">
-                <ax-icon class="fa-solid fa-plus ax-text-neutral-500"> </ax-icon>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      } @else {
-      <div class=" ax-col-start-1 ax-col-end-13">
-        <ax-uploader-drop-zone></ax-uploader-drop-zone>
-      </div>
-
-      }
-    </div>
+                    template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-2">
+      @if(internalValue().length){
+      <div class="ax-col-start-1 ax-col-end-13 ax-flex ax-items-center lg:ax-justify-start ax-justify-center ">
+        <div class="ax-flex ax-flex-col ax-items-center ax-gap-4 ax-w-full">
+          @switch (getMediaInfo(activeMedia()?.name||'').format) { @case ('video') {
+          <video class="ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto ax-shadow-md" controls [src]="activeMedia()?.url"></video>
+          } @case ('image') {
+          <ax-image class="ax-rounded-lg ax-h-48 md:ax-h-72 ax-w-auto" [src]="activeMedia()?.url">
+            <ax-loading></ax-loading>
+            <ax-placeholder>
+              <div class="ax-w-96 ax-h-72 ax-gap-4 ax-flex ax-flex-col ax-items-center ax-justify-center ax-border ax-rounded-lg">
+                <ax-icon class="fa-solid fa-circle-exclamation ax-text-3xl"> </ax-icon>
+                <span>Connection Error!</span>
+              </div>
+            </ax-placeholder>
+          </ax-image>
+          } @case ('audio') {
+          <audio controls class="ax-rounded-lg">
+            <source [src]="activeMedia()?.url" type="audio/mp3" />
+          </audio>
+          } }
+          <div class="ax-flex ax-gap-4 ax-overflow-x-auto ax-max-w-[320px] lg:ax-max-w-[480px] ax-pb-2">
+            @for (media of thumbnails(); track $index) {
+            <div
+              *ngIf="getMediaInfo(media.name) as mediaInfo"
+              class="hover:ax-opacity-75 ax-transition-all ax-relative ax-cursor-pointer ax-flex ax-justify-center ax-items-center"
+              (click)="changeMediaSelected(media)"
+            >
+              <ax-image
+                class="ax-w-16 ax-brightness-50 ax-h-16 ax-rounded-lg ax-shadow-md ax-filter"
+                [src]="mediaInfo.format == 'image' ? media.url : media.posterUrl"
+              ></ax-image>
+              <div class="ax-absolute ax-text-neutral-300 ax-text-xl">
+                <ax-icon [class]="mediaInfo.icon"> </ax-icon>
+              </div>
+            </div>
+            }
+            <div axUploaderZone>
+              <div axUploaderBrowseHandle class="ax-flex ax-justify-center ax-items-center ax-w-16 ax-h-16 ax-border ax-rounded-lg ax-cursor-pointer">
+                <ax-icon class="fa-solid fa-plus ax-text-neutral-500"> </ax-icon>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      } @else {
+      <div class=" ax-col-start-1 ax-col-end-13">
+        <ax-uploader-drop-zone></ax-uploader-drop-zone>
+      </div>
+
+      }
+    </div>
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -1635,14 +1746,14 @@ class AXPMapBoxWidgetViewComponent extends AXPWidgetBase {
         this.map.addLayer(this.featuresGroup);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPMapBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPMapBoxWidgetViewComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "mapEl", first: true, predicate: ["mapEl"], descendants: true }], usesInheritance: true, ngImport: i0, template: `<div class="ax-w-full ax-h-72">
-    <div class="ax-h-full" #mapEl></div>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPMapBoxWidgetViewComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "mapEl", first: true, predicate: ["mapEl"], descendants: true }], usesInheritance: true, ngImport: i0, template: `<div class="ax-w-full ax-h-72">
+    <div class="ax-h-full" #mapEl></div>
   </div>`, isInline: true, styles: [".leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:rgba(255,255,255,.5)}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,.65);border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px rgba(0,0,0,.4);background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:rgba(255,255,255,.8);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:rgba(255,255,255,.8);text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px rgba(0,0,0,.4)}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:\"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)\";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,.4)}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:\"\"}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.leaflet-draw-section{position:relative}.leaflet-draw-toolbar{margin-top:12px}.leaflet-draw-toolbar-top{margin-top:0}.leaflet-draw-toolbar-notop a:first-child{border-top-right-radius:0}.leaflet-draw-toolbar-nobottom a:last-child{border-bottom-right-radius:0}.leaflet-draw-toolbar a{background-image:url(data:image/png;base64,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);background-image:linear-gradient(transparent,transparent),url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>%0A<svg%0A   xmlns:dc=\"http://purl.org/dc/elements/1.1/\"%0A   xmlns:cc=\"http://creativecommons.org/ns%23\"%0A   xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns%23\"%0A   xmlns:svg=\"http://www.w3.org/2000/svg\"%0A   xmlns=\"http://www.w3.org/2000/svg\"%0A   xmlns:xlink=\"http://www.w3.org/1999/xlink\"%0A   xmlns:sodipodi=\"http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd\"%0A   xmlns:inkscape=\"http://www.inkscape.org/namespaces/inkscape\"%0A   viewBox=\"0 0 600 60\"%0A   height=\"60\"%0A   width=\"600\"%0A   id=\"svg4225\"%0A   version=\"1.1\"%0A   inkscape:version=\"0.91 r13725\"%0A   sodipodi:docname=\"spritesheet.svg\"%0A   inkscape:export-filename=\"/home/fpuga/development/upstream/icarto.Leaflet.draw/src/images/spritesheet-2x.png\"%0A   inkscape:export-xdpi=\"90\"%0A   inkscape:export-ydpi=\"90\">%0A  <metadata%0A     id=\"metadata4258\">%0A    <rdf:RDF>%0A      <cc:Work%0A         rdf:about=\"\">%0A        <dc:format>image/svg+xml</dc:format>%0A        <dc:type%0A           rdf:resource=\"http://purl.org/dc/dcmitype/StillImage\" />%0A        <dc:title />%0A      </cc:Work>%0A    </rdf:RDF>%0A  </metadata>%0A  <defs%0A     id=\"defs4256\" />%0A  <sodipodi:namedview%0A     pagecolor=\"%23ffffff\"%0A     bordercolor=\"%23666666\"%0A     borderopacity=\"1\"%0A     objecttolerance=\"10\"%0A     gridtolerance=\"10\"%0A     guidetolerance=\"10\"%0A     inkscape:pageopacity=\"0\"%0A     inkscape:pageshadow=\"2\"%0A     inkscape:window-width=\"1920\"%0A     inkscape:window-height=\"1056\"%0A     id=\"namedview4254\"%0A     showgrid=\"false\"%0A     inkscape:zoom=\"1.3101852\"%0A     inkscape:cx=\"237.56928\"%0A     inkscape:cy=\"7.2419621\"%0A     inkscape:window-x=\"1920\"%0A     inkscape:window-y=\"24\"%0A     inkscape:window-maximized=\"1\"%0A     inkscape:current-layer=\"svg4225\" />%0A  <g%0A     id=\"enabled\"%0A     style=\"fill:%23464646;fill-opacity:1\">%0A    <g%0A       id=\"polyline\"%0A       style=\"fill:%23464646;fill-opacity:1\">%0A      <path%0A         d=\"m 18,36 0,6 6,0 0,-6 -6,0 z m 4,4 -2,0 0,-2 2,0 0,2 z\"%0A         id=\"path4229\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 36,18 0,6 6,0 0,-6 -6,0 z m 4,4 -2,0 0,-2 2,0 0,2 z\"%0A         id=\"path4231\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 23.142,39.145 -2.285,-2.29 16,-15.998 2.285,2.285 z\"%0A         id=\"path4233\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A    </g>%0A    <path%0A       id=\"polygon\"%0A       d=\"M 100,24.565 97.904,39.395 83.07,42 76,28.773 86.463,18 Z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <path%0A       id=\"rectangle\"%0A       d=\"m 140,20 20,0 0,20 -20,0 z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <path%0A       id=\"circle\"%0A       d=\"m 221,30 c 0,6.078 -4.926,11 -11,11 -6.074,0 -11,-4.922 -11,-11 0,-6.074 4.926,-11 11,-11 6.074,0 11,4.926 11,11 z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <path%0A       id=\"marker\"%0A       d=\"m 270,19 c -4.971,0 -9,4.029 -9,9 0,4.971 5.001,12 9,14 4.001,-2 9,-9.029 9,-14 0,-4.971 -4.029,-9 -9,-9 z m 0,12.5 c -2.484,0 -4.5,-2.014 -4.5,-4.5 0,-2.484 2.016,-4.5 4.5,-4.5 2.485,0 4.5,2.016 4.5,4.5 0,2.486 -2.015,4.5 -4.5,4.5 z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <g%0A       id=\"edit\"%0A       style=\"fill:%23464646;fill-opacity:1\">%0A      <path%0A         d=\"m 337,30.156 0,0.407 0,5.604 c 0,1.658 -1.344,3 -3,3 l -10,0 c -1.655,0 -3,-1.342 -3,-3 l 0,-10 c 0,-1.657 1.345,-3 3,-3 l 6.345,0 3.19,-3.17 -9.535,0 c -3.313,0 -6,2.687 -6,6 l 0,10 c 0,3.313 2.687,6 6,6 l 10,0 c 3.314,0 6,-2.687 6,-6 l 0,-8.809 -3,2.968\"%0A         id=\"path4240\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 338.72,24.637 -8.892,8.892 -2.828,0 0,-2.829 8.89,-8.89 z\"%0A         id=\"path4242\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 338.697,17.826 4,0 0,4 -4,0 z\"%0A         transform=\"matrix(-0.70698336,-0.70723018,0.70723018,-0.70698336,567.55917,274.78273)\"%0A         id=\"path4244\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A    </g>%0A    <g%0A       id=\"remove\"%0A       style=\"fill:%23464646;fill-opacity:1\">%0A      <path%0A         d=\"m 381,42 18,0 0,-18 -18,0 0,18 z m 14,-16 2,0 0,14 -2,0 0,-14 z m -4,0 2,0 0,14 -2,0 0,-14 z m -4,0 2,0 0,14 -2,0 0,-14 z m -4,0 2,0 0,14 -2,0 0,-14 z\"%0A         id=\"path4247\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 395,20 0,-4 -10,0 0,4 -6,0 0,2 22,0 0,-2 -6,0 z m -2,0 -6,0 0,-2 6,0 0,2 z\"%0A         id=\"path4249\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A    </g>%0A  </g>%0A  <g%0A     id=\"disabled\"%0A     transform=\"translate(120,0)\"%0A     style=\"fill:%23bbbbbb\">%0A    <use%0A       xlink:href=\"%23edit\"%0A       id=\"edit-disabled\"%0A       x=\"0\"%0A       y=\"0\"%0A       width=\"100%\"%0A       height=\"100%\" />%0A    <use%0A       xlink:href=\"%23remove\"%0A       id=\"remove-disabled\"%0A       x=\"0\"%0A       y=\"0\"%0A       width=\"100%\"%0A       height=\"100%\" />%0A  </g>%0A  <path%0A     style=\"fill:none;stroke:%23464646;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1\"%0A     id=\"circle-3\"%0A     d=\"m 581.65725,30 c 0,6.078 -4.926,11 -11,11 -6.074,0 -11,-4.922 -11,-11 0,-6.074 4.926,-11 11,-11 6.074,0 11,4.926 11,11 z\"%0A     inkscape:connector-curvature=\"0\" />%0A</svg>%0A');background-repeat:no-repeat;background-size:300px 30px;background-clip:padding-box}.leaflet-retina .leaflet-draw-toolbar a{background-image:url(data:image/png;base64,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);background-image:linear-gradient(transparent,transparent),url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>%0A<svg%0A   xmlns:dc=\"http://purl.org/dc/elements/1.1/\"%0A   xmlns:cc=\"http://creativecommons.org/ns%23\"%0A   xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns%23\"%0A   xmlns:svg=\"http://www.w3.org/2000/svg\"%0A   xmlns=\"http://www.w3.org/2000/svg\"%0A   xmlns:xlink=\"http://www.w3.org/1999/xlink\"%0A   xmlns:sodipodi=\"http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd\"%0A   xmlns:inkscape=\"http://www.inkscape.org/namespaces/inkscape\"%0A   viewBox=\"0 0 600 60\"%0A   height=\"60\"%0A   width=\"600\"%0A   id=\"svg4225\"%0A   version=\"1.1\"%0A   inkscape:version=\"0.91 r13725\"%0A   sodipodi:docname=\"spritesheet.svg\"%0A   inkscape:export-filename=\"/home/fpuga/development/upstream/icarto.Leaflet.draw/src/images/spritesheet-2x.png\"%0A   inkscape:export-xdpi=\"90\"%0A   inkscape:export-ydpi=\"90\">%0A  <metadata%0A     id=\"metadata4258\">%0A    <rdf:RDF>%0A      <cc:Work%0A         rdf:about=\"\">%0A        <dc:format>image/svg+xml</dc:format>%0A        <dc:type%0A           rdf:resource=\"http://purl.org/dc/dcmitype/StillImage\" />%0A        <dc:title />%0A      </cc:Work>%0A    </rdf:RDF>%0A  </metadata>%0A  <defs%0A     id=\"defs4256\" />%0A  <sodipodi:namedview%0A     pagecolor=\"%23ffffff\"%0A     bordercolor=\"%23666666\"%0A     borderopacity=\"1\"%0A     objecttolerance=\"10\"%0A     gridtolerance=\"10\"%0A     guidetolerance=\"10\"%0A     inkscape:pageopacity=\"0\"%0A     inkscape:pageshadow=\"2\"%0A     inkscape:window-width=\"1920\"%0A     inkscape:window-height=\"1056\"%0A     id=\"namedview4254\"%0A     showgrid=\"false\"%0A     inkscape:zoom=\"1.3101852\"%0A     inkscape:cx=\"237.56928\"%0A     inkscape:cy=\"7.2419621\"%0A     inkscape:window-x=\"1920\"%0A     inkscape:window-y=\"24\"%0A     inkscape:window-maximized=\"1\"%0A     inkscape:current-layer=\"svg4225\" />%0A  <g%0A     id=\"enabled\"%0A     style=\"fill:%23464646;fill-opacity:1\">%0A    <g%0A       id=\"polyline\"%0A       style=\"fill:%23464646;fill-opacity:1\">%0A      <path%0A         d=\"m 18,36 0,6 6,0 0,-6 -6,0 z m 4,4 -2,0 0,-2 2,0 0,2 z\"%0A         id=\"path4229\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 36,18 0,6 6,0 0,-6 -6,0 z m 4,4 -2,0 0,-2 2,0 0,2 z\"%0A         id=\"path4231\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 23.142,39.145 -2.285,-2.29 16,-15.998 2.285,2.285 z\"%0A         id=\"path4233\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A    </g>%0A    <path%0A       id=\"polygon\"%0A       d=\"M 100,24.565 97.904,39.395 83.07,42 76,28.773 86.463,18 Z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <path%0A       id=\"rectangle\"%0A       d=\"m 140,20 20,0 0,20 -20,0 z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <path%0A       id=\"circle\"%0A       d=\"m 221,30 c 0,6.078 -4.926,11 -11,11 -6.074,0 -11,-4.922 -11,-11 0,-6.074 4.926,-11 11,-11 6.074,0 11,4.926 11,11 z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <path%0A       id=\"marker\"%0A       d=\"m 270,19 c -4.971,0 -9,4.029 -9,9 0,4.971 5.001,12 9,14 4.001,-2 9,-9.029 9,-14 0,-4.971 -4.029,-9 -9,-9 z m 0,12.5 c -2.484,0 -4.5,-2.014 -4.5,-4.5 0,-2.484 2.016,-4.5 4.5,-4.5 2.485,0 4.5,2.016 4.5,4.5 0,2.486 -2.015,4.5 -4.5,4.5 z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <g%0A       id=\"edit\"%0A       style=\"fill:%23464646;fill-opacity:1\">%0A      <path%0A         d=\"m 337,30.156 0,0.407 0,5.604 c 0,1.658 -1.344,3 -3,3 l -10,0 c -1.655,0 -3,-1.342 -3,-3 l 0,-10 c 0,-1.657 1.345,-3 3,-3 l 6.345,0 3.19,-3.17 -9.535,0 c -3.313,0 -6,2.687 -6,6 l 0,10 c 0,3.313 2.687,6 6,6 l 10,0 c 3.314,0 6,-2.687 6,-6 l 0,-8.809 -3,2.968\"%0A         id=\"path4240\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 338.72,24.637 -8.892,8.892 -2.828,0 0,-2.829 8.89,-8.89 z\"%0A         id=\"path4242\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 338.697,17.826 4,0 0,4 -4,0 z\"%0A         transform=\"matrix(-0.70698336,-0.70723018,0.70723018,-0.70698336,567.55917,274.78273)\"%0A         id=\"path4244\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A    </g>%0A    <g%0A       id=\"remove\"%0A       style=\"fill:%23464646;fill-opacity:1\">%0A      <path%0A         d=\"m 381,42 18,0 0,-18 -18,0 0,18 z m 14,-16 2,0 0,14 -2,0 0,-14 z m -4,0 2,0 0,14 -2,0 0,-14 z m -4,0 2,0 0,14 -2,0 0,-14 z m -4,0 2,0 0,14 -2,0 0,-14 z\"%0A         id=\"path4247\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 395,20 0,-4 -10,0 0,4 -6,0 0,2 22,0 0,-2 -6,0 z m -2,0 -6,0 0,-2 6,0 0,2 z\"%0A         id=\"path4249\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A    </g>%0A  </g>%0A  <g%0A     id=\"disabled\"%0A     transform=\"translate(120,0)\"%0A     style=\"fill:%23bbbbbb\">%0A    <use%0A       xlink:href=\"%23edit\"%0A       id=\"edit-disabled\"%0A       x=\"0\"%0A       y=\"0\"%0A       width=\"100%\"%0A       height=\"100%\" />%0A    <use%0A       xlink:href=\"%23remove\"%0A       id=\"remove-disabled\"%0A       x=\"0\"%0A       y=\"0\"%0A       width=\"100%\"%0A       height=\"100%\" />%0A  </g>%0A  <path%0A     style=\"fill:none;stroke:%23464646;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1\"%0A     id=\"circle-3\"%0A     d=\"m 581.65725,30 c 0,6.078 -4.926,11 -11,11 -6.074,0 -11,-4.922 -11,-11 0,-6.074 4.926,-11 11,-11 6.074,0 11,4.926 11,11 z\"%0A     inkscape:connector-curvature=\"0\" />%0A</svg>%0A')}.leaflet-draw a{display:block;text-align:center;text-decoration:none}.leaflet-draw a .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.leaflet-draw-actions{display:none;list-style:none;margin:0;padding:0;position:absolute;left:26px;top:0;white-space:nowrap}.leaflet-touch .leaflet-draw-actions{left:32px}.leaflet-right .leaflet-draw-actions{right:26px;left:auto}.leaflet-touch .leaflet-right .leaflet-draw-actions{right:32px;left:auto}.leaflet-draw-actions li{display:inline-block}.leaflet-draw-actions li:first-child a{border-left:0}.leaflet-draw-actions li:last-child a{-webkit-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.leaflet-right .leaflet-draw-actions li:last-child a{-webkit-border-radius:0;border-radius:0}.leaflet-right .leaflet-draw-actions li:first-child a{-webkit-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.leaflet-draw-actions a{background-color:#919187;border-left:1px solid #AAA;color:#fff;font:11px/19px Helvetica Neue,Arial,Helvetica,sans-serif;line-height:28px;text-decoration:none;padding-left:10px;padding-right:10px;height:28px}.leaflet-touch .leaflet-draw-actions a{font-size:12px;line-height:30px;height:30px}.leaflet-draw-actions-bottom{margin-top:0}.leaflet-draw-actions-top{margin-top:1px}.leaflet-draw-actions-top a,.leaflet-draw-actions-bottom a{height:27px;line-height:27px}.leaflet-draw-actions a:hover{background-color:#a0a098}.leaflet-draw-actions-top.leaflet-draw-actions-bottom a{height:26px;line-height:26px}.leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:-2px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:0 -1px}.leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-31px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-29px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-62px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-60px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-92px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-90px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-122px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-120px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-273px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-271px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-152px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-150px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-182px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-180px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-212px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-210px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-242px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-240px -2px}.leaflet-mouse-marker{background-color:#fff;cursor:crosshair}.leaflet-draw-tooltip{background:#363636;background:rgba(0,0,0,.5);border:1px solid transparent;-webkit-border-radius:4px;border-radius:4px;color:#fff;font:12px/18px Helvetica Neue,Arial,Helvetica,sans-serif;margin-left:20px;margin-top:-21px;padding:4px 8px;position:absolute;visibility:hidden;white-space:nowrap;z-index:6}.leaflet-draw-tooltip:before{border-right:6px solid black;border-right-color:rgba(0,0,0,.5);border-top:6px solid transparent;border-bottom:6px solid transparent;content:\"\";position:absolute;top:7px;left:-7px}.leaflet-error-draw-tooltip{background-color:#f2dede;border:1px solid #e6b6bd;color:#b94a48}.leaflet-error-draw-tooltip:before{border-right-color:#e6b6bd}.leaflet-draw-tooltip-single{margin-top:-12px}.leaflet-draw-tooltip-subtext{color:#f8d5e4}.leaflet-draw-guide-dash{font-size:1%;opacity:.6;position:absolute;width:5px;height:5px}.leaflet-edit-marker-selected{background-color:rgba(254,87,161,.1);border:4px dashed rgba(254,87,161,.6);-webkit-border-radius:4px;border-radius:4px;box-sizing:content-box}.leaflet-edit-move{cursor:move}.leaflet-edit-resize{cursor:pointer}.leaflet-oldie .leaflet-draw-toolbar{border:1px solid #999}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPMapBoxWidgetViewComponent, decorators: [{
             type: Component,
-            args: [{ template: `<div class="ax-w-full ax-h-72">
-    <div class="ax-h-full" #mapEl></div>
+            args: [{ template: `<div class="ax-w-full ax-h-72">
+    <div class="ax-h-full" #mapEl></div>
   </div>`, standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule], inputs: [], encapsulation: ViewEncapsulation.None, styles: [".leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:rgba(255,255,255,.5)}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,.65);border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px rgba(0,0,0,.4);background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:rgba(255,255,255,.8);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:rgba(255,255,255,.8);text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px rgba(0,0,0,.4)}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:\"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)\";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,.4)}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:\"\"}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.leaflet-draw-section{position:relative}.leaflet-draw-toolbar{margin-top:12px}.leaflet-draw-toolbar-top{margin-top:0}.leaflet-draw-toolbar-notop a:first-child{border-top-right-radius:0}.leaflet-draw-toolbar-nobottom a:last-child{border-bottom-right-radius:0}.leaflet-draw-toolbar a{background-image:url(data:image/png;base64,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);background-image:linear-gradient(transparent,transparent),url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>%0A<svg%0A   xmlns:dc=\"http://purl.org/dc/elements/1.1/\"%0A   xmlns:cc=\"http://creativecommons.org/ns%23\"%0A   xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns%23\"%0A   xmlns:svg=\"http://www.w3.org/2000/svg\"%0A   xmlns=\"http://www.w3.org/2000/svg\"%0A   xmlns:xlink=\"http://www.w3.org/1999/xlink\"%0A   xmlns:sodipodi=\"http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd\"%0A   xmlns:inkscape=\"http://www.inkscape.org/namespaces/inkscape\"%0A   viewBox=\"0 0 600 60\"%0A   height=\"60\"%0A   width=\"600\"%0A   id=\"svg4225\"%0A   version=\"1.1\"%0A   inkscape:version=\"0.91 r13725\"%0A   sodipodi:docname=\"spritesheet.svg\"%0A   inkscape:export-filename=\"/home/fpuga/development/upstream/icarto.Leaflet.draw/src/images/spritesheet-2x.png\"%0A   inkscape:export-xdpi=\"90\"%0A   inkscape:export-ydpi=\"90\">%0A  <metadata%0A     id=\"metadata4258\">%0A    <rdf:RDF>%0A      <cc:Work%0A         rdf:about=\"\">%0A        <dc:format>image/svg+xml</dc:format>%0A        <dc:type%0A           rdf:resource=\"http://purl.org/dc/dcmitype/StillImage\" />%0A        <dc:title />%0A      </cc:Work>%0A    </rdf:RDF>%0A  </metadata>%0A  <defs%0A     id=\"defs4256\" />%0A  <sodipodi:namedview%0A     pagecolor=\"%23ffffff\"%0A     bordercolor=\"%23666666\"%0A     borderopacity=\"1\"%0A     objecttolerance=\"10\"%0A     gridtolerance=\"10\"%0A     guidetolerance=\"10\"%0A     inkscape:pageopacity=\"0\"%0A     inkscape:pageshadow=\"2\"%0A     inkscape:window-width=\"1920\"%0A     inkscape:window-height=\"1056\"%0A     id=\"namedview4254\"%0A     showgrid=\"false\"%0A     inkscape:zoom=\"1.3101852\"%0A     inkscape:cx=\"237.56928\"%0A     inkscape:cy=\"7.2419621\"%0A     inkscape:window-x=\"1920\"%0A     inkscape:window-y=\"24\"%0A     inkscape:window-maximized=\"1\"%0A     inkscape:current-layer=\"svg4225\" />%0A  <g%0A     id=\"enabled\"%0A     style=\"fill:%23464646;fill-opacity:1\">%0A    <g%0A       id=\"polyline\"%0A       style=\"fill:%23464646;fill-opacity:1\">%0A      <path%0A         d=\"m 18,36 0,6 6,0 0,-6 -6,0 z m 4,4 -2,0 0,-2 2,0 0,2 z\"%0A         id=\"path4229\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 36,18 0,6 6,0 0,-6 -6,0 z m 4,4 -2,0 0,-2 2,0 0,2 z\"%0A         id=\"path4231\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 23.142,39.145 -2.285,-2.29 16,-15.998 2.285,2.285 z\"%0A         id=\"path4233\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A    </g>%0A    <path%0A       id=\"polygon\"%0A       d=\"M 100,24.565 97.904,39.395 83.07,42 76,28.773 86.463,18 Z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <path%0A       id=\"rectangle\"%0A       d=\"m 140,20 20,0 0,20 -20,0 z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <path%0A       id=\"circle\"%0A       d=\"m 221,30 c 0,6.078 -4.926,11 -11,11 -6.074,0 -11,-4.922 -11,-11 0,-6.074 4.926,-11 11,-11 6.074,0 11,4.926 11,11 z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <path%0A       id=\"marker\"%0A       d=\"m 270,19 c -4.971,0 -9,4.029 -9,9 0,4.971 5.001,12 9,14 4.001,-2 9,-9.029 9,-14 0,-4.971 -4.029,-9 -9,-9 z m 0,12.5 c -2.484,0 -4.5,-2.014 -4.5,-4.5 0,-2.484 2.016,-4.5 4.5,-4.5 2.485,0 4.5,2.016 4.5,4.5 0,2.486 -2.015,4.5 -4.5,4.5 z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <g%0A       id=\"edit\"%0A       style=\"fill:%23464646;fill-opacity:1\">%0A      <path%0A         d=\"m 337,30.156 0,0.407 0,5.604 c 0,1.658 -1.344,3 -3,3 l -10,0 c -1.655,0 -3,-1.342 -3,-3 l 0,-10 c 0,-1.657 1.345,-3 3,-3 l 6.345,0 3.19,-3.17 -9.535,0 c -3.313,0 -6,2.687 -6,6 l 0,10 c 0,3.313 2.687,6 6,6 l 10,0 c 3.314,0 6,-2.687 6,-6 l 0,-8.809 -3,2.968\"%0A         id=\"path4240\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 338.72,24.637 -8.892,8.892 -2.828,0 0,-2.829 8.89,-8.89 z\"%0A         id=\"path4242\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 338.697,17.826 4,0 0,4 -4,0 z\"%0A         transform=\"matrix(-0.70698336,-0.70723018,0.70723018,-0.70698336,567.55917,274.78273)\"%0A         id=\"path4244\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A    </g>%0A    <g%0A       id=\"remove\"%0A       style=\"fill:%23464646;fill-opacity:1\">%0A      <path%0A         d=\"m 381,42 18,0 0,-18 -18,0 0,18 z m 14,-16 2,0 0,14 -2,0 0,-14 z m -4,0 2,0 0,14 -2,0 0,-14 z m -4,0 2,0 0,14 -2,0 0,-14 z m -4,0 2,0 0,14 -2,0 0,-14 z\"%0A         id=\"path4247\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 395,20 0,-4 -10,0 0,4 -6,0 0,2 22,0 0,-2 -6,0 z m -2,0 -6,0 0,-2 6,0 0,2 z\"%0A         id=\"path4249\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A    </g>%0A  </g>%0A  <g%0A     id=\"disabled\"%0A     transform=\"translate(120,0)\"%0A     style=\"fill:%23bbbbbb\">%0A    <use%0A       xlink:href=\"%23edit\"%0A       id=\"edit-disabled\"%0A       x=\"0\"%0A       y=\"0\"%0A       width=\"100%\"%0A       height=\"100%\" />%0A    <use%0A       xlink:href=\"%23remove\"%0A       id=\"remove-disabled\"%0A       x=\"0\"%0A       y=\"0\"%0A       width=\"100%\"%0A       height=\"100%\" />%0A  </g>%0A  <path%0A     style=\"fill:none;stroke:%23464646;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1\"%0A     id=\"circle-3\"%0A     d=\"m 581.65725,30 c 0,6.078 -4.926,11 -11,11 -6.074,0 -11,-4.922 -11,-11 0,-6.074 4.926,-11 11,-11 6.074,0 11,4.926 11,11 z\"%0A     inkscape:connector-curvature=\"0\" />%0A</svg>%0A');background-repeat:no-repeat;background-size:300px 30px;background-clip:padding-box}.leaflet-retina .leaflet-draw-toolbar a{background-image:url(data:image/png;base64,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);background-image:linear-gradient(transparent,transparent),url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>%0A<svg%0A   xmlns:dc=\"http://purl.org/dc/elements/1.1/\"%0A   xmlns:cc=\"http://creativecommons.org/ns%23\"%0A   xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns%23\"%0A   xmlns:svg=\"http://www.w3.org/2000/svg\"%0A   xmlns=\"http://www.w3.org/2000/svg\"%0A   xmlns:xlink=\"http://www.w3.org/1999/xlink\"%0A   xmlns:sodipodi=\"http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd\"%0A   xmlns:inkscape=\"http://www.inkscape.org/namespaces/inkscape\"%0A   viewBox=\"0 0 600 60\"%0A   height=\"60\"%0A   width=\"600\"%0A   id=\"svg4225\"%0A   version=\"1.1\"%0A   inkscape:version=\"0.91 r13725\"%0A   sodipodi:docname=\"spritesheet.svg\"%0A   inkscape:export-filename=\"/home/fpuga/development/upstream/icarto.Leaflet.draw/src/images/spritesheet-2x.png\"%0A   inkscape:export-xdpi=\"90\"%0A   inkscape:export-ydpi=\"90\">%0A  <metadata%0A     id=\"metadata4258\">%0A    <rdf:RDF>%0A      <cc:Work%0A         rdf:about=\"\">%0A        <dc:format>image/svg+xml</dc:format>%0A        <dc:type%0A           rdf:resource=\"http://purl.org/dc/dcmitype/StillImage\" />%0A        <dc:title />%0A      </cc:Work>%0A    </rdf:RDF>%0A  </metadata>%0A  <defs%0A     id=\"defs4256\" />%0A  <sodipodi:namedview%0A     pagecolor=\"%23ffffff\"%0A     bordercolor=\"%23666666\"%0A     borderopacity=\"1\"%0A     objecttolerance=\"10\"%0A     gridtolerance=\"10\"%0A     guidetolerance=\"10\"%0A     inkscape:pageopacity=\"0\"%0A     inkscape:pageshadow=\"2\"%0A     inkscape:window-width=\"1920\"%0A     inkscape:window-height=\"1056\"%0A     id=\"namedview4254\"%0A     showgrid=\"false\"%0A     inkscape:zoom=\"1.3101852\"%0A     inkscape:cx=\"237.56928\"%0A     inkscape:cy=\"7.2419621\"%0A     inkscape:window-x=\"1920\"%0A     inkscape:window-y=\"24\"%0A     inkscape:window-maximized=\"1\"%0A     inkscape:current-layer=\"svg4225\" />%0A  <g%0A     id=\"enabled\"%0A     style=\"fill:%23464646;fill-opacity:1\">%0A    <g%0A       id=\"polyline\"%0A       style=\"fill:%23464646;fill-opacity:1\">%0A      <path%0A         d=\"m 18,36 0,6 6,0 0,-6 -6,0 z m 4,4 -2,0 0,-2 2,0 0,2 z\"%0A         id=\"path4229\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 36,18 0,6 6,0 0,-6 -6,0 z m 4,4 -2,0 0,-2 2,0 0,2 z\"%0A         id=\"path4231\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 23.142,39.145 -2.285,-2.29 16,-15.998 2.285,2.285 z\"%0A         id=\"path4233\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A    </g>%0A    <path%0A       id=\"polygon\"%0A       d=\"M 100,24.565 97.904,39.395 83.07,42 76,28.773 86.463,18 Z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <path%0A       id=\"rectangle\"%0A       d=\"m 140,20 20,0 0,20 -20,0 z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <path%0A       id=\"circle\"%0A       d=\"m 221,30 c 0,6.078 -4.926,11 -11,11 -6.074,0 -11,-4.922 -11,-11 0,-6.074 4.926,-11 11,-11 6.074,0 11,4.926 11,11 z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <path%0A       id=\"marker\"%0A       d=\"m 270,19 c -4.971,0 -9,4.029 -9,9 0,4.971 5.001,12 9,14 4.001,-2 9,-9.029 9,-14 0,-4.971 -4.029,-9 -9,-9 z m 0,12.5 c -2.484,0 -4.5,-2.014 -4.5,-4.5 0,-2.484 2.016,-4.5 4.5,-4.5 2.485,0 4.5,2.016 4.5,4.5 0,2.486 -2.015,4.5 -4.5,4.5 z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <g%0A       id=\"edit\"%0A       style=\"fill:%23464646;fill-opacity:1\">%0A      <path%0A         d=\"m 337,30.156 0,0.407 0,5.604 c 0,1.658 -1.344,3 -3,3 l -10,0 c -1.655,0 -3,-1.342 -3,-3 l 0,-10 c 0,-1.657 1.345,-3 3,-3 l 6.345,0 3.19,-3.17 -9.535,0 c -3.313,0 -6,2.687 -6,6 l 0,10 c 0,3.313 2.687,6 6,6 l 10,0 c 3.314,0 6,-2.687 6,-6 l 0,-8.809 -3,2.968\"%0A         id=\"path4240\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 338.72,24.637 -8.892,8.892 -2.828,0 0,-2.829 8.89,-8.89 z\"%0A         id=\"path4242\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 338.697,17.826 4,0 0,4 -4,0 z\"%0A         transform=\"matrix(-0.70698336,-0.70723018,0.70723018,-0.70698336,567.55917,274.78273)\"%0A         id=\"path4244\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A    </g>%0A    <g%0A       id=\"remove\"%0A       style=\"fill:%23464646;fill-opacity:1\">%0A      <path%0A         d=\"m 381,42 18,0 0,-18 -18,0 0,18 z m 14,-16 2,0 0,14 -2,0 0,-14 z m -4,0 2,0 0,14 -2,0 0,-14 z m -4,0 2,0 0,14 -2,0 0,-14 z m -4,0 2,0 0,14 -2,0 0,-14 z\"%0A         id=\"path4247\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 395,20 0,-4 -10,0 0,4 -6,0 0,2 22,0 0,-2 -6,0 z m -2,0 -6,0 0,-2 6,0 0,2 z\"%0A         id=\"path4249\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A    </g>%0A  </g>%0A  <g%0A     id=\"disabled\"%0A     transform=\"translate(120,0)\"%0A     style=\"fill:%23bbbbbb\">%0A    <use%0A       xlink:href=\"%23edit\"%0A       id=\"edit-disabled\"%0A       x=\"0\"%0A       y=\"0\"%0A       width=\"100%\"%0A       height=\"100%\" />%0A    <use%0A       xlink:href=\"%23remove\"%0A       id=\"remove-disabled\"%0A       x=\"0\"%0A       y=\"0\"%0A       width=\"100%\"%0A       height=\"100%\" />%0A  </g>%0A  <path%0A     style=\"fill:none;stroke:%23464646;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1\"%0A     id=\"circle-3\"%0A     d=\"m 581.65725,30 c 0,6.078 -4.926,11 -11,11 -6.074,0 -11,-4.922 -11,-11 0,-6.074 4.926,-11 11,-11 6.074,0 11,4.926 11,11 z\"%0A     inkscape:connector-curvature=\"0\" />%0A</svg>%0A')}.leaflet-draw a{display:block;text-align:center;text-decoration:none}.leaflet-draw a .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.leaflet-draw-actions{display:none;list-style:none;margin:0;padding:0;position:absolute;left:26px;top:0;white-space:nowrap}.leaflet-touch .leaflet-draw-actions{left:32px}.leaflet-right .leaflet-draw-actions{right:26px;left:auto}.leaflet-touch .leaflet-right .leaflet-draw-actions{right:32px;left:auto}.leaflet-draw-actions li{display:inline-block}.leaflet-draw-actions li:first-child a{border-left:0}.leaflet-draw-actions li:last-child a{-webkit-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.leaflet-right .leaflet-draw-actions li:last-child a{-webkit-border-radius:0;border-radius:0}.leaflet-right .leaflet-draw-actions li:first-child a{-webkit-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.leaflet-draw-actions a{background-color:#919187;border-left:1px solid #AAA;color:#fff;font:11px/19px Helvetica Neue,Arial,Helvetica,sans-serif;line-height:28px;text-decoration:none;padding-left:10px;padding-right:10px;height:28px}.leaflet-touch .leaflet-draw-actions a{font-size:12px;line-height:30px;height:30px}.leaflet-draw-actions-bottom{margin-top:0}.leaflet-draw-actions-top{margin-top:1px}.leaflet-draw-actions-top a,.leaflet-draw-actions-bottom a{height:27px;line-height:27px}.leaflet-draw-actions a:hover{background-color:#a0a098}.leaflet-draw-actions-top.leaflet-draw-actions-bottom a{height:26px;line-height:26px}.leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:-2px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:0 -1px}.leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-31px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-29px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-62px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-60px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-92px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-90px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-122px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-120px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-273px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-271px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-152px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-150px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-182px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-180px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-212px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-210px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-242px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-240px -2px}.leaflet-mouse-marker{background-color:#fff;cursor:crosshair}.leaflet-draw-tooltip{background:#363636;background:rgba(0,0,0,.5);border:1px solid transparent;-webkit-border-radius:4px;border-radius:4px;color:#fff;font:12px/18px Helvetica Neue,Arial,Helvetica,sans-serif;margin-left:20px;margin-top:-21px;padding:4px 8px;position:absolute;visibility:hidden;white-space:nowrap;z-index:6}.leaflet-draw-tooltip:before{border-right:6px solid black;border-right-color:rgba(0,0,0,.5);border-top:6px solid transparent;border-bottom:6px solid transparent;content:\"\";position:absolute;top:7px;left:-7px}.leaflet-error-draw-tooltip{background-color:#f2dede;border:1px solid #e6b6bd;color:#b94a48}.leaflet-error-draw-tooltip:before{border-right-color:#e6b6bd}.leaflet-draw-tooltip-single{margin-top:-12px}.leaflet-draw-tooltip-subtext{color:#f8d5e4}.leaflet-draw-guide-dash{font-size:1%;opacity:.6;position:absolute;width:5px;height:5px}.leaflet-edit-marker-selected{background-color:rgba(254,87,161,.1);border:4px dashed rgba(254,87,161,.6);-webkit-border-radius:4px;border-radius:4px;box-sizing:content-box}.leaflet-edit-move{cursor:move}.leaflet-edit-resize{cursor:pointer}.leaflet-oldie .leaflet-draw-toolbar{border:1px solid #999}\n"] }]
         }], propDecorators: { mapEl: [{
                 type: ViewChild,
@@ -1727,14 +1838,14 @@ class AXPMapBoxWidgetEditComponent extends AXPWidgetBase {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPMapBoxWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPMapBoxWidgetEditComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "mapEl", first: true, predicate: ["mapEl"], descendants: true }], usesInheritance: true, ngImport: i0, template: `<div class="ax-w-full ax-h-72">
-    <div class="ax-h-full" #mapEl></div>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPMapBoxWidgetEditComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "mapEl", first: true, predicate: ["mapEl"], descendants: true }], usesInheritance: true, ngImport: i0, template: `<div class="ax-w-full ax-h-72">
+    <div class="ax-h-full" #mapEl></div>
   </div>`, isInline: true, styles: [".leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:rgba(255,255,255,.5)}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,.65);border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px rgba(0,0,0,.4);background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:rgba(255,255,255,.8);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:rgba(255,255,255,.8);text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px rgba(0,0,0,.4)}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:\"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)\";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,.4)}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:\"\"}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.leaflet-draw-section{position:relative}.leaflet-draw-toolbar{margin-top:12px}.leaflet-draw-toolbar-top{margin-top:0}.leaflet-draw-toolbar-notop a:first-child{border-top-right-radius:0}.leaflet-draw-toolbar-nobottom a:last-child{border-bottom-right-radius:0}.leaflet-draw-toolbar a{background-image:url(data:image/png;base64,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);background-image:linear-gradient(transparent,transparent),url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>%0A<svg%0A   xmlns:dc=\"http://purl.org/dc/elements/1.1/\"%0A   xmlns:cc=\"http://creativecommons.org/ns%23\"%0A   xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns%23\"%0A   xmlns:svg=\"http://www.w3.org/2000/svg\"%0A   xmlns=\"http://www.w3.org/2000/svg\"%0A   xmlns:xlink=\"http://www.w3.org/1999/xlink\"%0A   xmlns:sodipodi=\"http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd\"%0A   xmlns:inkscape=\"http://www.inkscape.org/namespaces/inkscape\"%0A   viewBox=\"0 0 600 60\"%0A   height=\"60\"%0A   width=\"600\"%0A   id=\"svg4225\"%0A   version=\"1.1\"%0A   inkscape:version=\"0.91 r13725\"%0A   sodipodi:docname=\"spritesheet.svg\"%0A   inkscape:export-filename=\"/home/fpuga/development/upstream/icarto.Leaflet.draw/src/images/spritesheet-2x.png\"%0A   inkscape:export-xdpi=\"90\"%0A   inkscape:export-ydpi=\"90\">%0A  <metadata%0A     id=\"metadata4258\">%0A    <rdf:RDF>%0A      <cc:Work%0A         rdf:about=\"\">%0A        <dc:format>image/svg+xml</dc:format>%0A        <dc:type%0A           rdf:resource=\"http://purl.org/dc/dcmitype/StillImage\" />%0A        <dc:title />%0A      </cc:Work>%0A    </rdf:RDF>%0A  </metadata>%0A  <defs%0A     id=\"defs4256\" />%0A  <sodipodi:namedview%0A     pagecolor=\"%23ffffff\"%0A     bordercolor=\"%23666666\"%0A     borderopacity=\"1\"%0A     objecttolerance=\"10\"%0A     gridtolerance=\"10\"%0A     guidetolerance=\"10\"%0A     inkscape:pageopacity=\"0\"%0A     inkscape:pageshadow=\"2\"%0A     inkscape:window-width=\"1920\"%0A     inkscape:window-height=\"1056\"%0A     id=\"namedview4254\"%0A     showgrid=\"false\"%0A     inkscape:zoom=\"1.3101852\"%0A     inkscape:cx=\"237.56928\"%0A     inkscape:cy=\"7.2419621\"%0A     inkscape:window-x=\"1920\"%0A     inkscape:window-y=\"24\"%0A     inkscape:window-maximized=\"1\"%0A     inkscape:current-layer=\"svg4225\" />%0A  <g%0A     id=\"enabled\"%0A     style=\"fill:%23464646;fill-opacity:1\">%0A    <g%0A       id=\"polyline\"%0A       style=\"fill:%23464646;fill-opacity:1\">%0A      <path%0A         d=\"m 18,36 0,6 6,0 0,-6 -6,0 z m 4,4 -2,0 0,-2 2,0 0,2 z\"%0A         id=\"path4229\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 36,18 0,6 6,0 0,-6 -6,0 z m 4,4 -2,0 0,-2 2,0 0,2 z\"%0A         id=\"path4231\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 23.142,39.145 -2.285,-2.29 16,-15.998 2.285,2.285 z\"%0A         id=\"path4233\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A    </g>%0A    <path%0A       id=\"polygon\"%0A       d=\"M 100,24.565 97.904,39.395 83.07,42 76,28.773 86.463,18 Z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <path%0A       id=\"rectangle\"%0A       d=\"m 140,20 20,0 0,20 -20,0 z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <path%0A       id=\"circle\"%0A       d=\"m 221,30 c 0,6.078 -4.926,11 -11,11 -6.074,0 -11,-4.922 -11,-11 0,-6.074 4.926,-11 11,-11 6.074,0 11,4.926 11,11 z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <path%0A       id=\"marker\"%0A       d=\"m 270,19 c -4.971,0 -9,4.029 -9,9 0,4.971 5.001,12 9,14 4.001,-2 9,-9.029 9,-14 0,-4.971 -4.029,-9 -9,-9 z m 0,12.5 c -2.484,0 -4.5,-2.014 -4.5,-4.5 0,-2.484 2.016,-4.5 4.5,-4.5 2.485,0 4.5,2.016 4.5,4.5 0,2.486 -2.015,4.5 -4.5,4.5 z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <g%0A       id=\"edit\"%0A       style=\"fill:%23464646;fill-opacity:1\">%0A      <path%0A         d=\"m 337,30.156 0,0.407 0,5.604 c 0,1.658 -1.344,3 -3,3 l -10,0 c -1.655,0 -3,-1.342 -3,-3 l 0,-10 c 0,-1.657 1.345,-3 3,-3 l 6.345,0 3.19,-3.17 -9.535,0 c -3.313,0 -6,2.687 -6,6 l 0,10 c 0,3.313 2.687,6 6,6 l 10,0 c 3.314,0 6,-2.687 6,-6 l 0,-8.809 -3,2.968\"%0A         id=\"path4240\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 338.72,24.637 -8.892,8.892 -2.828,0 0,-2.829 8.89,-8.89 z\"%0A         id=\"path4242\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 338.697,17.826 4,0 0,4 -4,0 z\"%0A         transform=\"matrix(-0.70698336,-0.70723018,0.70723018,-0.70698336,567.55917,274.78273)\"%0A         id=\"path4244\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A    </g>%0A    <g%0A       id=\"remove\"%0A       style=\"fill:%23464646;fill-opacity:1\">%0A      <path%0A         d=\"m 381,42 18,0 0,-18 -18,0 0,18 z m 14,-16 2,0 0,14 -2,0 0,-14 z m -4,0 2,0 0,14 -2,0 0,-14 z m -4,0 2,0 0,14 -2,0 0,-14 z m -4,0 2,0 0,14 -2,0 0,-14 z\"%0A         id=\"path4247\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 395,20 0,-4 -10,0 0,4 -6,0 0,2 22,0 0,-2 -6,0 z m -2,0 -6,0 0,-2 6,0 0,2 z\"%0A         id=\"path4249\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A    </g>%0A  </g>%0A  <g%0A     id=\"disabled\"%0A     transform=\"translate(120,0)\"%0A     style=\"fill:%23bbbbbb\">%0A    <use%0A       xlink:href=\"%23edit\"%0A       id=\"edit-disabled\"%0A       x=\"0\"%0A       y=\"0\"%0A       width=\"100%\"%0A       height=\"100%\" />%0A    <use%0A       xlink:href=\"%23remove\"%0A       id=\"remove-disabled\"%0A       x=\"0\"%0A       y=\"0\"%0A       width=\"100%\"%0A       height=\"100%\" />%0A  </g>%0A  <path%0A     style=\"fill:none;stroke:%23464646;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1\"%0A     id=\"circle-3\"%0A     d=\"m 581.65725,30 c 0,6.078 -4.926,11 -11,11 -6.074,0 -11,-4.922 -11,-11 0,-6.074 4.926,-11 11,-11 6.074,0 11,4.926 11,11 z\"%0A     inkscape:connector-curvature=\"0\" />%0A</svg>%0A');background-repeat:no-repeat;background-size:300px 30px;background-clip:padding-box}.leaflet-retina .leaflet-draw-toolbar a{background-image:url(data:image/png;base64,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);background-image:linear-gradient(transparent,transparent),url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>%0A<svg%0A   xmlns:dc=\"http://purl.org/dc/elements/1.1/\"%0A   xmlns:cc=\"http://creativecommons.org/ns%23\"%0A   xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns%23\"%0A   xmlns:svg=\"http://www.w3.org/2000/svg\"%0A   xmlns=\"http://www.w3.org/2000/svg\"%0A   xmlns:xlink=\"http://www.w3.org/1999/xlink\"%0A   xmlns:sodipodi=\"http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd\"%0A   xmlns:inkscape=\"http://www.inkscape.org/namespaces/inkscape\"%0A   viewBox=\"0 0 600 60\"%0A   height=\"60\"%0A   width=\"600\"%0A   id=\"svg4225\"%0A   version=\"1.1\"%0A   inkscape:version=\"0.91 r13725\"%0A   sodipodi:docname=\"spritesheet.svg\"%0A   inkscape:export-filename=\"/home/fpuga/development/upstream/icarto.Leaflet.draw/src/images/spritesheet-2x.png\"%0A   inkscape:export-xdpi=\"90\"%0A   inkscape:export-ydpi=\"90\">%0A  <metadata%0A     id=\"metadata4258\">%0A    <rdf:RDF>%0A      <cc:Work%0A         rdf:about=\"\">%0A        <dc:format>image/svg+xml</dc:format>%0A        <dc:type%0A           rdf:resource=\"http://purl.org/dc/dcmitype/StillImage\" />%0A        <dc:title />%0A      </cc:Work>%0A    </rdf:RDF>%0A  </metadata>%0A  <defs%0A     id=\"defs4256\" />%0A  <sodipodi:namedview%0A     pagecolor=\"%23ffffff\"%0A     bordercolor=\"%23666666\"%0A     borderopacity=\"1\"%0A     objecttolerance=\"10\"%0A     gridtolerance=\"10\"%0A     guidetolerance=\"10\"%0A     inkscape:pageopacity=\"0\"%0A     inkscape:pageshadow=\"2\"%0A     inkscape:window-width=\"1920\"%0A     inkscape:window-height=\"1056\"%0A     id=\"namedview4254\"%0A     showgrid=\"false\"%0A     inkscape:zoom=\"1.3101852\"%0A     inkscape:cx=\"237.56928\"%0A     inkscape:cy=\"7.2419621\"%0A     inkscape:window-x=\"1920\"%0A     inkscape:window-y=\"24\"%0A     inkscape:window-maximized=\"1\"%0A     inkscape:current-layer=\"svg4225\" />%0A  <g%0A     id=\"enabled\"%0A     style=\"fill:%23464646;fill-opacity:1\">%0A    <g%0A       id=\"polyline\"%0A       style=\"fill:%23464646;fill-opacity:1\">%0A      <path%0A         d=\"m 18,36 0,6 6,0 0,-6 -6,0 z m 4,4 -2,0 0,-2 2,0 0,2 z\"%0A         id=\"path4229\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 36,18 0,6 6,0 0,-6 -6,0 z m 4,4 -2,0 0,-2 2,0 0,2 z\"%0A         id=\"path4231\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 23.142,39.145 -2.285,-2.29 16,-15.998 2.285,2.285 z\"%0A         id=\"path4233\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A    </g>%0A    <path%0A       id=\"polygon\"%0A       d=\"M 100,24.565 97.904,39.395 83.07,42 76,28.773 86.463,18 Z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <path%0A       id=\"rectangle\"%0A       d=\"m 140,20 20,0 0,20 -20,0 z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <path%0A       id=\"circle\"%0A       d=\"m 221,30 c 0,6.078 -4.926,11 -11,11 -6.074,0 -11,-4.922 -11,-11 0,-6.074 4.926,-11 11,-11 6.074,0 11,4.926 11,11 z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <path%0A       id=\"marker\"%0A       d=\"m 270,19 c -4.971,0 -9,4.029 -9,9 0,4.971 5.001,12 9,14 4.001,-2 9,-9.029 9,-14 0,-4.971 -4.029,-9 -9,-9 z m 0,12.5 c -2.484,0 -4.5,-2.014 -4.5,-4.5 0,-2.484 2.016,-4.5 4.5,-4.5 2.485,0 4.5,2.016 4.5,4.5 0,2.486 -2.015,4.5 -4.5,4.5 z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <g%0A       id=\"edit\"%0A       style=\"fill:%23464646;fill-opacity:1\">%0A      <path%0A         d=\"m 337,30.156 0,0.407 0,5.604 c 0,1.658 -1.344,3 -3,3 l -10,0 c -1.655,0 -3,-1.342 -3,-3 l 0,-10 c 0,-1.657 1.345,-3 3,-3 l 6.345,0 3.19,-3.17 -9.535,0 c -3.313,0 -6,2.687 -6,6 l 0,10 c 0,3.313 2.687,6 6,6 l 10,0 c 3.314,0 6,-2.687 6,-6 l 0,-8.809 -3,2.968\"%0A         id=\"path4240\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 338.72,24.637 -8.892,8.892 -2.828,0 0,-2.829 8.89,-8.89 z\"%0A         id=\"path4242\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 338.697,17.826 4,0 0,4 -4,0 z\"%0A         transform=\"matrix(-0.70698336,-0.70723018,0.70723018,-0.70698336,567.55917,274.78273)\"%0A         id=\"path4244\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A    </g>%0A    <g%0A       id=\"remove\"%0A       style=\"fill:%23464646;fill-opacity:1\">%0A      <path%0A         d=\"m 381,42 18,0 0,-18 -18,0 0,18 z m 14,-16 2,0 0,14 -2,0 0,-14 z m -4,0 2,0 0,14 -2,0 0,-14 z m -4,0 2,0 0,14 -2,0 0,-14 z m -4,0 2,0 0,14 -2,0 0,-14 z\"%0A         id=\"path4247\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 395,20 0,-4 -10,0 0,4 -6,0 0,2 22,0 0,-2 -6,0 z m -2,0 -6,0 0,-2 6,0 0,2 z\"%0A         id=\"path4249\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A    </g>%0A  </g>%0A  <g%0A     id=\"disabled\"%0A     transform=\"translate(120,0)\"%0A     style=\"fill:%23bbbbbb\">%0A    <use%0A       xlink:href=\"%23edit\"%0A       id=\"edit-disabled\"%0A       x=\"0\"%0A       y=\"0\"%0A       width=\"100%\"%0A       height=\"100%\" />%0A    <use%0A       xlink:href=\"%23remove\"%0A       id=\"remove-disabled\"%0A       x=\"0\"%0A       y=\"0\"%0A       width=\"100%\"%0A       height=\"100%\" />%0A  </g>%0A  <path%0A     style=\"fill:none;stroke:%23464646;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1\"%0A     id=\"circle-3\"%0A     d=\"m 581.65725,30 c 0,6.078 -4.926,11 -11,11 -6.074,0 -11,-4.922 -11,-11 0,-6.074 4.926,-11 11,-11 6.074,0 11,4.926 11,11 z\"%0A     inkscape:connector-curvature=\"0\" />%0A</svg>%0A')}.leaflet-draw a{display:block;text-align:center;text-decoration:none}.leaflet-draw a .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.leaflet-draw-actions{display:none;list-style:none;margin:0;padding:0;position:absolute;left:26px;top:0;white-space:nowrap}.leaflet-touch .leaflet-draw-actions{left:32px}.leaflet-right .leaflet-draw-actions{right:26px;left:auto}.leaflet-touch .leaflet-right .leaflet-draw-actions{right:32px;left:auto}.leaflet-draw-actions li{display:inline-block}.leaflet-draw-actions li:first-child a{border-left:0}.leaflet-draw-actions li:last-child a{-webkit-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.leaflet-right .leaflet-draw-actions li:last-child a{-webkit-border-radius:0;border-radius:0}.leaflet-right .leaflet-draw-actions li:first-child a{-webkit-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.leaflet-draw-actions a{background-color:#919187;border-left:1px solid #AAA;color:#fff;font:11px/19px Helvetica Neue,Arial,Helvetica,sans-serif;line-height:28px;text-decoration:none;padding-left:10px;padding-right:10px;height:28px}.leaflet-touch .leaflet-draw-actions a{font-size:12px;line-height:30px;height:30px}.leaflet-draw-actions-bottom{margin-top:0}.leaflet-draw-actions-top{margin-top:1px}.leaflet-draw-actions-top a,.leaflet-draw-actions-bottom a{height:27px;line-height:27px}.leaflet-draw-actions a:hover{background-color:#a0a098}.leaflet-draw-actions-top.leaflet-draw-actions-bottom a{height:26px;line-height:26px}.leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:-2px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:0 -1px}.leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-31px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-29px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-62px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-60px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-92px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-90px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-122px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-120px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-273px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-271px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-152px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-150px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-182px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-180px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-212px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-210px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-242px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-240px -2px}.leaflet-mouse-marker{background-color:#fff;cursor:crosshair}.leaflet-draw-tooltip{background:#363636;background:rgba(0,0,0,.5);border:1px solid transparent;-webkit-border-radius:4px;border-radius:4px;color:#fff;font:12px/18px Helvetica Neue,Arial,Helvetica,sans-serif;margin-left:20px;margin-top:-21px;padding:4px 8px;position:absolute;visibility:hidden;white-space:nowrap;z-index:6}.leaflet-draw-tooltip:before{border-right:6px solid black;border-right-color:rgba(0,0,0,.5);border-top:6px solid transparent;border-bottom:6px solid transparent;content:\"\";position:absolute;top:7px;left:-7px}.leaflet-error-draw-tooltip{background-color:#f2dede;border:1px solid #e6b6bd;color:#b94a48}.leaflet-error-draw-tooltip:before{border-right-color:#e6b6bd}.leaflet-draw-tooltip-single{margin-top:-12px}.leaflet-draw-tooltip-subtext{color:#f8d5e4}.leaflet-draw-guide-dash{font-size:1%;opacity:.6;position:absolute;width:5px;height:5px}.leaflet-edit-marker-selected{background-color:rgba(254,87,161,.1);border:4px dashed rgba(254,87,161,.6);-webkit-border-radius:4px;border-radius:4px;box-sizing:content-box}.leaflet-edit-move{cursor:move}.leaflet-edit-resize{cursor:pointer}.leaflet-oldie .leaflet-draw-toolbar{border:1px solid #999}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPMapBoxWidgetEditComponent, decorators: [{
             type: Component,
-            args: [{ template: `<div class="ax-w-full ax-h-72">
-    <div class="ax-h-full" #mapEl></div>
+            args: [{ template: `<div class="ax-w-full ax-h-72">
+    <div class="ax-h-full" #mapEl></div>
   </div>`, standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, FormsModule], inputs: [], encapsulation: ViewEncapsulation.None, styles: [".leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:rgba(255,255,255,.5)}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,.65);border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px rgba(0,0,0,.4);background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:rgba(255,255,255,.8);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:rgba(255,255,255,.8);text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px rgba(0,0,0,.4)}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:\"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)\";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,.4)}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:\"\"}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.leaflet-draw-section{position:relative}.leaflet-draw-toolbar{margin-top:12px}.leaflet-draw-toolbar-top{margin-top:0}.leaflet-draw-toolbar-notop a:first-child{border-top-right-radius:0}.leaflet-draw-toolbar-nobottom a:last-child{border-bottom-right-radius:0}.leaflet-draw-toolbar a{background-image:url(data:image/png;base64,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);background-image:linear-gradient(transparent,transparent),url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>%0A<svg%0A   xmlns:dc=\"http://purl.org/dc/elements/1.1/\"%0A   xmlns:cc=\"http://creativecommons.org/ns%23\"%0A   xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns%23\"%0A   xmlns:svg=\"http://www.w3.org/2000/svg\"%0A   xmlns=\"http://www.w3.org/2000/svg\"%0A   xmlns:xlink=\"http://www.w3.org/1999/xlink\"%0A   xmlns:sodipodi=\"http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd\"%0A   xmlns:inkscape=\"http://www.inkscape.org/namespaces/inkscape\"%0A   viewBox=\"0 0 600 60\"%0A   height=\"60\"%0A   width=\"600\"%0A   id=\"svg4225\"%0A   version=\"1.1\"%0A   inkscape:version=\"0.91 r13725\"%0A   sodipodi:docname=\"spritesheet.svg\"%0A   inkscape:export-filename=\"/home/fpuga/development/upstream/icarto.Leaflet.draw/src/images/spritesheet-2x.png\"%0A   inkscape:export-xdpi=\"90\"%0A   inkscape:export-ydpi=\"90\">%0A  <metadata%0A     id=\"metadata4258\">%0A    <rdf:RDF>%0A      <cc:Work%0A         rdf:about=\"\">%0A        <dc:format>image/svg+xml</dc:format>%0A        <dc:type%0A           rdf:resource=\"http://purl.org/dc/dcmitype/StillImage\" />%0A        <dc:title />%0A      </cc:Work>%0A    </rdf:RDF>%0A  </metadata>%0A  <defs%0A     id=\"defs4256\" />%0A  <sodipodi:namedview%0A     pagecolor=\"%23ffffff\"%0A     bordercolor=\"%23666666\"%0A     borderopacity=\"1\"%0A     objecttolerance=\"10\"%0A     gridtolerance=\"10\"%0A     guidetolerance=\"10\"%0A     inkscape:pageopacity=\"0\"%0A     inkscape:pageshadow=\"2\"%0A     inkscape:window-width=\"1920\"%0A     inkscape:window-height=\"1056\"%0A     id=\"namedview4254\"%0A     showgrid=\"false\"%0A     inkscape:zoom=\"1.3101852\"%0A     inkscape:cx=\"237.56928\"%0A     inkscape:cy=\"7.2419621\"%0A     inkscape:window-x=\"1920\"%0A     inkscape:window-y=\"24\"%0A     inkscape:window-maximized=\"1\"%0A     inkscape:current-layer=\"svg4225\" />%0A  <g%0A     id=\"enabled\"%0A     style=\"fill:%23464646;fill-opacity:1\">%0A    <g%0A       id=\"polyline\"%0A       style=\"fill:%23464646;fill-opacity:1\">%0A      <path%0A         d=\"m 18,36 0,6 6,0 0,-6 -6,0 z m 4,4 -2,0 0,-2 2,0 0,2 z\"%0A         id=\"path4229\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 36,18 0,6 6,0 0,-6 -6,0 z m 4,4 -2,0 0,-2 2,0 0,2 z\"%0A         id=\"path4231\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 23.142,39.145 -2.285,-2.29 16,-15.998 2.285,2.285 z\"%0A         id=\"path4233\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A    </g>%0A    <path%0A       id=\"polygon\"%0A       d=\"M 100,24.565 97.904,39.395 83.07,42 76,28.773 86.463,18 Z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <path%0A       id=\"rectangle\"%0A       d=\"m 140,20 20,0 0,20 -20,0 z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <path%0A       id=\"circle\"%0A       d=\"m 221,30 c 0,6.078 -4.926,11 -11,11 -6.074,0 -11,-4.922 -11,-11 0,-6.074 4.926,-11 11,-11 6.074,0 11,4.926 11,11 z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <path%0A       id=\"marker\"%0A       d=\"m 270,19 c -4.971,0 -9,4.029 -9,9 0,4.971 5.001,12 9,14 4.001,-2 9,-9.029 9,-14 0,-4.971 -4.029,-9 -9,-9 z m 0,12.5 c -2.484,0 -4.5,-2.014 -4.5,-4.5 0,-2.484 2.016,-4.5 4.5,-4.5 2.485,0 4.5,2.016 4.5,4.5 0,2.486 -2.015,4.5 -4.5,4.5 z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <g%0A       id=\"edit\"%0A       style=\"fill:%23464646;fill-opacity:1\">%0A      <path%0A         d=\"m 337,30.156 0,0.407 0,5.604 c 0,1.658 -1.344,3 -3,3 l -10,0 c -1.655,0 -3,-1.342 -3,-3 l 0,-10 c 0,-1.657 1.345,-3 3,-3 l 6.345,0 3.19,-3.17 -9.535,0 c -3.313,0 -6,2.687 -6,6 l 0,10 c 0,3.313 2.687,6 6,6 l 10,0 c 3.314,0 6,-2.687 6,-6 l 0,-8.809 -3,2.968\"%0A         id=\"path4240\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 338.72,24.637 -8.892,8.892 -2.828,0 0,-2.829 8.89,-8.89 z\"%0A         id=\"path4242\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 338.697,17.826 4,0 0,4 -4,0 z\"%0A         transform=\"matrix(-0.70698336,-0.70723018,0.70723018,-0.70698336,567.55917,274.78273)\"%0A         id=\"path4244\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A    </g>%0A    <g%0A       id=\"remove\"%0A       style=\"fill:%23464646;fill-opacity:1\">%0A      <path%0A         d=\"m 381,42 18,0 0,-18 -18,0 0,18 z m 14,-16 2,0 0,14 -2,0 0,-14 z m -4,0 2,0 0,14 -2,0 0,-14 z m -4,0 2,0 0,14 -2,0 0,-14 z m -4,0 2,0 0,14 -2,0 0,-14 z\"%0A         id=\"path4247\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 395,20 0,-4 -10,0 0,4 -6,0 0,2 22,0 0,-2 -6,0 z m -2,0 -6,0 0,-2 6,0 0,2 z\"%0A         id=\"path4249\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A    </g>%0A  </g>%0A  <g%0A     id=\"disabled\"%0A     transform=\"translate(120,0)\"%0A     style=\"fill:%23bbbbbb\">%0A    <use%0A       xlink:href=\"%23edit\"%0A       id=\"edit-disabled\"%0A       x=\"0\"%0A       y=\"0\"%0A       width=\"100%\"%0A       height=\"100%\" />%0A    <use%0A       xlink:href=\"%23remove\"%0A       id=\"remove-disabled\"%0A       x=\"0\"%0A       y=\"0\"%0A       width=\"100%\"%0A       height=\"100%\" />%0A  </g>%0A  <path%0A     style=\"fill:none;stroke:%23464646;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1\"%0A     id=\"circle-3\"%0A     d=\"m 581.65725,30 c 0,6.078 -4.926,11 -11,11 -6.074,0 -11,-4.922 -11,-11 0,-6.074 4.926,-11 11,-11 6.074,0 11,4.926 11,11 z\"%0A     inkscape:connector-curvature=\"0\" />%0A</svg>%0A');background-repeat:no-repeat;background-size:300px 30px;background-clip:padding-box}.leaflet-retina .leaflet-draw-toolbar a{background-image:url(data:image/png;base64,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);background-image:linear-gradient(transparent,transparent),url('data:image/svg+xml,<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>%0A<svg%0A   xmlns:dc=\"http://purl.org/dc/elements/1.1/\"%0A   xmlns:cc=\"http://creativecommons.org/ns%23\"%0A   xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns%23\"%0A   xmlns:svg=\"http://www.w3.org/2000/svg\"%0A   xmlns=\"http://www.w3.org/2000/svg\"%0A   xmlns:xlink=\"http://www.w3.org/1999/xlink\"%0A   xmlns:sodipodi=\"http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd\"%0A   xmlns:inkscape=\"http://www.inkscape.org/namespaces/inkscape\"%0A   viewBox=\"0 0 600 60\"%0A   height=\"60\"%0A   width=\"600\"%0A   id=\"svg4225\"%0A   version=\"1.1\"%0A   inkscape:version=\"0.91 r13725\"%0A   sodipodi:docname=\"spritesheet.svg\"%0A   inkscape:export-filename=\"/home/fpuga/development/upstream/icarto.Leaflet.draw/src/images/spritesheet-2x.png\"%0A   inkscape:export-xdpi=\"90\"%0A   inkscape:export-ydpi=\"90\">%0A  <metadata%0A     id=\"metadata4258\">%0A    <rdf:RDF>%0A      <cc:Work%0A         rdf:about=\"\">%0A        <dc:format>image/svg+xml</dc:format>%0A        <dc:type%0A           rdf:resource=\"http://purl.org/dc/dcmitype/StillImage\" />%0A        <dc:title />%0A      </cc:Work>%0A    </rdf:RDF>%0A  </metadata>%0A  <defs%0A     id=\"defs4256\" />%0A  <sodipodi:namedview%0A     pagecolor=\"%23ffffff\"%0A     bordercolor=\"%23666666\"%0A     borderopacity=\"1\"%0A     objecttolerance=\"10\"%0A     gridtolerance=\"10\"%0A     guidetolerance=\"10\"%0A     inkscape:pageopacity=\"0\"%0A     inkscape:pageshadow=\"2\"%0A     inkscape:window-width=\"1920\"%0A     inkscape:window-height=\"1056\"%0A     id=\"namedview4254\"%0A     showgrid=\"false\"%0A     inkscape:zoom=\"1.3101852\"%0A     inkscape:cx=\"237.56928\"%0A     inkscape:cy=\"7.2419621\"%0A     inkscape:window-x=\"1920\"%0A     inkscape:window-y=\"24\"%0A     inkscape:window-maximized=\"1\"%0A     inkscape:current-layer=\"svg4225\" />%0A  <g%0A     id=\"enabled\"%0A     style=\"fill:%23464646;fill-opacity:1\">%0A    <g%0A       id=\"polyline\"%0A       style=\"fill:%23464646;fill-opacity:1\">%0A      <path%0A         d=\"m 18,36 0,6 6,0 0,-6 -6,0 z m 4,4 -2,0 0,-2 2,0 0,2 z\"%0A         id=\"path4229\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 36,18 0,6 6,0 0,-6 -6,0 z m 4,4 -2,0 0,-2 2,0 0,2 z\"%0A         id=\"path4231\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 23.142,39.145 -2.285,-2.29 16,-15.998 2.285,2.285 z\"%0A         id=\"path4233\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A    </g>%0A    <path%0A       id=\"polygon\"%0A       d=\"M 100,24.565 97.904,39.395 83.07,42 76,28.773 86.463,18 Z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <path%0A       id=\"rectangle\"%0A       d=\"m 140,20 20,0 0,20 -20,0 z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <path%0A       id=\"circle\"%0A       d=\"m 221,30 c 0,6.078 -4.926,11 -11,11 -6.074,0 -11,-4.922 -11,-11 0,-6.074 4.926,-11 11,-11 6.074,0 11,4.926 11,11 z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <path%0A       id=\"marker\"%0A       d=\"m 270,19 c -4.971,0 -9,4.029 -9,9 0,4.971 5.001,12 9,14 4.001,-2 9,-9.029 9,-14 0,-4.971 -4.029,-9 -9,-9 z m 0,12.5 c -2.484,0 -4.5,-2.014 -4.5,-4.5 0,-2.484 2.016,-4.5 4.5,-4.5 2.485,0 4.5,2.016 4.5,4.5 0,2.486 -2.015,4.5 -4.5,4.5 z\"%0A       inkscape:connector-curvature=\"0\"%0A       style=\"fill:%23464646;fill-opacity:1\" />%0A    <g%0A       id=\"edit\"%0A       style=\"fill:%23464646;fill-opacity:1\">%0A      <path%0A         d=\"m 337,30.156 0,0.407 0,5.604 c 0,1.658 -1.344,3 -3,3 l -10,0 c -1.655,0 -3,-1.342 -3,-3 l 0,-10 c 0,-1.657 1.345,-3 3,-3 l 6.345,0 3.19,-3.17 -9.535,0 c -3.313,0 -6,2.687 -6,6 l 0,10 c 0,3.313 2.687,6 6,6 l 10,0 c 3.314,0 6,-2.687 6,-6 l 0,-8.809 -3,2.968\"%0A         id=\"path4240\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 338.72,24.637 -8.892,8.892 -2.828,0 0,-2.829 8.89,-8.89 z\"%0A         id=\"path4242\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 338.697,17.826 4,0 0,4 -4,0 z\"%0A         transform=\"matrix(-0.70698336,-0.70723018,0.70723018,-0.70698336,567.55917,274.78273)\"%0A         id=\"path4244\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A    </g>%0A    <g%0A       id=\"remove\"%0A       style=\"fill:%23464646;fill-opacity:1\">%0A      <path%0A         d=\"m 381,42 18,0 0,-18 -18,0 0,18 z m 14,-16 2,0 0,14 -2,0 0,-14 z m -4,0 2,0 0,14 -2,0 0,-14 z m -4,0 2,0 0,14 -2,0 0,-14 z m -4,0 2,0 0,14 -2,0 0,-14 z\"%0A         id=\"path4247\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A      <path%0A         d=\"m 395,20 0,-4 -10,0 0,4 -6,0 0,2 22,0 0,-2 -6,0 z m -2,0 -6,0 0,-2 6,0 0,2 z\"%0A         id=\"path4249\"%0A         inkscape:connector-curvature=\"0\"%0A         style=\"fill:%23464646;fill-opacity:1\" />%0A    </g>%0A  </g>%0A  <g%0A     id=\"disabled\"%0A     transform=\"translate(120,0)\"%0A     style=\"fill:%23bbbbbb\">%0A    <use%0A       xlink:href=\"%23edit\"%0A       id=\"edit-disabled\"%0A       x=\"0\"%0A       y=\"0\"%0A       width=\"100%\"%0A       height=\"100%\" />%0A    <use%0A       xlink:href=\"%23remove\"%0A       id=\"remove-disabled\"%0A       x=\"0\"%0A       y=\"0\"%0A       width=\"100%\"%0A       height=\"100%\" />%0A  </g>%0A  <path%0A     style=\"fill:none;stroke:%23464646;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1\"%0A     id=\"circle-3\"%0A     d=\"m 581.65725,30 c 0,6.078 -4.926,11 -11,11 -6.074,0 -11,-4.922 -11,-11 0,-6.074 4.926,-11 11,-11 6.074,0 11,4.926 11,11 z\"%0A     inkscape:connector-curvature=\"0\" />%0A</svg>%0A')}.leaflet-draw a{display:block;text-align:center;text-decoration:none}.leaflet-draw a .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.leaflet-draw-actions{display:none;list-style:none;margin:0;padding:0;position:absolute;left:26px;top:0;white-space:nowrap}.leaflet-touch .leaflet-draw-actions{left:32px}.leaflet-right .leaflet-draw-actions{right:26px;left:auto}.leaflet-touch .leaflet-right .leaflet-draw-actions{right:32px;left:auto}.leaflet-draw-actions li{display:inline-block}.leaflet-draw-actions li:first-child a{border-left:0}.leaflet-draw-actions li:last-child a{-webkit-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.leaflet-right .leaflet-draw-actions li:last-child a{-webkit-border-radius:0;border-radius:0}.leaflet-right .leaflet-draw-actions li:first-child a{-webkit-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.leaflet-draw-actions a{background-color:#919187;border-left:1px solid #AAA;color:#fff;font:11px/19px Helvetica Neue,Arial,Helvetica,sans-serif;line-height:28px;text-decoration:none;padding-left:10px;padding-right:10px;height:28px}.leaflet-touch .leaflet-draw-actions a{font-size:12px;line-height:30px;height:30px}.leaflet-draw-actions-bottom{margin-top:0}.leaflet-draw-actions-top{margin-top:1px}.leaflet-draw-actions-top a,.leaflet-draw-actions-bottom a{height:27px;line-height:27px}.leaflet-draw-actions a:hover{background-color:#a0a098}.leaflet-draw-actions-top.leaflet-draw-actions-bottom a{height:26px;line-height:26px}.leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:-2px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:0 -1px}.leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-31px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-29px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-62px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-60px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-92px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-90px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-122px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-120px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-273px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-271px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-152px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-150px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-182px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-180px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-212px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-210px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-242px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-240px -2px}.leaflet-mouse-marker{background-color:#fff;cursor:crosshair}.leaflet-draw-tooltip{background:#363636;background:rgba(0,0,0,.5);border:1px solid transparent;-webkit-border-radius:4px;border-radius:4px;color:#fff;font:12px/18px Helvetica Neue,Arial,Helvetica,sans-serif;margin-left:20px;margin-top:-21px;padding:4px 8px;position:absolute;visibility:hidden;white-space:nowrap;z-index:6}.leaflet-draw-tooltip:before{border-right:6px solid black;border-right-color:rgba(0,0,0,.5);border-top:6px solid transparent;border-bottom:6px solid transparent;content:\"\";position:absolute;top:7px;left:-7px}.leaflet-error-draw-tooltip{background-color:#f2dede;border:1px solid #e6b6bd;color:#b94a48}.leaflet-error-draw-tooltip:before{border-right-color:#e6b6bd}.leaflet-draw-tooltip-single{margin-top:-12px}.leaflet-draw-tooltip-subtext{color:#f8d5e4}.leaflet-draw-guide-dash{font-size:1%;opacity:.6;position:absolute;width:5px;height:5px}.leaflet-edit-marker-selected{background-color:rgba(254,87,161,.1);border:4px dashed rgba(254,87,161,.6);-webkit-border-radius:4px;border-radius:4px;box-sizing:content-box}.leaflet-edit-move{cursor:move}.leaflet-edit-resize{cursor:pointer}.leaflet-oldie .leaflet-draw-toolbar{border:1px solid #999}\n"] }]
         }], propDecorators: { mapEl: [{
                 type: ViewChild,
@@ -1854,29 +1965,41 @@ class AXPNumberBoxWidgetViewComponent extends AXPWidgetBase {
     constructor() {
         super(...arguments);
         this.internalValue = computed(() => (Array.isArray(this.getValue()) ? this.getValue() : [this.getValue()]));
+        this.formatService = inject(AXFormatService);
+    }
+    getValue() {
+        if (!isNumber(super.getValue()))
+            return 'NAN';
+        const value = Number(super.getValue());
+        if (this.format?.name) {
+            return this.formatService.format(value, this.format.name, this.format.options);
+        }
+        else {
+            return value.toString();
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPNumberBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPNumberBoxWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    <div>
-      @if(multiple){ @for (item of internalValue(); track $index) {
-      <p>{{ item }}</p>
-      } }@else {
-      <p>{{ internalValue()[0] }}</p>
-      }
-    </div>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPNumberBoxWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <div>
+      @if(multiple){ @for (item of internalValue(); track $index) {
+      <p>{{ item }}</p>
+      } }@else {
+      <p>{{ internalValue()[0] }}</p>
+      }
+    </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPNumberBoxWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `
-    <div>
-      @if(multiple){ @for (item of internalValue(); track $index) {
-      <p>{{ item }}</p>
-      } }@else {
-      <p>{{ internalValue()[0] }}</p>
-      }
-    </div>
+                    template: `
+    <div>
+      @if(multiple){ @for (item of internalValue(); track $index) {
+      <p>{{ item }}</p>
+      } }@else {
+      <p>{{ internalValue()[0] }}</p>
+      }
+    </div>
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -1931,77 +2054,77 @@ class AXPNumberBoxWidgetEditComponent extends AXPWidgetBase {
         this.setValue(newValues);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPNumberBoxWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPNumberBoxWidgetEditComponent, isStandalone: true, selector: "ng-component", inputs: { validationRules: "validationRules", multiple: "multiple", disabled: "disabled" }, usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
-      @for(number of internalValue(); track $index){
-      <ax-number-box
-        class="ax-col-span-12"
-        [decimals]="decimals"
-        [placeholder]="placeholder"
-        [ngModel]="number"
-        (onValueChanged)="handleValueChange($event, $index)"
-        [disabled]="disabled"
-      >
-          <ax-validation-rule  rule="callback" [options]="{validate:validateFn}"></ax-validation-rule>
-        @if(clearButton){<ax-clear-button></ax-clear-button>} @if(multiple){
-        <ax-suffix>
-          <ax-button class="ax-border-s" (onClick)="deleteItem($index)" look="blank" color="danger">
-            <ax-icon class="far fa-trash"> </ax-icon>
-          </ax-button>
-        </ax-suffix>
-        }
-      </ax-number-box>
-      } @if(multiple){
-      <ax-button
-        [text]="internalValue().length == 0 ? 'Add New' : 'Add Another'"
-        look="twotone"
-        (onClick)="addItem()"
-        class="ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13"
-      >
-        <ax-prefix>
-          <ax-icon class="fa-solid fa-add"></ax-icon>
-        </ax-prefix>
-      </ax-button>
-      }
-    </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXNumberBoxModule }, { kind: "component", type: i1$2.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "thousandsSeparator", "padDecimalZeros", "step", "decimals", "decimalStep", "showSpinButtons", "minValue", "maxValue", "class"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "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$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3$1.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: "directive", type: i3$2.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPNumberBoxWidgetEditComponent, isStandalone: true, selector: "ng-component", inputs: { validationRules: "validationRules", multiple: "multiple", disabled: "disabled" }, usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
+      @for(number of internalValue(); track $index){
+      <ax-number-box
+        class="ax-col-span-12"
+        [decimals]="decimals"
+        [placeholder]="placeholder"
+        [ngModel]="number"
+        (onValueChanged)="handleValueChange($event, $index)"
+        [disabled]="disabled"
+      >
+          <ax-validation-rule  rule="callback" [options]="{validate:validateFn}"></ax-validation-rule>
+        @if(clearButton){<ax-clear-button></ax-clear-button>} @if(multiple){
+        <ax-suffix>
+          <ax-button class="ax-border-s" (onClick)="deleteItem($index)" look="blank" color="danger">
+            <ax-icon class="far fa-trash"> </ax-icon>
+          </ax-button>
+        </ax-suffix>
+        }
+      </ax-number-box>
+      } @if(multiple){
+      <ax-button
+        [text]="internalValue().length == 0 ? 'Add New' : 'Add Another'"
+        look="twotone"
+        (onClick)="addItem()"
+        class="ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13"
+      >
+        <ax-prefix>
+          <ax-icon class="fa-solid fa-add"></ax-icon>
+        </ax-prefix>
+      </ax-button>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXNumberBoxModule }, { kind: "component", type: i1$2.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "thousandsSeparator", "padDecimalZeros", "step", "decimals", "decimalStep", "showSpinButtons", "minValue", "maxValue", "class"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "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: "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: AXFormModule }, { kind: "directive", type: i3$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$2.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: "18.0.2", ngImport: i0, type: AXPNumberBoxWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
-      @for(number of internalValue(); track $index){
-      <ax-number-box
-        class="ax-col-span-12"
-        [decimals]="decimals"
-        [placeholder]="placeholder"
-        [ngModel]="number"
-        (onValueChanged)="handleValueChange($event, $index)"
-        [disabled]="disabled"
-      >
-          <ax-validation-rule  rule="callback" [options]="{validate:validateFn}"></ax-validation-rule>
-        @if(clearButton){<ax-clear-button></ax-clear-button>} @if(multiple){
-        <ax-suffix>
-          <ax-button class="ax-border-s" (onClick)="deleteItem($index)" look="blank" color="danger">
-            <ax-icon class="far fa-trash"> </ax-icon>
-          </ax-button>
-        </ax-suffix>
-        }
-      </ax-number-box>
-      } @if(multiple){
-      <ax-button
-        [text]="internalValue().length == 0 ? 'Add New' : 'Add Another'"
-        look="twotone"
-        (onClick)="addItem()"
-        class="ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13"
-      >
-        <ax-prefix>
-          <ax-icon class="fa-solid fa-add"></ax-icon>
-        </ax-prefix>
-      </ax-button>
-      }
-    </div>
+                    template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
+      @for(number of internalValue(); track $index){
+      <ax-number-box
+        class="ax-col-span-12"
+        [decimals]="decimals"
+        [placeholder]="placeholder"
+        [ngModel]="number"
+        (onValueChanged)="handleValueChange($event, $index)"
+        [disabled]="disabled"
+      >
+          <ax-validation-rule  rule="callback" [options]="{validate:validateFn}"></ax-validation-rule>
+        @if(clearButton){<ax-clear-button></ax-clear-button>} @if(multiple){
+        <ax-suffix>
+          <ax-button class="ax-border-s" (onClick)="deleteItem($index)" look="blank" color="danger">
+            <ax-icon class="far fa-trash"> </ax-icon>
+          </ax-button>
+        </ax-suffix>
+        }
+      </ax-number-box>
+      } @if(multiple){
+      <ax-button
+        [text]="internalValue().length == 0 ? 'Add New' : 'Add Another'"
+        look="twotone"
+        (onClick)="addItem()"
+        class="ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13"
+      >
+        <ax-prefix>
+          <ax-icon class="fa-solid fa-add"></ax-icon>
+        </ax-prefix>
+      </ax-button>
+      }
+    </div>
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -2035,18 +2158,35 @@ var numberBoxWidgetFilter_component = /*#__PURE__*/Object.freeze({
   AXPNumberBoxWidgetFilterComponent: AXPNumberBoxWidgetFilterComponent
 });
 
-class AXPNumberBoxWidgetColumnComponent extends AXPWidgetBase {
+class AXPNumberBoxWidgetColumnComponent extends AXPColumnWidgetBase {
+    constructor() {
+        super(...arguments);
+        this.formatService = inject(AXFormatService);
+        this.value = computed(() => {
+            if (!isNumber(this.rawValue))
+                return 'NAN';
+            const value = Number(this.rawValue);
+            if (this.options?.['format'] && this.options?.['format']['name']) {
+                const { name, options } = this.options?.['format'];
+                return this.formatService.format(value, name, options);
+            }
+            else {
+                return value.toString();
+            }
+        });
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPNumberBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPNumberBoxWidgetColumnComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPNumberBoxWidgetColumnComponent, isStandalone: true, selector: "axp-number-box-widget-column", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: `{{value()}}`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPNumberBoxWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
-                    template: ``,
+                    selector: 'axp-number-box-widget-column',
+                    template: `{{value()}}`,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [CommonModule],
-                    inputs: []
+                    inputs: ['rawValue']
                 }]
         }] });
 
@@ -2109,6 +2249,9 @@ const AXPNumberBoxWidget = {
         },
         column: {
             component: () => Promise.resolve().then(function () { return numberBoxWidgetColumn_component; }).then((c) => c.AXPNumberBoxWidgetColumnComponent),
+            defaultOptions: {
+                width: '100px'
+            },
         },
         print: {
             component: () => Promise.resolve().then(function () { return numberBoxWidgetPrint_component; }).then((c) => c.AXPNumberBoxWidgetPrintComponent),
@@ -2130,55 +2273,55 @@ class AXPPasswordBoxWidgetViewComponent extends AXPWidgetBase {
         this.showPass = !this.showPass;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPPasswordBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPPasswordBoxWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    <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 ? internalValue() : '*******' }}</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', internalValue())"
-        >
-          <i class="fa-solid fa-copy "></i>
-        </span>
-        }
-      </div>
-    </div>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPPasswordBoxWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <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 ? internalValue() : '*******' }}</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', internalValue())"
+        >
+          <i class="fa-solid fa-copy "></i>
+        </span>
+        }
+      </div>
+    </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPPasswordBoxWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `
-    <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 ? internalValue() : '*******' }}</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', internalValue())"
-        >
-          <i class="fa-solid fa-copy "></i>
-        </span>
-        }
-      </div>
-    </div>
+                    template: `
+    <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 ? internalValue() : '*******' }}</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', internalValue())"
+        >
+          <i class="fa-solid fa-copy "></i>
+        </span>
+        }
+      </div>
+    </div>
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -2199,19 +2342,19 @@ class AXPPasswordBoxWidgetEditComponent extends AXPWidgetBase {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPPasswordBoxWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPPasswordBoxWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    <ax-password-box [ngModel]="getValue()" (onValueChanged)="handleValueChanged($event)">
-      <ax-validation-rule rule="required"></ax-validation-rule>
-    </ax-password-box>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: AXPasswordBoxModule }, { kind: "component", type: i2$4.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: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i3$2.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPPasswordBoxWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <ax-password-box [ngModel]="getValue()" (onValueChanged)="handleValueChanged($event)">
+      <ax-validation-rule rule="required"></ax-validation-rule>
+    </ax-password-box>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: AXPasswordBoxModule }, { kind: "component", type: i2$5.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: AXValidationModule }, { kind: "ngmodule", type: AXFormModule }, { kind: "directive", type: i3$1.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: AXPPasswordBoxWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `
-    <ax-password-box [ngModel]="getValue()" (onValueChanged)="handleValueChanged($event)">
-      <ax-validation-rule rule="required"></ax-validation-rule>
-    </ax-password-box>
+                    template: `
+    <ax-password-box [ngModel]="getValue()" (onValueChanged)="handleValueChanged($event)">
+      <ax-validation-rule rule="required"></ax-validation-rule>
+    </ax-password-box>
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -2353,79 +2496,79 @@ class AXPPhoneBoxWidgetViewComponent extends AXPWidgetBase {
             };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPPhoneBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPPhoneBoxWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-2 ">
-      <ng-container *ngIf="multiple">
-        @for(item of internalValue();track item?.value) {
-        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
-        }
-      </ng-container>
-
-      <ng-container *ngIf="!multiple">
-        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: internalValue()[0] }" ]></ng-template>
-      </ng-container>
-
-      <ng-template #itemTemplate let-item="data">
-        <ng-container *ngIf="item">
-          <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-items-center ax-w-max ax-group">
-              <div class="ax-w-6 ax-h-6 ax-flex ax-items-center ax-justify-center">
-                <i class="fa-solid ax-text-neutral-400 fa-phone"></i>
-              </div>
-              <a class="group-hover:!ax-text-primary-500" href="tel:{{ item.value }}">{{ item.value }}</a>
-              <span
-                class="ax-text-neutral-400  ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
-                (click)="clipboard.copy('Phone Number', item.value)"
-              >
-                <i class="fa-solid fa-copy "></i>
-              </span>
-              @if(hasLabel){
-              <ax-badge color="primary" [look]="'twotone'" [text]="item.label"></ax-badge>
-              }
-            </div>
-          </div>
-        </ng-container>
-      </ng-template>
-    </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2$2.AXBadgeComponent, selector: "ax-badge", inputs: ["color", "look", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPPhoneBoxWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-2 ">
+      <ng-container *ngIf="multiple">
+        @for(item of internalValue();track item?.value) {
+        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
+        }
+      </ng-container>
+
+      <ng-container *ngIf="!multiple">
+        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: internalValue()[0] }" ]></ng-template>
+      </ng-container>
+
+      <ng-template #itemTemplate let-item="data">
+        <ng-container *ngIf="item">
+          <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-items-center ax-w-max ax-group">
+              <div class="ax-w-6 ax-h-6 ax-flex ax-items-center ax-justify-center">
+                <i class="fa-solid ax-text-neutral-400 fa-phone"></i>
+              </div>
+              <a class="group-hover:!ax-text-primary-500" href="tel:{{ item.value }}">{{ item.value }}</a>
+              <span
+                class="ax-text-neutral-400  ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
+                (click)="clipboard.copy('Phone Number', item.value)"
+              >
+                <i class="fa-solid fa-copy "></i>
+              </span>
+              @if(hasLabel){
+              <ax-badge color="primary" [look]="'twotone'" [text]="item.label"></ax-badge>
+              }
+            </div>
+          </div>
+        </ng-container>
+      </ng-template>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2$3.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: AXPPhoneBoxWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-2 ">
-      <ng-container *ngIf="multiple">
-        @for(item of internalValue();track item?.value) {
-        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
-        }
-      </ng-container>
-
-      <ng-container *ngIf="!multiple">
-        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: internalValue()[0] }" ]></ng-template>
-      </ng-container>
-
-      <ng-template #itemTemplate let-item="data">
-        <ng-container *ngIf="item">
-          <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-items-center ax-w-max ax-group">
-              <div class="ax-w-6 ax-h-6 ax-flex ax-items-center ax-justify-center">
-                <i class="fa-solid ax-text-neutral-400 fa-phone"></i>
-              </div>
-              <a class="group-hover:!ax-text-primary-500" href="tel:{{ item.value }}">{{ item.value }}</a>
-              <span
-                class="ax-text-neutral-400  ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
-                (click)="clipboard.copy('Phone Number', item.value)"
-              >
-                <i class="fa-solid fa-copy "></i>
-              </span>
-              @if(hasLabel){
-              <ax-badge color="primary" [look]="'twotone'" [text]="item.label"></ax-badge>
-              }
-            </div>
-          </div>
-        </ng-container>
-      </ng-template>
-    </div>
+                    template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-2 ">
+      <ng-container *ngIf="multiple">
+        @for(item of internalValue();track item?.value) {
+        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: item }" ]></ng-template>
+        }
+      </ng-container>
+
+      <ng-container *ngIf="!multiple">
+        <ng-template [ngTemplateOutlet]="itemTemplate" [ngTemplateOutletContext]="{ data: internalValue()[0] }" ]></ng-template>
+      </ng-container>
+
+      <ng-template #itemTemplate let-item="data">
+        <ng-container *ngIf="item">
+          <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-items-center ax-w-max ax-group">
+              <div class="ax-w-6 ax-h-6 ax-flex ax-items-center ax-justify-center">
+                <i class="fa-solid ax-text-neutral-400 fa-phone"></i>
+              </div>
+              <a class="group-hover:!ax-text-primary-500" href="tel:{{ item.value }}">{{ item.value }}</a>
+              <span
+                class="ax-text-neutral-400  ax-cursor-pointer ax-invisible group-hover:ax-visible hover:!ax-text-primary-500"
+                (click)="clipboard.copy('Phone Number', item.value)"
+              >
+                <i class="fa-solid fa-copy "></i>
+              </span>
+              @if(hasLabel){
+              <ax-badge color="primary" [look]="'twotone'" [text]="item.label"></ax-badge>
+              }
+            </div>
+          </div>
+        </ng-container>
+      </ng-template>
+    </div>
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -2447,7 +2590,21 @@ class AXPPhoneBoxWidgetEditComponent extends AXPWidgetBase {
         this.clearButton = true;
         this.hasLabel = true;
         this.phoneLabels = ['Mobile', 'Home', 'Work', 'Other'];
-        this.internalValue = computed(() => this.getValue() ? (Array.isArray(this.getValue()) ? this.getValue() : [this.getValue()]) : [{}]);
+        this.internalValue = computed(() => this.getValueAsArrayOfObjects());
+        this._validationRules = [];
+    }
+    get validationRules() {
+        return this._validationRules;
+    }
+    set validationRules(v) {
+        this._validationRules = v;
+    }
+    getValueAsArrayOfObjects() {
+        const value = this.getValue();
+        if (Array.isArray(value)) {
+            return value.map((item) => (typeof item === 'object' ? item : { value: item }));
+        }
+        return typeof value === 'object' ? [value] : [{ value: value || '' }];
     }
     handleValueChange(e, selectedIndex) {
         if (e.isUserInteraction) {
@@ -2476,139 +2633,151 @@ class AXPPhoneBoxWidgetEditComponent extends AXPWidgetBase {
         this.setValue(newValues);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPPhoneBoxWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPPhoneBoxWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
-      <ng-container *ngIf="multiple">
-        @for(item of internalValue();track $index) {
-        <ax-text-box
-          [ngModel]="item.value"
-          (onValueChanged)="handleValueChange($event, $index)"
-          type="text"
-          class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
-          [class.lg:!ax-col-end-12]="!hasLabel"
-        >
-        </ax-text-box>
-        @if(hasLabel){
-        <ax-select-box
-          [dataSource]="phoneLabels"
-          [ngModel]="item.label"
-          (onValueChanged)="handleLabelChange($event, $index)"
-          class="ax-col-start-1 ax-col-end-11 lg:ax-col-start-8 lg:ax-col-end-12"
-        >
-        </ax-select-box>
-        }
-        <ax-button
-          look="twotone"
-          color="danger"
-          (onClick)="deleteItem($index)"
-          class="ax-col-start-11 ax-col-end-13 lg:ax-col-start-12 lg:ax-col-end-13 ax-justify-self-end"
-        >
-          <ax-icon icon="fa-regular fa-xmark"></ax-icon>
-        </ax-button>
-        }
-      </ng-container>
-      <ng-container *ngIf="!multiple">
-        <ax-text-box
-          [ngModel]="internalValue()[0].value"
-          (onValueChanged)="handleValueChange($event, 0)"
-          type="text"
-          class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
-          [class.lg:!ax-col-end-13]="!hasLabel"
-        >
-        </ax-text-box>
-        @if(hasLabel){
-        <ax-select-box
-          [dataSource]="phoneLabels"
-          [ngModel]="internalValue()[0].label"
-          (onValueChanged)="handleLabelChange($event, 0)"
-          class="ax-col-start-1 ax-col-end-11 lg:ax-col-start-8 lg:ax-col-end-13"
-        >
-        </ax-select-box>
-        }
-      </ng-container>
-      <ax-button
-        *ngIf="multiple"
-        [text]="internalValue().length == 0 ? 'Add New' : 'Add Another'"
-        look="twotone"
-        (onClick)="addItem()"
-        class="ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13"
-      >
-        <ax-prefix>
-          <ax-icon class="fa-solid fa-add"></ax-icon>
-        </ax-prefix>
-      </ax-button>
-    </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: AXButtonModule }, { kind: "component", type: i3.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$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.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: AXSelectBoxModule }, { kind: "component", type: i5.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: AXTextBoxModule }, { kind: "component", type: i6.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPPhoneBoxWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
+      <ng-container *ngIf="multiple">
+        @for(item of internalValue();track $index) {
+        <ax-text-box
+          [ngModel]="item.value"
+          (onValueChanged)="handleValueChange($event, $index)"
+          type="text"
+          class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
+          [class.lg:!ax-col-end-12]="!hasLabel"
+        >
+          @for (validation of validationRules; track $index) {
+          <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
+          }
+        </ax-text-box>
+        @if(hasLabel){
+        <ax-select-box
+          [dataSource]="phoneLabels"
+          [ngModel]="item.label"
+          (onValueChanged)="handleLabelChange($event, $index)"
+          class="ax-col-start-1 ax-col-end-11 lg:ax-col-start-8 lg:ax-col-end-12"
+        >
+        </ax-select-box>
+        }
+        <ax-button
+          look="twotone"
+          color="danger"
+          (onClick)="deleteItem($index)"
+          class="ax-col-start-11 ax-col-end-13 lg:ax-col-start-12 lg:ax-col-end-13 ax-justify-self-end"
+        >
+          <ax-icon icon="fa-regular fa-xmark"></ax-icon>
+        </ax-button>
+        }
+      </ng-container>
+      <ng-container *ngIf="!multiple">
+        <ax-text-box
+          [ngModel]="internalValue()[0].value"
+          (onValueChanged)="handleValueChange($event, 0)"
+          type="text"
+          class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
+          [class.lg:!ax-col-end-13]="!hasLabel"
+        >
+          @for (validation of validationRules; track $index) {
+          <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
+          }
+        </ax-text-box>
+        @if(hasLabel){
+        <ax-select-box
+          [dataSource]="phoneLabels"
+          [ngModel]="internalValue()[0].label"
+          (onValueChanged)="handleLabelChange($event, 0)"
+          class="ax-col-start-1 ax-col-end-11 lg:ax-col-start-8 lg:ax-col-end-13"
+        >
+        </ax-select-box>
+        }
+      </ng-container>
+      <ax-button
+        *ngIf="multiple"
+        [text]="internalValue().length == 0 ? 'Add New' : 'Add Another'"
+        look="twotone"
+        (onClick)="addItem()"
+        class="ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13"
+      >
+        <ax-prefix>
+          <ax-icon class="fa-solid fa-add"></ax-icon>
+        </ax-prefix>
+      </ax-button>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$2.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: 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: AXTextBoxModule }, { kind: "component", type: i7.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: AXValidationModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPPhoneBoxWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
-      <ng-container *ngIf="multiple">
-        @for(item of internalValue();track $index) {
-        <ax-text-box
-          [ngModel]="item.value"
-          (onValueChanged)="handleValueChange($event, $index)"
-          type="text"
-          class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
-          [class.lg:!ax-col-end-12]="!hasLabel"
-        >
-        </ax-text-box>
-        @if(hasLabel){
-        <ax-select-box
-          [dataSource]="phoneLabels"
-          [ngModel]="item.label"
-          (onValueChanged)="handleLabelChange($event, $index)"
-          class="ax-col-start-1 ax-col-end-11 lg:ax-col-start-8 lg:ax-col-end-12"
-        >
-        </ax-select-box>
-        }
-        <ax-button
-          look="twotone"
-          color="danger"
-          (onClick)="deleteItem($index)"
-          class="ax-col-start-11 ax-col-end-13 lg:ax-col-start-12 lg:ax-col-end-13 ax-justify-self-end"
-        >
-          <ax-icon icon="fa-regular fa-xmark"></ax-icon>
-        </ax-button>
-        }
-      </ng-container>
-      <ng-container *ngIf="!multiple">
-        <ax-text-box
-          [ngModel]="internalValue()[0].value"
-          (onValueChanged)="handleValueChange($event, 0)"
-          type="text"
-          class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
-          [class.lg:!ax-col-end-13]="!hasLabel"
-        >
-        </ax-text-box>
-        @if(hasLabel){
-        <ax-select-box
-          [dataSource]="phoneLabels"
-          [ngModel]="internalValue()[0].label"
-          (onValueChanged)="handleLabelChange($event, 0)"
-          class="ax-col-start-1 ax-col-end-11 lg:ax-col-start-8 lg:ax-col-end-13"
-        >
-        </ax-select-box>
-        }
-      </ng-container>
-      <ax-button
-        *ngIf="multiple"
-        [text]="internalValue().length == 0 ? 'Add New' : 'Add Another'"
-        look="twotone"
-        (onClick)="addItem()"
-        class="ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13"
-      >
-        <ax-prefix>
-          <ax-icon class="fa-solid fa-add"></ax-icon>
-        </ax-prefix>
-      </ax-button>
-    </div>
+                    template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
+      <ng-container *ngIf="multiple">
+        @for(item of internalValue();track $index) {
+        <ax-text-box
+          [ngModel]="item.value"
+          (onValueChanged)="handleValueChange($event, $index)"
+          type="text"
+          class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
+          [class.lg:!ax-col-end-12]="!hasLabel"
+        >
+          @for (validation of validationRules; track $index) {
+          <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
+          }
+        </ax-text-box>
+        @if(hasLabel){
+        <ax-select-box
+          [dataSource]="phoneLabels"
+          [ngModel]="item.label"
+          (onValueChanged)="handleLabelChange($event, $index)"
+          class="ax-col-start-1 ax-col-end-11 lg:ax-col-start-8 lg:ax-col-end-12"
+        >
+        </ax-select-box>
+        }
+        <ax-button
+          look="twotone"
+          color="danger"
+          (onClick)="deleteItem($index)"
+          class="ax-col-start-11 ax-col-end-13 lg:ax-col-start-12 lg:ax-col-end-13 ax-justify-self-end"
+        >
+          <ax-icon icon="fa-regular fa-xmark"></ax-icon>
+        </ax-button>
+        }
+      </ng-container>
+      <ng-container *ngIf="!multiple">
+        <ax-text-box
+          [ngModel]="internalValue()[0].value"
+          (onValueChanged)="handleValueChange($event, 0)"
+          type="text"
+          class="ax-col-start-1 ax-col-end-13 lg:ax-col-end-8"
+          [class.lg:!ax-col-end-13]="!hasLabel"
+        >
+          @for (validation of validationRules; track $index) {
+          <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
+          }
+        </ax-text-box>
+        @if(hasLabel){
+        <ax-select-box
+          [dataSource]="phoneLabels"
+          [ngModel]="internalValue()[0].label"
+          (onValueChanged)="handleLabelChange($event, 0)"
+          class="ax-col-start-1 ax-col-end-11 lg:ax-col-start-8 lg:ax-col-end-13"
+        >
+        </ax-select-box>
+        }
+      </ng-container>
+      <ax-button
+        *ngIf="multiple"
+        [text]="internalValue().length == 0 ? 'Add New' : 'Add Another'"
+        look="twotone"
+        (onClick)="addItem()"
+        class="ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13"
+      >
+        <ax-prefix>
+          <ax-icon class="fa-solid fa-add"></ax-icon>
+        </ax-prefix>
+      </ax-button>
+    </div>
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule, FormsModule, AXButtonModule, AXDecoratorModule, AXSelectBoxModule, AXTextBoxModule],
+                    imports: [CommonModule, FormsModule, AXFormModule, AXButtonModule, AXDecoratorModule, AXSelectBoxModule, AXTextBoxModule, AXValidationModule],
                     inputs: [],
                 }]
         }] });
@@ -2638,18 +2807,65 @@ var phoneBoxWidgetFilter_component = /*#__PURE__*/Object.freeze({
   AXPPhoneBoxWidgetFilterComponent: AXPPhoneBoxWidgetFilterComponent
 });
 
-class AXPPhoneBoxWidgetColumnComponent extends AXPWidgetBase {
+class AXPPhoneBoxWidgetColumnComponent extends AXPColumnWidgetBase {
+    constructor() {
+        super(...arguments);
+        this.list = computed(() => Array.isArray(this.rawValue) ? this.rawValue.map((c) => this.extractItem(c)) : [this.extractItem(this.rawValue)]);
+        this.text = computed(() => this.list()
+            .map((item) => item.value)
+            .join('\n'));
+    }
+    dot3(text) {
+        console.log(text);
+        if (this.multiple)
+            return text.split('\n')[0] + '...';
+        else
+            return text.split('\n')[0];
+    }
+    extractItem(item) {
+        return typeof item == 'object'
+            ? {
+                value: item.value ?? '-',
+                type: item.type ?? 'primary',
+                label: item.label,
+            }
+            : {
+                value: item,
+                type: 'primary',
+                label: null,
+            };
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPPhoneBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPPhoneBoxWidgetColumnComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPPhoneBoxWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: `<div>
+    @if(multiple && list.length>1){
+    <div [title]="text()">{{ dot3(text()) }}</div>
+    }@else {
+    <div>
+      @if(list() && list().length){
+      {{ list()[0].value }}
+      }@else { - }
+    </div>
+    }
+  </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPPhoneBoxWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
-                    template: ``,
+                    template: `<div>
+    @if(multiple && list.length>1){
+    <div [title]="text()">{{ dot3(text()) }}</div>
+    }@else {
+    <div>
+      @if(list() && list().length){
+      {{ list()[0].value }}
+      }@else { - }
+    </div>
+    }
+  </div>`,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [CommonModule],
-                    inputs: []
+                    inputs: ['rawValue'],
                 }]
         }] });
 
@@ -2729,19 +2945,19 @@ class AXPRichTextWidgetViewComponent extends AXPWidgetBase {
         this.innerValue = computed(() => this.getValue());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPRichTextWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPRichTextWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-border ax-p-3 ax-rounded-lg">
-      <div [innerHTML]="innerValue()"></div>
-    </div>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPRichTextWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-border ax-p-3 ax-rounded-lg">
+      <div [innerHTML]="innerValue()"></div>
+    </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPRichTextWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `
-    <div class="ax-border ax-p-3 ax-rounded-lg">
-      <div [innerHTML]="innerValue()"></div>
-    </div>
+                    template: `
+    <div class="ax-border ax-p-3 ax-rounded-lg">
+      <div [innerHTML]="innerValue()"></div>
+    </div>
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -2796,18 +3012,18 @@ class AXPRichTextWidgetEditComponent extends AXPWidgetBase {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPRichTextWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPRichTextWidgetEditComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "editorEl", first: true, predicate: ["editor"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-h-max">
-      <div #editor></div>
-    </div>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPRichTextWidgetEditComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "editorEl", first: true, predicate: ["editor"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-h-max">
+      <div #editor></div>
+    </div>
   `, isInline: true, styles: [".ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:\"\\2022\"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:\"\\2611\"}.ql-editor ul[data-checked=false]>li:before{content:\"\\2610\"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) \". \"}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) \". \"}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) \". \"}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) \". \"}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) \". \"}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) \". \"}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) \". \"}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) \". \"}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) \". \"}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) \". \"}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:rgba(0,0,0,.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:\"\";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:\"\";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=\"\"]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=\"\"]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=\"\"]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=\"\"]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=\"\"]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=\"\"]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:\"Normal\"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"1\"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"1\"]:before{content:\"Heading 1\"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"2\"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"2\"]:before{content:\"Heading 2\"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"3\"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"3\"]:before{content:\"Heading 3\"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"4\"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"4\"]:before{content:\"Heading 4\"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"5\"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"5\"]:before{content:\"Heading 5\"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"6\"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"6\"]:before{content:\"Heading 6\"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"1\"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"2\"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"3\"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"4\"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"5\"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"6\"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:\"Sans Serif\"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:\"Serif\"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:\"Monospace\"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:\"Normal\"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:\"Small\"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:\"Large\"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:\"Huge\"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:\"Visit URL:\";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:\"Edit\";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:\"Remove\";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:\"Save\";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:\"Enter link:\"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:\"Enter formula:\"}.ql-snow .ql-tooltip[data-mode=video]:before{content:\"Enter video:\"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.ql-editor{min-height:100px!important}\n/*! Bundled license information:\n\nquill/dist/quill.snow.css:\n  (*!\n   * Quill Editor v1.3.7\n   * https://quilljs.com/\n   * Copyright (c) 2014, Jason Chen\n   * Copyright (c) 2013, salesforce.com\n   *)\n*/\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPRichTextWidgetEditComponent, decorators: [{
             type: Component,
-            args: [{ template: `
-    <div class="ax-h-max">
-      <div #editor></div>
-    </div>
+            args: [{ template: `
+    <div class="ax-h-max">
+      <div #editor></div>
+    </div>
   `, standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule], inputs: [], styles: [".ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:\"\\2022\"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:\"\\2611\"}.ql-editor ul[data-checked=false]>li:before{content:\"\\2610\"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) \". \"}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) \". \"}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) \". \"}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) \". \"}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) \". \"}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) \". \"}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) \". \"}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) \". \"}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) \". \"}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) \". \"}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:rgba(0,0,0,.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:\"\";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:\"\";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=\"\"]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=\"\"]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=\"\"]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=\"\"]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=\"\"]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=\"\"]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:\"Normal\"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"1\"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"1\"]:before{content:\"Heading 1\"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"2\"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"2\"]:before{content:\"Heading 2\"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"3\"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"3\"]:before{content:\"Heading 3\"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"4\"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"4\"]:before{content:\"Heading 4\"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"5\"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"5\"]:before{content:\"Heading 5\"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value=\"6\"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"6\"]:before{content:\"Heading 6\"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"1\"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"2\"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"3\"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"4\"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"5\"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value=\"6\"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:\"Sans Serif\"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:\"Serif\"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:\"Monospace\"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:\"Normal\"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:\"Small\"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:\"Large\"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:\"Huge\"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:\"Visit URL:\";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:\"Edit\";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:\"Remove\";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:\"Save\";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:\"Enter link:\"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:\"Enter formula:\"}.ql-snow .ql-tooltip[data-mode=video]:before{content:\"Enter video:\"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.ql-editor{min-height:100px!important}\n/*! Bundled license information:\n\nquill/dist/quill.snow.css:\n  (*!\n   * Quill Editor v1.3.7\n   * https://quilljs.com/\n   * Copyright (c) 2014, Jason Chen\n   * Copyright (c) 2013, salesforce.com\n   *)\n*/\n"] }]
         }], propDecorators: { editorEl: [{
                 type: ViewChild,
@@ -2944,27 +3160,33 @@ class AXPSelectBoxWidgetViewComponent extends AXPWidgetBase {
             };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPSelectBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPSelectBoxWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    <div>
-      @if(multiple){ @for (item of internalValue(); track $index) {
-      <p>{{ item.text }}</p>
-      } }@else {
-      <p>{{ internalValue()[0].text }}</p>
-      }
-    </div>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPSelectBoxWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <div>
+      @if(multiple)
+      { 
+        @for (item of internalValue(); track $index) {
+          <p>{{ item.text }}</p>
+        } 
+      }@else {
+        <p>{{ internalValue()[0].text }}</p>
+      }
+    </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPSelectBoxWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `
-    <div>
-      @if(multiple){ @for (item of internalValue(); track $index) {
-      <p>{{ item.text }}</p>
-      } }@else {
-      <p>{{ internalValue()[0].text }}</p>
-      }
-    </div>
+                    template: `
+    <div>
+      @if(multiple)
+      { 
+        @for (item of internalValue(); track $index) {
+          <p>{{ item.text }}</p>
+        } 
+      }@else {
+        <p>{{ internalValue()[0].text }}</p>
+      }
+    </div>
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -2999,36 +3221,36 @@ class AXPSelectBoxWidgetEditComponent extends AXPWidgetBase {
         this.selectbox?.refresh();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPSelectBoxWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPSelectBoxWidgetEditComponent, isStandalone: true, selector: "axp-select-box-widget-edit", inputs: { dataSource: "dataSource", disabled: "disabled", valueField: "valueField", textField: "textField" }, viewQueries: [{ propertyName: "selectbox", first: true, predicate: AXSelectBoxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
-    <ax-select-box 
-      #dd
-      [dataSource]="dataSource" 
-      [disabled]="disabled" 
-      [valueField]="valueField" 
-      [textField]="textField"
-      [ngModel]="getValue()"
-      (onValueChanged)="handleValueChange($event);"
-    >
-      <ax-clear-button></ax-clear-button>
-    </ax-select-box>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: AXSelectBoxModule }, { kind: "component", type: i5.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: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPSelectBoxWidgetEditComponent, isStandalone: true, selector: "axp-select-box-widget-edit", inputs: { dataSource: "dataSource", disabled: "disabled", valueField: "valueField", textField: "textField" }, viewQueries: [{ propertyName: "selectbox", first: true, predicate: AXSelectBoxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    <ax-select-box 
+      #dd
+      [dataSource]="dataSource" 
+      [disabled]="disabled" 
+      [valueField]="valueField" 
+      [textField]="textField"
+      [ngModel]="getValue()"
+      (onValueChanged)="handleValueChange($event);"
+    >
+      <ax-clear-button></ax-clear-button>
+    </ax-select-box>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: 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: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPSelectBoxWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
                     selector: "axp-select-box-widget-edit",
-                    template: `
-    <ax-select-box 
-      #dd
-      [dataSource]="dataSource" 
-      [disabled]="disabled" 
-      [valueField]="valueField" 
-      [textField]="textField"
-      [ngModel]="getValue()"
-      (onValueChanged)="handleValueChange($event);"
-    >
-      <ax-clear-button></ax-clear-button>
-    </ax-select-box>
+                    template: `
+    <ax-select-box 
+      #dd
+      [dataSource]="dataSource" 
+      [disabled]="disabled" 
+      [valueField]="valueField" 
+      [textField]="textField"
+      [ngModel]="getValue()"
+      (onValueChanged)="handleValueChange($event);"
+    >
+      <ax-clear-button></ax-clear-button>
+    </ax-select-box>
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -3073,9 +3295,9 @@ var selectBoxWidgetFilter_component = /*#__PURE__*/Object.freeze({
   AXPSelectBoxWidgetFilterComponent: AXPSelectBoxWidgetFilterComponent
 });
 
-class AXPSelectBoxWidgetColumnComponent extends AXPWidgetBase {
+class AXPSelectBoxWidgetColumnComponent extends AXPColumnWidgetBase {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPSelectBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPSelectBoxWidgetColumnComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPSelectBoxWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPSelectBoxWidgetColumnComponent, decorators: [{
             type: Component,
@@ -3084,7 +3306,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [CommonModule],
-                    inputs: []
+                    inputs: ['rawValue']
                 }]
         }] });
 
@@ -3158,17 +3380,37 @@ const AXPSelectBoxWidget = {
 };
 
 class AXPSelectionListWidgetViewComponent extends AXPWidgetBase {
+    constructor() {
+        super(...arguments);
+        this.internalValue = computed(() => this.updateValue());
+    }
+    updateValue() {
+        return this.items.filter((item) => {
+            if (Array.isArray(this.getValue()))
+                return this.getValue().includes(item[this.valueField]);
+            else
+                return this.getValue() == 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: "14.0.0", version: "18.0.2", type: AXPSelectionListWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPSelectionListWidgetViewComponent, isStandalone: true, selector: "ng-component", inputs: { items: "items", valueField: "valueField", textField: "textField", direction: "direction" }, usesInheritance: true, ngImport: i0, template: `
+    @for (item of internalValue(); 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: i2$3.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: ``,
+                    template: `
+    @for (item of internalValue(); track $index) {
+    <ax-badge [class]="'ax-ms-1'" [look]="'twotone'" [text]="item[this.textField]" color="primary"></ax-badge>
+    }
+  `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule],
-                    inputs: []
+                    imports: [AXBadgeModule],
+                    inputs: ['items', 'valueField', 'textField', 'direction'],
                 }]
         }] });
 
@@ -3184,41 +3426,41 @@ class AXPSelectionListWidgetEditComponent extends AXPWidgetBase {
         }
     }
     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: "14.0.0", version: "18.0.2", type: AXPSelectionListWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    <ax-selection-list
-      class="ax-w-max"
-      [valueField]="valueField"
-      [textField]="textField"
-      [ngModel]="this.getValue()"
-      (onValueChanged)="handleValueChange($event)"
-      [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: 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: AXSelectionListModule }, { kind: "component", type: i2$5.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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPSelectionListWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <ax-selection-list
+      class="ax-w-max"
+      [valueField]="valueField"
+      [textField]="textField"
+      [ngModel]="this.getValue()"
+      (onValueChanged)="handleValueChange($event)"
+      [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: 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: AXSelectionListModule }, { kind: "component", type: i2$6.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"] }], 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]="this.getValue()"
-      (onValueChanged)="handleValueChange($event)"
-      [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>
+                    template: `
+    <ax-selection-list
+      class="ax-w-max"
+      [valueField]="valueField"
+      [textField]="textField"
+      [ngModel]="this.getValue()"
+      (onValueChanged)="handleValueChange($event)"
+      [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,
@@ -3252,18 +3494,38 @@ var selectionListWidgetFilter_component = /*#__PURE__*/Object.freeze({
   AXPSelectionListWidgetFilterComponent: AXPSelectionListWidgetFilterComponent
 });
 
-class AXPSelectionListWidgetColumnComponent extends AXPWidgetBase {
+class AXPSelectionListWidgetColumnComponent extends AXPColumnWidgetBase {
+    constructor() {
+        super(...arguments);
+        this.selectedItemIds = computed(() => this.rawValue);
+        this.selectedItems = computed(() => this.items.filter((i) => {
+            return this.selectedItemIds().includes(i[this.valueField]);
+        }));
+        this.firstItem = computed(() => this.selectedItems()[0]);
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPSelectionListWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPSelectionListWidgetColumnComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPSelectionListWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: ` <div class="ax-flex ax-gap-2">
+    @if(multiple){ @for (item of selectedItems(); track $index) {
+    <ax-badge [look]="'twotone'" [text]="item[this.textField]" color="primary"></ax-badge>
+    } }@else {
+    <ax-badge [look]="'twotone'" [text]="firstItem()[this.textField]" color="primary"></ax-badge>
+    }
+  </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2$3.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: AXPSelectionListWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
-                    template: ``,
+                    template: ` <div class="ax-flex ax-gap-2">
+    @if(multiple){ @for (item of selectedItems(); track $index) {
+    <ax-badge [look]="'twotone'" [text]="item[this.textField]" color="primary"></ax-badge>
+    } }@else {
+    <ax-badge [look]="'twotone'" [text]="firstItem()[this.textField]" color="primary"></ax-badge>
+    }
+  </div>`,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [CommonModule],
-                    inputs: []
+                    imports: [CommonModule, AXBadgeModule],
+                    inputs: ['rawValue'],
                 }]
         }] });
 
@@ -3425,65 +3687,65 @@ class AXPSignatureWidgetEditComponent extends AXPWidgetBase {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPSignatureWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPSignatureWidgetEditComponent, 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]="this.getValue()">
-          <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: i3.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$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.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$3.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPSignatureWidgetEditComponent, 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]="this.getValue()">
+          <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$2.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$4.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: AXPSignatureWidgetEditComponent, 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]="this.getValue()">
-          <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>
+                    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]="this.getValue()">
+          <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,
@@ -3546,27 +3808,27 @@ class AXPSignatureWidgetViewComponent extends AXPWidgetBase {
         this.internalValue = computed(() => this.getValue());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPSignatureWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPSignatureWidgetViewComponent, 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(internalValue()){
-      <ax-image [src]="internalValue()"></ax-image>
-      }@else{
-      <span>Not Set!</span>
-      }
-    </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXImageModule }, { kind: "component", type: i2$3.AXImageComponent, selector: "ax-image", inputs: ["overlayMode", "src", "alt", "priority", "lazy"], outputs: ["onLoad", "onError"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPSignatureWidgetViewComponent, 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(internalValue()){
+      <ax-image [src]="internalValue()"></ax-image>
+      }@else{
+      <span>Not Set!</span>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXImageModule }, { kind: "component", type: i2$4.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: AXPSignatureWidgetViewComponent, 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(internalValue()){
-      <ax-image [src]="internalValue()"></ax-image>
-      }@else{
-      <span>Not Set!</span>
-      }
-    </div>
+                    template: `
+    <div class="ax-w-72 ax-h-36 ax-border ax-rounded-md ax-flex ax-justify-center ax-items-center">
+      @if(internalValue()){
+      <ax-image [src]="internalValue()"></ax-image>
+      }@else{
+      <span>Not Set!</span>
+      }
+    </div>
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -3610,27 +3872,27 @@ class AXPTextBoxWidgetViewComponent extends AXPWidgetBase {
         this.internalValue = computed(() => (Array.isArray(this.getValue()) ? this.getValue() : [this.getValue()]));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPTextBoxWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPTextBoxWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    <div>
-      @if(multiple){ @for (item of internalValue(); track $index) {
-      <p>{{ item }}</p>
-      } }@else {
-      <p>{{ internalValue()[0] }}</p>
-      }
-    </div>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPTextBoxWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <div>
+      @if(multiple){ @for (item of internalValue(); track $index) {
+      <p>{{ item }}</p>
+      } }@else {
+      <p>{{ internalValue()[0] }}</p>
+      }
+    </div>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPTextBoxWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `
-    <div>
-      @if(multiple){ @for (item of internalValue(); track $index) {
-      <p>{{ item }}</p>
-      } }@else {
-      <p>{{ internalValue()[0] }}</p>
-      }
-    </div>
+                    template: `
+    <div>
+      @if(multiple){ @for (item of internalValue(); track $index) {
+      <p>{{ item }}</p>
+      } }@else {
+      <p>{{ internalValue()[0] }}</p>
+      }
+    </div>
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -3676,71 +3938,71 @@ class AXPTextBoxWidgetEditComponent extends AXPWidgetBase {
         this.setValue(newValues);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPTextBoxWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPTextBoxWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
-      @for (text of internalValue(); track $index) {
-      <ax-text-box class="ax-col-span-12" [ngModel]="text" (onValueChanged)="handleValueChange($event, $index)" [disabled]="disabled" >
-        @for (validation of validationRules; track $index) {
-          <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
-        }
-        @if(clearButton){
-        <ax-clear-button></ax-clear-button>
-        } @if(multiple){
-        <ax-suffix>
-          <ax-button class="ax-border-s" (onClick)="deleteItem($index)" look="blank" color="danger">
-            <ax-icon class="far fa-trash"> </ax-icon>
-          </ax-button>
-        </ax-suffix>
-        }
-      </ax-text-box>
-      } @if(multiple){
-      <ax-button
-        [text]="internalValue().length == 0 ? 'Add New' : 'Add Another'"
-        look="twotone"
-        (onClick)="addItem()"
-        class="ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13"
-      >
-        <ax-prefix>
-          <ax-icon class="fa-solid fa-add"></ax-icon>
-        </ax-prefix>
-      </ax-button>
-      }
-    </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i6.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: AXFormModule }, { kind: "directive", type: i3$2.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3$1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3$1.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i3$1.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: AXValidationModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i3.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 }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPTextBoxWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
+      @for (text of internalValue(); track $index) {
+      <ax-text-box class="ax-col-span-12" [ngModel]="text"  [type]="'text'" (onValueChanged)="handleValueChange($event, $index)" [disabled]="disabled" >
+        @for (validation of validationRules; track $index) {
+          <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
+        }
+        @if(clearButton){
+        <ax-clear-button></ax-clear-button>
+        } @if(multiple){
+        <ax-suffix>
+          <ax-button class="ax-border-s" (onClick)="deleteItem($index)" look="blank" color="danger">
+            <ax-icon class="far fa-trash"> </ax-icon>
+          </ax-button>
+        </ax-suffix>
+        }
+      </ax-text-box>
+      } @if(multiple){
+      <ax-button
+        [text]="internalValue().length == 0 ? 'Add New' : 'Add Another'"
+        look="twotone"
+        (onClick)="addItem()"
+        class="ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13"
+      >
+        <ax-prefix>
+          <ax-icon class="fa-solid fa-add"></ax-icon>
+        </ax-prefix>
+      </ax-button>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXTextBoxModule }, { kind: "component", type: i7.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: AXFormModule }, { kind: "directive", type: i3$1.AXValidationRuleDirective, selector: "ax-validation-rule", inputs: ["rule", "options", "message"] }, { 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: "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: AXValidationModule }, { kind: "ngmodule", type: AXButtonModule }, { kind: "component", type: i2$2.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: "18.0.2", ngImport: i0, type: AXPTextBoxWidgetEditComponent, decorators: [{
             type: Component,
             args: [{
-                    template: `
-    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
-      @for (text of internalValue(); track $index) {
-      <ax-text-box class="ax-col-span-12" [ngModel]="text" (onValueChanged)="handleValueChange($event, $index)" [disabled]="disabled" >
-        @for (validation of validationRules; track $index) {
-          <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
-        }
-        @if(clearButton){
-        <ax-clear-button></ax-clear-button>
-        } @if(multiple){
-        <ax-suffix>
-          <ax-button class="ax-border-s" (onClick)="deleteItem($index)" look="blank" color="danger">
-            <ax-icon class="far fa-trash"> </ax-icon>
-          </ax-button>
-        </ax-suffix>
-        }
-      </ax-text-box>
-      } @if(multiple){
-      <ax-button
-        [text]="internalValue().length == 0 ? 'Add New' : 'Add Another'"
-        look="twotone"
-        (onClick)="addItem()"
-        class="ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13"
-      >
-        <ax-prefix>
-          <ax-icon class="fa-solid fa-add"></ax-icon>
-        </ax-prefix>
-      </ax-button>
-      }
-    </div>
+                    template: `
+    <div class="ax-grid ax-grid-cols-12 ax-gap-4">
+      @for (text of internalValue(); track $index) {
+      <ax-text-box class="ax-col-span-12" [ngModel]="text"  [type]="'text'" (onValueChanged)="handleValueChange($event, $index)" [disabled]="disabled" >
+        @for (validation of validationRules; track $index) {
+          <ax-validation-rule [rule]="validation.rule" [message]="validation.options?.message" [options]="validation.options"></ax-validation-rule>
+        }
+        @if(clearButton){
+        <ax-clear-button></ax-clear-button>
+        } @if(multiple){
+        <ax-suffix>
+          <ax-button class="ax-border-s" (onClick)="deleteItem($index)" look="blank" color="danger">
+            <ax-icon class="far fa-trash"> </ax-icon>
+          </ax-button>
+        </ax-suffix>
+        }
+      </ax-text-box>
+      } @if(multiple){
+      <ax-button
+        [text]="internalValue().length == 0 ? 'Add New' : 'Add Another'"
+        look="twotone"
+        (onClick)="addItem()"
+        class="ax-col-start-8 lg:ax-col-start-10 2xl:ax-col-start-10 ax-col-end-13"
+      >
+        <ax-prefix>
+          <ax-icon class="fa-solid fa-add"></ax-icon>
+        </ax-prefix>
+      </ax-button>
+      }
+    </div>
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -3774,18 +4036,19 @@ var textBoxWidgetFilter_component = /*#__PURE__*/Object.freeze({
   AXPTextBoxWidgetFilterComponent: AXPTextBoxWidgetFilterComponent
 });
 
-class AXPTextBoxWidgetColumnComponent extends AXPWidgetBase {
+class AXPTextBoxWidgetColumnComponent extends AXPColumnWidgetBase {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPTextBoxWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPTextBoxWidgetColumnComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPTextBoxWidgetColumnComponent, isStandalone: true, selector: "axp-text-box-widget-column", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: `{{ rawValue }}`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPTextBoxWidgetColumnComponent, decorators: [{
             type: Component,
             args: [{
-                    template: ``,
+                    selector: 'axp-text-box-widget-column',
+                    template: `{{ rawValue }}`,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [CommonModule],
-                    inputs: []
+                    inputs: ['rawValue'],
                 }]
         }] });
 
@@ -3848,6 +4111,7 @@ const AXPTextBoxWidget = {
         },
         column: {
             component: () => Promise.resolve().then(function () { return textBoxWidgetColumn_component; }).then((c) => c.AXPTextBoxWidgetColumnComponent),
+            defaultOptions: {}
         },
         print: {
             component: () => Promise.resolve().then(function () { return textBoxWidgetPrint_component; }).then((c) => c.AXPTextBoxWidgetPrintComponent),
@@ -3858,27 +4122,223 @@ const AXPTextBoxWidget = {
     }
 };
 
+class AXPToggleWidgetViewComponent extends AXPWidgetBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPToggleWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPToggleWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ` @if(getValue()){ @if(trulyText){
+    <ax-badge [text]="trulyText" [color]="negative ? 'danger' : 'success'" [look]="'twotone'"></ax-badge>
+    }@else { @if(negative){
+    <ax-icon class="fa-solid fa-check ax-text-sanger"> </ax-icon>
+    }@else {
+    <ax-icon class="fa-solid fa-check ax-text-success"> </ax-icon>
+    } } }@else { @if(falsyText){
+    <ax-badge [text]="falsyText" [color]="negative ? 'success' : 'danger'" [look]="'twotone'"></ax-badge>
+    }@else { @if(negative){
+    <ax-icon class="fa-solid fa-xmark ax-text-success"> </ax-icon>
+    }@else {
+    <ax-icon class="fa-solid fa-xmark ax-text-danger"> </ax-icon>
+    } } }`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2$3.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: AXPToggleWidgetViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ` @if(getValue()){ @if(trulyText){
+    <ax-badge [text]="trulyText" [color]="negative ? 'danger' : 'success'" [look]="'twotone'"></ax-badge>
+    }@else { @if(negative){
+    <ax-icon class="fa-solid fa-check ax-text-sanger"> </ax-icon>
+    }@else {
+    <ax-icon class="fa-solid fa-check ax-text-success"> </ax-icon>
+    } } }@else { @if(falsyText){
+    <ax-badge [text]="falsyText" [color]="negative ? 'success' : 'danger'" [look]="'twotone'"></ax-badge>
+    }@else { @if(negative){
+    <ax-icon class="fa-solid fa-xmark ax-text-success"> </ax-icon>
+    }@else {
+    <ax-icon class="fa-solid fa-xmark ax-text-danger"> </ax-icon>
+    } } }`,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, AXDecoratorModule, AXBadgeModule],
+                    inputs: [],
+                }]
+        }] });
+
+var toggleWidgetView_component = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  AXPToggleWidgetViewComponent: AXPToggleWidgetViewComponent
+});
+
+class AXPToggleWidgetEditComponent extends AXPWidgetBase {
+    onModelChange(e) {
+        console.log(e);
+        this.setValue(e);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPToggleWidgetEditComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPToggleWidgetEditComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: `<ax-switch [ngModel]="this.getValue()" (ngModelChange)="onModelChange($event)"></ax-switch>`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: AXSwitchModule }, { kind: "component", type: i2$7.AXSwitchComponent, selector: "ax-switch", inputs: ["disabled", "readonly", "color", "tabIndex", "value", "name", "isLoading"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged", "readonlyChange", "disabledChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPToggleWidgetEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `<ax-switch [ngModel]="this.getValue()" (ngModelChange)="onModelChange($event)"></ax-switch>`,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, FormsModule, AXSwitchModule],
+                    inputs: [],
+                }]
+        }] });
+
+var toggleWidgetEdit_component = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  AXPToggleWidgetEditComponent: AXPToggleWidgetEditComponent
+});
+
+class AXPToggleWidgetFilterComponent extends AXPWidgetBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPToggleWidgetFilterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPToggleWidgetFilterComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPToggleWidgetFilterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, FormsModule],
+                    inputs: []
+                }]
+        }] });
+
+var toggleWidgetFilter_component = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  AXPToggleWidgetFilterComponent: AXPToggleWidgetFilterComponent
+});
+
+class AXPToggleWidgetColumnComponent extends AXPColumnWidgetBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPToggleWidgetColumnComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPToggleWidgetColumnComponent, isStandalone: true, selector: "ng-component", inputs: { rawValue: "rawValue" }, usesInheritance: true, ngImport: i0, template: `@if(rawValue){ @if(trulyText){
+    <ax-badge [text]="trulyText" [color]="negative ? 'danger' : 'success'" [look]="'twotone'"></ax-badge>
+    }@else { @if(negative){
+    <ax-icon class="fa-solid fa-check ax-text-sanger"> </ax-icon>
+    }@else {
+    <ax-icon class="fa-solid fa-check ax-text-success"> </ax-icon>
+    } } }@else { @if(falsyText){
+    <ax-badge [text]="falsyText" [color]="negative ? 'success' : 'danger'" [look]="'twotone'"></ax-badge>
+    }@else { @if(negative){
+    <ax-icon class="fa-solid fa-xmark ax-text-success"> </ax-icon>
+    }@else {
+    <ax-icon class="fa-solid fa-xmark ax-text-danger"> </ax-icon>
+    } } }`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "ngmodule", type: AXBadgeModule }, { kind: "component", type: i2$3.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: AXPToggleWidgetColumnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `@if(rawValue){ @if(trulyText){
+    <ax-badge [text]="trulyText" [color]="negative ? 'danger' : 'success'" [look]="'twotone'"></ax-badge>
+    }@else { @if(negative){
+    <ax-icon class="fa-solid fa-check ax-text-sanger"> </ax-icon>
+    }@else {
+    <ax-icon class="fa-solid fa-check ax-text-success"> </ax-icon>
+    } } }@else { @if(falsyText){
+    <ax-badge [text]="falsyText" [color]="negative ? 'success' : 'danger'" [look]="'twotone'"></ax-badge>
+    }@else { @if(negative){
+    <ax-icon class="fa-solid fa-xmark ax-text-success"> </ax-icon>
+    }@else {
+    <ax-icon class="fa-solid fa-xmark ax-text-danger"> </ax-icon>
+    } } }`,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule, AXDecoratorModule, AXBadgeModule],
+                    inputs: ['rawValue'],
+                }]
+        }] });
+
+var toggleWidgetColumn_component = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  AXPToggleWidgetColumnComponent: AXPToggleWidgetColumnComponent
+});
+
+class AXPToggleWidgetPrintComponent extends AXPWidgetBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPToggleWidgetPrintComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPToggleWidgetPrintComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPToggleWidgetPrintComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule],
+                    inputs: []
+                }]
+        }] });
+
+var toggleWidgetPrint_component = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  AXPToggleWidgetPrintComponent: AXPToggleWidgetPrintComponent
+});
+
+class AXPToggleWidgetDesignerComponent extends AXPWidgetBase {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPToggleWidgetDesignerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.2", type: AXPToggleWidgetDesignerComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: ``, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPToggleWidgetDesignerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ``,
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [CommonModule],
+                    inputs: []
+                }]
+        }] });
+
+var toggleWidgetDesigner_component = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  AXPToggleWidgetDesignerComponent: AXPToggleWidgetDesignerComponent
+});
+
+const AXPToggleWidget = {
+    name: "toggle",
+    components: {
+        view: {
+            component: () => Promise.resolve().then(function () { return toggleWidgetView_component; }).then((c) => c.AXPToggleWidgetViewComponent),
+        },
+        edit: {
+            component: () => Promise.resolve().then(function () { return toggleWidgetEdit_component; }).then((c) => c.AXPToggleWidgetEditComponent),
+        },
+        filter: {
+            component: () => Promise.resolve().then(function () { return toggleWidgetFilter_component; }).then((c) => c.AXPToggleWidgetFilterComponent),
+        },
+        column: {
+            component: () => Promise.resolve().then(function () { return toggleWidgetColumn_component; }).then((c) => c.AXPToggleWidgetColumnComponent),
+        },
+        print: {
+            component: () => Promise.resolve().then(function () { return toggleWidgetPrint_component; }).then((c) => c.AXPToggleWidgetPrintComponent),
+        },
+        designer: {
+            component: () => Promise.resolve().then(function () { return toggleWidgetDesigner_component; }).then((c) => c.AXPToggleWidgetDesignerComponent),
+        },
+    }
+};
+
 class AXPBlockWidgetViewComponent extends AXPWidgetBase {
     get __class() {
         return this.cssClass;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPBlockWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPBlockWidgetViewComponent, isStandalone: true, selector: "axp-block-widget-edit", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
-        @for (node of children; track $index) {
-            <axp-widget-renderer [node]="node" >
-            </axp-widget-renderer>
-        }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.2", type: AXPBlockWidgetViewComponent, isStandalone: true, selector: "axp-block-widget", host: { properties: { "class": "this.__class" } }, usesInheritance: true, ngImport: i0, template: `
+        @for (node of children; track $index) {
+            <axp-widget-renderer [node]="node" >
+            </axp-widget-renderer>
+        }
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: AXPLayoutBuilderModule }, { kind: "component", type: i1$3.AXPWidgetRendererComponent, selector: "axp-widget-renderer", inputs: ["node"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImport: i0, type: AXPBlockWidgetViewComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'axp-block-widget-edit',
-                    template: `
-        @for (node of children; track $index) {
-            <axp-widget-renderer [node]="node" >
-            </axp-widget-renderer>
-        }
+                    selector: 'axp-block-widget',
+                    template: `
+        @for (node of children; track $index) {
+            <axp-widget-renderer [node]="node" >
+            </axp-widget-renderer>
+        }
   `,
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush,
@@ -3926,6 +4386,7 @@ class AXPWidgetsModule {
                     AXPFileBoxWidget,
                     AXPPasswordBoxWidget,
                     AXPGalleryWidget,
+                    AXPToggleWidget,
                 ],
             })] }); }
 }
@@ -3950,6 +4411,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.2", ngImpor
                                 AXPFileBoxWidget,
                                 AXPPasswordBoxWidget,
                                 AXPGalleryWidget,
+                                AXPToggleWidget,
                             ],
                         }),
                     ],