@wizishop/angular-components 15.1.63 → 15.1.64
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/angular-components.scss +7 -0
- package/esm2020/lib/components/ai-express/ai-express.component.mjs +9 -4
- package/fesm2015/wizishop-angular-components.mjs +8 -3
- package/fesm2015/wizishop-angular-components.mjs.map +1 -1
- package/fesm2020/wizishop-angular-components.mjs +8 -3
- package/fesm2020/wizishop-angular-components.mjs.map +1 -1
- package/lib/components/ai-express/ai-express.component.d.ts +2 -1
- package/package.json +1 -1
- package/wizishop-angular-components-15.1.64.tgz +0 -0
- package/wizishop-angular-components-15.1.63.tgz +0 -0
|
@@ -6130,6 +6130,7 @@ class AiExpressComponent {
|
|
|
6130
6130
|
constructor() {
|
|
6131
6131
|
this.top = '28px';
|
|
6132
6132
|
this.right = '1px';
|
|
6133
|
+
this.loading = false;
|
|
6133
6134
|
this.disabled = false;
|
|
6134
6135
|
this.tokenCost = 0;
|
|
6135
6136
|
this.tokenLeft = 0;
|
|
@@ -6156,7 +6157,9 @@ class AiExpressComponent {
|
|
|
6156
6157
|
}
|
|
6157
6158
|
}
|
|
6158
6159
|
else {
|
|
6159
|
-
this.
|
|
6160
|
+
if (!this.loading) {
|
|
6161
|
+
this.validAction.emit(true);
|
|
6162
|
+
}
|
|
6160
6163
|
}
|
|
6161
6164
|
}
|
|
6162
6165
|
}
|
|
@@ -6167,14 +6170,16 @@ class AiExpressComponent {
|
|
|
6167
6170
|
}
|
|
6168
6171
|
}
|
|
6169
6172
|
AiExpressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AiExpressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6170
|
-
AiExpressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: AiExpressComponent, selector: "wac-ai-express", inputs: { top: "top", right: "right", disabled: "disabled", wordingTop: "wordingTop", wordingToken: "wordingToken", wordingTokenLeft: "wordingTokenLeft", wordingRegisterTop: "wordingRegisterTop", wordingRegisterBtn: "wordingRegisterBtn", wordingDisabled: "wordingDisabled", tokenCost: "tokenCost", tokenLeft: "tokenLeft", tokenCount: "tokenCount", isRegister: "isRegister" }, outputs: { validAction: "validAction" }, ngImport: i0, template: "<div class=\"wac-ai-express\">\n <ng-content></ng-content>\n <div [style.top]=\"top\" [style.right]=\"right\" class=\"wac-ai-express__icon\" [ngClass]=\"{'disabled': disabled}\" (click)=\"validate();\">\n <i class=\"fa-regular fa-wand-magic-sparkles\"></i>\n </div>\n <div *ngIf=\"isRegister && !disabled\" class=\"wac-ai-express__wrapper\">\n <div>\n <span [innerHTML]=\"wordingTop\"></span>\n </div>\n <div>\n <div>\n <div>\n <i class=\"fa-solid fa-coin-front\"></i>\n <span [innerHTML]=\"tokenCost\"></span>\n </div>\n <span [innerHTML]=\"wordingToken\"></span>\n </div>\n <div>\n <div>\n <strong [innerHTML]=\"tokenLeft\"></strong> / <span [innerHTML]=\"tokenCount\"></span>\n </div>\n <div>\n <span [innerHTML]=\"wordingTokenLeft\"></span>\n </div>\n </div>\n </div>\n </div>\n <div *ngIf=\"!isRegister && !disabled\" class=\"wac-ai-express__register\">\n <p [innerHTML]=\"wordingRegisterTop\"></p>\n <a [target]=\"'_blank'\" [href]=\"hrefRegister\"><i class=\"fa-regular fa-wand-magic-sparkles\"></i> <span [innerHTML]=\"wordingRegisterBtn\"></span></a>\n </div>\n <div *ngIf=\"disabled && wordingDisabled\" class=\"wac-ai-express__disabled\">\n <p [innerHTML]=\"wordingDisabled\"></p>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
6173
|
+
AiExpressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: AiExpressComponent, selector: "wac-ai-express", inputs: { top: "top", right: "right", loading: "loading", disabled: "disabled", wordingTop: "wordingTop", wordingToken: "wordingToken", wordingTokenLeft: "wordingTokenLeft", wordingRegisterTop: "wordingRegisterTop", wordingRegisterBtn: "wordingRegisterBtn", wordingDisabled: "wordingDisabled", tokenCost: "tokenCost", tokenLeft: "tokenLeft", tokenCount: "tokenCount", isRegister: "isRegister" }, outputs: { validAction: "validAction" }, ngImport: i0, template: "<div class=\"wac-ai-express\">\n <ng-content></ng-content>\n <div [style.top]=\"top\" [style.right]=\"right\" class=\"wac-ai-express__icon\" [ngClass]=\"{'disabled': disabled, 'loading': loading}\" (click)=\"validate();\">\n <i class=\"fa-regular fa-wand-magic-sparkles\" *ngIf=\"!loading\"></i>\n <svg *ngIf=\"loading\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" style=\"margin:auto;background:transparent;display:block;\" width=\"200px\" height=\"200px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\n <g transform=\"rotate(0 50 50)\">\n <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.9166666666666666s\" repeatCount=\"indefinite\"></animate>\n </rect>\n </g><g transform=\"rotate(30 50 50)\">\n <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.8333333333333334s\" repeatCount=\"indefinite\"></animate>\n </rect>\n </g><g transform=\"rotate(60 50 50)\">\n <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.75s\" repeatCount=\"indefinite\"></animate>\n </rect>\n </g><g transform=\"rotate(90 50 50)\">\n <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.6666666666666666s\" repeatCount=\"indefinite\"></animate>\n </rect>\n </g><g transform=\"rotate(120 50 50)\">\n <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.5833333333333334s\" repeatCount=\"indefinite\"></animate>\n </rect>\n </g><g transform=\"rotate(150 50 50)\">\n <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.5s\" repeatCount=\"indefinite\"></animate>\n </rect>\n </g><g transform=\"rotate(180 50 50)\">\n <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.4166666666666667s\" repeatCount=\"indefinite\"></animate>\n </rect>\n </g><g transform=\"rotate(210 50 50)\">\n <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.3333333333333333s\" repeatCount=\"indefinite\"></animate>\n </rect>\n </g><g transform=\"rotate(240 50 50)\">\n <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.25s\" repeatCount=\"indefinite\"></animate>\n </rect>\n </g><g transform=\"rotate(270 50 50)\">\n <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.16666666666666666s\" repeatCount=\"indefinite\"></animate>\n </rect>\n </g><g transform=\"rotate(300 50 50)\">\n <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.08333333333333333s\" repeatCount=\"indefinite\"></animate>\n </rect>\n </g><g transform=\"rotate(330 50 50)\">\n <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"0s\" repeatCount=\"indefinite\"></animate>\n </rect>\n </g>\n </svg>\n </div>\n <div *ngIf=\"isRegister && !disabled\" class=\"wac-ai-express__wrapper\">\n <div>\n <span [innerHTML]=\"wordingTop\"></span>\n </div>\n <div>\n <div>\n <div>\n <i class=\"fa-solid fa-coin-front\"></i>\n <span [innerHTML]=\"tokenCost\"></span>\n </div>\n <span [innerHTML]=\"wordingToken\"></span>\n </div>\n <div>\n <div>\n <strong [innerHTML]=\"tokenLeft\"></strong> / <span [innerHTML]=\"tokenCount\"></span>\n </div>\n <div>\n <span [innerHTML]=\"wordingTokenLeft\"></span>\n </div>\n </div>\n </div>\n </div>\n <div *ngIf=\"!isRegister && !disabled\" class=\"wac-ai-express__register\">\n <p [innerHTML]=\"wordingRegisterTop\"></p>\n <a [target]=\"'_blank'\" [href]=\"hrefRegister\"><i class=\"fa-regular fa-wand-magic-sparkles\"></i> <span [innerHTML]=\"wordingRegisterBtn\"></span></a>\n </div>\n <div *ngIf=\"disabled && wordingDisabled\" class=\"wac-ai-express__disabled\">\n <p [innerHTML]=\"wordingDisabled\"></p>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
6171
6174
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AiExpressComponent, decorators: [{
|
|
6172
6175
|
type: Component,
|
|
6173
|
-
args: [{ selector: 'wac-ai-express', template: "<div class=\"wac-ai-express\">\n <ng-content></ng-content>\n <div [style.top]=\"top\" [style.right]=\"right\" class=\"wac-ai-express__icon\" [ngClass]=\"{'disabled': disabled}\" (click)=\"validate();\">\n <i class=\"fa-regular fa-wand-magic-sparkles\"></i>\n </div>\n <div *ngIf=\"isRegister && !disabled\" class=\"wac-ai-express__wrapper\">\n <div>\n <span [innerHTML]=\"wordingTop\"></span>\n </div>\n <div>\n <div>\n <div>\n <i class=\"fa-solid fa-coin-front\"></i>\n <span [innerHTML]=\"tokenCost\"></span>\n </div>\n <span [innerHTML]=\"wordingToken\"></span>\n </div>\n <div>\n <div>\n <strong [innerHTML]=\"tokenLeft\"></strong> / <span [innerHTML]=\"tokenCount\"></span>\n </div>\n <div>\n <span [innerHTML]=\"wordingTokenLeft\"></span>\n </div>\n </div>\n </div>\n </div>\n <div *ngIf=\"!isRegister && !disabled\" class=\"wac-ai-express__register\">\n <p [innerHTML]=\"wordingRegisterTop\"></p>\n <a [target]=\"'_blank'\" [href]=\"hrefRegister\"><i class=\"fa-regular fa-wand-magic-sparkles\"></i> <span [innerHTML]=\"wordingRegisterBtn\"></span></a>\n </div>\n <div *ngIf=\"disabled && wordingDisabled\" class=\"wac-ai-express__disabled\">\n <p [innerHTML]=\"wordingDisabled\"></p>\n </div>\n</div>\n" }]
|
|
6176
|
+
args: [{ selector: 'wac-ai-express', template: "<div class=\"wac-ai-express\">\n <ng-content></ng-content>\n <div [style.top]=\"top\" [style.right]=\"right\" class=\"wac-ai-express__icon\" [ngClass]=\"{'disabled': disabled, 'loading': loading}\" (click)=\"validate();\">\n <i class=\"fa-regular fa-wand-magic-sparkles\" *ngIf=\"!loading\"></i>\n <svg *ngIf=\"loading\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" style=\"margin:auto;background:transparent;display:block;\" width=\"200px\" height=\"200px\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\n <g transform=\"rotate(0 50 50)\">\n <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.9166666666666666s\" repeatCount=\"indefinite\"></animate>\n </rect>\n </g><g transform=\"rotate(30 50 50)\">\n <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.8333333333333334s\" repeatCount=\"indefinite\"></animate>\n </rect>\n </g><g transform=\"rotate(60 50 50)\">\n <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.75s\" repeatCount=\"indefinite\"></animate>\n </rect>\n </g><g transform=\"rotate(90 50 50)\">\n <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.6666666666666666s\" repeatCount=\"indefinite\"></animate>\n </rect>\n </g><g transform=\"rotate(120 50 50)\">\n <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.5833333333333334s\" repeatCount=\"indefinite\"></animate>\n </rect>\n </g><g transform=\"rotate(150 50 50)\">\n <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.5s\" repeatCount=\"indefinite\"></animate>\n </rect>\n </g><g transform=\"rotate(180 50 50)\">\n <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.4166666666666667s\" repeatCount=\"indefinite\"></animate>\n </rect>\n </g><g transform=\"rotate(210 50 50)\">\n <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.3333333333333333s\" repeatCount=\"indefinite\"></animate>\n </rect>\n </g><g transform=\"rotate(240 50 50)\">\n <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.25s\" repeatCount=\"indefinite\"></animate>\n </rect>\n </g><g transform=\"rotate(270 50 50)\">\n <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.16666666666666666s\" repeatCount=\"indefinite\"></animate>\n </rect>\n </g><g transform=\"rotate(300 50 50)\">\n <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"-0.08333333333333333s\" repeatCount=\"indefinite\"></animate>\n </rect>\n </g><g transform=\"rotate(330 50 50)\">\n <rect x=\"47\" y=\"24\" rx=\"3\" ry=\"6\" width=\"6\" height=\"12\" fill=\"#59d0cf\">\n <animate attributeName=\"opacity\" values=\"1;0\" keyTimes=\"0;1\" dur=\"1s\" begin=\"0s\" repeatCount=\"indefinite\"></animate>\n </rect>\n </g>\n </svg>\n </div>\n <div *ngIf=\"isRegister && !disabled\" class=\"wac-ai-express__wrapper\">\n <div>\n <span [innerHTML]=\"wordingTop\"></span>\n </div>\n <div>\n <div>\n <div>\n <i class=\"fa-solid fa-coin-front\"></i>\n <span [innerHTML]=\"tokenCost\"></span>\n </div>\n <span [innerHTML]=\"wordingToken\"></span>\n </div>\n <div>\n <div>\n <strong [innerHTML]=\"tokenLeft\"></strong> / <span [innerHTML]=\"tokenCount\"></span>\n </div>\n <div>\n <span [innerHTML]=\"wordingTokenLeft\"></span>\n </div>\n </div>\n </div>\n </div>\n <div *ngIf=\"!isRegister && !disabled\" class=\"wac-ai-express__register\">\n <p [innerHTML]=\"wordingRegisterTop\"></p>\n <a [target]=\"'_blank'\" [href]=\"hrefRegister\"><i class=\"fa-regular fa-wand-magic-sparkles\"></i> <span [innerHTML]=\"wordingRegisterBtn\"></span></a>\n </div>\n <div *ngIf=\"disabled && wordingDisabled\" class=\"wac-ai-express__disabled\">\n <p [innerHTML]=\"wordingDisabled\"></p>\n </div>\n</div>\n" }]
|
|
6174
6177
|
}], ctorParameters: function () { return []; }, propDecorators: { top: [{
|
|
6175
6178
|
type: Input
|
|
6176
6179
|
}], right: [{
|
|
6177
6180
|
type: Input
|
|
6181
|
+
}], loading: [{
|
|
6182
|
+
type: Input
|
|
6178
6183
|
}], disabled: [{
|
|
6179
6184
|
type: Input
|
|
6180
6185
|
}], wordingTop: [{
|