@wizishop/img-manager 0.2.62 → 0.2.66
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.
- package/assets/i18n/en.json +1 -1
- package/assets/i18n/fr.json +1 -1
- package/bundles/wizishop-img-manager.umd.js +2 -16
- package/bundles/wizishop-img-manager.umd.js.map +1 -1
- package/bundles/wizishop-img-manager.umd.min.js +1 -1
- package/bundles/wizishop-img-manager.umd.min.js.map +1 -1
- package/esm2015/lib/components/canva-btn/canva-btn.component.js +2 -2
- package/esm2015/lib/components/img-selection/img-selection.component.js +2 -16
- package/esm5/lib/components/canva-btn/canva-btn.component.js +2 -2
- package/esm5/lib/components/img-selection/img-selection.component.js +2 -16
- package/fesm2015/wizishop-img-manager.js +2 -16
- package/fesm2015/wizishop-img-manager.js.map +1 -1
- package/fesm5/wizishop-img-manager.js +2 -16
- package/fesm5/wizishop-img-manager.js.map +1 -1
- package/lib/components/img-selection/img-selection.component.d.ts +0 -1
- package/package.json +1 -1
- package/wizishop-img-manager-0.2.66.tgz +0 -0
- package/wizishop-img-manager.metadata.json +1 -1
- package/wz-img-manager.scss +896 -916
- package/wizishop-img-manager-0.2.62.tgz +0 -0
|
@@ -1996,7 +1996,7 @@ var CanvaBtnComponent = /** @class */ (function () {
|
|
|
1996
1996
|
CanvaBtnComponent = __decorate([
|
|
1997
1997
|
Component({
|
|
1998
1998
|
selector: 'canva-btn',
|
|
1999
|
-
template: "<div class=\"canva dropdown is-right is-hoverable\"\n [ngClass]=\"{'is-up': stateDisplayed === 'small', 'noTooltip': stateDisplayed !== 'small'}\"\n >\n <div class=\"dropdown-trigger\">\n <div\n class=\"button canva-btn\"\n aria-controls=\"dropdown-menuCanva\"\n (click)=\"openDropDownMenu = true
|
|
1999
|
+
template: "<div class=\"canva dropdown is-right is-hoverable\"\n wzAutoHide (clickOutside)=\"openDropDownMenu = false;\"\n [ngClass]=\"{'is-up': stateDisplayed === 'small', 'noTooltip': stateDisplayed !== 'small'}\"\n >\n <div class=\"dropdown-trigger\">\n <div\n class=\"button canva-btn\"\n aria-controls=\"dropdown-menuCanva\"\n (click)=\"openDropDownMenu = true;\"\n >\n <span>{{'ImgManager.CanvaBtn.createImg' | translate}}</span>\n <img [src]=\"canvaLogoRouteAssets\" class=\"canva-btn__logo\">\n\n <span btnLoadingAnim class=\"btnLoadingAnnimation\" *ngIf=\"imgLoading\"></span>\n </div>\n </div>\n <div\n class=\"dropdown-menu dropDownShadow\"\n [ngClass]=\"{'displayDropDownMenu': openDropDownMenu }\"\n id=\"dropdown-menuCanva\"\n role=\"menu\">\n <ng-scrollbar\n #scrollable\n [visibility]=\"'hover'\"\n class=\"smallScroll\"\n >\n <div class=\"dropdown-content\">\n <div class=\"dropdownTitle\">\n <p>{{'ImgManager.CanvaBtn.createImg.title' | translate}}</p>\n </div>\n\n <div class=\"infoItem\">\n <p>{{'ImgManager.CanvaBtn.info' | translate}}</p>\n </div>\n\n <ng-container >\n <div\n *ngIf=\"expectedWidth && expectedHeight\"\n class=\"dropdown-item-wrapper\"\n >\n <div class=\"dropdown-item expectedSizes\" (click)=\"onOpenCanva(expectedWidth, expectedHeight)\">\n <p>{{'ImgManager.CanvaBtn.recommanded' | translate}}</p><p>{{expectedWidth}}*{{expectedHeight}}</p>\n </div>\n </div>\n </ng-container>\n\n <div\n *ngFor=\"let format of availableFormat| keyvalue\"\n class=\"dropdown-item-wrapper\">\n <div\n (click)=\"onOpenCanva(format.value.width, format.value.height)\"\n class=\"dropdown-item\">\n <p>{{format.key | translate}}</p><p>{{format.value.width}}*{{format.value.height}}</p>\n </div>\n </div>\n </div>\n </ng-scrollbar>\n </div>\n</div>\n"
|
|
2000
2000
|
}),
|
|
2001
2001
|
__metadata("design:paramtypes", [CanvaService,
|
|
2002
2002
|
ImgManagerService,
|
|
@@ -2044,20 +2044,6 @@ var ImgSelectionComponent = /** @class */ (function () {
|
|
|
2044
2044
|
this.imgSelectionService.moveImgOrder(event);
|
|
2045
2045
|
}
|
|
2046
2046
|
};
|
|
2047
|
-
ImgSelectionComponent.prototype.setTrashPosition = function (index) {
|
|
2048
|
-
this.trashPositionIndex = index;
|
|
2049
|
-
if (this.imgSelectedList.length < 6) {
|
|
2050
|
-
if (this.trashPositionIndex === 0) {
|
|
2051
|
-
this.trashPositionLeft = '140px';
|
|
2052
|
-
}
|
|
2053
|
-
else {
|
|
2054
|
-
this.trashPositionLeft = 340 + ((index - 1) * 170) + 'px';
|
|
2055
|
-
}
|
|
2056
|
-
}
|
|
2057
|
-
else if (this.imgSelectedList.length >= 6) {
|
|
2058
|
-
this.trashPositionLeft = '50%';
|
|
2059
|
-
}
|
|
2060
|
-
};
|
|
2061
2047
|
ImgSelectionComponent.prototype.removeImgFromSelection = function (event) {
|
|
2062
2048
|
this.imgSelectionService.removeImgSelectedByIndex(event.previousIndex);
|
|
2063
2049
|
};
|
|
@@ -2075,7 +2061,7 @@ var ImgSelectionComponent = /** @class */ (function () {
|
|
|
2075
2061
|
ImgSelectionComponent = __decorate([
|
|
2076
2062
|
Component({
|
|
2077
2063
|
selector: 'img-selection',
|
|
2078
|
-
template: "<div\n class=\"trash\"\n
|
|
2064
|
+
template: "<div\n class=\"trash\"\n cdkDropList\n #unSelectList=\"cdkDropList\"\n (cdkDropListDropped)=\"removeImgFromSelection($event)\">\n <p>{{'ImgManager.ImgSelection.unselect' | translate}}</p>\n</div>\n\n<div\n class=\"img-selection\"\n [ngClass]=\"{'img-selection--visible' : imgSelectedList && imgSelectedList.length}\">\n\n <div\n cdkDropList\n #selectionList=\"cdkDropList\"\n cdkDropListOrientation=\"horizontal\"\n class=\"list_img_selection\"\n (cdkDropListDropped)=\"drop($event)\"\n [cdkDropListConnectedTo]=\"[unSelectList]\"\n >\n\n <div\n class=\"img_box\"\n *ngFor=\"let picture of imgSelectedList; let index = index\"\n cdkDrag\n (cdkDragStarted)=\"dragStart = true;\"\n (cdkDragEnded)=\"dragStart = false;\"\n >\n\n <img\n *ngIf=\"index < 1\"\n class=\"drag__img\"\n [src]=\"picture.file_name | imgSrc : '400'\"\n [title]=\"picture.display_name\"\n />\n\n <img\n *ngIf=\"index > 0\"\n class=\"drag__img\"\n [src]=\"picture.file_name | imgSrc : '200'\"\n [title]=\"picture.display_name\"\n />\n\n <div class=\"delete-btn\" (click)=\"removeImg(index)\">{{'ImgManager.ImgSelection.deleteImg' | translate}}</div>\n\n <span class=\"drag__tooltips\">{{'ImgManager.ImgSelection.tooltips' | translate}}</span>\n\n </div>\n </div>\n</div>\n\n<!-- Loader -->\n<ng-container *ngIf=\"isLoading && !(imgSelectedList && imgSelectedList.length)\">\n <wz-loader></wz-loader>\n</ng-container>\n"
|
|
2079
2065
|
}),
|
|
2080
2066
|
__metadata("design:paramtypes", [ImgSelectionService])
|
|
2081
2067
|
], ImgSelectionComponent);
|