@vectoriox/iox-builder 1.2.1 → 1.2.3

package/fesm2022/vectoriox-iox-builder.mjs

@@ -3604,11 +3604,9 @@ class BuilderButtonBlockComponent {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: BuilderButtonBlockComponent, deps: [{ token: DragEngineService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", type: BuilderButtonBlockComponent, isStandalone: false, selector: "app-builder-button-block", inputs: { children: "children", style: "style", tag: "tag", href: "href", target: "target", type: "type", nodeId: "nodeId", dropListId: "dropListId" }, outputs: { childClick: "childClick", childMouseEnter: "childMouseEnter", childMouseLeave: "childMouseLeave" }, ngImport: i0, template: `
-        <button *ngIf="tag !== 'a'"
-                class="button-block-root"
+        <button class="button-block-root"
                 [ngClass]="'iox-node-' + nodeId"
-                [attr.type]="type"
-                (click)="$event.preventDefault()"
+                type="button"
                 ioxDropzone
                 [ioxDropzoneId]="dropListId"
                 [ioxDropzoneData]="children"
@@ -3630,44 +3628,14 @@ class BuilderButtonBlockComponent {
                 </ng-container>
             </div>
         </button>
-
-        <a *ngIf="tag === 'a'"
-           class="button-block-root"
-           [ngClass]="'iox-node-' + nodeId"
-           [attr.href]="href || null"
-           [attr.target]="target || null"
-           (click)="$event.preventDefault()"
-           ioxDropzone
-           [ioxDropzoneId]="dropListId"
-           [ioxDropzoneData]="children"
-           (ioxDrop)="onDrop($event)">
-            <ng-container *ngIf="!children.length">
-                <span class="button-block-placeholder">Button</span>
-            </ng-container>
-            <div *ngFor="let child of children"
-                 class="button-block-child"
-                 [ngClass]="'iox-outer-' + (child.styleId ?? child.id)"
-                 ioxDraggable
-                 [ioxDragData]="child"
-                 [ioxDragSourceId]="dropListId">
-                <ng-container
-                    [ioxRender]="child"
-                    (onClick)="childClick.emit($event)"
-                    (onMouseEnter)="childMouseEnter.emit($event)"
-                    (onMouseLeave)="childMouseLeave.emit()">
-                </ng-container>
-            </div>
-        </a>
     `, isInline: true, styles: [".button-block-root{display:inline-flex;align-items:center;gap:8px;cursor:pointer;text-decoration:none;border:none;background:none;padding:0;font:inherit;color:inherit;box-sizing:border-box;width:100%;height:100%;position:relative}.button-block-placeholder{display:flex;align-items:center;justify-content:center;width:100%;color:#64748b80;font-size:12px;pointer-events:none;-webkit-user-select:none;user-select:none}.button-block-child{min-width:0}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: RenderDirective, selector: "[ioxRender]", inputs: ["ioxRender"], outputs: ["onClick", "onMouseEnter", "onMouseLeave"] }, { kind: "directive", type: IoxDraggableDirective, selector: "[ioxDraggable]", inputs: ["ioxDragData", "ioxDragSourceId"] }, { kind: "directive", type: IoxDropzoneDirective, selector: "[ioxDropzone]", inputs: ["ioxDropzoneId", "ioxDropzoneData", "ioxDropzonePostDrop"], outputs: ["ioxDrop"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: BuilderButtonBlockComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-builder-button-block', template: `
-        <button *ngIf="tag !== 'a'"
-                class="button-block-root"
+        <button class="button-block-root"
                 [ngClass]="'iox-node-' + nodeId"
-                [attr.type]="type"
-                (click)="$event.preventDefault()"
+                type="button"
                 ioxDropzone
                 [ioxDropzoneId]="dropListId"
                 [ioxDropzoneData]="children"
@@ -3689,34 +3657,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
                 </ng-container>
             </div>
         </button>
-
-        <a *ngIf="tag === 'a'"
-           class="button-block-root"
-           [ngClass]="'iox-node-' + nodeId"
-           [attr.href]="href || null"
-           [attr.target]="target || null"
-           (click)="$event.preventDefault()"
-           ioxDropzone
-           [ioxDropzoneId]="dropListId"
-           [ioxDropzoneData]="children"
-           (ioxDrop)="onDrop($event)">
-            <ng-container *ngIf="!children.length">
-                <span class="button-block-placeholder">Button</span>
-            </ng-container>
-            <div *ngFor="let child of children"
-                 class="button-block-child"
-                 [ngClass]="'iox-outer-' + (child.styleId ?? child.id)"
-                 ioxDraggable
-                 [ioxDragData]="child"
-                 [ioxDragSourceId]="dropListId">
-                <ng-container
-                    [ioxRender]="child"
-                    (onClick)="childClick.emit($event)"
-                    (onMouseEnter)="childMouseEnter.emit($event)"
-                    (onMouseLeave)="childMouseLeave.emit()">
-                </ng-container>
-            </div>
-        </a>
     `, standalone: false, styles: [".button-block-root{display:inline-flex;align-items:center;gap:8px;cursor:pointer;text-decoration:none;border:none;background:none;padding:0;font:inherit;color:inherit;box-sizing:border-box;width:100%;height:100%;position:relative}.button-block-placeholder{display:flex;align-items:center;justify-content:center;width:100%;color:#64748b80;font-size:12px;pointer-events:none;-webkit-user-select:none;user-select:none}.button-block-child{min-width:0}\n"] }]
         }], ctorParameters: () => [{ type: DragEngineService }, { type: i0.ChangeDetectorRef }], propDecorators: { children: [{
                 type: Input
@@ -4443,7 +4383,7 @@ class BuilderButtonComponentConfig extends ComponentConfig {
 
 class ButtonBlockComponentConfig extends ComponentConfig {
     constructor() {
-        super('Button', 'app-builder-button-block', 'ph-thin ph-cursor-click', 'Basic');
+        super('ButtonBlock', 'app-builder-button-block', 'ph-thin ph-cursor-click', 'Basic');
         this.children = [];
         this.inputs = {
             tag: 'select',