ngx-dsxlibrary 2.21.63 → 2.21.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.
|
@@ -4975,7 +4975,7 @@ class FileComponent {
|
|
|
4975
4975
|
useExisting: forwardRef(() => FileComponent),
|
|
4976
4976
|
multi: true,
|
|
4977
4977
|
},
|
|
4978
|
-
], viewQueries: [{ propertyName: "fileUpload", first: true, predicate: ["fileUpload"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (showExistingFile()) {\r\n <div class=\"flex items-center gap-2\">\r\n <span class=\"
|
|
4978
|
+
], viewQueries: [{ propertyName: "fileUpload", first: true, predicate: ["fileUpload"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (showExistingFile()) {\r\n <div class=\"flex items-center gap-2\">\r\n <span class=\"file-name\"> \uD83D\uDCC4 {{ existingFileName() }} </span>\r\n\r\n <p-button\r\n icon=\"pi pi-cloud-upload\"\r\n [rounded]=\"true\"\r\n severity=\"info\"\r\n (click)=\"startReplace()\"\r\n [disabled]=\"isReplaceButtonDisabled()\"\r\n pTooltip=\"Reemplazar archivo\"\r\n tooltipPosition=\"top\"\r\n />\r\n </div>\r\n} @else {\r\n <div class=\"flex items-center gap-2\">\r\n <p-fileUpload\r\n #fileUpload\r\n mode=\"basic\"\r\n [accept]=\"accept()\"\r\n [maxFileSize]=\"maxFileSize() * 1024 * 1024\"\r\n [invalidFileTypeMessageSummary]=\"invalidSummary()\"\r\n [invalidFileTypeMessageDetail]=\"invalidDetail()\"\r\n [invalidFileSizeMessageSummary]=\"invalidSizeSummary()\"\r\n [invalidFileSizeMessageDetail]=\"invalidSizeDetail()\"\r\n (onSelect)=\"onSelect($event)\"\r\n [disabled]=\"!isFileUploadEnabled()\"\r\n [pTooltip]=\"pTooltipOverride()\"\r\n [tooltipPosition]=\"tooltipPositionOverride()\"\r\n />\r\n\r\n @if (isReplacing()) {\r\n <p-button\r\n icon=\"pi pi-times\"\r\n [rounded]=\"true\"\r\n severity=\"secondary\"\r\n (click)=\"cancelReplace()\"\r\n [disabled]=\"disabled()\"\r\n pTooltip=\"Cancelar reemplazo\"\r\n tooltipPosition=\"top\"\r\n />\r\n }\r\n </div>\r\n}\r\n", styles: [".file-name{display:inline-block;font-size:clamp(.85rem,1vw + .5rem,1.4rem);font-weight:500;color:#2c3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}\n"], dependencies: [{ kind: "component", type: FileUpload, selector: "p-fileupload, p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "chooseButtonProps", "uploadButtonProps", "cancelButtonProps", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }] });
|
|
4979
4979
|
}
|
|
4980
4980
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FileComponent, decorators: [{
|
|
4981
4981
|
type: Component,
|
|
@@ -4990,7 +4990,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
|
|
|
4990
4990
|
useExisting: forwardRef(() => FileComponent),
|
|
4991
4991
|
multi: true,
|
|
4992
4992
|
},
|
|
4993
|
-
], template: "@if (showExistingFile()) {\r\n <div class=\"flex items-center gap-2\">\r\n <span class=\"
|
|
4993
|
+
], template: "@if (showExistingFile()) {\r\n <div class=\"flex items-center gap-2\">\r\n <span class=\"file-name\"> \uD83D\uDCC4 {{ existingFileName() }} </span>\r\n\r\n <p-button\r\n icon=\"pi pi-cloud-upload\"\r\n [rounded]=\"true\"\r\n severity=\"info\"\r\n (click)=\"startReplace()\"\r\n [disabled]=\"isReplaceButtonDisabled()\"\r\n pTooltip=\"Reemplazar archivo\"\r\n tooltipPosition=\"top\"\r\n />\r\n </div>\r\n} @else {\r\n <div class=\"flex items-center gap-2\">\r\n <p-fileUpload\r\n #fileUpload\r\n mode=\"basic\"\r\n [accept]=\"accept()\"\r\n [maxFileSize]=\"maxFileSize() * 1024 * 1024\"\r\n [invalidFileTypeMessageSummary]=\"invalidSummary()\"\r\n [invalidFileTypeMessageDetail]=\"invalidDetail()\"\r\n [invalidFileSizeMessageSummary]=\"invalidSizeSummary()\"\r\n [invalidFileSizeMessageDetail]=\"invalidSizeDetail()\"\r\n (onSelect)=\"onSelect($event)\"\r\n [disabled]=\"!isFileUploadEnabled()\"\r\n [pTooltip]=\"pTooltipOverride()\"\r\n [tooltipPosition]=\"tooltipPositionOverride()\"\r\n />\r\n\r\n @if (isReplacing()) {\r\n <p-button\r\n icon=\"pi pi-times\"\r\n [rounded]=\"true\"\r\n severity=\"secondary\"\r\n (click)=\"cancelReplace()\"\r\n [disabled]=\"disabled()\"\r\n pTooltip=\"Cancelar reemplazo\"\r\n tooltipPosition=\"top\"\r\n />\r\n }\r\n </div>\r\n}\r\n", styles: [".file-name{display:inline-block;font-size:clamp(.85rem,1vw + .5rem,1.4rem);font-weight:500;color:#2c3e50;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}\n"] }]
|
|
4994
4994
|
}], ctorParameters: () => [], propDecorators: { existingFileName: [{ type: i0.Input, args: [{ isSignal: true, alias: "existingFileName", required: false }] }], debug: [{ type: i0.Input, args: [{ isSignal: true, alias: "debug", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], accept: [{ type: i0.Input, args: [{ isSignal: true, alias: "accept", required: false }] }], pTooltipOverride: [{ type: i0.Input, args: [{ isSignal: true, alias: "pTooltipOverride", required: false }] }], tooltipPositionOverride: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltipPositionOverride", required: false }] }], maxFileSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFileSize", required: false }] }], invalidSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalidSummary", required: false }] }], invalidDetail: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalidDetail", required: false }] }], invalidSizeSummary: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalidSizeSummary", required: false }] }], invalidSizeDetail: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalidSizeDetail", required: false }] }], fileUpload: [{ type: i0.ViewChild, args: ['fileUpload', { isSignal: true }] }] } });
|
|
4995
4995
|
|
|
4996
4996
|
class JsonHighlightPipe {
|
|
@@ -5104,62 +5104,63 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImpo
|
|
|
5104
5104
|
}]
|
|
5105
5105
|
}] });
|
|
5106
5106
|
|
|
5107
|
+
function uid() {
|
|
5108
|
+
return Math.random().toString(36).substring(2, 8);
|
|
5109
|
+
}
|
|
5107
5110
|
class JsonValuesDebujComponent {
|
|
5108
|
-
form;
|
|
5109
|
-
|
|
5110
|
-
|
|
5111
|
-
|
|
5112
|
-
debug = false;
|
|
5113
|
-
debugValue;
|
|
5111
|
+
form = input(null, ...(ngDevMode ? [{ debugName: "form" }] : /* istanbul ignore next */ []));
|
|
5112
|
+
debug = input(false, ...(ngDevMode ? [{ debugName: "debug" }] : /* istanbul ignore next */ []));
|
|
5113
|
+
debugValue = signal(null, ...(ngDevMode ? [{ debugName: "debugValue" }] : /* istanbul ignore next */ []));
|
|
5114
|
+
id = uid();
|
|
5114
5115
|
subscription;
|
|
5115
5116
|
changesCount = 0;
|
|
5116
|
-
|
|
5117
|
-
|
|
5118
|
-
|
|
5119
|
-
|
|
5120
|
-
|
|
5121
|
-
|
|
5122
|
-
this.
|
|
5123
|
-
|
|
5124
|
-
|
|
5125
|
-
console.log('[json-debug] formulario actualizado', {
|
|
5126
|
-
cambios: this.changesCount,
|
|
5127
|
-
valid: this.form.valid,
|
|
5128
|
-
dirty: this.form.dirty,
|
|
5129
|
-
touched: this.form.touched,
|
|
5117
|
+
constructor() {
|
|
5118
|
+
console.log('CONSTRUCTOR', this.id);
|
|
5119
|
+
effect((onCleanup) => {
|
|
5120
|
+
const form = this.form();
|
|
5121
|
+
if (!form)
|
|
5122
|
+
return; // 👈 CLAVE
|
|
5123
|
+
if (this.debug()) {
|
|
5124
|
+
console.log(`[json-debug:${this.id}] EFFECT INIT`, {
|
|
5125
|
+
controls: Object.keys(form.controls).length,
|
|
5130
5126
|
});
|
|
5131
5127
|
}
|
|
5128
|
+
this.subscription?.unsubscribe();
|
|
5129
|
+
this.debugValue.set(form.getRawValue());
|
|
5130
|
+
this.subscription = form.valueChanges.subscribe(() => {
|
|
5131
|
+
this.debugValue.set(form.getRawValue());
|
|
5132
|
+
});
|
|
5133
|
+
onCleanup(() => {
|
|
5134
|
+
this.subscription?.unsubscribe();
|
|
5135
|
+
});
|
|
5132
5136
|
});
|
|
5133
5137
|
}
|
|
5134
5138
|
ngOnDestroy() {
|
|
5135
|
-
|
|
5136
|
-
|
|
5137
|
-
|
|
5139
|
+
console.log('DESTROY', this.id);
|
|
5140
|
+
this.subscription?.unsubscribe();
|
|
5141
|
+
if (this.debug()) {
|
|
5142
|
+
console.log(`[json-debug:${this.id}] DESTROY`, {
|
|
5143
|
+
totalChanges: this.changesCount,
|
|
5138
5144
|
});
|
|
5139
5145
|
}
|
|
5140
|
-
this.subscription?.unsubscribe();
|
|
5141
5146
|
}
|
|
5142
5147
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: JsonValuesDebujComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5143
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: JsonValuesDebujComponent, isStandalone: true, selector: "app-json-values-debuj", inputs: { form: "form", debug: "debug" }, ngImport: i0, template: "@if (form) {\r\n <div class=\"custom-container\">\r\n <pre class=\"custom-pre\" [innerHTML]=\"debugValue | jsonHighlight\"></pre>\r\n </div>\r\n}\r\n", styles: [".custom-container{width:100%;overflow:auto;
|
|
5148
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: JsonValuesDebujComponent, isStandalone: true, selector: "app-json-values-debuj", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, debug: { classPropertyName: "debug", publicName: "debug", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (form()) {\r\n <div class=\"custom-container\">\r\n <pre class=\"custom-pre\" [innerHTML]=\"debugValue() | jsonHighlight\"></pre>\r\n </div>\r\n}\r\n", styles: [".custom-container{width:100%;overflow:auto;max-height:700px;background:#1e1e1e;border:1px solid #333;border-radius:8px;padding:1rem;margin-bottom:1rem}.custom-pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.55;color:#d4d4d4}.json-key{color:#9cdcfe;font-weight:600}.json-string{color:#ce9178}.json-number{color:#b5cea8;font-weight:600}.json-boolean{color:#569cd6;font-weight:700}.json-null{color:gray;font-style:italic}.json-bracket{color:gold;font-weight:700}.json-colon{color:#d4d4d4}.json-comma{color:gray}.json-date-part{color:#4fc1ff;font-weight:600}.json-date-sep{color:gray}.json-date-time{color:#c586c0}.custom-container::-webkit-scrollbar{width:10px;height:10px}.custom-container::-webkit-scrollbar-track{background:#252526}.custom-container::-webkit-scrollbar-thumb{background:#555;border-radius:6px}.custom-container::-webkit-scrollbar-thumb:hover{background:#777}\n"], dependencies: [{ kind: "pipe", type: JsonHighlightPipe, name: "jsonHighlight" }], encapsulation: i0.ViewEncapsulation.None });
|
|
5144
5149
|
}
|
|
5145
5150
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: JsonValuesDebujComponent, decorators: [{
|
|
5146
5151
|
type: Component,
|
|
5147
|
-
args: [{ selector: 'app-json-values-debuj', standalone: true, imports: [JsonHighlightPipe], encapsulation: ViewEncapsulation.None, template: "@if (form) {\r\n <div class=\"custom-container\">\r\n <pre class=\"custom-pre\" [innerHTML]=\"debugValue | jsonHighlight\"></pre>\r\n </div>\r\n}\r\n", styles: [".custom-container{width:100%;overflow:auto;
|
|
5148
|
-
}], propDecorators: { form: [{
|
|
5149
|
-
type: Input
|
|
5150
|
-
}], debug: [{
|
|
5151
|
-
type: Input
|
|
5152
|
-
}] } });
|
|
5152
|
+
args: [{ selector: 'app-json-values-debuj', standalone: true, imports: [JsonHighlightPipe], encapsulation: ViewEncapsulation.None, template: "@if (form()) {\r\n <div class=\"custom-container\">\r\n <pre class=\"custom-pre\" [innerHTML]=\"debugValue() | jsonHighlight\"></pre>\r\n </div>\r\n}\r\n", styles: [".custom-container{width:100%;overflow:auto;max-height:700px;background:#1e1e1e;border:1px solid #333;border-radius:8px;padding:1rem;margin-bottom:1rem}.custom-pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.55;color:#d4d4d4}.json-key{color:#9cdcfe;font-weight:600}.json-string{color:#ce9178}.json-number{color:#b5cea8;font-weight:600}.json-boolean{color:#569cd6;font-weight:700}.json-null{color:gray;font-style:italic}.json-bracket{color:gold;font-weight:700}.json-colon{color:#d4d4d4}.json-comma{color:gray}.json-date-part{color:#4fc1ff;font-weight:600}.json-date-sep{color:gray}.json-date-time{color:#c586c0}.custom-container::-webkit-scrollbar{width:10px;height:10px}.custom-container::-webkit-scrollbar-track{background:#252526}.custom-container::-webkit-scrollbar-thumb{background:#555;border-radius:6px}.custom-container::-webkit-scrollbar-thumb:hover{background:#777}\n"] }]
|
|
5153
|
+
}], ctorParameters: () => [], propDecorators: { form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], debug: [{ type: i0.Input, args: [{ isSignal: true, alias: "debug", required: false }] }] } });
|
|
5153
5154
|
|
|
5154
5155
|
class IcoLabel {
|
|
5155
5156
|
ico = input.required(...(ngDevMode ? [{ debugName: "ico" }] : /* istanbul ignore next */ []));
|
|
5156
5157
|
label = input.required(...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
|
|
5157
5158
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: IcoLabel, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5158
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.16", type: IcoLabel, isStandalone: true, selector: "dsx-ico-label", inputs: { ico: { classPropertyName: "ico", publicName: "ico", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"flex\">\r\n <icon-dsx class=\"myIco\" [name]=\"ico()\"
|
|
5159
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.16", type: IcoLabel, isStandalone: true, selector: "dsx-ico-label", inputs: { ico: { classPropertyName: "ico", publicName: "ico", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"flex\">\r\n <icon-dsx class=\"myIco\" [name]=\"ico()\"></icon-dsx>\r\n <span class=\"myLabel\">{{ label() }}</span>\r\n</div>\r\n", styles: [".myLabel{font-family:Dosis,sans-serif;font-size:18px}.flex .myIco{color:#949494;margin-right:5px}\n"], dependencies: [{ kind: "component", type: IconDsxComponent, selector: "icon-dsx", inputs: ["name", "style", "debug"] }] });
|
|
5159
5160
|
}
|
|
5160
5161
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: IcoLabel, decorators: [{
|
|
5161
5162
|
type: Component,
|
|
5162
|
-
args: [{ selector: 'dsx-ico-label', imports: [IconDsxComponent], template: "<div class=\"flex\">\r\n <icon-dsx class=\"myIco\" [name]=\"ico()\"
|
|
5163
|
+
args: [{ selector: 'dsx-ico-label', imports: [IconDsxComponent], template: "<div class=\"flex\">\r\n <icon-dsx class=\"myIco\" [name]=\"ico()\"></icon-dsx>\r\n <span class=\"myLabel\">{{ label() }}</span>\r\n</div>\r\n", styles: [".myLabel{font-family:Dosis,sans-serif;font-size:18px}.flex .myIco{color:#949494;margin-right:5px}\n"] }]
|
|
5163
5164
|
}], propDecorators: { ico: [{ type: i0.Input, args: [{ isSignal: true, alias: "ico", required: true }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }] } });
|
|
5164
5165
|
|
|
5165
5166
|
/**
|