@progress-chef/platform-shared-components 0.0.104 → 0.0.106

package/fesm2022/progress-chef-platform-shared-components.mjs

@@ -3577,6 +3577,112 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
+class TimePickerComponent {
+    constructor(themesService) {
+        this.themesService = themesService;
+        this.isDisabled = false;
+        this.readonly = false;
+        this.format = 'hh:mm a'; // It can HH:mm:ss(24hrs) or hh:mm a(12hr)
+        this.allowCaretMode = true;
+        this.fillMode = "solid";
+        this.rounded = "medium";
+        this.size = "medium";
+        this.adaptiveMode = "none";
+        this.formControlName = new FormControl();
+        this.modelChange = new EventEmitter();
+        this.onOpenEvent = new EventEmitter();
+        this.onCloseEvent = new EventEmitter();
+    }
+    ngOnChanges(changes) {
+        if (changes['isDisabled']) {
+            if (changes['isDisabled']?.currentValue) {
+                this.formControlName.disable();
+            }
+            else {
+                this.formControlName.enable();
+            }
+        }
+    }
+    onValueChange(ev) {
+        this.modelChange.emit(ev);
+    }
+    onOpen(event) {
+        this.onOpenEvent.emit(event);
+    }
+    onClose(event) {
+        this.onCloseEvent.emit(event);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerComponent, deps: [{ token: i1$1.ThemesService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TimePickerComponent, selector: "lib-time-picker", inputs: { isDisabled: "isDisabled", readonly: "readonly", incompleteDateValidation: "incompleteDateValidation", value: "value", format: "format", steps: "steps", allowCaretMode: "allowCaretMode", placeholder: "placeholder", fillMode: "fillMode", rounded: "rounded", size: "size", adaptiveMode: "adaptiveMode", formControlName: "formControlName", id: "id" }, outputs: { modelChange: "modelChange", onOpenEvent: "onOpenEvent", onCloseEvent: "onCloseEvent" }, usesOnChanges: true, ngImport: i0, template: "<kendo-timepicker [placeholder]=\"placeholder\" [value]=\"value\" [disabled]=\"isDisabled\" [readonly]=\"readonly\"\n  [format]=\"format\" [steps]=\"steps\" [allowCaretMode]=\"allowCaretMode\"\n  [incompleteDateValidation]=\"incompleteDateValidation\" [(ngModel)]=\"value\" [size]=\"size\" [rounded]=\"rounded\"\n  [fillMode]=\"fillMode\" (open)=\"onOpen($event)\" (valueChange)=\"onValueChange($event)\"\n  (close)=\"onClose($event)\"></kendo-timepicker>\n", styles: [""], dependencies: [{ kind: "component", type: i2$4.TimePickerComponent, selector: "kendo-timepicker", inputs: ["focusableId", "disabled", "readonly", "readOnlyInput", "format", "formatPlaceholder", "placeholder", "min", "max", "incompleteDateValidation", "autoCorrectParts", "autoSwitchParts", "autoSwitchKeys", "enableMouseWheel", "allowCaretMode", "cancelButton", "nowButton", "steps", "popupSettings", "tabindex", "tabIndex", "title", "subtitle", "rangeValidation", "adaptiveMode", "value", "size", "rounded", "fillMode"], outputs: ["valueChange", "focus", "blur", "open", "close"], exportAs: ["kendo-timepicker"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimePickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-time-picker', template: "<kendo-timepicker [placeholder]=\"placeholder\" [value]=\"value\" [disabled]=\"isDisabled\" [readonly]=\"readonly\"\n  [format]=\"format\" [steps]=\"steps\" [allowCaretMode]=\"allowCaretMode\"\n  [incompleteDateValidation]=\"incompleteDateValidation\" [(ngModel)]=\"value\" [size]=\"size\" [rounded]=\"rounded\"\n  [fillMode]=\"fillMode\" (open)=\"onOpen($event)\" (valueChange)=\"onValueChange($event)\"\n  (close)=\"onClose($event)\"></kendo-timepicker>\n" }]
+        }], ctorParameters: function () { return [{ type: i1$1.ThemesService }]; }, propDecorators: { isDisabled: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], incompleteDateValidation: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], format: [{
+                type: Input
+            }], steps: [{
+                type: Input
+            }], allowCaretMode: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], fillMode: [{
+                type: Input
+            }], rounded: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], adaptiveMode: [{
+                type: Input
+            }], formControlName: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], modelChange: [{
+                type: Output
+            }], onOpenEvent: [{
+                type: Output
+            }], onCloseEvent: [{
+                type: Output
+            }] } });
+
+class TimepickerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TimepickerModule, declarations: [TimePickerComponent], imports: [DateInputsModule,
+            ButtonsModule,
+            FormsModule,
+            ReactiveFormsModule], exports: [TimePickerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimepickerModule, imports: [DateInputsModule,
+            ButtonsModule,
+            FormsModule,
+            ReactiveFormsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TimepickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        TimePickerComponent,
+                    ],
+                    imports: [
+                        DateInputsModule,
+                        ButtonsModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                    ],
+                    exports: [
+                        TimePickerComponent
+                    ]
+                }]
+        }] });
+
 class AtomsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AtomsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AtomsModule, imports: [AlertModule,
@@ -3620,7 +3726,8 @@ class AtomsModule {
             SwitchModule,
             ChipModule,
             ChipListModule,
-            UploaderModule], exports: [AlertModule,
+            UploaderModule,
+            TimepickerModule], exports: [AlertModule,
             AngularPopupModule,
             AvatarModule,
             BreadcrumbModule,
@@ -3658,7 +3765,8 @@ class AtomsModule {
             SwitchModule,
             ChipModule,
             ChipListModule,
-            UploaderModule] }); }
+            UploaderModule,
+            TimepickerModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AtomsModule, imports: [AlertModule,
             AngularPopupModule,
             AvatarModule,
@@ -3700,7 +3808,8 @@ class AtomsModule {
             SwitchModule,
             ChipModule,
             ChipListModule,
-            UploaderModule, AlertModule,
+            UploaderModule,
+            TimepickerModule, AlertModule,
             AngularPopupModule,
             AvatarModule,
             BreadcrumbModule,
@@ -3738,7 +3847,8 @@ class AtomsModule {
             SwitchModule,
             ChipModule,
             ChipListModule,
-            UploaderModule] }); }
+            UploaderModule,
+            TimepickerModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AtomsModule, decorators: [{
             type: NgModule,
@@ -3785,7 +3895,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         SwitchModule,
                         ChipModule,
                         ChipListModule,
-                        UploaderModule
+                        UploaderModule,
+                        TimepickerModule,
                     ],
                     exports: [
                         AlertModule,
@@ -3826,7 +3937,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         SwitchModule,
                         ChipModule,
                         ChipListModule,
-                        UploaderModule
+                        UploaderModule,
+                        TimepickerModule
                     ],
                 }]
         }] });
