@n-isi-platform/design-system 1.0.39 → 1.0.40

package/fesm2022/n-isi-platform-design-system.mjs

@@ -55,6 +55,8 @@ import * as i2$3 from 'primeng/toggleswitch';
 import { ToggleSwitchModule } from 'primeng/toggleswitch';
 import { Tag } from 'primeng/tag';
 import { Divider } from 'primeng/divider';
+import * as i2$5 from 'primeng/inputnumber';
+import { InputNumberModule } from 'primeng/inputnumber';
 import { InputMask } from 'primeng/inputmask';
 import { ProgressSpinner } from 'primeng/progressspinner';
 import { Dialog, DialogModule } from 'primeng/dialog';
@@ -2966,6 +2968,99 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                 type: Output
             }] } });
 
+var NumberInputMode;
+(function (NumberInputMode) {
+    NumberInputMode["decimal"] = "decimal";
+    NumberInputMode["currency"] = "currency";
+})(NumberInputMode || (NumberInputMode = {}));
+
+class NumberInputComponent {
+    _isTooltipVisible;
+    name;
+    mode = NumberInputMode.currency;
+    currency = 'EUR';
+    locale = 'de-DE';
+    label;
+    placeholder;
+    accessibilityText = '';
+    group;
+    controlName;
+    isRequired = true;
+    isLabelVisible = true;
+    tooltipPosition = TooltipPosition.right;
+    tooltipText = '';
+    formStatus;
+    groupError = false;
+    hasGap = true;
+    hasTitle = false;
+    maxLength = null;
+    ngOnInit() {
+        this._isTooltipVisible = !!this.tooltipText;
+        if (this.mode !== NumberInputMode.currency) {
+            this.currency = undefined;
+            this.locale = undefined;
+        }
+    }
+    onNumberKeyDown(event) {
+        const invalidKeys = ['e', 'E', '+', '-', ',', '.'];
+        if (invalidKeys.includes(event.key)) {
+            event.preventDefault();
+        }
+    }
+    TooltipHoverEventEnum = TooltipHoverEventEnum;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NumberInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: NumberInputComponent, isStandalone: true, selector: "lib-number-input[group][controlName][name]", inputs: { name: "name", mode: "mode", currency: "currency", locale: "locale", label: "label", placeholder: "placeholder", accessibilityText: "accessibilityText", group: "group", controlName: "controlName", isRequired: "isRequired", isLabelVisible: "isLabelVisible", tooltipPosition: "tooltipPosition", tooltipText: "tooltipText", formStatus: "formStatus", groupError: "groupError", hasGap: "hasGap", hasTitle: "hasTitle", maxLength: "maxLength" }, ngImport: i0, template: "<div class=\"flex flex-column\" [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\r\n  <div class=\"flex\" *ngIf=\"isLabelVisible\">\r\n    <label [title]=\"hasTitle ? label : ''\" [for]='name' class=\"mr-2\">\r\n      {{label}}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\r\n    </label>\r\n    <lib-tooltip\r\n      *ngIf=\"_isTooltipVisible\"\r\n      [position]=\"tooltipPosition\"\r\n      [text]=\"tooltipText!\"\r\n    ></lib-tooltip>\r\n  </div>\r\n  <p-inputnumber \r\n    [id]=\"name\"\r\n    [placeholder]='placeholder ?? \" \"'\r\n    [mode]=\"mode\"\r\n    [currency]=\"currency\"\r\n    [locale]=\"locale\"\r\n    [formControlName]=\"controlName\"\r\n    [maxlength]=\"maxLength\"    \r\n    [attr.aria-label]=\"accessibilityText\"\r\n    [ngClass]=\"{ 'ng-dirty ng-invalid':  (group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError }\"\r\n    [attr.aria-describedby]=\"name + 'Error'\"\r\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\r\n    [attr.aria-required]=\"isRequired\"\r\n  />\r\n</div>\r\n  <lib-error\r\n    *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered)\"\r\n    [hasError]=\"group.get(controlName)!.errors\"\r\n    [isTouched]=\"group.get(controlName)!.touched\"\r\n    [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\r\n    [hasGroupError]=\"groupError\"\r\n    [errorId]=\"name+'Error'\"\r\n  ></lib-error>\r\n", styles: ["label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$5.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$5.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$5.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: KeyFilterModule }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TooltipComponent, selector: " lib-tooltip", inputs: ["icon", "htmlParser", "text", "position", "tooltipEvent", "autoHide", "htmlParse"] }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i2$5.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "variant", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus", "disabled", "fluid"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "component", type: ErrorComponent, selector: "lib-error", inputs: ["hasError", "isTouched", "isSubmitTriggered", "isNestedFormSubmit", "isDirty", "isRequired", "hasGroupError", "errorId"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NumberInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-number-input[group][controlName][name]', imports: [
+                        FormsModule,
+                        ReactiveFormsModule,
+                        NgClass,
+                        KeyFilterModule,
+                        NgIf,
+                        TooltipComponent,
+                        InputNumberModule,
+                        ErrorComponent,
+                    ], template: "<div class=\"flex flex-column\" [formGroup]=\"group\" [ngClass]=\"{ 'gap-1': hasGap }\">\r\n  <div class=\"flex\" *ngIf=\"isLabelVisible\">\r\n    <label [title]=\"hasTitle ? label : ''\" [for]='name' class=\"mr-2\">\r\n      {{label}}<span class=\"required\" aria-label=\"Is required filed\" *ngIf=\"isRequired\">*</span>\r\n    </label>\r\n    <lib-tooltip\r\n      *ngIf=\"_isTooltipVisible\"\r\n      [position]=\"tooltipPosition\"\r\n      [text]=\"tooltipText!\"\r\n    ></lib-tooltip>\r\n  </div>\r\n  <p-inputnumber \r\n    [id]=\"name\"\r\n    [placeholder]='placeholder ?? \" \"'\r\n    [mode]=\"mode\"\r\n    [currency]=\"currency\"\r\n    [locale]=\"locale\"\r\n    [formControlName]=\"controlName\"\r\n    [maxlength]=\"maxLength\"    \r\n    [attr.aria-label]=\"accessibilityText\"\r\n    [ngClass]=\"{ 'ng-dirty ng-invalid':  (group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError }\"\r\n    [attr.aria-describedby]=\"name + 'Error'\"\r\n    [attr.aria-invalid]=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched || formStatus!.isSubmitTriggered)) || groupError\"\r\n    [attr.aria-required]=\"isRequired\"\r\n  />\r\n</div>\r\n  <lib-error\r\n    *ngIf=\"(group.get(controlName)!.errors && (group.get(controlName)!.touched) || formStatus!.isSubmitTriggered)\"\r\n    [hasError]=\"group.get(controlName)!.errors\"\r\n    [isTouched]=\"group.get(controlName)!.touched\"\r\n    [isSubmitTriggered]=\"formStatus!.isSubmitTriggered!\"\r\n    [hasGroupError]=\"groupError\"\r\n    [errorId]=\"name+'Error'\"\r\n  ></lib-error>\r\n", styles: ["label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
+        }], propDecorators: { name: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], currency: [{
+                type: Input
+            }], locale: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], accessibilityText: [{
+                type: Input
+            }], group: [{
+                type: Input
+            }], controlName: [{
+                type: Input
+            }], isRequired: [{
+                type: Input
+            }], isLabelVisible: [{
+                type: Input
+            }], tooltipPosition: [{
+                type: Input
+            }], tooltipText: [{
+                type: Input
+            }], formStatus: [{
+                type: Input
+            }], groupError: [{
+                type: Input
+            }], hasGap: [{
+                type: Input
+            }], hasTitle: [{
+                type: Input
+            }], maxLength: [{
+                type: Input
+            }] } });
+
 class InputMaskComponent {
     TooltipHoverEventEnum = TooltipHoverEventEnum;
     _isTooltipVisible;
@@ -4259,5 +4354,5 @@ function emailListValidator() {
  * Generated bundle index. Do not edit.
  */
 
-export { AccordionComponent, AppConfigService, AutocompleteComponent, BreadcrumbsComponent, ButtonColor, ButtonComponent, ButtonIconPosition, ButtonLinkComponent, ButtonSize, CacheService, CameraUploadComponent, CaptionColor, CardComponent, CheckboxComponent, ConfirmModalComponent, ConfirmModalService, CustomTableComponent, DateInputComponent, DateService, DialogColor, DividerComponent, DropdownComponent, DynamicRouteService, ErrorComponent, ErrorInterceptor, ExpandedTable, ExpandedTableComponent, ExportService, FileUploadComponent, FilterHeaderComponent, FilterHeaderService, FooterComponent, GenericTableComponent, GlobalErrorHandler, IconButtonComponent, InputComponent, InputMaskComponent, InputType, IsNotBlank, IsNotDecimal, LoaderComponent, LocalStorageService, MainMenuComponent, ModalComponent, NoDataFoundComponent, NoInternetService, PicklistComponent, PositionKey, ProgressBarComponent, SelectionMode, SharedAuthService, SharedMessageService, TableColumnSelectComponent, TableColumnsService, TagColor, TagComponent, TextareaComponent, TinymceEditorComponent, ToastSeverity, ToggleSwitchComponent, TooltipComponent, TooltipHoverEventEnum, TooltipPosition, TranslateSanitizerService, TranslationService, TreeSelectComponent, atLeastOneFieldPresentValidator, cleanMobilePhoneNumber, coordinateValidator, dateAndTimeMismatchValidator, dateMismatchValidator, emailListValidator, findUnavailableDates, formatDate, formatDateTime, formatDateToLocalISOString, getTomorrowDate, isEmpty, isFormInvalid, isMultipleOfFiveValidator, isOnePhoneNumberValidator, localFormatDate, mobilePhoneAreaCodeValidator, transformDateTime };
+export { AccordionComponent, AppConfigService, AutocompleteComponent, BreadcrumbsComponent, ButtonColor, ButtonComponent, ButtonIconPosition, ButtonLinkComponent, ButtonSize, CacheService, CameraUploadComponent, CaptionColor, CardComponent, CheckboxComponent, ConfirmModalComponent, ConfirmModalService, CustomTableComponent, DateInputComponent, DateService, DialogColor, DividerComponent, DropdownComponent, DynamicRouteService, ErrorComponent, ErrorInterceptor, ExpandedTable, ExpandedTableComponent, ExportService, FileUploadComponent, FilterHeaderComponent, FilterHeaderService, FooterComponent, GenericTableComponent, GlobalErrorHandler, IconButtonComponent, InputComponent, InputMaskComponent, InputType, IsNotBlank, IsNotDecimal, LoaderComponent, LocalStorageService, MainMenuComponent, ModalComponent, NoDataFoundComponent, NoInternetService, NumberInputComponent, NumberInputMode, PicklistComponent, PositionKey, ProgressBarComponent, SelectionMode, SharedAuthService, SharedMessageService, TableColumnSelectComponent, TableColumnsService, TagColor, TagComponent, TextareaComponent, TinymceEditorComponent, ToastSeverity, ToggleSwitchComponent, TooltipComponent, TooltipHoverEventEnum, TooltipPosition, TranslateSanitizerService, TranslationService, TreeSelectComponent, atLeastOneFieldPresentValidator, cleanMobilePhoneNumber, coordinateValidator, dateAndTimeMismatchValidator, dateMismatchValidator, emailListValidator, findUnavailableDates, formatDate, formatDateTime, formatDateToLocalISOString, getTomorrowDate, isEmpty, isFormInvalid, isMultipleOfFiveValidator, isOnePhoneNumberValidator, localFormatDate, mobilePhoneAreaCodeValidator, transformDateTime };
 //# sourceMappingURL=n-isi-platform-design-system.mjs.map