bc-primeng-ui 0.0.5 → 0.0.7
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.
|
@@ -4260,6 +4260,7 @@ class BCAutoCompleteComponent {
|
|
|
4260
4260
|
suggestions = [];
|
|
4261
4261
|
/** Campo a mostrar del objeto */
|
|
4262
4262
|
field = 'label';
|
|
4263
|
+
showClear = false;
|
|
4263
4264
|
placeholder;
|
|
4264
4265
|
minLength = 1;
|
|
4265
4266
|
dropdown = true;
|
|
@@ -4324,13 +4325,13 @@ class BCAutoCompleteComponent {
|
|
|
4324
4325
|
return !!(c && c.invalid && (c.dirty || c.touched));
|
|
4325
4326
|
}
|
|
4326
4327
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: BCAutoCompleteComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
|
|
4327
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.20", type: BCAutoCompleteComponent, isStandalone: true, selector: "bc-autocomplete", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, subLabel: { classPropertyName: "subLabel", publicName: "subLabel", isSignal: true, isRequired: false, transformFunction: null }, suggestions: { classPropertyName: "suggestions", publicName: "suggestions", isSignal: false, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: false, isRequired: false, transformFunction: null }, dropdown: { classPropertyName: "dropdown", publicName: "dropdown", isSignal: false, isRequired: false, transformFunction: null }, forceSelection: { classPropertyName: "forceSelection", publicName: "forceSelection", isSignal: false, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { completeMethod: "completeMethod", onSelect: "onSelect", onClear: "onClear" }, providers: [
|
|
4328
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.20", type: BCAutoCompleteComponent, isStandalone: true, selector: "bc-autocomplete", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: false, isRequired: false, transformFunction: null }, subLabel: { classPropertyName: "subLabel", publicName: "subLabel", isSignal: true, isRequired: false, transformFunction: null }, suggestions: { classPropertyName: "suggestions", publicName: "suggestions", isSignal: false, isRequired: false, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: false, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: false, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, minLength: { classPropertyName: "minLength", publicName: "minLength", isSignal: false, isRequired: false, transformFunction: null }, dropdown: { classPropertyName: "dropdown", publicName: "dropdown", isSignal: false, isRequired: false, transformFunction: null }, forceSelection: { classPropertyName: "forceSelection", publicName: "forceSelection", isSignal: false, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { completeMethod: "completeMethod", onSelect: "onSelect", onClear: "onClear" }, providers: [
|
|
4328
4329
|
{
|
|
4329
4330
|
provide: NG_VALUE_ACCESSOR,
|
|
4330
4331
|
useExisting: forwardRef(() => BCAutoCompleteComponent),
|
|
4331
4332
|
multi: true,
|
|
4332
4333
|
},
|
|
4333
|
-
], queries: [{ propertyName: "addOnBeforeTemplate", first: true, predicate: ["addOnBefore"], descendants: true }, { propertyName: "addOnAfterTemplate", first: true, predicate: ["addOnAfter"], descendants: true }], ngImport: i0, template: "<div class=\"field\">\r\n <label [attr.for]=\"inputId\" class=\"block font-bold mb-2\">\r\n <span [ngClass]=\"required ? 'required' : ''\">\r\n {{ label }}\r\n </span>\r\n <br />\r\n @if (subLabel()) {\r\n <span class=\"text-muted-color font-normal text-sm\">\r\n {{ subLabel() }}\r\n </span>\r\n }\r\n </label>\r\n\r\n <p-input-group>\r\n @if (addOnBeforeTemplate) {\r\n <p-inputgroup-addon>\r\n <ng-container [ngTemplateOutlet]=\"addOnBeforeTemplate\"></ng-container>\r\n </p-inputgroup-addon>\r\n }\r\n\r\n <div class=\"w-full\">\r\n <p-autoComplete\r\n [id]=\"inputId\"\r\n [(ngModel)]=\"value\"\r\n [suggestions]=\"suggestions\"\r\n (completeMethod)=\"onSearch($event)\"\r\n (onSelect)=\"onItemSelect($event)\"\r\n (onClear)=\"onItemSelect($event)\"\r\n (onBlur)=\"onBlur()\"\r\n [optionLabel]=\"field\"\r\n [dropdown]=\"dropdown\"\r\n [forceSelection]=\"forceSelection\"\r\n [minLength]=\"minLength\"\r\n [placeholder]=\"placeholder || label\"\r\n [disabled]=\"isDisabled\"\r\n styleClass=\"w-full\"\r\n inputStyleClass=\"w-full\"\r\n [ngClass]=\"{ 'ng-invalid ng-dirty': showError }\"\r\n >\r\n </p-autoComplete>\r\n </div>\r\n\r\n @if (addOnAfterTemplate) {\r\n <p-inputgroup-addon>\r\n <ng-container [ngTemplateOutlet]=\"addOnAfterTemplate\"></ng-container>\r\n </p-inputgroup-addon>\r\n }\r\n </p-input-group>\r\n\r\n <ng-container [ngTemplateOutlet]=\"formFieldErrorComponent\"></ng-container>\r\n\r\n <ng-template #formFieldErrorComponent>\r\n <bc-form-field-error [control]=\"control\" [fieldName]=\"label\"></bc-form-field-error>\r\n </ng-template>\r\n</div>\r\n", styles: [".required:after{content:\"*\";color:#c62828;margin-left:.25rem}:host ::ng-deep .ng-invalid.ng-dirty .p-autocomplete-input{border-color:#c62828!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i3$4.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "minQueryLength", "delay", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "addOnTab", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "addOnBlur", "separator", "appendTo"], outputs: ["completeMethod", "onSelect", "onUnselect", "onAdd", "onFocus", "onBlur", "onDropdownClick", "onClear", "onInputKeydown", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i4.InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i5$1.InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "component", type: FormFieldErrorComponent, selector: "bc-form-field-error", inputs: ["control", "fieldName", "style"] }] });
|
|
4334
|
+
], queries: [{ propertyName: "addOnBeforeTemplate", first: true, predicate: ["addOnBefore"], descendants: true }, { propertyName: "addOnAfterTemplate", first: true, predicate: ["addOnAfter"], descendants: true }], ngImport: i0, template: "<div class=\"field\">\r\n <label [attr.for]=\"inputId\" class=\"block font-bold mb-2\">\r\n <span [ngClass]=\"required ? 'required' : ''\">\r\n {{ label }}\r\n </span>\r\n <br />\r\n @if (subLabel()) {\r\n <span class=\"text-muted-color font-normal text-sm\">\r\n {{ subLabel() }}\r\n </span>\r\n }\r\n </label>\r\n\r\n <p-input-group>\r\n @if (addOnBeforeTemplate) {\r\n <p-inputgroup-addon>\r\n <ng-container [ngTemplateOutlet]=\"addOnBeforeTemplate\"></ng-container>\r\n </p-inputgroup-addon>\r\n }\r\n\r\n <div class=\"w-full\">\r\n <p-autoComplete\r\n [id]=\"inputId\"\r\n [(ngModel)]=\"value\"\r\n [suggestions]=\"suggestions\"\r\n (completeMethod)=\"onSearch($event)\"\r\n (onSelect)=\"onItemSelect($event)\"\r\n (onClear)=\"onItemSelect($event)\"\r\n (onBlur)=\"onBlur()\"\r\n [showClear]=\"showClear\"\r\n [optionLabel]=\"field\"\r\n [dropdown]=\"dropdown\"\r\n [forceSelection]=\"forceSelection\"\r\n [minLength]=\"minLength\"\r\n [placeholder]=\"placeholder || label\"\r\n [disabled]=\"isDisabled\"\r\n styleClass=\"w-full\"\r\n inputStyleClass=\"w-full\"\r\n [ngClass]=\"{ 'ng-invalid ng-dirty': showError }\"\r\n >\r\n </p-autoComplete>\r\n </div>\r\n\r\n @if (addOnAfterTemplate) {\r\n <p-inputgroup-addon>\r\n <ng-container [ngTemplateOutlet]=\"addOnAfterTemplate\"></ng-container>\r\n </p-inputgroup-addon>\r\n }\r\n </p-input-group>\r\n\r\n <ng-container [ngTemplateOutlet]=\"formFieldErrorComponent\"></ng-container>\r\n\r\n <ng-template #formFieldErrorComponent>\r\n <bc-form-field-error [control]=\"control\" [fieldName]=\"label\"></bc-form-field-error>\r\n </ng-template>\r\n</div>\r\n", styles: [".required:after{content:\"*\";color:#c62828;margin-left:.25rem}:host ::ng-deep .ng-invalid.ng-dirty .p-autocomplete-input{border-color:#c62828!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: AutoCompleteModule }, { kind: "component", type: i3$4.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "minQueryLength", "delay", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "addOnTab", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "addOnBlur", "separator", "appendTo"], outputs: ["completeMethod", "onSelect", "onUnselect", "onAdd", "onFocus", "onBlur", "onDropdownClick", "onClear", "onInputKeydown", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "ngmodule", type: InputGroupModule }, { kind: "component", type: i4.InputGroup, selector: "p-inputgroup, p-inputGroup, p-input-group", inputs: ["styleClass"] }, { kind: "ngmodule", type: InputGroupAddonModule }, { kind: "component", type: i5$1.InputGroupAddon, selector: "p-inputgroup-addon, p-inputGroupAddon", inputs: ["style", "styleClass"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "component", type: FormFieldErrorComponent, selector: "bc-form-field-error", inputs: ["control", "fieldName", "style"] }] });
|
|
4334
4335
|
}
|
|
4335
4336
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.20", ngImport: i0, type: BCAutoCompleteComponent, decorators: [{
|
|
4336
4337
|
type: Component,
|
|
@@ -4349,13 +4350,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.20", ngImpo
|
|
|
4349
4350
|
useExisting: forwardRef(() => BCAutoCompleteComponent),
|
|
4350
4351
|
multi: true,
|
|
4351
4352
|
},
|
|
4352
|
-
], template: "<div class=\"field\">\r\n <label [attr.for]=\"inputId\" class=\"block font-bold mb-2\">\r\n <span [ngClass]=\"required ? 'required' : ''\">\r\n {{ label }}\r\n </span>\r\n <br />\r\n @if (subLabel()) {\r\n <span class=\"text-muted-color font-normal text-sm\">\r\n {{ subLabel() }}\r\n </span>\r\n }\r\n </label>\r\n\r\n <p-input-group>\r\n @if (addOnBeforeTemplate) {\r\n <p-inputgroup-addon>\r\n <ng-container [ngTemplateOutlet]=\"addOnBeforeTemplate\"></ng-container>\r\n </p-inputgroup-addon>\r\n }\r\n\r\n <div class=\"w-full\">\r\n <p-autoComplete\r\n [id]=\"inputId\"\r\n [(ngModel)]=\"value\"\r\n [suggestions]=\"suggestions\"\r\n (completeMethod)=\"onSearch($event)\"\r\n (onSelect)=\"onItemSelect($event)\"\r\n (onClear)=\"onItemSelect($event)\"\r\n (onBlur)=\"onBlur()\"\r\n [optionLabel]=\"field\"\r\n [dropdown]=\"dropdown\"\r\n [forceSelection]=\"forceSelection\"\r\n [minLength]=\"minLength\"\r\n [placeholder]=\"placeholder || label\"\r\n [disabled]=\"isDisabled\"\r\n styleClass=\"w-full\"\r\n inputStyleClass=\"w-full\"\r\n [ngClass]=\"{ 'ng-invalid ng-dirty': showError }\"\r\n >\r\n </p-autoComplete>\r\n </div>\r\n\r\n @if (addOnAfterTemplate) {\r\n <p-inputgroup-addon>\r\n <ng-container [ngTemplateOutlet]=\"addOnAfterTemplate\"></ng-container>\r\n </p-inputgroup-addon>\r\n }\r\n </p-input-group>\r\n\r\n <ng-container [ngTemplateOutlet]=\"formFieldErrorComponent\"></ng-container>\r\n\r\n <ng-template #formFieldErrorComponent>\r\n <bc-form-field-error [control]=\"control\" [fieldName]=\"label\"></bc-form-field-error>\r\n </ng-template>\r\n</div>\r\n", styles: [".required:after{content:\"*\";color:#c62828;margin-left:.25rem}:host ::ng-deep .ng-invalid.ng-dirty .p-autocomplete-input{border-color:#c62828!important}\n"] }]
|
|
4353
|
+
], template: "<div class=\"field\">\r\n <label [attr.for]=\"inputId\" class=\"block font-bold mb-2\">\r\n <span [ngClass]=\"required ? 'required' : ''\">\r\n {{ label }}\r\n </span>\r\n <br />\r\n @if (subLabel()) {\r\n <span class=\"text-muted-color font-normal text-sm\">\r\n {{ subLabel() }}\r\n </span>\r\n }\r\n </label>\r\n\r\n <p-input-group>\r\n @if (addOnBeforeTemplate) {\r\n <p-inputgroup-addon>\r\n <ng-container [ngTemplateOutlet]=\"addOnBeforeTemplate\"></ng-container>\r\n </p-inputgroup-addon>\r\n }\r\n\r\n <div class=\"w-full\">\r\n <p-autoComplete\r\n [id]=\"inputId\"\r\n [(ngModel)]=\"value\"\r\n [suggestions]=\"suggestions\"\r\n (completeMethod)=\"onSearch($event)\"\r\n (onSelect)=\"onItemSelect($event)\"\r\n (onClear)=\"onItemSelect($event)\"\r\n (onBlur)=\"onBlur()\"\r\n [showClear]=\"showClear\"\r\n [optionLabel]=\"field\"\r\n [dropdown]=\"dropdown\"\r\n [forceSelection]=\"forceSelection\"\r\n [minLength]=\"minLength\"\r\n [placeholder]=\"placeholder || label\"\r\n [disabled]=\"isDisabled\"\r\n styleClass=\"w-full\"\r\n inputStyleClass=\"w-full\"\r\n [ngClass]=\"{ 'ng-invalid ng-dirty': showError }\"\r\n >\r\n </p-autoComplete>\r\n </div>\r\n\r\n @if (addOnAfterTemplate) {\r\n <p-inputgroup-addon>\r\n <ng-container [ngTemplateOutlet]=\"addOnAfterTemplate\"></ng-container>\r\n </p-inputgroup-addon>\r\n }\r\n </p-input-group>\r\n\r\n <ng-container [ngTemplateOutlet]=\"formFieldErrorComponent\"></ng-container>\r\n\r\n <ng-template #formFieldErrorComponent>\r\n <bc-form-field-error [control]=\"control\" [fieldName]=\"label\"></bc-form-field-error>\r\n </ng-template>\r\n</div>\r\n", styles: [".required:after{content:\"*\";color:#c62828;margin-left:.25rem}:host ::ng-deep .ng-invalid.ng-dirty .p-autocomplete-input{border-color:#c62828!important}\n"] }]
|
|
4353
4354
|
}], ctorParameters: () => [{ type: i0.Injector }], propDecorators: { label: [{
|
|
4354
4355
|
type: Input
|
|
4355
4356
|
}], subLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "subLabel", required: false }] }], suggestions: [{
|
|
4356
4357
|
type: Input
|
|
4357
4358
|
}], field: [{
|
|
4358
4359
|
type: Input
|
|
4360
|
+
}], showClear: [{
|
|
4361
|
+
type: Input
|
|
4359
4362
|
}], placeholder: [{
|
|
4360
4363
|
type: Input
|
|
4361
4364
|
}], minLength: [{
|
|
@@ -5026,5 +5029,5 @@ const errorInterceptor = (req, next) => {
|
|
|
5026
5029
|
* Generated bundle index. Do not edit.
|
|
5027
5030
|
*/
|
|
5028
5031
|
|
|
5029
|
-
export { BCAutoCompleteComponent, BCBaseComponent, BCBaseDataComponent, BCBaseFormDialogComponent, BCBaseModel, BCBaseService, BCCheckboxComponent, BCConfirmDialogComponent, BCCurrencyboxComponent, BCCustomSelectComponent, BCDatePickerComponent, BCGenericPTableComponent, BCLoadingComponent, BCTextboxComponent, CustomDatepickerComponent, FormFieldErrorComponent, TranslationHttpLoader, errorInterceptor, loadingInterceptor };
|
|
5032
|
+
export { AppConfirmationService, BCAutoCompleteComponent, BCBaseComponent, BCBaseDataComponent, BCBaseFormDialogComponent, BCBaseModel, BCBaseService, BCCheckboxComponent, BCConfirmDialogComponent, BCCurrencyboxComponent, BCCustomSelectComponent, BCDatePickerComponent, BCGenericPTableComponent, BCLoadingComponent, BCTextboxComponent, CustomDatepickerComponent, FormFieldErrorComponent, NotificationService, TranslationHttpLoader, errorInterceptor, loadingInterceptor };
|
|
5030
5033
|
//# sourceMappingURL=bc-primeng-ui.mjs.map
|