ui-core-abv 0.2.27 → 0.2.29
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/fesm2022/ui-core-abv.mjs +17 -13
- package/fesm2022/ui-core-abv.mjs.map +1 -1
- package/package.json +1 -1
package/fesm2022/ui-core-abv.mjs
CHANGED
|
@@ -1098,7 +1098,7 @@ class UicPoolOptionsComponent extends base$5 {
|
|
|
1098
1098
|
useExisting: forwardRef(() => UicPoolOptionsComponent),
|
|
1099
1099
|
multi: true
|
|
1100
1100
|
}
|
|
1101
|
-
], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"input-wrapper \">\n @if (icon) {\n <i class=\"input-externalicon f-{{iconColor}} {{icon}}\"></i>\n }\n <div class=\"input-elements\" [style]=\"icon?'max-width: calc(100% - 34px);':''\">\n @if (label) {\n <div class=\"label inputlabel\" [class.font-error]=\"error\">{{label}} </div>\n }\n <div>\n <div class=\"pool-wrapper\" > \n @for (opt of options; track opt.id) {\n <div (click)=\"updateOptions(opt.id??'')\" class=\"pool-option\" [class.disabled-opt]=\"disabled\" [class.active-opt]=\"isSelected(opt.id??'')\">{{opt.text}}</div>\n }\n \n </div>\n <!-- BLOQUE DE LISTTA DETALLADA -->\n @if(enabledListView && selectedValues.length > 0){\n <h2 class=\"pool-selected-title\">{{listViewTitle}}</h2>\n <div>\n @for (item of selectedValues; track item.id) {\n
|
|
1101
|
+
], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"input-wrapper \">\n @if (icon) {\n <i class=\"input-externalicon f-{{iconColor}} {{icon}}\"></i>\n }\n <div class=\"input-elements\" [style]=\"icon?'max-width: calc(100% - 34px);':''\">\n @if (label) {\n <div class=\"label inputlabel\" [class.font-error]=\"error\">{{label}} </div>\n }\n <div>\n <div class=\"pool-wrapper\" > \n @for (opt of options; track opt.id) {\n <div (click)=\"updateOptions(opt.id??'')\" class=\"pool-option\" [class.disabled-opt]=\"disabled\" [class.active-opt]=\"isSelected(opt.id??'')\">{{opt.text}}</div>\n }\n \n </div>\n <!-- BLOQUE DE LISTTA DETALLADA -->\n @if(enabledListView && selectedValues.length > 0){\n <h2 class=\"pool-selected-title\">{{listViewTitle}}</h2>\n <div>\n @for (item of selectedValues; track item.id) {\n <div class=\"pool-selected\"> \n <div class=\"pool-selected-label\">{{getItemName(item.id)}} </div>\n <div class=\"pool-selected-input\">\n <ui-input [disabled]=\"disabled\">\n <input [disabled]=\"disabled\" placeholder=\"Detalle\" type=\"text\" [value]=\"item.detail ?? ''\" (input)=\"updateDetail(item.id, $any($event.target).value)\">\n </ui-input>\n @if (!disabled) {\n <div class=\"pool-selected-button\" (click)=\"updateOptions(item.id)\" >\n <i class=\"ri-delete-bin-5-line\" ></i>\n </div>\n }\n </div>\n </div>\n }\n </div>\n }\n </div>\n <!-- ALERTS -->\n @if (error) {\n <div class=\"fakeinput-alert f-red\">{{error}}</div>\n }\n @if (tip) {\n <div class=\"fakeinput-alert tip\">{{tip}}</div>\n }\n </div>\n</div>\n", styles: [".pool-wrapper{display:flex;gap:var(--design-size-ref);flex-wrap:wrap}.pool-option{border:solid 1px var(--grey-300);color:var(--secondary-400);background-color:var(--secondary-50);font-size:.875rem;line-height:1.25rem;font-weight:400;padding:.5rem 1rem;border-radius:1rem;transition:ease .3s;-webkit-user-select:none;user-select:none;cursor:pointer}.pool-option:hover{border-color:var(--secondary-400)}.pool-selected-title{font-size:1.625rem;font-weight:600;line-height:calc(1.625rem + 4px);margin:1.5rem 0;color:var(--grey-950)}.pool-selected-label{margin-top:24px;font-size:.875rem;margin-bottom:.5rem}.pool-selected-input{display:flex;align-items:center;gap:16px}.pool-selected-button{height:calc(4 * var(--form-ref));aspect-ratio:1;border-radius:var(--button-radius);border:solid 1px var(--grey-300);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:ease .3s}.pool-selected-button:hover{border-color:var(--red-400);color:var(--red-600)}.disabled-opt{background-color:var(--grey-200);border:none;cursor:not-allowed}.active-opt{background-color:var(--secondary-100);border:solid 1px var(--primary-400)}\n", ":host{width:100%}.input-container{flex:1 1;overflow:hidden}.input-options{border-radius:var(--input-radius);background-color:var(--white);box-shadow:0 1px 1px #00000020,0 2px 5px #00000050;width:100%;top:100%;font-size:.875rem;z-index:500;overflow:hidden}.option-divider{width:98%;margin:auto;border-bottom:1px solid var(--grey-200)}.input-option{display:flex;align-items:center;padding:6px 12px;line-height:1rem;-webkit-user-select:none;user-select:none;transition:ease .3s;border-radius:.25rem}.input-option-focused{background-color:var(--primary-500)}.input-option:hover{background-color:var(--secondary-100);cursor:pointer}.input-option-scroll{padding:.25rem;max-height:180px;overflow:auto}.input-option-scroll-line{border-bottom:solid 1px var(--grey-200);width:100%;margin-top:2px}.input-option-scroll-focused{background-color:var(--primary-300)}.input-option-scroll-btns{border-top:solid 1px var(--grey-200);padding-top:5px;display:flex;justify-content:space-around}.input-option-scroll-btns button{background-color:var(--white);border:solid 1px var(--grey-200);padding:4px 10px;border-radius:10px}.input-option-scroll app-checkbox{width:100%}.input-wrapper{display:flex;align-items:center;width:100%;max-width:100%}.input-externalicon{margin-right:.5rem;font-size:1.625rem;height:1.625rem;width:1.625rem}.input-elements{flex-grow:1;display:flex;flex-direction:column;width:100%}.input-internalicon{color:var(--grey-700);margin-right:calc(var(--form-ref) * .6);font-size:calc(2.5 * var(--form-ref))}.label{font-size:max(var(--form-ref) + 4px,14px);line-height:1.125rem;font-weight:400;color:var(--grey-950);margin-bottom:var(--input-label-space)}.disabled-placeholder{color:var(--disabled-color-placeholder)}.fakeinput{min-height:calc(4 * var(--form-ref));border-radius:var(--input-radius);overflow:hidden;border:solid 1px var(--grey-200);display:flex;align-items:center;font-size:.875rem;-webkit-user-select:none;user-select:none;background-color:var(--white);transition:ease .3s;padding:0 var(--form-ref)}.fakeinput-wrapp{position:relative}.fakeinput-emptytext{margin:0 5px;flex:1 1;overflow:hidden;font-size:max(var(--form-ref) + 4px,14px);white-space:nowrap}.fakeinput-emptytext i{font-size:20px}.fakeinput ::ng-deep textarea{padding:10px 0}.fakeinput ::ng-deep input{height:calc(4 * var(--form-ref));padding:0}.fakeinput ::ng-deep input,.fakeinput ::ng-deep textarea{font-size:max(var(--form-ref) + 4px,14px);flex-grow:1;outline:none;width:100%;background-color:transparent;border:none!important}.fakeinput ::ng-deep input:disabled,.fakeinput ::ng-deep textarea:disabled{color:var(--disabled-color)}.fakeinput ::ng-deep input:disabled~.fakeinput,.fakeinput ::ng-deep textarea:disabled~.fakeinput{background-color:var(--disabled-background);color:var(--disabled-color)}.fakeinput ::ng-deep input:disabled::placeholder,.fakeinput ::ng-deep textarea:disabled::placeholder{color:var(--disabled-color-placeholder)}.fakeinput-button{margin:0;border:none;display:flex;justify-content:center;align-items:center;padding:4px 5px 5px;transition:ease .3s;background-color:var(--grey-200)}.fakeinput-button:disabled{background-color:var(--disabled-background);color:var(--disabled-color)}.fakeinput-button:enabled:hover{cursor:pointer;background-color:var(--primary-300);color:var(--white)}.fakeinput-button:enabled:active{background-color:var(--primary-700)}.fakeinput app-checkbox{width:100%}.fakeinput-alert{font-size:13px;line-height:15px;padding:1px 4px}.fakeinput button{color:var(--grey-200)}.fakeinput:focus-within{box-shadow:0 0 0 3px var(--secondary-alpha)}.fakeinput:hover{border-color:var(--grey-400);cursor:text}.activeselect{border-color:var(--primary-600)}.errorinput{border-color:var(--red-500)!important}.t-disabled{color:var(--disabled-color);padding:5px;text-align:center}.disabledinput{background-color:var(--disabled-background);color:var(--disabled-color)}.disabledinput ::ng-deep input{color:var(--disabled-color)}.inputlabel{display:flex;align-items:center}.f-primary{color:var(--primary-500)}.f-secondary{color:var(--secondary-500)}.f-red{color:var(--red-500)}.f-yellow{color:var(--yellow-500)}.f-blue{color:var(--blue-500)}.f-green{color:var(--green-500)}.f-black{color:var(--grey-900)}.tip{color:var(--grey-500)}.item-disabled{color:var(--grey-400)}.item-disabled:hover{background-color:var(--white);cursor:not-allowed}.loading-input{background:linear-gradient(-45deg,#f2f2f2 40%,#dee1e2,#f2f2f2 60%);background-size:300%;background-position-x:100%;animation:shimmer 1s infinite linear}@keyframes shimmer{to{background-position-x:0%}}.char-counter{width:100%;display:flex;justify-content:flex-end;font-size:10px;color:var(--grey-400)}\n"], dependencies: [{ kind: "component", type: UicInputComponent, selector: "ui-input", inputs: ["icon", "iconColor", "internalIcon", "internalIconColor", "size", "label", "error", "tip", "disabled", "loading"], outputs: ["clickButton"] }] });
|
|
1102
1102
|
}
|
|
1103
1103
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UicPoolOptionsComponent, decorators: [{
|
|
1104
1104
|
type: Component,
|
|
@@ -1108,7 +1108,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
1108
1108
|
useExisting: forwardRef(() => UicPoolOptionsComponent),
|
|
1109
1109
|
multi: true
|
|
1110
1110
|
}
|
|
1111
|
-
], template: "<div class=\"input-wrapper \">\n @if (icon) {\n <i class=\"input-externalicon f-{{iconColor}} {{icon}}\"></i>\n }\n <div class=\"input-elements\" [style]=\"icon?'max-width: calc(100% - 34px);':''\">\n @if (label) {\n <div class=\"label inputlabel\" [class.font-error]=\"error\">{{label}} </div>\n }\n <div>\n <div class=\"pool-wrapper\" > \n @for (opt of options; track opt.id) {\n <div (click)=\"updateOptions(opt.id??'')\" class=\"pool-option\" [class.disabled-opt]=\"disabled\" [class.active-opt]=\"isSelected(opt.id??'')\">{{opt.text}}</div>\n }\n \n </div>\n <!-- BLOQUE DE LISTTA DETALLADA -->\n @if(enabledListView && selectedValues.length > 0){\n <h2 class=\"pool-selected-title\">{{listViewTitle}}</h2>\n <div>\n @for (item of selectedValues; track item.id) {\n
|
|
1111
|
+
], template: "<div class=\"input-wrapper \">\n @if (icon) {\n <i class=\"input-externalicon f-{{iconColor}} {{icon}}\"></i>\n }\n <div class=\"input-elements\" [style]=\"icon?'max-width: calc(100% - 34px);':''\">\n @if (label) {\n <div class=\"label inputlabel\" [class.font-error]=\"error\">{{label}} </div>\n }\n <div>\n <div class=\"pool-wrapper\" > \n @for (opt of options; track opt.id) {\n <div (click)=\"updateOptions(opt.id??'')\" class=\"pool-option\" [class.disabled-opt]=\"disabled\" [class.active-opt]=\"isSelected(opt.id??'')\">{{opt.text}}</div>\n }\n \n </div>\n <!-- BLOQUE DE LISTTA DETALLADA -->\n @if(enabledListView && selectedValues.length > 0){\n <h2 class=\"pool-selected-title\">{{listViewTitle}}</h2>\n <div>\n @for (item of selectedValues; track item.id) {\n <div class=\"pool-selected\"> \n <div class=\"pool-selected-label\">{{getItemName(item.id)}} </div>\n <div class=\"pool-selected-input\">\n <ui-input [disabled]=\"disabled\">\n <input [disabled]=\"disabled\" placeholder=\"Detalle\" type=\"text\" [value]=\"item.detail ?? ''\" (input)=\"updateDetail(item.id, $any($event.target).value)\">\n </ui-input>\n @if (!disabled) {\n <div class=\"pool-selected-button\" (click)=\"updateOptions(item.id)\" >\n <i class=\"ri-delete-bin-5-line\" ></i>\n </div>\n }\n </div>\n </div>\n }\n </div>\n }\n </div>\n <!-- ALERTS -->\n @if (error) {\n <div class=\"fakeinput-alert f-red\">{{error}}</div>\n }\n @if (tip) {\n <div class=\"fakeinput-alert tip\">{{tip}}</div>\n }\n </div>\n</div>\n", styles: [".pool-wrapper{display:flex;gap:var(--design-size-ref);flex-wrap:wrap}.pool-option{border:solid 1px var(--grey-300);color:var(--secondary-400);background-color:var(--secondary-50);font-size:.875rem;line-height:1.25rem;font-weight:400;padding:.5rem 1rem;border-radius:1rem;transition:ease .3s;-webkit-user-select:none;user-select:none;cursor:pointer}.pool-option:hover{border-color:var(--secondary-400)}.pool-selected-title{font-size:1.625rem;font-weight:600;line-height:calc(1.625rem + 4px);margin:1.5rem 0;color:var(--grey-950)}.pool-selected-label{margin-top:24px;font-size:.875rem;margin-bottom:.5rem}.pool-selected-input{display:flex;align-items:center;gap:16px}.pool-selected-button{height:calc(4 * var(--form-ref));aspect-ratio:1;border-radius:var(--button-radius);border:solid 1px var(--grey-300);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:ease .3s}.pool-selected-button:hover{border-color:var(--red-400);color:var(--red-600)}.disabled-opt{background-color:var(--grey-200);border:none;cursor:not-allowed}.active-opt{background-color:var(--secondary-100);border:solid 1px var(--primary-400)}\n", ":host{width:100%}.input-container{flex:1 1;overflow:hidden}.input-options{border-radius:var(--input-radius);background-color:var(--white);box-shadow:0 1px 1px #00000020,0 2px 5px #00000050;width:100%;top:100%;font-size:.875rem;z-index:500;overflow:hidden}.option-divider{width:98%;margin:auto;border-bottom:1px solid var(--grey-200)}.input-option{display:flex;align-items:center;padding:6px 12px;line-height:1rem;-webkit-user-select:none;user-select:none;transition:ease .3s;border-radius:.25rem}.input-option-focused{background-color:var(--primary-500)}.input-option:hover{background-color:var(--secondary-100);cursor:pointer}.input-option-scroll{padding:.25rem;max-height:180px;overflow:auto}.input-option-scroll-line{border-bottom:solid 1px var(--grey-200);width:100%;margin-top:2px}.input-option-scroll-focused{background-color:var(--primary-300)}.input-option-scroll-btns{border-top:solid 1px var(--grey-200);padding-top:5px;display:flex;justify-content:space-around}.input-option-scroll-btns button{background-color:var(--white);border:solid 1px var(--grey-200);padding:4px 10px;border-radius:10px}.input-option-scroll app-checkbox{width:100%}.input-wrapper{display:flex;align-items:center;width:100%;max-width:100%}.input-externalicon{margin-right:.5rem;font-size:1.625rem;height:1.625rem;width:1.625rem}.input-elements{flex-grow:1;display:flex;flex-direction:column;width:100%}.input-internalicon{color:var(--grey-700);margin-right:calc(var(--form-ref) * .6);font-size:calc(2.5 * var(--form-ref))}.label{font-size:max(var(--form-ref) + 4px,14px);line-height:1.125rem;font-weight:400;color:var(--grey-950);margin-bottom:var(--input-label-space)}.disabled-placeholder{color:var(--disabled-color-placeholder)}.fakeinput{min-height:calc(4 * var(--form-ref));border-radius:var(--input-radius);overflow:hidden;border:solid 1px var(--grey-200);display:flex;align-items:center;font-size:.875rem;-webkit-user-select:none;user-select:none;background-color:var(--white);transition:ease .3s;padding:0 var(--form-ref)}.fakeinput-wrapp{position:relative}.fakeinput-emptytext{margin:0 5px;flex:1 1;overflow:hidden;font-size:max(var(--form-ref) + 4px,14px);white-space:nowrap}.fakeinput-emptytext i{font-size:20px}.fakeinput ::ng-deep textarea{padding:10px 0}.fakeinput ::ng-deep input{height:calc(4 * var(--form-ref));padding:0}.fakeinput ::ng-deep input,.fakeinput ::ng-deep textarea{font-size:max(var(--form-ref) + 4px,14px);flex-grow:1;outline:none;width:100%;background-color:transparent;border:none!important}.fakeinput ::ng-deep input:disabled,.fakeinput ::ng-deep textarea:disabled{color:var(--disabled-color)}.fakeinput ::ng-deep input:disabled~.fakeinput,.fakeinput ::ng-deep textarea:disabled~.fakeinput{background-color:var(--disabled-background);color:var(--disabled-color)}.fakeinput ::ng-deep input:disabled::placeholder,.fakeinput ::ng-deep textarea:disabled::placeholder{color:var(--disabled-color-placeholder)}.fakeinput-button{margin:0;border:none;display:flex;justify-content:center;align-items:center;padding:4px 5px 5px;transition:ease .3s;background-color:var(--grey-200)}.fakeinput-button:disabled{background-color:var(--disabled-background);color:var(--disabled-color)}.fakeinput-button:enabled:hover{cursor:pointer;background-color:var(--primary-300);color:var(--white)}.fakeinput-button:enabled:active{background-color:var(--primary-700)}.fakeinput app-checkbox{width:100%}.fakeinput-alert{font-size:13px;line-height:15px;padding:1px 4px}.fakeinput button{color:var(--grey-200)}.fakeinput:focus-within{box-shadow:0 0 0 3px var(--secondary-alpha)}.fakeinput:hover{border-color:var(--grey-400);cursor:text}.activeselect{border-color:var(--primary-600)}.errorinput{border-color:var(--red-500)!important}.t-disabled{color:var(--disabled-color);padding:5px;text-align:center}.disabledinput{background-color:var(--disabled-background);color:var(--disabled-color)}.disabledinput ::ng-deep input{color:var(--disabled-color)}.inputlabel{display:flex;align-items:center}.f-primary{color:var(--primary-500)}.f-secondary{color:var(--secondary-500)}.f-red{color:var(--red-500)}.f-yellow{color:var(--yellow-500)}.f-blue{color:var(--blue-500)}.f-green{color:var(--green-500)}.f-black{color:var(--grey-900)}.tip{color:var(--grey-500)}.item-disabled{color:var(--grey-400)}.item-disabled:hover{background-color:var(--white);cursor:not-allowed}.loading-input{background:linear-gradient(-45deg,#f2f2f2 40%,#dee1e2,#f2f2f2 60%);background-size:300%;background-position-x:100%;animation:shimmer 1s infinite linear}@keyframes shimmer{to{background-position-x:0%}}.char-counter{width:100%;display:flex;justify-content:flex-end;font-size:10px;color:var(--grey-400)}\n"] }]
|
|
1112
1112
|
}], propDecorators: { icon: [{
|
|
1113
1113
|
type: Input
|
|
1114
1114
|
}], iconColor: [{
|
|
@@ -2490,6 +2490,10 @@ class UicFormWrapperComponent {
|
|
|
2490
2490
|
if (changes['externalData']) {
|
|
2491
2491
|
this.updateExtenalData();
|
|
2492
2492
|
}
|
|
2493
|
+
if (changes['initialValues']) {
|
|
2494
|
+
this.buildForm();
|
|
2495
|
+
this.updateExtenalData();
|
|
2496
|
+
}
|
|
2493
2497
|
}
|
|
2494
2498
|
handleNgOnChange() {
|
|
2495
2499
|
this.buildForm();
|
|
@@ -2541,11 +2545,11 @@ class UicFormWrapperComponent {
|
|
|
2541
2545
|
});
|
|
2542
2546
|
}
|
|
2543
2547
|
updateExtenalData() {
|
|
2544
|
-
if (!this.externalData)
|
|
2548
|
+
if (!this.externalData || !this.schema?.blocks)
|
|
2545
2549
|
return;
|
|
2546
|
-
this.schema.blocks
|
|
2550
|
+
for (const block of this.schema.blocks) {
|
|
2547
2551
|
block.fields = this.updateFieldOptions(block);
|
|
2548
|
-
}
|
|
2552
|
+
}
|
|
2549
2553
|
}
|
|
2550
2554
|
mapValidatorsFromField(f) {
|
|
2551
2555
|
const validators = [];
|
|
@@ -2928,11 +2932,11 @@ class UicMultySearcherComponent {
|
|
|
2928
2932
|
this.valuesChange.emit(this.values);
|
|
2929
2933
|
}
|
|
2930
2934
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UicMultySearcherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2931
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: UicMultySearcherComponent, isStandalone: true, selector: "ui-multy-searcher", inputs: { itemDisplayFn: "itemDisplayFn", disabled: "disabled", values: "values" }, outputs: { valuesChange: "valuesChange" }, ngImport: i0, template: "<div class=\"search-results\">\r\n @for (item of values; track $index) {\r\n <div class=\"search-result\" [class.disabledresult]=\"disabled\">\r\n
|
|
2935
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: UicMultySearcherComponent, isStandalone: true, selector: "ui-multy-searcher", inputs: { itemDisplayFn: "itemDisplayFn", disabled: "disabled", values: "values" }, outputs: { valuesChange: "valuesChange" }, ngImport: i0, template: "<div class=\"search-results\">\r\n @for (item of values; track $index) {\r\n <div class=\"search-result\" [class.disabledresult]=\"disabled\">\r\n <div [innerHTML]=\"itemDisplayFn?itemDisplayFn(item):''\">\r\n </div>\r\n @if ( !disabled ){\r\n <ui-button (click)=\"removeItem($index)\" [iconOnly]=\"true\" icon=\"ri-delete-bin-line\" type=\"ghost\" color=\"red\" size=\"s\"></ui-button>\r\n }\r\n </div>\r\n }\r\n</div>", styles: [".search-results{display:flex;flex-direction:column;gap:5px}.search-result{font-size:14px;line-height:16px;min-height:33px;padding:2px 2px 2px 10px;border:solid 1px var(--grey-300);border-radius:4px;display:flex;background-color:var(--grey-50);align-items:center;justify-content:space-between}.disabledresult{color:var(--disabled-color)}\n"], dependencies: [{ kind: "component", type: UicButtonComponent, selector: "ui-button", inputs: ["text", "icon", "rightIcon", "iconOnly", "disabled", "loading", "size", "type", "color"] }] });
|
|
2932
2936
|
}
|
|
2933
2937
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: UicMultySearcherComponent, decorators: [{
|
|
2934
2938
|
type: Component,
|
|
2935
|
-
args: [{ selector: 'ui-multy-searcher', imports: [UicButtonComponent], template: "<div class=\"search-results\">\r\n @for (item of values; track $index) {\r\n <div class=\"search-result\" [class.disabledresult]=\"disabled\">\r\n
|
|
2939
|
+
args: [{ selector: 'ui-multy-searcher', imports: [UicButtonComponent], template: "<div class=\"search-results\">\r\n @for (item of values; track $index) {\r\n <div class=\"search-result\" [class.disabledresult]=\"disabled\">\r\n <div [innerHTML]=\"itemDisplayFn?itemDisplayFn(item):''\">\r\n </div>\r\n @if ( !disabled ){\r\n <ui-button (click)=\"removeItem($index)\" [iconOnly]=\"true\" icon=\"ri-delete-bin-line\" type=\"ghost\" color=\"red\" size=\"s\"></ui-button>\r\n }\r\n </div>\r\n }\r\n</div>", styles: [".search-results{display:flex;flex-direction:column;gap:5px}.search-result{font-size:14px;line-height:16px;min-height:33px;padding:2px 2px 2px 10px;border:solid 1px var(--grey-300);border-radius:4px;display:flex;background-color:var(--grey-50);align-items:center;justify-content:space-between}.disabledresult{color:var(--disabled-color)}\n"] }]
|
|
2936
2940
|
}], propDecorators: { itemDisplayFn: [{
|
|
2937
2941
|
type: Input
|
|
2938
2942
|
}], disabled: [{
|
|
@@ -3939,9 +3943,9 @@ class UicModalComponent {
|
|
|
3939
3943
|
this.portalOutlet.attachComponentPortal(portal);
|
|
3940
3944
|
}
|
|
3941
3945
|
closeOuside() {
|
|
3942
|
-
if (
|
|
3943
|
-
|
|
3944
|
-
|
|
3946
|
+
if (this.congif.preventCloseingOutside === true)
|
|
3947
|
+
return;
|
|
3948
|
+
this.modalRef.closeFloating(null);
|
|
3945
3949
|
}
|
|
3946
3950
|
close() {
|
|
3947
3951
|
this.modalRef.closeFloating(null);
|
|
@@ -4006,9 +4010,9 @@ class UicSideModalComponent {
|
|
|
4006
4010
|
this.portalOutlet.attachComponentPortal(portal);
|
|
4007
4011
|
}
|
|
4008
4012
|
closeOuside() {
|
|
4009
|
-
if (
|
|
4010
|
-
|
|
4011
|
-
|
|
4013
|
+
if (this.congif.preventCloseingOutside === true)
|
|
4014
|
+
return;
|
|
4015
|
+
this.close();
|
|
4012
4016
|
}
|
|
4013
4017
|
close() {
|
|
4014
4018
|
this.state = 'hidden';
|