primekit 1.0.2 → 1.0.3
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.
|
@@ -53,7 +53,7 @@ export class AtomixAutocompleteComponent {
|
|
|
53
53
|
useExisting: forwardRef(() => AtomixAutocompleteComponent),
|
|
54
54
|
multi: true,
|
|
55
55
|
},
|
|
56
|
-
], ngImport: i0, template: "<label *ngIf=\"label\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<div [class]=\"autocompleteContainer + ' atomix-autocomplete-wrapper'\">\n <p-autoComplete\n [(ngModel)]=\"selectedValues\"\n [suggestions]=\"suggestions\"\n [placeholder]=\"placeholder\"\n [optionLabel]=\"optionLabel\"\n [showClear]=\"showClear\"\n [dropdown]=\"dropdown\"\n [name]=\"name\"\n [styleClass]=\"styleClass\"\n (completeMethod)=\"queryHandler.emit([$event, name])\"\n (onSelect)=\"selectOptionHandler.emit([$event, name])\"\n (onClear)=\"selectOptionHandler.emit([$event, name])\"\n [showEmptyMessage]=\"true\"\n appendTo=\"body\"\n\n [virtualScroll]=\"virtualScroll\"\n [virtualScrollItemSize]=\"virtualScrollItemSize\"\n [delay]=\"delay\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"onModelChange($event)\"\n >\n <ng-template let-item pTemplate=\"item\">\n <div class=\"autocomplete-item\">\n <div class=\"font-semibold\">{{ item[optionLabel] }}</div>\n <div class=\"text-xs text-gray-500\">\n {{ item[optionDescription] }}\n </div>\n </div>\n </ng-template>\n </p-autoComplete>\n</div>", styles: ["::ng-deep .p-autocomplete-dd .p-autocomplete-dropdown{border-radius:0 var(--global-border-radius) var(--global-border-radius) 0!important}::ng-deep .atomix-autocomplete-wrapper{border-radius:var(--global-border-radius)}::ng-deep .atomix-autocomplete-wrapper .p-inputtext{background-color:var(--filter-inventory-bg)!important;padding:0rem 0rem 0rem 1rem!important;min-width:8rem;border-radius:var(--global-border-radius) 0px 0px var(--global-border-radius);padding-right:16px!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-dropdown{color:var(--primary-text-color)!important;border-radius:var(--global-border-radius);border:1px solid var(--border-color);border-left:none}::ng-deep .atomix-autocomplete-wrapper .p-inputtext:enabled:focus{box-shadow:none!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-clear-icon{right:3.3rem}::ng-deep .atomix-autocomplete-wrapper .font-semibold{font-weight:600}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }] });
|
|
56
|
+
], ngImport: i0, template: "<label *ngIf=\"label\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<div [class]=\"autocompleteContainer + ' atomix-autocomplete-wrapper'\">\n <p-autoComplete\n [(ngModel)]=\"selectedValues\"\n [suggestions]=\"suggestions\"\n [placeholder]=\"placeholder\"\n [optionLabel]=\"optionLabel\"\n [showClear]=\"showClear\"\n [dropdown]=\"dropdown\"\n [name]=\"name\"\n [styleClass]=\"styleClass\"\n (completeMethod)=\"queryHandler.emit([$event, name])\"\n (onSelect)=\"selectOptionHandler.emit([$event, name])\"\n (onClear)=\"selectOptionHandler.emit([$event, name])\"\n [showEmptyMessage]=\"true\"\n appendTo=\"body\"\n\n [virtualScroll]=\"virtualScroll\"\n [virtualScrollItemSize]=\"virtualScrollItemSize\"\n [delay]=\"delay\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"onModelChange($event)\"\n >\n <ng-template let-item pTemplate=\"item\">\n <div class=\"autocomplete-item\">\n <div class=\"font-semibold\">{{ item[optionLabel] }}</div>\n <div class=\"text-xs text-gray-500\">\n {{ item[optionDescription] }}\n </div>\n </div>\n </ng-template>\n </p-autoComplete>\n</div>", styles: ["::ng-deep .p-autocomplete-dd .p-autocomplete-dropdown{border-radius:0 var(--global-border-radius) var(--global-border-radius) 0!important}::ng-deep .atomix-autocomplete-wrapper{border-radius:var(--global-border-radius);margin-left:.5rem}::ng-deep .atomix-autocomplete-wrapper .p-inputtext{background-color:var(--filter-inventory-bg)!important;padding:0rem 0rem 0rem 1rem!important;min-width:8rem;border-radius:var(--global-border-radius) 0px 0px var(--global-border-radius);padding-right:16px!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-dropdown{color:var(--primary-text-color)!important;border-radius:var(--global-border-radius);border:1px solid var(--border-color);border-left:none}::ng-deep .atomix-autocomplete-wrapper .p-inputtext:enabled:focus{box-shadow:none!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-clear-icon{right:3.3rem}::ng-deep .atomix-autocomplete-wrapper .font-semibold{font-weight:600}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }] });
|
|
57
57
|
}
|
|
58
58
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixAutocompleteComponent, decorators: [{
|
|
59
59
|
type: Component,
|
|
@@ -63,7 +63,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
63
63
|
useExisting: forwardRef(() => AtomixAutocompleteComponent),
|
|
64
64
|
multi: true,
|
|
65
65
|
},
|
|
66
|
-
], template: "<label *ngIf=\"label\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<div [class]=\"autocompleteContainer + ' atomix-autocomplete-wrapper'\">\n <p-autoComplete\n [(ngModel)]=\"selectedValues\"\n [suggestions]=\"suggestions\"\n [placeholder]=\"placeholder\"\n [optionLabel]=\"optionLabel\"\n [showClear]=\"showClear\"\n [dropdown]=\"dropdown\"\n [name]=\"name\"\n [styleClass]=\"styleClass\"\n (completeMethod)=\"queryHandler.emit([$event, name])\"\n (onSelect)=\"selectOptionHandler.emit([$event, name])\"\n (onClear)=\"selectOptionHandler.emit([$event, name])\"\n [showEmptyMessage]=\"true\"\n appendTo=\"body\"\n\n [virtualScroll]=\"virtualScroll\"\n [virtualScrollItemSize]=\"virtualScrollItemSize\"\n [delay]=\"delay\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"onModelChange($event)\"\n >\n <ng-template let-item pTemplate=\"item\">\n <div class=\"autocomplete-item\">\n <div class=\"font-semibold\">{{ item[optionLabel] }}</div>\n <div class=\"text-xs text-gray-500\">\n {{ item[optionDescription] }}\n </div>\n </div>\n </ng-template>\n </p-autoComplete>\n</div>", styles: ["::ng-deep .p-autocomplete-dd .p-autocomplete-dropdown{border-radius:0 var(--global-border-radius) var(--global-border-radius) 0!important}::ng-deep .atomix-autocomplete-wrapper{border-radius:var(--global-border-radius)}::ng-deep .atomix-autocomplete-wrapper .p-inputtext{background-color:var(--filter-inventory-bg)!important;padding:0rem 0rem 0rem 1rem!important;min-width:8rem;border-radius:var(--global-border-radius) 0px 0px var(--global-border-radius);padding-right:16px!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-dropdown{color:var(--primary-text-color)!important;border-radius:var(--global-border-radius);border:1px solid var(--border-color);border-left:none}::ng-deep .atomix-autocomplete-wrapper .p-inputtext:enabled:focus{box-shadow:none!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-clear-icon{right:3.3rem}::ng-deep .atomix-autocomplete-wrapper .font-semibold{font-weight:600}\n"] }]
|
|
66
|
+
], template: "<label *ngIf=\"label\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<div [class]=\"autocompleteContainer + ' atomix-autocomplete-wrapper'\">\n <p-autoComplete\n [(ngModel)]=\"selectedValues\"\n [suggestions]=\"suggestions\"\n [placeholder]=\"placeholder\"\n [optionLabel]=\"optionLabel\"\n [showClear]=\"showClear\"\n [dropdown]=\"dropdown\"\n [name]=\"name\"\n [styleClass]=\"styleClass\"\n (completeMethod)=\"queryHandler.emit([$event, name])\"\n (onSelect)=\"selectOptionHandler.emit([$event, name])\"\n (onClear)=\"selectOptionHandler.emit([$event, name])\"\n [showEmptyMessage]=\"true\"\n appendTo=\"body\"\n\n [virtualScroll]=\"virtualScroll\"\n [virtualScrollItemSize]=\"virtualScrollItemSize\"\n [delay]=\"delay\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"onModelChange($event)\"\n >\n <ng-template let-item pTemplate=\"item\">\n <div class=\"autocomplete-item\">\n <div class=\"font-semibold\">{{ item[optionLabel] }}</div>\n <div class=\"text-xs text-gray-500\">\n {{ item[optionDescription] }}\n </div>\n </div>\n </ng-template>\n </p-autoComplete>\n</div>", styles: ["::ng-deep .p-autocomplete-dd .p-autocomplete-dropdown{border-radius:0 var(--global-border-radius) var(--global-border-radius) 0!important}::ng-deep .atomix-autocomplete-wrapper{border-radius:var(--global-border-radius);margin-left:.5rem}::ng-deep .atomix-autocomplete-wrapper .p-inputtext{background-color:var(--filter-inventory-bg)!important;padding:0rem 0rem 0rem 1rem!important;min-width:8rem;border-radius:var(--global-border-radius) 0px 0px var(--global-border-radius);padding-right:16px!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-dropdown{color:var(--primary-text-color)!important;border-radius:var(--global-border-radius);border:1px solid var(--border-color);border-left:none}::ng-deep .atomix-autocomplete-wrapper .p-inputtext:enabled:focus{box-shadow:none!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-clear-icon{right:3.3rem}::ng-deep .atomix-autocomplete-wrapper .font-semibold{font-weight:600}\n"] }]
|
|
67
67
|
}], propDecorators: { suggestions: [{
|
|
68
68
|
type: Input
|
|
69
69
|
}], placeholder: [{
|
package/fesm2022/primekit.mjs
CHANGED
|
@@ -2522,7 +2522,7 @@ class AtomixAutocompleteComponent {
|
|
|
2522
2522
|
useExisting: forwardRef(() => AtomixAutocompleteComponent),
|
|
2523
2523
|
multi: true,
|
|
2524
2524
|
},
|
|
2525
|
-
], ngImport: i0, template: "<label *ngIf=\"label\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<div [class]=\"autocompleteContainer + ' atomix-autocomplete-wrapper'\">\n <p-autoComplete\n [(ngModel)]=\"selectedValues\"\n [suggestions]=\"suggestions\"\n [placeholder]=\"placeholder\"\n [optionLabel]=\"optionLabel\"\n [showClear]=\"showClear\"\n [dropdown]=\"dropdown\"\n [name]=\"name\"\n [styleClass]=\"styleClass\"\n (completeMethod)=\"queryHandler.emit([$event, name])\"\n (onSelect)=\"selectOptionHandler.emit([$event, name])\"\n (onClear)=\"selectOptionHandler.emit([$event, name])\"\n [showEmptyMessage]=\"true\"\n appendTo=\"body\"\n\n [virtualScroll]=\"virtualScroll\"\n [virtualScrollItemSize]=\"virtualScrollItemSize\"\n [delay]=\"delay\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"onModelChange($event)\"\n >\n <ng-template let-item pTemplate=\"item\">\n <div class=\"autocomplete-item\">\n <div class=\"font-semibold\">{{ item[optionLabel] }}</div>\n <div class=\"text-xs text-gray-500\">\n {{ item[optionDescription] }}\n </div>\n </div>\n </ng-template>\n </p-autoComplete>\n</div>", styles: ["::ng-deep .p-autocomplete-dd .p-autocomplete-dropdown{border-radius:0 var(--global-border-radius) var(--global-border-radius) 0!important}::ng-deep .atomix-autocomplete-wrapper{border-radius:var(--global-border-radius)}::ng-deep .atomix-autocomplete-wrapper .p-inputtext{background-color:var(--filter-inventory-bg)!important;padding:0rem 0rem 0rem 1rem!important;min-width:8rem;border-radius:var(--global-border-radius) 0px 0px var(--global-border-radius);padding-right:16px!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-dropdown{color:var(--primary-text-color)!important;border-radius:var(--global-border-radius);border:1px solid var(--border-color);border-left:none}::ng-deep .atomix-autocomplete-wrapper .p-inputtext:enabled:focus{box-shadow:none!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-clear-icon{right:3.3rem}::ng-deep .atomix-autocomplete-wrapper .font-semibold{font-weight:600}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$1.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }] });
|
|
2525
|
+
], ngImport: i0, template: "<label *ngIf=\"label\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<div [class]=\"autocompleteContainer + ' atomix-autocomplete-wrapper'\">\n <p-autoComplete\n [(ngModel)]=\"selectedValues\"\n [suggestions]=\"suggestions\"\n [placeholder]=\"placeholder\"\n [optionLabel]=\"optionLabel\"\n [showClear]=\"showClear\"\n [dropdown]=\"dropdown\"\n [name]=\"name\"\n [styleClass]=\"styleClass\"\n (completeMethod)=\"queryHandler.emit([$event, name])\"\n (onSelect)=\"selectOptionHandler.emit([$event, name])\"\n (onClear)=\"selectOptionHandler.emit([$event, name])\"\n [showEmptyMessage]=\"true\"\n appendTo=\"body\"\n\n [virtualScroll]=\"virtualScroll\"\n [virtualScrollItemSize]=\"virtualScrollItemSize\"\n [delay]=\"delay\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"onModelChange($event)\"\n >\n <ng-template let-item pTemplate=\"item\">\n <div class=\"autocomplete-item\">\n <div class=\"font-semibold\">{{ item[optionLabel] }}</div>\n <div class=\"text-xs text-gray-500\">\n {{ item[optionDescription] }}\n </div>\n </div>\n </ng-template>\n </p-autoComplete>\n</div>", styles: ["::ng-deep .p-autocomplete-dd .p-autocomplete-dropdown{border-radius:0 var(--global-border-radius) var(--global-border-radius) 0!important}::ng-deep .atomix-autocomplete-wrapper{border-radius:var(--global-border-radius);margin-left:.5rem}::ng-deep .atomix-autocomplete-wrapper .p-inputtext{background-color:var(--filter-inventory-bg)!important;padding:0rem 0rem 0rem 1rem!important;min-width:8rem;border-radius:var(--global-border-radius) 0px 0px var(--global-border-radius);padding-right:16px!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-dropdown{color:var(--primary-text-color)!important;border-radius:var(--global-border-radius);border:1px solid var(--border-color);border-left:none}::ng-deep .atomix-autocomplete-wrapper .p-inputtext:enabled:focus{box-shadow:none!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-clear-icon{right:3.3rem}::ng-deep .atomix-autocomplete-wrapper .font-semibold{font-weight:600}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$1.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "variant"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }] });
|
|
2526
2526
|
}
|
|
2527
2527
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixAutocompleteComponent, decorators: [{
|
|
2528
2528
|
type: Component,
|
|
@@ -2532,7 +2532,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
2532
2532
|
useExisting: forwardRef(() => AtomixAutocompleteComponent),
|
|
2533
2533
|
multi: true,
|
|
2534
2534
|
},
|
|
2535
|
-
], template: "<label *ngIf=\"label\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<div [class]=\"autocompleteContainer + ' atomix-autocomplete-wrapper'\">\n <p-autoComplete\n [(ngModel)]=\"selectedValues\"\n [suggestions]=\"suggestions\"\n [placeholder]=\"placeholder\"\n [optionLabel]=\"optionLabel\"\n [showClear]=\"showClear\"\n [dropdown]=\"dropdown\"\n [name]=\"name\"\n [styleClass]=\"styleClass\"\n (completeMethod)=\"queryHandler.emit([$event, name])\"\n (onSelect)=\"selectOptionHandler.emit([$event, name])\"\n (onClear)=\"selectOptionHandler.emit([$event, name])\"\n [showEmptyMessage]=\"true\"\n appendTo=\"body\"\n\n [virtualScroll]=\"virtualScroll\"\n [virtualScrollItemSize]=\"virtualScrollItemSize\"\n [delay]=\"delay\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"onModelChange($event)\"\n >\n <ng-template let-item pTemplate=\"item\">\n <div class=\"autocomplete-item\">\n <div class=\"font-semibold\">{{ item[optionLabel] }}</div>\n <div class=\"text-xs text-gray-500\">\n {{ item[optionDescription] }}\n </div>\n </div>\n </ng-template>\n </p-autoComplete>\n</div>", styles: ["::ng-deep .p-autocomplete-dd .p-autocomplete-dropdown{border-radius:0 var(--global-border-radius) var(--global-border-radius) 0!important}::ng-deep .atomix-autocomplete-wrapper{border-radius:var(--global-border-radius)}::ng-deep .atomix-autocomplete-wrapper .p-inputtext{background-color:var(--filter-inventory-bg)!important;padding:0rem 0rem 0rem 1rem!important;min-width:8rem;border-radius:var(--global-border-radius) 0px 0px var(--global-border-radius);padding-right:16px!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-dropdown{color:var(--primary-text-color)!important;border-radius:var(--global-border-radius);border:1px solid var(--border-color);border-left:none}::ng-deep .atomix-autocomplete-wrapper .p-inputtext:enabled:focus{box-shadow:none!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-clear-icon{right:3.3rem}::ng-deep .atomix-autocomplete-wrapper .font-semibold{font-weight:600}\n"] }]
|
|
2535
|
+
], template: "<label *ngIf=\"label\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<div [class]=\"autocompleteContainer + ' atomix-autocomplete-wrapper'\">\n <p-autoComplete\n [(ngModel)]=\"selectedValues\"\n [suggestions]=\"suggestions\"\n [placeholder]=\"placeholder\"\n [optionLabel]=\"optionLabel\"\n [showClear]=\"showClear\"\n [dropdown]=\"dropdown\"\n [name]=\"name\"\n [styleClass]=\"styleClass\"\n (completeMethod)=\"queryHandler.emit([$event, name])\"\n (onSelect)=\"selectOptionHandler.emit([$event, name])\"\n (onClear)=\"selectOptionHandler.emit([$event, name])\"\n [showEmptyMessage]=\"true\"\n appendTo=\"body\"\n\n [virtualScroll]=\"virtualScroll\"\n [virtualScrollItemSize]=\"virtualScrollItemSize\"\n [delay]=\"delay\"\n [disabled]=\"disabled\"\n (ngModelChange)=\"onModelChange($event)\"\n >\n <ng-template let-item pTemplate=\"item\">\n <div class=\"autocomplete-item\">\n <div class=\"font-semibold\">{{ item[optionLabel] }}</div>\n <div class=\"text-xs text-gray-500\">\n {{ item[optionDescription] }}\n </div>\n </div>\n </ng-template>\n </p-autoComplete>\n</div>", styles: ["::ng-deep .p-autocomplete-dd .p-autocomplete-dropdown{border-radius:0 var(--global-border-radius) var(--global-border-radius) 0!important}::ng-deep .atomix-autocomplete-wrapper{border-radius:var(--global-border-radius);margin-left:.5rem}::ng-deep .atomix-autocomplete-wrapper .p-inputtext{background-color:var(--filter-inventory-bg)!important;padding:0rem 0rem 0rem 1rem!important;min-width:8rem;border-radius:var(--global-border-radius) 0px 0px var(--global-border-radius);padding-right:16px!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-dropdown{color:var(--primary-text-color)!important;border-radius:var(--global-border-radius);border:1px solid var(--border-color);border-left:none}::ng-deep .atomix-autocomplete-wrapper .p-inputtext:enabled:focus{box-shadow:none!important}::ng-deep .atomix-autocomplete-wrapper .p-autocomplete-clear-icon{right:3.3rem}::ng-deep .atomix-autocomplete-wrapper .font-semibold{font-weight:600}\n"] }]
|
|
2536
2536
|
}], propDecorators: { suggestions: [{
|
|
2537
2537
|
type: Input
|
|
2538
2538
|
}], placeholder: [{
|