@@ -5508,5 +5620,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ALERT_TYPE, AlertComponent, AlertModule, AngularPopupComponent, AngularPopupModule, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonGroupComponent, ButtonGroupModule, ButtonModule, CardActionsComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CardModule, CheckboxComponent, CheckboxModule, ChipComponent, ChipListComponent, ChipListModule, ChipModule, ClipboardComponent, ClipboardModule, ConfirmationDialogComponent, ContainerComponent, ContainerModule, CustomColumnTemplate, DateRangeComponent, DateRangeModule, DatepickerComponent, DatepickerModule, DialogActionsComponent, DialogComponent, DialogModule, DialogTitlebarComponent, DragAndDropComponent, DragAndDropModule, DropdownComponent, DropdownModule, DropdownTreeModule, DropdowntreeComponent, ExpansionPanelComponent, ExpansionPanelModule, GridFormComponent, GridLayoutComponent, GridLayoutItemComponent, GridLayoutModule, GridPaginationComponent, GridPaginationModule, GridPaginationSpacerComponent, GridSpacerComponent, GridsModule, IconComponent, IconModule, LabelComponent, LabelsModule, LibGridComponent, ListViewComponent, ListViewsModule, LoaderComponent, LoaderModule, LoaderSize, LoaderThemeColor, LoaderType, LoadingSpinnerComponent, LoadingSpinnerModule, MoleculesModule, MultiSelectDropdownComponent, MultiSelectDropdownModule, NotificationComponent, NotificationModule, NumericTextboxComponent, NumericTextboxModule, ProgressBarComponent, ProgressBarsModule, RadioButtonComponent, RadioButtonModule, SearchBoxComponent, SearchBoxModule, SharedComponent, SharedModule, SharedService, SliderComponent, SliderModule, StepperComponent, StepperModule, StyleTokensModule, SwitchComponent, SwitchModule, TabstripComponent, TabstripModule, TabstripTabComponent, TextAreaModule, TextareaComponent, TextboxComponent, TextboxModule, TimeSchedulerModule, TimeschedulerComponent, ToastNotificationModule, ToastNotificationService, TooltipComponent, TooltipModule, Type, TypographyComponent, TypographyModule, UploaderComponent, UploaderModule };
+export { ALERT_TYPE, AlertComponent, AlertModule, AngularPopupComponent, AngularPopupModule, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonGroupComponent, ButtonGroupModule, ButtonModule, CardActionsComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CardModule, CheckboxComponent, CheckboxModule, ChipComponent, ChipListComponent, ChipListModule, ChipModule, ClipboardComponent, ClipboardModule, ConfirmationDialogComponent, ContainerComponent, ContainerModule, CustomColumnTemplate, DateRangeComponent, DateRangeModule, DatepickerComponent, DatepickerModule, DialogActionsComponent, DialogComponent, DialogModule, DialogTitlebarComponent, DragAndDropComponent, DragAndDropModule, DropdownComponent, DropdownModule, DropdownTreeModule, DropdowntreeComponent, ExpansionPanelComponent, ExpansionPanelModule, GridFormComponent, GridLayoutComponent, GridLayoutItemComponent, GridLayoutModule, GridPaginationComponent, GridPaginationModule, GridPaginationSpacerComponent, GridSpacerComponent, GridsModule, IconComponent, IconModule, LabelComponent, LabelsModule, LibGridComponent, ListViewComponent, ListViewsModule, LoaderComponent, LoaderModule, LoaderSize, LoaderThemeColor, LoaderType, LoadingSpinnerComponent, LoadingSpinnerModule, MoleculesModule, MultiSelectDropdownComponent, MultiSelectDropdownModule, NotificationComponent, NotificationModule, NumericTextboxComponent, NumericTextboxModule, ProgressBarComponent, ProgressBarsModule, RadioButtonComponent, RadioButtonModule, SearchBoxComponent, SearchBoxModule, SharedComponent, SharedModule, SharedService, SliderComponent, SliderModule, StepperComponent, StepperModule, StyleTokensModule, SwitchComponent, SwitchModule, TabstripComponent, TabstripModule, TabstripTabComponent, TextAreaModule, TextareaComponent, TextboxComponent, TextboxModule, TimePickerComponent, TimeSchedulerModule, TimepickerModule, TimeschedulerComponent, ToastNotificationModule, ToastNotificationService, TooltipComponent, TooltipModule, Type, TypographyComponent, TypographyModule, UploaderComponent, UploaderModule };
 //# sourceMappingURL=progress-chef-platform-shared-components.mjs.map