@dev-tcloud/tcloud-ui 0.0.29 → 0.0.31
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/esm2020/lib/_modules/tcloud-ui-line-step-circle/tcloud-ui-line-step-circle.component.mjs +27 -6
- package/esm2020/lib/_modules/tcloud-ui-number-step/tcloud-ui-number-step.component.mjs +28 -7
- package/esm2020/lib/_pipes/cpf.mjs +2 -2
- package/fesm2015/dev-tcloud-tcloud-ui.mjs +54 -12
- package/fesm2015/dev-tcloud-tcloud-ui.mjs.map +1 -1
- package/fesm2020/dev-tcloud-tcloud-ui.mjs +54 -12
- package/fesm2020/dev-tcloud-tcloud-ui.mjs.map +1 -1
- package/lib/_modules/tcloud-ui-line-step-circle/tcloud-ui-line-step-circle.component.d.ts +9 -3
- package/lib/_modules/tcloud-ui-number-step/tcloud-ui-number-step.component.d.ts +10 -4
- package/package.json +1 -1
|
@@ -820,11 +820,32 @@ class Step$1 {
|
|
|
820
820
|
class TCloudUiLineStepCircleComponent {
|
|
821
821
|
constructor() {
|
|
822
822
|
this.step = 7;
|
|
823
|
-
this.
|
|
824
|
-
this.
|
|
825
|
-
this.
|
|
823
|
+
this._active = 0;
|
|
824
|
+
this._inactives = [];
|
|
825
|
+
this._complete = false;
|
|
826
826
|
this.trilha = new Array();
|
|
827
827
|
}
|
|
828
|
+
set active(active) {
|
|
829
|
+
if (active && active !== this._active) {
|
|
830
|
+
this._active = active;
|
|
831
|
+
this.build_steps();
|
|
832
|
+
}
|
|
833
|
+
}
|
|
834
|
+
get active() { return this._active; }
|
|
835
|
+
set inactives(inactives) {
|
|
836
|
+
if (inactives && inactives !== this._inactives) {
|
|
837
|
+
this._inactives = inactives;
|
|
838
|
+
this.build_steps();
|
|
839
|
+
}
|
|
840
|
+
}
|
|
841
|
+
get inactives() { return this._inactives; }
|
|
842
|
+
set complete(complete) {
|
|
843
|
+
if (complete && complete !== this._complete) {
|
|
844
|
+
this._complete = complete;
|
|
845
|
+
this.build_steps();
|
|
846
|
+
}
|
|
847
|
+
}
|
|
848
|
+
get complete() { return this._complete; }
|
|
828
849
|
ngOnInit() {
|
|
829
850
|
setTimeout(() => { this.build_steps(); });
|
|
830
851
|
}
|
|
@@ -864,10 +885,10 @@ class TCloudUiLineStepCircleComponent {
|
|
|
864
885
|
}
|
|
865
886
|
}
|
|
866
887
|
TCloudUiLineStepCircleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiLineStepCircleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
867
|
-
TCloudUiLineStepCircleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TCloudUiLineStepCircleComponent, selector: "tcloud-ui-line-step-circle", inputs: { step: "step", active: "active", inactives: "inactives", complete: "complete" }, ngImport: i0, template: "<table class=\"table-trilha\" cellspacing=\"0\" cellpadding=\"0\">\r\n <tr>\r\n <ng-container *ngFor=\"let fase of trilha; let i = index\" >\r\n <td class=\"area-circle\">\r\n <!-- <i class=\"fas fa-circle icon-{{ fase.class }} {{ fase.second_class }} \"></i> -->\r\n\r\n <div class=\"tc-circle icon-{{ fase.class }} {{ fase.second_class }}\"></div>\r\n \r\n </td>\r\n <td class=\"area-line\" *ngIf=\"(i+1) < (trilha).length\">\r\n <div class=\"step-line {{ fase.class }}\"></div>\r\n </td>\r\n </ng-container>\r\n </tr>\r\n</table>", styles: [".table-trilha{width:100%;border-collapse:collapse;margin-top:3px;margin-bottom:2px}.table-trilha td{border:none}.table-trilha .area-circle{width:0px}.table-trilha .step-line{width:100%;height:2px;background-color:#ccc;padding:0;margin-left:-1px;width:calc(100% + 2px)}table tr{background-color:transparent!important}table th,table td{vertical-align:middle}.step-default{background-color:#d9d9d9}.step-progress{background-color:#039be5!important}.icon-step-default{background-color:#d9d9d9}.icon-step-progress{background-color:#039be5}.icon-step-active{background-color:#ea9b3e}.step-inactive{background-color:#d9d9d9!important}.tc-circle{height:
|
|
888
|
+
TCloudUiLineStepCircleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TCloudUiLineStepCircleComponent, selector: "tcloud-ui-line-step-circle", inputs: { step: "step", active: "active", inactives: "inactives", complete: "complete" }, ngImport: i0, template: "<table class=\"table-trilha\" cellspacing=\"0\" cellpadding=\"0\">\r\n <tr>\r\n <ng-container *ngFor=\"let fase of trilha; let i = index\" >\r\n <td class=\"area-circle\">\r\n <!-- <i class=\"fas fa-circle icon-{{ fase.class }} {{ fase.second_class }} \"></i> -->\r\n\r\n <div class=\"tc-circle icon-{{ fase.class }} {{ fase.second_class }}\"></div>\r\n \r\n </td>\r\n <td class=\"area-line\" *ngIf=\"(i+1) < (trilha).length\">\r\n <div class=\"step-line {{ fase.class }}\"></div>\r\n </td>\r\n </ng-container>\r\n </tr>\r\n</table>", styles: [".table-trilha{width:100%;border-collapse:collapse;margin-top:3px;margin-bottom:2px}.table-trilha td{border:none}.table-trilha .area-circle{width:0px}.table-trilha .step-line{width:100%;height:2px;background-color:#ccc;padding:0;margin-left:-1px;width:calc(100% + 2px)}table tr{background-color:transparent!important}table th,table td{vertical-align:middle}.step-default{background-color:#d9d9d9}.step-progress{background-color:#039be5!important}.icon-step-default{background-color:#d9d9d9}.icon-step-progress{background-color:#039be5}.icon-step-active{background-color:#ea9b3e}.step-inactive{background-color:#d9d9d9!important}.tc-circle{height:13px;width:13px;border-radius:50%;position:relative;z-index:1;font-size:13px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
868
889
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiLineStepCircleComponent, decorators: [{
|
|
869
890
|
type: Component,
|
|
870
|
-
args: [{ selector: 'tcloud-ui-line-step-circle', template: "<table class=\"table-trilha\" cellspacing=\"0\" cellpadding=\"0\">\r\n <tr>\r\n <ng-container *ngFor=\"let fase of trilha; let i = index\" >\r\n <td class=\"area-circle\">\r\n <!-- <i class=\"fas fa-circle icon-{{ fase.class }} {{ fase.second_class }} \"></i> -->\r\n\r\n <div class=\"tc-circle icon-{{ fase.class }} {{ fase.second_class }}\"></div>\r\n \r\n </td>\r\n <td class=\"area-line\" *ngIf=\"(i+1) < (trilha).length\">\r\n <div class=\"step-line {{ fase.class }}\"></div>\r\n </td>\r\n </ng-container>\r\n </tr>\r\n</table>", styles: [".table-trilha{width:100%;border-collapse:collapse;margin-top:3px;margin-bottom:2px}.table-trilha td{border:none}.table-trilha .area-circle{width:0px}.table-trilha .step-line{width:100%;height:2px;background-color:#ccc;padding:0;margin-left:-1px;width:calc(100% + 2px)}table tr{background-color:transparent!important}table th,table td{vertical-align:middle}.step-default{background-color:#d9d9d9}.step-progress{background-color:#039be5!important}.icon-step-default{background-color:#d9d9d9}.icon-step-progress{background-color:#039be5}.icon-step-active{background-color:#ea9b3e}.step-inactive{background-color:#d9d9d9!important}.tc-circle{height:
|
|
891
|
+
args: [{ selector: 'tcloud-ui-line-step-circle', template: "<table class=\"table-trilha\" cellspacing=\"0\" cellpadding=\"0\">\r\n <tr>\r\n <ng-container *ngFor=\"let fase of trilha; let i = index\" >\r\n <td class=\"area-circle\">\r\n <!-- <i class=\"fas fa-circle icon-{{ fase.class }} {{ fase.second_class }} \"></i> -->\r\n\r\n <div class=\"tc-circle icon-{{ fase.class }} {{ fase.second_class }}\"></div>\r\n \r\n </td>\r\n <td class=\"area-line\" *ngIf=\"(i+1) < (trilha).length\">\r\n <div class=\"step-line {{ fase.class }}\"></div>\r\n </td>\r\n </ng-container>\r\n </tr>\r\n</table>", styles: [".table-trilha{width:100%;border-collapse:collapse;margin-top:3px;margin-bottom:2px}.table-trilha td{border:none}.table-trilha .area-circle{width:0px}.table-trilha .step-line{width:100%;height:2px;background-color:#ccc;padding:0;margin-left:-1px;width:calc(100% + 2px)}table tr{background-color:transparent!important}table th,table td{vertical-align:middle}.step-default{background-color:#d9d9d9}.step-progress{background-color:#039be5!important}.icon-step-default{background-color:#d9d9d9}.icon-step-progress{background-color:#039be5}.icon-step-active{background-color:#ea9b3e}.step-inactive{background-color:#d9d9d9!important}.tc-circle{height:13px;width:13px;border-radius:50%;position:relative;z-index:1;font-size:13px}\n"] }]
|
|
871
892
|
}], ctorParameters: function () { return []; }, propDecorators: { step: [{
|
|
872
893
|
type: Input
|
|
873
894
|
}], active: [{
|
|
@@ -1947,7 +1968,7 @@ class CPFPipe {
|
|
|
1947
1968
|
const mask = this.mascara;
|
|
1948
1969
|
let str = v.replace(/\s/g, '');
|
|
1949
1970
|
let strMask = '';
|
|
1950
|
-
if (str.length ==
|
|
1971
|
+
if (str.length == 11) {
|
|
1951
1972
|
let j = 0;
|
|
1952
1973
|
for (let i = 0; i < mask.length; i++) {
|
|
1953
1974
|
if (mask[i] == '#') {
|
|
@@ -2253,12 +2274,33 @@ class Step {
|
|
|
2253
2274
|
class TCloudUiNumberStepComponent {
|
|
2254
2275
|
constructor() {
|
|
2255
2276
|
this.step = 7;
|
|
2256
|
-
this.active = 0;
|
|
2257
|
-
this.inactives = [];
|
|
2258
|
-
this.complete = false;
|
|
2259
2277
|
this.useIconCheck = false;
|
|
2278
|
+
this._active = 0;
|
|
2279
|
+
this._inactives = [];
|
|
2280
|
+
this._complete = false;
|
|
2260
2281
|
this.trilha = new Array();
|
|
2261
2282
|
}
|
|
2283
|
+
set active(active) {
|
|
2284
|
+
if (active && active !== this._active) {
|
|
2285
|
+
this._active = active;
|
|
2286
|
+
this.build_steps();
|
|
2287
|
+
}
|
|
2288
|
+
}
|
|
2289
|
+
get active() { return this._active; }
|
|
2290
|
+
set inactives(inactives) {
|
|
2291
|
+
if (inactives && inactives !== this._inactives) {
|
|
2292
|
+
this._inactives = inactives;
|
|
2293
|
+
this.build_steps();
|
|
2294
|
+
}
|
|
2295
|
+
}
|
|
2296
|
+
get inactives() { return this._inactives; }
|
|
2297
|
+
set complete(complete) {
|
|
2298
|
+
if (complete && complete !== this._complete) {
|
|
2299
|
+
this._complete = complete;
|
|
2300
|
+
this.build_steps();
|
|
2301
|
+
}
|
|
2302
|
+
}
|
|
2303
|
+
get complete() { return this._complete; }
|
|
2262
2304
|
ngOnInit() {
|
|
2263
2305
|
setTimeout(() => { this.build_steps(); });
|
|
2264
2306
|
}
|
|
@@ -2301,20 +2343,20 @@ class TCloudUiNumberStepComponent {
|
|
|
2301
2343
|
}
|
|
2302
2344
|
}
|
|
2303
2345
|
TCloudUiNumberStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiNumberStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2304
|
-
TCloudUiNumberStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TCloudUiNumberStepComponent, selector: "tcloud-ui-number-step", inputs: { step: "step", active: "active", inactives: "inactives", complete: "complete"
|
|
2346
|
+
TCloudUiNumberStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TCloudUiNumberStepComponent, selector: "tcloud-ui-number-step", inputs: { step: "step", useIconCheck: "useIconCheck", active: "active", inactives: "inactives", complete: "complete" }, ngImport: i0, template: "<table class=\"table-trilha\" cellspacing=\"0\" cellpadding=\"0\">\n <tr>\n <ng-container *ngFor=\"let fase of trilha; let i = index\" >\n <td class=\"area-circle\">\n <div class=\"circle icon-{{ fase.class }} {{ fase.second_class }} \">\n\n <ng-container *ngIf=\"useIconCheck\">\n <ng-container *ngIf=\"i < active && fase.second_class !== 'step-inactive'\">\n <div class=\"area-index\"><i class=\"fas fa-check\"></i></div>\n </ng-container>\n\n <ng-container *ngIf=\"i < active && fase.second_class === 'step-inactive'\">\n <div class=\"area-index\"><i class=\"far fa-circle\"></i></div>\n </ng-container>\n\n <ng-container *ngIf=\"i >= active\">\n <div class=\"area-index\">{{ i + 1 }}</div>\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"!useIconCheck\">\n <div class=\"area-index\">{{ i + 1 }}</div>\n </ng-container>\n \n </div>\n </td>\n <td class=\"area-line\" *ngIf=\"(i+1) < (trilha).length\">\n <div class=\"step-line {{ fase.class }}\"></div> \n </td>\n </ng-container>\n </tr>\n</table>", styles: [".table-trilha{width:100%;border-collapse:collapse;margin-top:3px;margin-bottom:2px}.table-trilha td{border:none}.table-trilha .area-circle{width:0px}.table-trilha .area-circle i{font-size:18px}.table-trilha .area-index{font-size:16px;position:relative;top:50%;transform:translateY(-50%)}.table-trilha .step-line{width:100%;height:2px;background-color:#ccc;padding:0;margin-left:-1px;width:calc(100% + 2px)}table tr{background-color:transparent!important}table th,table td{vertical-align:middle}.circle{display:block;border:1px solid #ccc;height:48px;width:48px;border-radius:50%;text-align:center;font-size:14px}.step-progress{background-color:var(--verde)!important}.icon-step-progress{border-color:var(--verde);background-color:var(--verde)!important}.icon-step-progress .area-index{color:#fff}.icon-step-active{border-color:var(--verde);background-color:var(--verde)!important;color:#fff!important}.step-inactive{background-color:#fbfbfb!important}.step-inactive .area-index{color:#ccc!important}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
2305
2347
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiNumberStepComponent, decorators: [{
|
|
2306
2348
|
type: Component,
|
|
2307
2349
|
args: [{ selector: 'tcloud-ui-number-step', template: "<table class=\"table-trilha\" cellspacing=\"0\" cellpadding=\"0\">\n <tr>\n <ng-container *ngFor=\"let fase of trilha; let i = index\" >\n <td class=\"area-circle\">\n <div class=\"circle icon-{{ fase.class }} {{ fase.second_class }} \">\n\n <ng-container *ngIf=\"useIconCheck\">\n <ng-container *ngIf=\"i < active && fase.second_class !== 'step-inactive'\">\n <div class=\"area-index\"><i class=\"fas fa-check\"></i></div>\n </ng-container>\n\n <ng-container *ngIf=\"i < active && fase.second_class === 'step-inactive'\">\n <div class=\"area-index\"><i class=\"far fa-circle\"></i></div>\n </ng-container>\n\n <ng-container *ngIf=\"i >= active\">\n <div class=\"area-index\">{{ i + 1 }}</div>\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"!useIconCheck\">\n <div class=\"area-index\">{{ i + 1 }}</div>\n </ng-container>\n \n </div>\n </td>\n <td class=\"area-line\" *ngIf=\"(i+1) < (trilha).length\">\n <div class=\"step-line {{ fase.class }}\"></div> \n </td>\n </ng-container>\n </tr>\n</table>", styles: [".table-trilha{width:100%;border-collapse:collapse;margin-top:3px;margin-bottom:2px}.table-trilha td{border:none}.table-trilha .area-circle{width:0px}.table-trilha .area-circle i{font-size:18px}.table-trilha .area-index{font-size:16px;position:relative;top:50%;transform:translateY(-50%)}.table-trilha .step-line{width:100%;height:2px;background-color:#ccc;padding:0;margin-left:-1px;width:calc(100% + 2px)}table tr{background-color:transparent!important}table th,table td{vertical-align:middle}.circle{display:block;border:1px solid #ccc;height:48px;width:48px;border-radius:50%;text-align:center;font-size:14px}.step-progress{background-color:var(--verde)!important}.icon-step-progress{border-color:var(--verde);background-color:var(--verde)!important}.icon-step-progress .area-index{color:#fff}.icon-step-active{border-color:var(--verde);background-color:var(--verde)!important;color:#fff!important}.step-inactive{background-color:#fbfbfb!important}.step-inactive .area-index{color:#ccc!important}\n"] }]
|
|
2308
2350
|
}], ctorParameters: function () { return []; }, propDecorators: { step: [{
|
|
2309
2351
|
type: Input
|
|
2352
|
+
}], useIconCheck: [{
|
|
2353
|
+
type: Input
|
|
2310
2354
|
}], active: [{
|
|
2311
2355
|
type: Input
|
|
2312
2356
|
}], inactives: [{
|
|
2313
2357
|
type: Input
|
|
2314
2358
|
}], complete: [{
|
|
2315
2359
|
type: Input
|
|
2316
|
-
}], useIconCheck: [{
|
|
2317
|
-
type: Input
|
|
2318
2360
|
}] } });
|
|
2319
2361
|
|
|
2320
2362
|
class TCloudUiNumberStepModule {
|