@vectoriox/iox-builder 1.4.84 → 1.4.85
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.
|
@@ -5657,7 +5657,8 @@ class SliderContainerComponent {
|
|
|
5657
5657
|
(ioxDrop)="onDrop($event)">
|
|
5658
5658
|
|
|
5659
5659
|
<div class="slider-edit-track"
|
|
5660
|
-
[class.slider-edit-track--vertical]="direction === 'vertical'"
|
|
5660
|
+
[class.slider-edit-track--vertical]="direction === 'vertical'"
|
|
5661
|
+
[style.gap.px]="spaceBetween || 8">
|
|
5661
5662
|
<div *ngFor="let child of children"
|
|
5662
5663
|
class="slider-edit-slide"
|
|
5663
5664
|
[ngClass]="['iox-outer-' + (child.styleId ?? child.id)]"
|
|
@@ -5677,6 +5678,19 @@ class SliderContainerComponent {
|
|
|
5677
5678
|
<span>Click + in toolbar to add a slide</span>
|
|
5678
5679
|
</div>
|
|
5679
5680
|
</div>
|
|
5681
|
+
|
|
5682
|
+
<!-- Edit-mode nav indicators (non-interactive) -->
|
|
5683
|
+
<div *ngIf="enableNavigation" class="slider-edit-nav-preview">
|
|
5684
|
+
<button class="slider-edit-nav-btn" disabled><i class="ph-thin ph-caret-left"></i></button>
|
|
5685
|
+
<button class="slider-edit-nav-btn" disabled><i class="ph-thin ph-caret-right"></i></button>
|
|
5686
|
+
</div>
|
|
5687
|
+
|
|
5688
|
+
<!-- Edit-mode pagination indicator -->
|
|
5689
|
+
<div *ngIf="enablePagination" class="slider-edit-pagination-preview">
|
|
5690
|
+
<span class="slider-edit-dot slider-edit-dot--active"></span>
|
|
5691
|
+
<span class="slider-edit-dot"></span>
|
|
5692
|
+
<span class="slider-edit-dot"></span>
|
|
5693
|
+
</div>
|
|
5680
5694
|
</div>
|
|
5681
5695
|
|
|
5682
5696
|
<!-- PREVIEW MODE: real Swiper DOM structure -->
|
|
@@ -5703,7 +5717,7 @@ class SliderContainerComponent {
|
|
|
5703
5717
|
<div *ngIf="enablePagination" class="swiper-pagination"></div>
|
|
5704
5718
|
<div *ngIf="enableScrollbar" class="swiper-scrollbar"></div>
|
|
5705
5719
|
</div>
|
|
5706
|
-
`, isInline: true, styles: [".slider-edit-root{position:relative;box-sizing:border-box;overflow:hidden}.slider-edit-track{display:flex;flex-direction:row;
|
|
5720
|
+
`, isInline: true, styles: [".slider-edit-root{position:relative;box-sizing:border-box;overflow:hidden}.slider-edit-track{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:4px;scrollbar-width:thin;min-height:100px}.slider-edit-track--vertical{flex-direction:column;overflow-x:hidden;overflow-y:auto;min-height:unset;min-width:100px}.slider-edit-slide{flex:0 0 auto;min-width:120px;position:relative}.slider-edit-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border:1.5px dashed rgba(100,116,139,.35);border-radius:4px;color:#64748b80;font-size:12px;pointer-events:none;-webkit-user-select:none;user-select:none}.slider-edit-placeholder i{font-size:22px}.slider-edit-nav-preview{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none;padding:0 8px}.slider-edit-nav-btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:#00000038;color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;opacity:.75;cursor:default}.slider-edit-pagination-preview{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:6px;align-items:center;pointer-events:none}.slider-edit-dot{width:7px;height:7px;border-radius:50%;background:#00000059}.slider-edit-dot--active{background:#000000bf;width:9px;height:9px}.swiper{width:100%;height:100%;box-sizing:border-box}\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: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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"] }] }); }
|
|
5707
5721
|
}
|
|
5708
5722
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: SliderContainerComponent, decorators: [{
|
|
5709
5723
|
type: Component,
|
|
@@ -5719,7 +5733,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
|
|
|
5719
5733
|
(ioxDrop)="onDrop($event)">
|
|
5720
5734
|
|
|
5721
5735
|
<div class="slider-edit-track"
|
|
5722
|
-
[class.slider-edit-track--vertical]="direction === 'vertical'"
|
|
5736
|
+
[class.slider-edit-track--vertical]="direction === 'vertical'"
|
|
5737
|
+
[style.gap.px]="spaceBetween || 8">
|
|
5723
5738
|
<div *ngFor="let child of children"
|
|
5724
5739
|
class="slider-edit-slide"
|
|
5725
5740
|
[ngClass]="['iox-outer-' + (child.styleId ?? child.id)]"
|
|
@@ -5739,6 +5754,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
|
|
|
5739
5754
|
<span>Click + in toolbar to add a slide</span>
|
|
5740
5755
|
</div>
|
|
5741
5756
|
</div>
|
|
5757
|
+
|
|
5758
|
+
<!-- Edit-mode nav indicators (non-interactive) -->
|
|
5759
|
+
<div *ngIf="enableNavigation" class="slider-edit-nav-preview">
|
|
5760
|
+
<button class="slider-edit-nav-btn" disabled><i class="ph-thin ph-caret-left"></i></button>
|
|
5761
|
+
<button class="slider-edit-nav-btn" disabled><i class="ph-thin ph-caret-right"></i></button>
|
|
5762
|
+
</div>
|
|
5763
|
+
|
|
5764
|
+
<!-- Edit-mode pagination indicator -->
|
|
5765
|
+
<div *ngIf="enablePagination" class="slider-edit-pagination-preview">
|
|
5766
|
+
<span class="slider-edit-dot slider-edit-dot--active"></span>
|
|
5767
|
+
<span class="slider-edit-dot"></span>
|
|
5768
|
+
<span class="slider-edit-dot"></span>
|
|
5769
|
+
</div>
|
|
5742
5770
|
</div>
|
|
5743
5771
|
|
|
5744
5772
|
<!-- PREVIEW MODE: real Swiper DOM structure -->
|
|
@@ -5765,7 +5793,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
|
|
|
5765
5793
|
<div *ngIf="enablePagination" class="swiper-pagination"></div>
|
|
5766
5794
|
<div *ngIf="enableScrollbar" class="swiper-scrollbar"></div>
|
|
5767
5795
|
</div>
|
|
5768
|
-
`, standalone: false, styles: [".slider-edit-root{position:relative;box-sizing:border-box;overflow:hidden}.slider-edit-track{display:flex;flex-direction:row;
|
|
5796
|
+
`, standalone: false, styles: [".slider-edit-root{position:relative;box-sizing:border-box;overflow:hidden}.slider-edit-track{display:flex;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:4px;scrollbar-width:thin;min-height:100px}.slider-edit-track--vertical{flex-direction:column;overflow-x:hidden;overflow-y:auto;min-height:unset;min-width:100px}.slider-edit-slide{flex:0 0 auto;min-width:120px;position:relative}.slider-edit-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border:1.5px dashed rgba(100,116,139,.35);border-radius:4px;color:#64748b80;font-size:12px;pointer-events:none;-webkit-user-select:none;user-select:none}.slider-edit-placeholder i{font-size:22px}.slider-edit-nav-preview{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none;padding:0 8px}.slider-edit-nav-btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:#00000038;color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;opacity:.75;cursor:default}.slider-edit-pagination-preview{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:6px;align-items:center;pointer-events:none}.slider-edit-dot{width:7px;height:7px;border-radius:50%;background:#00000059}.slider-edit-dot--active{background:#000000bf;width:9px;height:9px}.swiper{width:100%;height:100%;box-sizing:border-box}\n"] }]
|
|
5769
5797
|
}], ctorParameters: () => [{ type: DragEngineService }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
|
|
5770
5798
|
type: Optional
|
|
5771
5799
|
}, {
|