@vectoriox/iox-builder 1.2.0 → 1.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -3604,10 +3604,9 @@ class BuilderButtonBlockComponent {
|
|
|
3604
3604
|
}
|
|
3605
3605
|
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 }); }
|
|
3606
3606
|
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: `
|
|
3607
|
-
<button
|
|
3608
|
-
class="button-block-root"
|
|
3607
|
+
<button class="button-block-root"
|
|
3609
3608
|
[ngClass]="'iox-node-' + nodeId"
|
|
3610
|
-
|
|
3609
|
+
type="button"
|
|
3611
3610
|
ioxDropzone
|
|
3612
3611
|
[ioxDropzoneId]="dropListId"
|
|
3613
3612
|
[ioxDropzoneData]="children"
|
|
@@ -3629,42 +3628,14 @@ class BuilderButtonBlockComponent {
|
|
|
3629
3628
|
</ng-container>
|
|
3630
3629
|
</div>
|
|
3631
3630
|
</button>
|
|
3632
|
-
|
|
3633
|
-
<a *ngIf="tag === 'a'"
|
|
3634
|
-
class="button-block-root"
|
|
3635
|
-
[ngClass]="'iox-node-' + nodeId"
|
|
3636
|
-
[attr.href]="href || null"
|
|
3637
|
-
[attr.target]="target || null"
|
|
3638
|
-
ioxDropzone
|
|
3639
|
-
[ioxDropzoneId]="dropListId"
|
|
3640
|
-
[ioxDropzoneData]="children"
|
|
3641
|
-
(ioxDrop)="onDrop($event)">
|
|
3642
|
-
<ng-container *ngIf="!children.length">
|
|
3643
|
-
<span class="button-block-placeholder">Button</span>
|
|
3644
|
-
</ng-container>
|
|
3645
|
-
<div *ngFor="let child of children"
|
|
3646
|
-
class="button-block-child"
|
|
3647
|
-
[ngClass]="'iox-outer-' + (child.styleId ?? child.id)"
|
|
3648
|
-
ioxDraggable
|
|
3649
|
-
[ioxDragData]="child"
|
|
3650
|
-
[ioxDragSourceId]="dropListId">
|
|
3651
|
-
<ng-container
|
|
3652
|
-
[ioxRender]="child"
|
|
3653
|
-
(onClick)="childClick.emit($event)"
|
|
3654
|
-
(onMouseEnter)="childMouseEnter.emit($event)"
|
|
3655
|
-
(onMouseLeave)="childMouseLeave.emit()">
|
|
3656
|
-
</ng-container>
|
|
3657
|
-
</div>
|
|
3658
|
-
</a>
|
|
3659
3631
|
`, 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"] }] }); }
|
|
3660
3632
|
}
|
|
3661
3633
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: BuilderButtonBlockComponent, decorators: [{
|
|
3662
3634
|
type: Component,
|
|
3663
3635
|
args: [{ selector: 'app-builder-button-block', template: `
|
|
3664
|
-
<button
|
|
3665
|
-
class="button-block-root"
|
|
3636
|
+
<button class="button-block-root"
|
|
3666
3637
|
[ngClass]="'iox-node-' + nodeId"
|
|
3667
|
-
|
|
3638
|
+
type="button"
|
|
3668
3639
|
ioxDropzone
|
|
3669
3640
|
[ioxDropzoneId]="dropListId"
|
|
3670
3641
|
[ioxDropzoneData]="children"
|
|
@@ -3686,33 +3657,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
|
|
|
3686
3657
|
</ng-container>
|
|
3687
3658
|
</div>
|
|
3688
3659
|
</button>
|
|
3689
|
-
|
|
3690
|
-
<a *ngIf="tag === 'a'"
|
|
3691
|
-
class="button-block-root"
|
|
3692
|
-
[ngClass]="'iox-node-' + nodeId"
|
|
3693
|
-
[attr.href]="href || null"
|
|
3694
|
-
[attr.target]="target || null"
|
|
3695
|
-
ioxDropzone
|
|
3696
|
-
[ioxDropzoneId]="dropListId"
|
|
3697
|
-
[ioxDropzoneData]="children"
|
|
3698
|
-
(ioxDrop)="onDrop($event)">
|
|
3699
|
-
<ng-container *ngIf="!children.length">
|
|
3700
|
-
<span class="button-block-placeholder">Button</span>
|
|
3701
|
-
</ng-container>
|
|
3702
|
-
<div *ngFor="let child of children"
|
|
3703
|
-
class="button-block-child"
|
|
3704
|
-
[ngClass]="'iox-outer-' + (child.styleId ?? child.id)"
|
|
3705
|
-
ioxDraggable
|
|
3706
|
-
[ioxDragData]="child"
|
|
3707
|
-
[ioxDragSourceId]="dropListId">
|
|
3708
|
-
<ng-container
|
|
3709
|
-
[ioxRender]="child"
|
|
3710
|
-
(onClick)="childClick.emit($event)"
|
|
3711
|
-
(onMouseEnter)="childMouseEnter.emit($event)"
|
|
3712
|
-
(onMouseLeave)="childMouseLeave.emit()">
|
|
3713
|
-
</ng-container>
|
|
3714
|
-
</div>
|
|
3715
|
-
</a>
|
|
3716
3660
|
`, 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"] }]
|
|
3717
3661
|
}], ctorParameters: () => [{ type: DragEngineService }, { type: i0.ChangeDetectorRef }], propDecorators: { children: [{
|
|
3718
3662
|
type: Input
|