ui-core-abv 0.4.2 → 0.4.3

package/fesm2022/ui-core-abv.mjs

@@ -4144,7 +4144,7 @@ class ItemValueComponent {
     row;
     disabled = false;
     data = null;
-    switchValidation = '';
+    switchValidation;
     switchConfirmed = new EventEmitter();
     expanded = false;
     checked = false;
@@ -4155,8 +4155,8 @@ class ItemValueComponent {
         }
     }
     switchHandler(rowId, value) {
-        if (this.data && this.switchValidation != '') {
-            this.alers.warning(this.switchValidation, { showCancelButton: true }).then(r => {
+        if (this.data && this.switchValidation) {
+            this.alers.showAlert(this.switchValidation).then(r => {
                 if (r.value) {
                     this.switchConfirmed.emit(value);
                 }
@@ -4170,7 +4170,9 @@ class ItemValueComponent {
                 }
             });
         }
-        this.switchConfirmed.emit(value);
+        else {
+            this.switchConfirmed.emit(value);
+        }
     }
     expand(click) {
         click.stopPropagation();
@@ -4187,7 +4189,7 @@ class ItemValueComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ItemValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: ItemValueComponent, isStandalone: true, selector: "ui-item-value", inputs: { key: "key", type: "type", alignment: "alignment", row: "row", disabled: "disabled", data: "data", switchValidation: "switchValidation" }, outputs: { switchConfirmed: "switchConfirmed" }, ngImport: i0, template: "@if (data) {\r\n    @if (type == 'text' || !type) {\r\n        @if( data.icon ){ <i [class]=\"data.icon\"></i>}\r\n        {{  data.value }} \r\n        @if( data.rightIcon ){ <i [class]=\"data.rightIcon\"></i>}\r\n    }\r\n    @if (type == 'copy') {\r\n        <div class=\"copy-div\">\r\n            {{  data.value }} \r\n            <ui-button (click)=\"copyText((data.value??'').toString(),$event)\" type=\"ghost\" size=\"s\" [iconOnly]=\"true\" icon=\"ri-file-copy-line\"></ui-button>\r\n        </div>\r\n    }\r\n    @if (type == 'money'){\r\n        {{ + (data.value??0) | currency: data.currencyCode||''}} \r\n    }\r\n    @if (type == 'date'){\r\n        {{ (data.value??'').toString() | date: 'dd/MM/yyyy'}} \r\n    }\r\n    @if (type == 'bigtext') {\r\n        <div (click)=\"expand($event)\" class=\"expandible-row\" [class.expandedrow]=\"expanded\">\r\n            {{ data.value  }} \r\n            @if( data.value && data.value.toString().length > 0){\r\n                <i [class]=\"expanded?'ri-arrow-up-s-line':'ri-arrow-down-s-line'\"></i>\r\n            }\r\n            @if (!expanded && data.value && data.value.toString().length > 0) {\r\n                <div class=\"fade-overlay\"></div>\r\n            }\r\n        </div>\r\n    }\r\n    @if (type == 'icon-list') {\r\n        @for (alert of data.list; track $index) {\r\n            <i [tip]=\"alert.text\" [class]=\"alert.icon + ' ui-alert'\" ></i>\r\n        }\r\n    }\r\n    @else if (type == 'list'){\r\n        <uic-table-list [list]=\"data.list??[]\"></uic-table-list>                 \r\n    }\r\n    @else if (type == 'user'){\r\n        <uic-table-user [user]=\"data.user\"></uic-table-user>                 \r\n    }\r\n    @else if (type == 'status'){\r\n        <ui-status-label  [icon]=\"data.icon??'ri-circle-fill'\" [color]=\"data.color??''\"> {{data.value}} </ui-status-label>                \r\n    }\r\n    @else if (type == 'tag'){\r\n        <ui-status-label  type=\"tag\" [icon]=\"data.icon??'ri-circle-fill'\" [color]=\"data.color??''\"> {{data.value}} </ui-status-label>                \r\n    }\r\n    @else if (type == 'switch'){\r\n        <div (click)=\"$event.stopPropagation()\">\r\n            <ui-switch [disabled]=\"disabled\" [(checked)]=\"checked\" (checkedChange)=\"switchHandler(row.id,$event)\"></ui-switch>    \r\n        </div>\r\n    }\r\n\r\n    @if( data.subtext  ){\r\n        <div [class]=\"'subtext ui-alignment-'+alignment\">{{  data.subtext }}</div>\r\n    }\r\n}\r\n\r\n", styles: [".copy-div{display:flex;align-items:center;gap:5px}.expandible-row{display:flex;align-items:flex-start;gap:10px;height:calc(var(--table-spacing-ref) * 4);overflow:hidden;cursor:n-resize;-webkit-user-select:none;user-select:none;position:relative}.expandible-row i{font-size:18px;font-weight:600}.expandible-row:hover>i{color:var(--primary-500)}.fade-overlay{position:absolute;bottom:0;left:0;width:100%;height:10px;pointer-events:none;background:linear-gradient(to top,white 0%,transparent 100%)}.expandedrow{height:fit-content}.subtext{font-size:12px;color:var(--grey-500);font-weight:400;text-align:left}.ui-alignment-center{justify-content:center;text-align:center}\n"], dependencies: [{ kind: "directive", type: UicToolTipDirective, selector: "[tip]", inputs: ["tip"] }, { kind: "component", type: UicTableUserComponent, selector: "uic-table-user", inputs: ["user"] }, { kind: "component", type: UicSwichComponent, selector: "ui-switch", inputs: ["checked", "disabled", "placeholder", "label"], outputs: ["checkedChange"] }, { kind: "component", type: UicStatusLabelComponent, selector: "ui-status-label", inputs: ["color", "type", "icon"] }, { kind: "component", type: UicTableListComponent, selector: "uic-table-list", inputs: ["list"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: UicButtonComponent, selector: "ui-button", inputs: ["text", "icon", "rightIcon", "iconOnly", "disabled", "loading", "size", "type", "color"] }, { kind: "pipe", type: CurrencyPipe, name: "currency" }, { kind: "pipe", type: DatePipe, name: "date" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: ItemValueComponent, isStandalone: true, selector: "ui-item-value", inputs: { key: "key", type: "type", alignment: "alignment", row: "row", disabled: "disabled", data: "data", switchValidation: "switchValidation" }, outputs: { switchConfirmed: "switchConfirmed" }, ngImport: i0, template: "@if (data) {\r\n    @if (type == 'text' || !type) {\r\n        @if( data.icon ){ <i [class]=\"data.icon\"></i>}\r\n        {{  data.value }} \r\n        @if( data.rightIcon ){ <i [class]=\"data.rightIcon\"></i>}\r\n    }\r\n    @if (type == 'copy') {\r\n        <div class=\"copy-div\">\r\n            {{  data.value }} \r\n            <ui-button (click)=\"copyText((data.value??'').toString(),$event)\" type=\"ghost\" size=\"s\" [iconOnly]=\"true\" icon=\"ri-file-copy-line\"></ui-button>\r\n        </div>\r\n    }\r\n    @if (type == 'money'){\r\n        {{ + (data.value??0) | currency: data.currencyCode||''}} \r\n    }\r\n    @if (type == 'date'){\r\n        {{ (data.value??'').toString() | date: 'dd/MM/yyyy'}} \r\n    }\r\n    @if (type == 'bigtext') {\r\n        <div (click)=\"expand($event)\" class=\"expandible-row\" [class.expandedrow]=\"expanded\">\r\n            {{ data.value  }} \r\n            @if( data.value && data.value.toString().length > 0){\r\n                <i [class]=\"expanded?'ri-arrow-up-s-line':'ri-arrow-down-s-line'\"></i>\r\n            }\r\n            @if (!expanded && data.value && data.value.toString().length > 0) {\r\n                <div class=\"fade-overlay\"></div>\r\n            }\r\n        </div>\r\n    }\r\n    @if (type == 'icon-list') {\r\n        @for (alert of data.list; track $index) {\r\n            <i [tip]=\"alert.text\" [class]=\"alert.icon + ' ui-alert'\" ></i>\r\n        }\r\n    }\r\n    @else if (type == 'list'){\r\n        <uic-table-list [list]=\"data.list??[]\"></uic-table-list>                 \r\n    }\r\n    @else if (type == 'user'){\r\n        <uic-table-user [user]=\"data.user\"></uic-table-user>                 \r\n    }\r\n    @else if (type == 'status'){\r\n        @if (data.value) {\r\n            <ui-status-label  [icon]=\"data.icon??'ri-circle-fill'\" [color]=\"data.color??''\"> {{data.value}} </ui-status-label>                \r\n        }@else {\r\n            -\r\n        }\r\n    }\r\n    @else if (type == 'tag'){\r\n        <ui-status-label  type=\"tag\" [icon]=\"data.icon??'ri-circle-fill'\" [color]=\"data.color??''\"> {{data.value}} </ui-status-label>                \r\n    }\r\n    @else if (type == 'switch'){\r\n        <div (click)=\"$event.stopPropagation()\">\r\n            <ui-switch [disabled]=\"disabled\" [(checked)]=\"checked\" (checkedChange)=\"switchHandler(row.id,$event)\"></ui-switch>    \r\n        </div>\r\n    }\r\n\r\n    @if( data.subtext  ){\r\n        <div [class]=\"'subtext ui-alignment-'+alignment\">{{  data.subtext }}</div>\r\n    }\r\n}\r\n\r\n", styles: [".copy-div{display:flex;align-items:center;gap:5px}.expandible-row{display:flex;align-items:flex-start;gap:10px;height:calc(var(--table-spacing-ref) * 4);overflow:hidden;cursor:n-resize;-webkit-user-select:none;user-select:none;position:relative}.expandible-row i{font-size:18px;font-weight:600}.expandible-row:hover>i{color:var(--primary-500)}.fade-overlay{position:absolute;bottom:0;left:0;width:100%;height:10px;pointer-events:none;background:linear-gradient(to top,white 0%,transparent 100%)}.expandedrow{height:fit-content}.subtext{font-size:12px;color:var(--grey-500);font-weight:400;text-align:left}.ui-alignment-center{justify-content:center;text-align:center}\n"], dependencies: [{ kind: "directive", type: UicToolTipDirective, selector: "[tip]", inputs: ["tip"] }, { kind: "component", type: UicTableUserComponent, selector: "uic-table-user", inputs: ["user"] }, { kind: "component", type: UicSwichComponent, selector: "ui-switch", inputs: ["checked", "disabled", "placeholder", "label"], outputs: ["checkedChange"] }, { kind: "component", type: UicStatusLabelComponent, selector: "ui-status-label", inputs: ["color", "type", "icon"] }, { kind: "component", type: UicTableListComponent, selector: "uic-table-list", inputs: ["list"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: UicButtonComponent, selector: "ui-button", inputs: ["text", "icon", "rightIcon", "iconOnly", "disabled", "loading", "size", "type", "color"] }, { kind: "pipe", type: CurrencyPipe, name: "currency" }, { kind: "pipe", type: DatePipe, name: "date" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ItemValueComponent, decorators: [{
             type: Component,
@@ -4201,7 +4203,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                         UicButtonComponent,
                         CurrencyPipe,
                         DatePipe
-                    ], template: "@if (data) {\r\n    @if (type == 'text' || !type) {\r\n        @if( data.icon ){ <i [class]=\"data.icon\"></i>}\r\n        {{  data.value }} \r\n        @if( data.rightIcon ){ <i [class]=\"data.rightIcon\"></i>}\r\n    }\r\n    @if (type == 'copy') {\r\n        <div class=\"copy-div\">\r\n            {{  data.value }} \r\n            <ui-button (click)=\"copyText((data.value??'').toString(),$event)\" type=\"ghost\" size=\"s\" [iconOnly]=\"true\" icon=\"ri-file-copy-line\"></ui-button>\r\n        </div>\r\n    }\r\n    @if (type == 'money'){\r\n        {{ + (data.value??0) | currency: data.currencyCode||''}} \r\n    }\r\n    @if (type == 'date'){\r\n        {{ (data.value??'').toString() | date: 'dd/MM/yyyy'}} \r\n    }\r\n    @if (type == 'bigtext') {\r\n        <div (click)=\"expand($event)\" class=\"expandible-row\" [class.expandedrow]=\"expanded\">\r\n            {{ data.value  }} \r\n            @if( data.value && data.value.toString().length > 0){\r\n                <i [class]=\"expanded?'ri-arrow-up-s-line':'ri-arrow-down-s-line'\"></i>\r\n            }\r\n            @if (!expanded && data.value && data.value.toString().length > 0) {\r\n                <div class=\"fade-overlay\"></div>\r\n            }\r\n        </div>\r\n    }\r\n    @if (type == 'icon-list') {\r\n        @for (alert of data.list; track $index) {\r\n            <i [tip]=\"alert.text\" [class]=\"alert.icon + ' ui-alert'\" ></i>\r\n        }\r\n    }\r\n    @else if (type == 'list'){\r\n        <uic-table-list [list]=\"data.list??[]\"></uic-table-list>                 \r\n    }\r\n    @else if (type == 'user'){\r\n        <uic-table-user [user]=\"data.user\"></uic-table-user>                 \r\n    }\r\n    @else if (type == 'status'){\r\n        <ui-status-label  [icon]=\"data.icon??'ri-circle-fill'\" [color]=\"data.color??''\"> {{data.value}} </ui-status-label>                \r\n    }\r\n    @else if (type == 'tag'){\r\n        <ui-status-label  type=\"tag\" [icon]=\"data.icon??'ri-circle-fill'\" [color]=\"data.color??''\"> {{data.value}} </ui-status-label>                \r\n    }\r\n    @else if (type == 'switch'){\r\n        <div (click)=\"$event.stopPropagation()\">\r\n            <ui-switch [disabled]=\"disabled\" [(checked)]=\"checked\" (checkedChange)=\"switchHandler(row.id,$event)\"></ui-switch>    \r\n        </div>\r\n    }\r\n\r\n    @if( data.subtext  ){\r\n        <div [class]=\"'subtext ui-alignment-'+alignment\">{{  data.subtext }}</div>\r\n    }\r\n}\r\n\r\n", styles: [".copy-div{display:flex;align-items:center;gap:5px}.expandible-row{display:flex;align-items:flex-start;gap:10px;height:calc(var(--table-spacing-ref) * 4);overflow:hidden;cursor:n-resize;-webkit-user-select:none;user-select:none;position:relative}.expandible-row i{font-size:18px;font-weight:600}.expandible-row:hover>i{color:var(--primary-500)}.fade-overlay{position:absolute;bottom:0;left:0;width:100%;height:10px;pointer-events:none;background:linear-gradient(to top,white 0%,transparent 100%)}.expandedrow{height:fit-content}.subtext{font-size:12px;color:var(--grey-500);font-weight:400;text-align:left}.ui-alignment-center{justify-content:center;text-align:center}\n"] }]
+                    ], template: "@if (data) {\r\n    @if (type == 'text' || !type) {\r\n        @if( data.icon ){ <i [class]=\"data.icon\"></i>}\r\n        {{  data.value }} \r\n        @if( data.rightIcon ){ <i [class]=\"data.rightIcon\"></i>}\r\n    }\r\n    @if (type == 'copy') {\r\n        <div class=\"copy-div\">\r\n            {{  data.value }} \r\n            <ui-button (click)=\"copyText((data.value??'').toString(),$event)\" type=\"ghost\" size=\"s\" [iconOnly]=\"true\" icon=\"ri-file-copy-line\"></ui-button>\r\n        </div>\r\n    }\r\n    @if (type == 'money'){\r\n        {{ + (data.value??0) | currency: data.currencyCode||''}} \r\n    }\r\n    @if (type == 'date'){\r\n        {{ (data.value??'').toString() | date: 'dd/MM/yyyy'}} \r\n    }\r\n    @if (type == 'bigtext') {\r\n        <div (click)=\"expand($event)\" class=\"expandible-row\" [class.expandedrow]=\"expanded\">\r\n            {{ data.value  }} \r\n            @if( data.value && data.value.toString().length > 0){\r\n                <i [class]=\"expanded?'ri-arrow-up-s-line':'ri-arrow-down-s-line'\"></i>\r\n            }\r\n            @if (!expanded && data.value && data.value.toString().length > 0) {\r\n                <div class=\"fade-overlay\"></div>\r\n            }\r\n        </div>\r\n    }\r\n    @if (type == 'icon-list') {\r\n        @for (alert of data.list; track $index) {\r\n            <i [tip]=\"alert.text\" [class]=\"alert.icon + ' ui-alert'\" ></i>\r\n        }\r\n    }\r\n    @else if (type == 'list'){\r\n        <uic-table-list [list]=\"data.list??[]\"></uic-table-list>                 \r\n    }\r\n    @else if (type == 'user'){\r\n        <uic-table-user [user]=\"data.user\"></uic-table-user>                 \r\n    }\r\n    @else if (type == 'status'){\r\n        @if (data.value) {\r\n            <ui-status-label  [icon]=\"data.icon??'ri-circle-fill'\" [color]=\"data.color??''\"> {{data.value}} </ui-status-label>                \r\n        }@else {\r\n            -\r\n        }\r\n    }\r\n    @else if (type == 'tag'){\r\n        <ui-status-label  type=\"tag\" [icon]=\"data.icon??'ri-circle-fill'\" [color]=\"data.color??''\"> {{data.value}} </ui-status-label>                \r\n    }\r\n    @else if (type == 'switch'){\r\n        <div (click)=\"$event.stopPropagation()\">\r\n            <ui-switch [disabled]=\"disabled\" [(checked)]=\"checked\" (checkedChange)=\"switchHandler(row.id,$event)\"></ui-switch>    \r\n        </div>\r\n    }\r\n\r\n    @if( data.subtext  ){\r\n        <div [class]=\"'subtext ui-alignment-'+alignment\">{{  data.subtext }}</div>\r\n    }\r\n}\r\n\r\n", styles: [".copy-div{display:flex;align-items:center;gap:5px}.expandible-row{display:flex;align-items:flex-start;gap:10px;height:calc(var(--table-spacing-ref) * 4);overflow:hidden;cursor:n-resize;-webkit-user-select:none;user-select:none;position:relative}.expandible-row i{font-size:18px;font-weight:600}.expandible-row:hover>i{color:var(--primary-500)}.fade-overlay{position:absolute;bottom:0;left:0;width:100%;height:10px;pointer-events:none;background:linear-gradient(to top,white 0%,transparent 100%)}.expandedrow{height:fit-content}.subtext{font-size:12px;color:var(--grey-500);font-weight:400;text-align:left}.ui-alignment-center{justify-content:center;text-align:center}\n"] }]
         }], propDecorators: { key: [{
                 type: Input
             }], type: [{
@@ -4228,7 +4230,7 @@ class UicPortletCardComponent {
     gap = 20;
     labelWeight = 400;
     valueWeight = 500;
-    switchValidation = '';
+    switchValidation;
     finalData = [];
     ngOnInit() {
         this.finalData = this.data.map(p => ({ ...p, key: p.label ?? '-' }));
@@ -4374,7 +4376,7 @@ class UicTableComponent {
     showSearchButton = false;
     showTextPagination = true;
     emptyMessage = 'No hay elementos';
-    switchValidation = '';
+    switchValidation;
     nextButtonText = 'Sig.';
     previousButtonText = 'Ant.';
     mobilePortletCols = 2;