osl-base-extended 0.0.4 → 0.0.6

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.
Files changed (4) hide show
  1. package/fesm2022/osl-base-extended.mjs +578 -4
  2. package/fesm2022/osl-base-extended.mjs.map +1 -1
  3. package/package.json +2 -1
  4. package/types/osl-base-extended.d.ts +203 -3
package/fesm2022/osl-base-extended.mjs CHANGED
@@ -1,15 +1,21 @@
1
1
  import * as i0 from '@angular/core';
2
- import { Component, Inject, inject, Injector, Injectable } from '@angular/core';
2
+ import { Component, Inject, inject, Injector, Injectable, EventEmitter, Output, Input, HostListener, NgModule } from '@angular/core';
3
3
  import * as i1 from '@angular/material/dialog';
4
4
  import { MAT_DIALOG_DATA, MatDialogModule, MatDialog } from '@angular/material/dialog';
5
5
  import { MatSnackBar } from '@angular/material/snack-bar';
6
6
  import { Router } from '@angular/router';
7
+ import * as i1$2 from '@angular/common';
7
8
  import { NgTemplateOutlet } from '@angular/common';
8
9
  import { MatIconButton } from '@angular/material/button';
9
10
  import * as i2 from '@angular/material/icon';
10
11
  import { MatIconModule } from '@angular/material/icon';
11
12
  import { HttpHeaders, HttpParams, HttpClient } from '@angular/common/http';
12
13
  import { firstValueFrom, timeout } from 'rxjs';
14
+ import * as i1$1 from '@angular/forms';
15
+ import { FormsModule } from '@angular/forms';
16
+ import * as i2$1 from '@angular/material/form-field';
17
+ import { MatFormFieldModule, MatHint } from '@angular/material/form-field';
18
+ import { MatInputModule } from '@angular/material/input';
13
19
 
14
20
  class OslBaseExtended {
15
21
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: OslBaseExtended, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -33,11 +39,11 @@ class DialogWrapper {
33
39
  this.dialogData.data = data.data;
34
40
  }
35
41
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DialogWrapper, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
36
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: DialogWrapper, isStandalone: true, selector: "dialog-wrapper", ngImport: i0, template: "<div>\n @if(typeof dialogData.header == 'string'){\n <div class=\"dialog-header\" mat-dialog-title>\n <span class=\"dialog-heading\">{{dialogData.header}}</span>\n <button mat-dialog-close mat-icon-button><mat-icon>close</mat-icon></button>\n </div>\n }@else{\n <ng-container *ngTemplateOutlet=\"dialogData.header; context: { $implicit: dialogData }\"></ng-container>\n\n }\n \n\n</div>\n<mat-dialog-content>\n <div class=\"dialog-body\">\n @if(dialogData.formBody){\n <ng-container *ngTemplateOutlet=\"dialogData.formBody; context: { $implicit: dialogData }\"></ng-container>\n\n }\n\n </div>\n\n\n</mat-dialog-content>\n<mat-dialog-actions>\n @if(dialogData.formFooter){\n <div class=\"dialog-footer\">\n <ng-container *ngTemplateOutlet=\"dialogData.formFooter; context: { $implicit: dialogData }\"></ng-container>\n </div>\n\n }\n\n</mat-dialog-actions>", styles: [".dialog-header{display:flex;align-items:center;justify-content:space-between}.mat-dialog-close{margin-left:2px;margin-right:2px}.dialog-body,.dialog-footer{padding:0 5px}.mat-mdc-dialog-title:before{display:none}.dialog-heading{font-size:20px;font-weight:500}\n"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }] });
42
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: DialogWrapper, isStandalone: true, selector: "dialog-wrapper", ngImport: i0, template: "<div>\n @if(typeof dialogData.header == 'string'){\n <div class=\"dialog-header\" mat-dialog-title>\n <span class=\"dialog-heading\">{{dialogData.header}}</span>\n <button mat-dialog-close mat-icon-button><mat-icon>close</mat-icon></button>\n </div>\n }@else{\n <ng-container *ngTemplateOutlet=\"dialogData.header; context: { $implicit: dialogData }\"></ng-container>\n\n }\n \n\n</div>\n<mat-dialog-content>\n @if(dialogData.formBody){\n <div class=\"dialog-body\">\n <ng-container *ngTemplateOutlet=\"dialogData.formBody; context: { $implicit: dialogData }\"></ng-container>\n </div>\n\n }\n\n\n</mat-dialog-content>\n<mat-dialog-actions>\n @if(dialogData.formFooter){\n <div class=\"dialog-footer\">\n <ng-container *ngTemplateOutlet=\"dialogData.formFooter; context: { $implicit: dialogData }\"></ng-container>\n </div>\n}\n\n</mat-dialog-actions>", styles: [".dialog-header{display:flex;align-items:center;justify-content:space-between}.mat-dialog-close{margin-left:2px;margin-right:2px}.dialog-body,.dialog-footer{padding:0 5px}.mat-mdc-dialog-title:before{display:none}.dialog-heading{font-size:20px;font-weight:500}\n"], dependencies: [{ kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }] });
37
43
  }
38
44
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DialogWrapper, decorators: [{
39
45
  type: Component,
40
- args: [{ selector: 'dialog-wrapper', imports: [MatDialogModule, MatIconModule, NgTemplateOutlet, MatIconButton], template: "<div>\n @if(typeof dialogData.header == 'string'){\n <div class=\"dialog-header\" mat-dialog-title>\n <span class=\"dialog-heading\">{{dialogData.header}}</span>\n <button mat-dialog-close mat-icon-button><mat-icon>close</mat-icon></button>\n </div>\n }@else{\n <ng-container *ngTemplateOutlet=\"dialogData.header; context: { $implicit: dialogData }\"></ng-container>\n\n }\n \n\n</div>\n<mat-dialog-content>\n <div class=\"dialog-body\">\n @if(dialogData.formBody){\n <ng-container *ngTemplateOutlet=\"dialogData.formBody; context: { $implicit: dialogData }\"></ng-container>\n\n }\n\n </div>\n\n\n</mat-dialog-content>\n<mat-dialog-actions>\n @if(dialogData.formFooter){\n <div class=\"dialog-footer\">\n <ng-container *ngTemplateOutlet=\"dialogData.formFooter; context: { $implicit: dialogData }\"></ng-container>\n </div>\n\n }\n\n</mat-dialog-actions>", styles: [".dialog-header{display:flex;align-items:center;justify-content:space-between}.mat-dialog-close{margin-left:2px;margin-right:2px}.dialog-body,.dialog-footer{padding:0 5px}.mat-mdc-dialog-title:before{display:none}.dialog-heading{font-size:20px;font-weight:500}\n"] }]
46
+ args: [{ selector: 'dialog-wrapper', imports: [MatDialogModule, MatIconModule, NgTemplateOutlet, MatIconButton], template: "<div>\n @if(typeof dialogData.header == 'string'){\n <div class=\"dialog-header\" mat-dialog-title>\n <span class=\"dialog-heading\">{{dialogData.header}}</span>\n <button mat-dialog-close mat-icon-button><mat-icon>close</mat-icon></button>\n </div>\n }@else{\n <ng-container *ngTemplateOutlet=\"dialogData.header; context: { $implicit: dialogData }\"></ng-container>\n\n }\n \n\n</div>\n<mat-dialog-content>\n @if(dialogData.formBody){\n <div class=\"dialog-body\">\n <ng-container *ngTemplateOutlet=\"dialogData.formBody; context: { $implicit: dialogData }\"></ng-container>\n </div>\n\n }\n\n\n</mat-dialog-content>\n<mat-dialog-actions>\n @if(dialogData.formFooter){\n <div class=\"dialog-footer\">\n <ng-container *ngTemplateOutlet=\"dialogData.formFooter; context: { $implicit: dialogData }\"></ng-container>\n </div>\n}\n\n</mat-dialog-actions>", styles: [".dialog-header{display:flex;align-items:center;justify-content:space-between}.mat-dialog-close{margin-left:2px;margin-right:2px}.dialog-body,.dialog-footer{padding:0 5px}.mat-mdc-dialog-title:before{display:none}.dialog-heading{font-size:20px;font-weight:500}\n"] }]
41
47
  }], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: Dialog, decorators: [{
42
48
  type: Inject,
43
49
  args: [MAT_DIALOG_DATA]
@@ -189,6 +195,574 @@ class Httpbase {
189
195
  }
190
196
  }
191
197
 
198
+ class Oslinput {
199
+ label = "";
200
+ required = false;
201
+ disabled = false;
202
+ model = {};
203
+ modelChange = new EventEmitter();
204
+ changeEv = new EventEmitter();
205
+ onModelChange(event) {
206
+ this.model = event;
207
+ this.modelChange.emit(this.model);
208
+ }
209
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: Oslinput, deps: [], target: i0.ɵɵFactoryTarget.Component });
210
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: Oslinput, isStandalone: false, selector: "osl-input", inputs: { label: "label", required: "required", disabled: "disabled", model: "model" }, outputs: { modelChange: "modelChange", changeEv: "changeEv" }, ngImport: i0, template: "<div class=\"d-flex flex-column\">\n <label class=\"label\" [class.txt-clr-red]=\"myField.touched && myField.invalid\">{{label}} <span class=\"txt-clr-red\">{{required?'*':''}}</span></label>\n <input (change)=\"changeEv.emit(model)\" [ngModel]=\"model\" (ngModelChange)=\"onModelChange($event)\"\n [required]=\"required\" [disabled]=\"disabled\" #myField=\"ngModel\" type=\"text\" [class.error]=\"myField.touched && myField.invalid\">\n @if(myField.touched && myField.invalid && required){\n <mat-hint class=\"hint\">{{label}} is Required!</mat-hint>\n\n }\n \n</div>", styles: [".label{font-size:var(--osl-label-font-size);margin-bottom:5px}input{height:var(--osl-control-height);width:100%;border-radius:var(--osl-border-radius);outline:none;border:none;padding:5px;font-size:var(--osl-text-font-size);border:1px solid var(--osl-border-color)}input:focus{border:1px solid var(--osl-focus-border-color);transition:.5s}.error{border:1px solid var(--osl-error-color)}.hint{color:var(--osl-error-color);margin-top:2px;font-size:var(--osl-hint-font-size)}.txt-clr-red{color:var(--osl-error-color)}\n"], dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }] });
211
+ }
212
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: Oslinput, decorators: [{
213
+ type: Component,
214
+ args: [{ selector: 'osl-input', standalone: false, template: "<div class=\"d-flex flex-column\">\n <label class=\"label\" [class.txt-clr-red]=\"myField.touched && myField.invalid\">{{label}} <span class=\"txt-clr-red\">{{required?'*':''}}</span></label>\n <input (change)=\"changeEv.emit(model)\" [ngModel]=\"model\" (ngModelChange)=\"onModelChange($event)\"\n [required]=\"required\" [disabled]=\"disabled\" #myField=\"ngModel\" type=\"text\" [class.error]=\"myField.touched && myField.invalid\">\n @if(myField.touched && myField.invalid && required){\n <mat-hint class=\"hint\">{{label}} is Required!</mat-hint>\n\n }\n \n</div>", styles: [".label{font-size:var(--osl-label-font-size);margin-bottom:5px}input{height:var(--osl-control-height);width:100%;border-radius:var(--osl-border-radius);outline:none;border:none;padding:5px;font-size:var(--osl-text-font-size);border:1px solid var(--osl-border-color)}input:focus{border:1px solid var(--osl-focus-border-color);transition:.5s}.error{border:1px solid var(--osl-error-color)}.hint{color:var(--osl-error-color);margin-top:2px;font-size:var(--osl-hint-font-size)}.txt-clr-red{color:var(--osl-error-color)}\n"] }]
215
+ }], propDecorators: { label: [{
216
+ type: Input,
217
+ args: ['label']
218
+ }], required: [{
219
+ type: Input,
220
+ args: ['required']
221
+ }], disabled: [{
222
+ type: Input,
223
+ args: ['disabled']
224
+ }], model: [{
225
+ type: Input,
226
+ args: ['model']
227
+ }], modelChange: [{
228
+ type: Output
229
+ }], changeEv: [{
230
+ type: Output
231
+ }] } });
232
+
233
+ class Osltextarea {
234
+ textareaRows = "3";
235
+ label = "";
236
+ rows = "10";
237
+ required = false;
238
+ disabled = false;
239
+ model = {};
240
+ modelChange = new EventEmitter();
241
+ changeEv = new EventEmitter();
242
+ onModelChange(event) {
243
+ this.model = event;
244
+ this.modelChange.emit(this.model);
245
+ }
246
+ ngAfterViewInit() {
247
+ if (this.rows) {
248
+ this.textareaRows = this.rows;
249
+ }
250
+ }
251
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: Osltextarea, deps: [], target: i0.ɵɵFactoryTarget.Component });
252
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: Osltextarea, isStandalone: false, selector: "osl-textarea", inputs: { label: "label", rows: "rows", required: "required", disabled: "disabled", model: "model" }, outputs: { modelChange: "modelChange", changeEv: "changeEv" }, ngImport: i0, template: "<div class=\"d-flex flex-column\">\n <label class=\"label\" [class.txt-clr-red]=\"myField.touched && myField.invalid\">{{label}} <span class=\"txt-clr-red\">{{required?'*':''}}</span></label>\n <textarea [rows]=\"textareaRows\" (change)=\"changeEv.emit(model)\" [ngModel]=\"model\" (ngModelChange)=\"onModelChange($event)\"\n [required]=\"required\" [disabled]=\"disabled\" #myField=\"ngModel\" type=\"text\" [class.error]=\"myField.touched && myField.invalid\"></textarea>\n @if(myField.touched && myField.invalid && required){\n <mat-hint class=\"hint\">{{label}} is Required!</mat-hint>\n\n }\n \n</div>", styles: [".label{font-size:var(--osl-label-font-size);margin-bottom:5px}textarea{width:100%;border-radius:var(--osl-border-radius);outline:none;border:none;padding:5px;border:1px solid var(--osl-border-color);resize:none}textarea:focus{border:1px solid var(--osl-focus-border-color);transition:.5s}.error{border:1px solid var(--osl-error-color)}.hint{color:var(--osl-error-color);margin-top:2px;font-size:var(--osl-hint-font-size)}.txt-clr-red{color:var(--osl-error-color)}\n"], dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }] });
253
+ }
254
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: Osltextarea, decorators: [{
255
+ type: Component,
256
+ args: [{ selector: 'osl-textarea', standalone: false, template: "<div class=\"d-flex flex-column\">\n <label class=\"label\" [class.txt-clr-red]=\"myField.touched && myField.invalid\">{{label}} <span class=\"txt-clr-red\">{{required?'*':''}}</span></label>\n <textarea [rows]=\"textareaRows\" (change)=\"changeEv.emit(model)\" [ngModel]=\"model\" (ngModelChange)=\"onModelChange($event)\"\n [required]=\"required\" [disabled]=\"disabled\" #myField=\"ngModel\" type=\"text\" [class.error]=\"myField.touched && myField.invalid\"></textarea>\n @if(myField.touched && myField.invalid && required){\n <mat-hint class=\"hint\">{{label}} is Required!</mat-hint>\n\n }\n \n</div>", styles: [".label{font-size:var(--osl-label-font-size);margin-bottom:5px}textarea{width:100%;border-radius:var(--osl-border-radius);outline:none;border:none;padding:5px;border:1px solid var(--osl-border-color);resize:none}textarea:focus{border:1px solid var(--osl-focus-border-color);transition:.5s}.error{border:1px solid var(--osl-error-color)}.hint{color:var(--osl-error-color);margin-top:2px;font-size:var(--osl-hint-font-size)}.txt-clr-red{color:var(--osl-error-color)}\n"] }]
257
+ }], propDecorators: { label: [{
258
+ type: Input,
259
+ args: ['label']
260
+ }], rows: [{
261
+ type: Input,
262
+ args: ['rows']
263
+ }], required: [{
264
+ type: Input,
265
+ args: ['required']
266
+ }], disabled: [{
267
+ type: Input,
268
+ args: ['disabled']
269
+ }], model: [{
270
+ type: Input,
271
+ args: ['model']
272
+ }], modelChange: [{
273
+ type: Output
274
+ }], changeEv: [{
275
+ type: Output
276
+ }] } });
277
+
278
+ class OslSelect {
279
+ label = '';
280
+ required = false;
281
+ disabled = false;
282
+ model = null;
283
+ datasource = [];
284
+ displayField = '';
285
+ valueField = '';
286
+ modelChange = new EventEmitter();
287
+ changeEv = new EventEmitter();
288
+ getDisplay(item) {
289
+ return this.displayField ? item[this.displayField] : item;
290
+ }
291
+ getValue(item) {
292
+ return this.valueField ? item[this.valueField] : item;
293
+ }
294
+ onModelChange(event) {
295
+ this.model = event;
296
+ this.modelChange.emit(this.model);
297
+ }
298
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: OslSelect, deps: [], target: i0.ɵɵFactoryTarget.Component });
299
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: OslSelect, isStandalone: false, selector: "osl-select", inputs: { label: "label", required: "required", disabled: "disabled", model: "model", datasource: "datasource", displayField: "displayField", valueField: "valueField" }, outputs: { modelChange: "modelChange", changeEv: "changeEv" }, ngImport: i0, template: "<div class=\"d-flex flex-column\">\n <label class=\"label\" [class.txt-clr-red]=\"myField.touched && myField.invalid\">{{label}} <span class=\"txt-clr-red\">{{required?'*':''}}</span></label>\n <select [ngModel]=\"model\" (ngModelChange)=\"onModelChange($event)\" [required]=\"required\" [disabled]=\"disabled\"\n #myField=\"ngModel\" [class.error]=\"myField.touched && myField.invalid\" (change)=\"changeEv.emit(model)\">\n <option value=\"\" disabled selected hidden>Select...</option>\n @for(item of datasource; track item){\n <option [value]=\"getValue(item)\">{{getDisplay(item)}}</option>\n }\n </select>\n @if(myField.touched && myField.invalid && required){\n <mat-hint class=\"hint\">{{label}} is Required!</mat-hint>\n }\n</div>\n", styles: [".label{font-size:var(--osl-label-font-size);margin-bottom:5px}select{height:var(--osl-control-height);width:100%;font-size:var(--osl-text-font-size);border-radius:var(--osl-border-radius);outline:none;border:1px solid var(--osl-border-color);padding:0 5px;background:#fff;cursor:pointer;appearance:auto}select:focus{border:1px solid var(--osl-focus-border-color);transition:.5s}select:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.error{border:1px solid var(--osl-error-color)}.hint{color:var(--osl-error-color);margin-top:2px;font-size:var(--osl-hint-font-size)}.txt-clr-red{color:var(--osl-error-color)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }] });
300
+ }
301
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: OslSelect, decorators: [{
302
+ type: Component,
303
+ args: [{ selector: 'osl-select', standalone: false, template: "<div class=\"d-flex flex-column\">\n <label class=\"label\" [class.txt-clr-red]=\"myField.touched && myField.invalid\">{{label}} <span class=\"txt-clr-red\">{{required?'*':''}}</span></label>\n <select [ngModel]=\"model\" (ngModelChange)=\"onModelChange($event)\" [required]=\"required\" [disabled]=\"disabled\"\n #myField=\"ngModel\" [class.error]=\"myField.touched && myField.invalid\" (change)=\"changeEv.emit(model)\">\n <option value=\"\" disabled selected hidden>Select...</option>\n @for(item of datasource; track item){\n <option [value]=\"getValue(item)\">{{getDisplay(item)}}</option>\n }\n </select>\n @if(myField.touched && myField.invalid && required){\n <mat-hint class=\"hint\">{{label}} is Required!</mat-hint>\n }\n</div>\n", styles: [".label{font-size:var(--osl-label-font-size);margin-bottom:5px}select{height:var(--osl-control-height);width:100%;font-size:var(--osl-text-font-size);border-radius:var(--osl-border-radius);outline:none;border:1px solid var(--osl-border-color);padding:0 5px;background:#fff;cursor:pointer;appearance:auto}select:focus{border:1px solid var(--osl-focus-border-color);transition:.5s}select:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.error{border:1px solid var(--osl-error-color)}.hint{color:var(--osl-error-color);margin-top:2px;font-size:var(--osl-hint-font-size)}.txt-clr-red{color:var(--osl-error-color)}\n"] }]
304
+ }], propDecorators: { label: [{
305
+ type: Input,
306
+ args: ['label']
307
+ }], required: [{
308
+ type: Input,
309
+ args: ['required']
310
+ }], disabled: [{
311
+ type: Input,
312
+ args: ['disabled']
313
+ }], model: [{
314
+ type: Input,
315
+ args: ['model']
316
+ }], datasource: [{
317
+ type: Input,
318
+ args: ['datasource']
319
+ }], displayField: [{
320
+ type: Input,
321
+ args: ['displayField']
322
+ }], valueField: [{
323
+ type: Input,
324
+ args: ['valueField']
325
+ }], modelChange: [{
326
+ type: Output
327
+ }], changeEv: [{
328
+ type: Output
329
+ }] } });
330
+
331
+ class OslRadio {
332
+ label = '';
333
+ required = false;
334
+ disabled = false;
335
+ model = null;
336
+ datasource = [];
337
+ displayField = '';
338
+ valueField = '';
339
+ modelChange = new EventEmitter();
340
+ changeEv = new EventEmitter();
341
+ get groupName() {
342
+ return 'radio_' + this.label.replace(/\s+/g, '_');
343
+ }
344
+ getDisplay(item) {
345
+ return this.displayField ? item[this.displayField] : item;
346
+ }
347
+ getValue(item) {
348
+ return this.valueField ? item[this.valueField] : item;
349
+ }
350
+ isChecked(item) {
351
+ return this.model === this.getValue(item);
352
+ }
353
+ onSelect(item) {
354
+ this.model = this.getValue(item);
355
+ this.modelChange.emit(this.model);
356
+ this.changeEv.emit(this.model);
357
+ }
358
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: OslRadio, deps: [], target: i0.ɵɵFactoryTarget.Component });
359
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: OslRadio, isStandalone: false, selector: "osl-radio", inputs: { label: "label", required: "required", disabled: "disabled", model: "model", datasource: "datasource", displayField: "displayField", valueField: "valueField" }, outputs: { modelChange: "modelChange", changeEv: "changeEv" }, ngImport: i0, template: "<div class=\"d-flex flex-column\">\n <label class=\"label\">{{label}} <span class=\"txt-clr-red\">{{required?'*':''}}</span></label>\n <div class=\"radio-group\">\n @for(item of datasource; track item){\n <label class=\"radio-item\" [class.disabled]=\"disabled\">\n <input type=\"radio\" [name]=\"groupName\" [checked]=\"isChecked(item)\" [disabled]=\"disabled\"\n (change)=\"onSelect(item)\">\n <span>{{getDisplay(item)}}</span>\n </label>\n }\n </div>\n</div>\n", styles: [".label{font-size:var(--osl-label-font-size);margin-bottom:5px}.radio-group{display:flex;flex-wrap:wrap;gap:16px;padding:6px 0}.radio-item{display:flex;align-items:center;gap:6px;font-size:var(--osl-label-font-size);cursor:pointer}.radio-item input[type=radio]{width:15px;height:15px;cursor:pointer;accent-color:#333}.radio-item.disabled{opacity:.6;cursor:not-allowed}.radio-item.disabled input[type=radio]{cursor:not-allowed}.txt-clr-red{color:var(--osl-error-color)}\n"] });
360
+ }
361
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: OslRadio, decorators: [{
362
+ type: Component,
363
+ args: [{ selector: 'osl-radio', standalone: false, template: "<div class=\"d-flex flex-column\">\n <label class=\"label\">{{label}} <span class=\"txt-clr-red\">{{required?'*':''}}</span></label>\n <div class=\"radio-group\">\n @for(item of datasource; track item){\n <label class=\"radio-item\" [class.disabled]=\"disabled\">\n <input type=\"radio\" [name]=\"groupName\" [checked]=\"isChecked(item)\" [disabled]=\"disabled\"\n (change)=\"onSelect(item)\">\n <span>{{getDisplay(item)}}</span>\n </label>\n }\n </div>\n</div>\n", styles: [".label{font-size:var(--osl-label-font-size);margin-bottom:5px}.radio-group{display:flex;flex-wrap:wrap;gap:16px;padding:6px 0}.radio-item{display:flex;align-items:center;gap:6px;font-size:var(--osl-label-font-size);cursor:pointer}.radio-item input[type=radio]{width:15px;height:15px;cursor:pointer;accent-color:#333}.radio-item.disabled{opacity:.6;cursor:not-allowed}.radio-item.disabled input[type=radio]{cursor:not-allowed}.txt-clr-red{color:var(--osl-error-color)}\n"] }]
364
+ }], propDecorators: { label: [{
365
+ type: Input,
366
+ args: ['label']
367
+ }], required: [{
368
+ type: Input,
369
+ args: ['required']
370
+ }], disabled: [{
371
+ type: Input,
372
+ args: ['disabled']
373
+ }], model: [{
374
+ type: Input,
375
+ args: ['model']
376
+ }], datasource: [{
377
+ type: Input,
378
+ args: ['datasource']
379
+ }], displayField: [{
380
+ type: Input,
381
+ args: ['displayField']
382
+ }], valueField: [{
383
+ type: Input,
384
+ args: ['valueField']
385
+ }], modelChange: [{
386
+ type: Output
387
+ }], changeEv: [{
388
+ type: Output
389
+ }] } });
390
+
391
+ class OslSlideToggle {
392
+ label = '';
393
+ disabled = false;
394
+ model = false;
395
+ modelChange = new EventEmitter();
396
+ changeEv = new EventEmitter();
397
+ onModelChange(event) {
398
+ this.model = event;
399
+ this.modelChange.emit(this.model);
400
+ this.changeEv.emit(this.model);
401
+ }
402
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: OslSlideToggle, deps: [], target: i0.ɵɵFactoryTarget.Component });
403
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: OslSlideToggle, isStandalone: false, selector: "osl-slide-toggle", inputs: { label: "label", disabled: "disabled", model: "model" }, outputs: { modelChange: "modelChange", changeEv: "changeEv" }, ngImport: i0, template: "<div class=\"d-flex flex-column\">\n <label class=\"label\">{{label}}</label>\n <label class=\"toggle\" [class.toggle-disabled]=\"disabled\">\n <input type=\"checkbox\" [ngModel]=\"model\" (ngModelChange)=\"onModelChange($event)\" [disabled]=\"disabled\">\n <span class=\"slider\"></span>\n </label>\n</div>\n", styles: [".label{font-size:var(--osl-label-font-size);margin-bottom:5px}.toggle{position:relative;display:inline-block;width:46px;height:24px;cursor:pointer}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle .slider{position:absolute;inset:0;background-color:var(--osl-border-color);border-radius:24px;transition:.3s}.toggle .slider:before{content:\"\";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 3px #0003}.toggle input:checked+.slider{background-color:#333}.toggle input:checked+.slider:before{transform:translate(22px)}.toggle.toggle-disabled{opacity:.6;cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
404
+ }
405
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: OslSlideToggle, decorators: [{
406
+ type: Component,
407
+ args: [{ selector: 'osl-slide-toggle', standalone: false, template: "<div class=\"d-flex flex-column\">\n <label class=\"label\">{{label}}</label>\n <label class=\"toggle\" [class.toggle-disabled]=\"disabled\">\n <input type=\"checkbox\" [ngModel]=\"model\" (ngModelChange)=\"onModelChange($event)\" [disabled]=\"disabled\">\n <span class=\"slider\"></span>\n </label>\n</div>\n", styles: [".label{font-size:var(--osl-label-font-size);margin-bottom:5px}.toggle{position:relative;display:inline-block;width:46px;height:24px;cursor:pointer}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle .slider{position:absolute;inset:0;background-color:var(--osl-border-color);border-radius:24px;transition:.3s}.toggle .slider:before{content:\"\";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 3px #0003}.toggle input:checked+.slider{background-color:#333}.toggle input:checked+.slider:before{transform:translate(22px)}.toggle.toggle-disabled{opacity:.6;cursor:not-allowed}\n"] }]
408
+ }], propDecorators: { label: [{
409
+ type: Input,
410
+ args: ['label']
411
+ }], disabled: [{
412
+ type: Input,
413
+ args: ['disabled']
414
+ }], model: [{
415
+ type: Input,
416
+ args: ['model']
417
+ }], modelChange: [{
418
+ type: Output
419
+ }], changeEv: [{
420
+ type: Output
421
+ }] } });
422
+
423
+ class OslAutocomplete {
424
+ elRef;
425
+ label = '';
426
+ required = false;
427
+ disabled = false;
428
+ model = null;
429
+ datasource = [];
430
+ displayField = '';
431
+ valueField = '';
432
+ modelChange = new EventEmitter();
433
+ changeEv = new EventEmitter();
434
+ inputValue = '';
435
+ showDropdown = false;
436
+ filteredItems = [];
437
+ touched = false;
438
+ constructor(elRef) {
439
+ this.elRef = elRef;
440
+ }
441
+ ngOnInit() {
442
+ this.filteredItems = [...this.datasource];
443
+ this.syncInputFromModel();
444
+ }
445
+ ngOnChanges() {
446
+ this.filteredItems = [...this.datasource];
447
+ this.syncInputFromModel();
448
+ }
449
+ syncInputFromModel() {
450
+ if (this.model !== null && this.model !== undefined) {
451
+ const found = this.datasource.find(item => this.getValue(item) === this.model);
452
+ if (found)
453
+ this.inputValue = this.getDisplay(found);
454
+ }
455
+ }
456
+ getDisplay(item) {
457
+ return this.displayField ? item[this.displayField] : String(item);
458
+ }
459
+ getValue(item) {
460
+ return this.valueField ? item[this.valueField] : item;
461
+ }
462
+ get isInvalid() {
463
+ return this.touched && this.required && !this.model;
464
+ }
465
+ onInput(val) {
466
+ this.inputValue = val;
467
+ this.showDropdown = true;
468
+ this.filteredItems = this.datasource.filter(item => this.getDisplay(item).toLowerCase().includes(val.toLowerCase()));
469
+ if (!val) {
470
+ this.model = null;
471
+ this.modelChange.emit(null);
472
+ }
473
+ }
474
+ onFocus() {
475
+ this.showDropdown = true;
476
+ this.filteredItems = this.datasource.filter(item => this.getDisplay(item).toLowerCase().includes(this.inputValue.toLowerCase()));
477
+ }
478
+ onBlur() {
479
+ this.touched = true;
480
+ }
481
+ selectItem(item) {
482
+ this.inputValue = this.getDisplay(item);
483
+ this.model = this.getValue(item);
484
+ this.modelChange.emit(this.model);
485
+ this.changeEv.emit(this.model);
486
+ this.showDropdown = false;
487
+ }
488
+ onDocumentClick(event) {
489
+ if (!this.elRef.nativeElement.contains(event.target)) {
490
+ this.showDropdown = false;
491
+ }
492
+ }
493
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: OslAutocomplete, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
494
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: OslAutocomplete, isStandalone: false, selector: "osl-autocomplete", inputs: { label: "label", required: "required", disabled: "disabled", model: "model", datasource: "datasource", displayField: "displayField", valueField: "valueField" }, outputs: { modelChange: "modelChange", changeEv: "changeEv" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"d-flex flex-column\">\n <label class=\"label\" [class.txt-clr-red]=\"isInvalid\">{{label}} <span class=\"txt-clr-red\">{{required?'*':''}}</span></label>\n <div class=\"autocomplete-wrapper\">\n <input [value]=\"inputValue\" (input)=\"onInput($any($event.target).value)\" (focus)=\"onFocus()\"\n (blur)=\"onBlur()\" [disabled]=\"disabled\" [class.error]=\"isInvalid\" autocomplete=\"off\"\n placeholder=\"Type to search...\">\n @if(showDropdown){\n <div class=\"dropdown\">\n @if(filteredItems.length > 0){\n @for(item of filteredItems; track item){\n <div class=\"dropdown-item\" (mousedown)=\"selectItem(item)\">{{getDisplay(item)}}</div>\n }\n } @else {\n <div class=\"no-results\">No results found</div>\n }\n </div>\n }\n </div>\n @if(isInvalid){\n <mat-hint class=\"hint\">{{label}} is Required!</mat-hint>\n }\n</div>\n", styles: [".label{font-size:var(--osl-label-font-size);margin-bottom:5px}.autocomplete-wrapper{position:relative}input{height:var(--osl-control-height);width:100%;border-radius:var(--osl-border-radius);outline:none;border:1px solid var(--osl-border-color);padding:5px;font-size:var(--osl-text-font-size)}input:focus{border:1px solid var(--osl-focus-border-color);transition:.5s}input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}input::placeholder{padding-left:5px;font-size:var(--osl-label-font-size)}.error{border:1px solid var(--osl-error-color)}.dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background:#fff;border:1px solid var(--osl-border-color);border-top:none;border-radius:0 0 var(--osl-border-radius) var(--osl-border-radius);max-height:200px;overflow-y:auto;box-shadow:0 var(--osl-border-radius) 8px #00000014}.dropdown-item{padding:8px 10px;font-size:var(--osl-label-font-size);cursor:pointer}.dropdown-item:hover{background:#f5f5f5}.no-results{padding:8px 10px;font-size:var(--osl-label-font-size);color:gray}.hint{color:var(--osl-error-color);margin-top:2px;font-size:var(--osl-hint-font-size)}.txt-clr-red{color:var(--osl-error-color)}\n"], dependencies: [{ kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }] });
495
+ }
496
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: OslAutocomplete, decorators: [{
497
+ type: Component,
498
+ args: [{ selector: 'osl-autocomplete', standalone: false, template: "<div class=\"d-flex flex-column\">\n <label class=\"label\" [class.txt-clr-red]=\"isInvalid\">{{label}} <span class=\"txt-clr-red\">{{required?'*':''}}</span></label>\n <div class=\"autocomplete-wrapper\">\n <input [value]=\"inputValue\" (input)=\"onInput($any($event.target).value)\" (focus)=\"onFocus()\"\n (blur)=\"onBlur()\" [disabled]=\"disabled\" [class.error]=\"isInvalid\" autocomplete=\"off\"\n placeholder=\"Type to search...\">\n @if(showDropdown){\n <div class=\"dropdown\">\n @if(filteredItems.length > 0){\n @for(item of filteredItems; track item){\n <div class=\"dropdown-item\" (mousedown)=\"selectItem(item)\">{{getDisplay(item)}}</div>\n }\n } @else {\n <div class=\"no-results\">No results found</div>\n }\n </div>\n }\n </div>\n @if(isInvalid){\n <mat-hint class=\"hint\">{{label}} is Required!</mat-hint>\n }\n</div>\n", styles: [".label{font-size:var(--osl-label-font-size);margin-bottom:5px}.autocomplete-wrapper{position:relative}input{height:var(--osl-control-height);width:100%;border-radius:var(--osl-border-radius);outline:none;border:1px solid var(--osl-border-color);padding:5px;font-size:var(--osl-text-font-size)}input:focus{border:1px solid var(--osl-focus-border-color);transition:.5s}input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}input::placeholder{padding-left:5px;font-size:var(--osl-label-font-size)}.error{border:1px solid var(--osl-error-color)}.dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background:#fff;border:1px solid var(--osl-border-color);border-top:none;border-radius:0 0 var(--osl-border-radius) var(--osl-border-radius);max-height:200px;overflow-y:auto;box-shadow:0 var(--osl-border-radius) 8px #00000014}.dropdown-item{padding:8px 10px;font-size:var(--osl-label-font-size);cursor:pointer}.dropdown-item:hover{background:#f5f5f5}.no-results{padding:8px 10px;font-size:var(--osl-label-font-size);color:gray}.hint{color:var(--osl-error-color);margin-top:2px;font-size:var(--osl-hint-font-size)}.txt-clr-red{color:var(--osl-error-color)}\n"] }]
499
+ }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { label: [{
500
+ type: Input,
501
+ args: ['label']
502
+ }], required: [{
503
+ type: Input,
504
+ args: ['required']
505
+ }], disabled: [{
506
+ type: Input,
507
+ args: ['disabled']
508
+ }], model: [{
509
+ type: Input,
510
+ args: ['model']
511
+ }], datasource: [{
512
+ type: Input,
513
+ args: ['datasource']
514
+ }], displayField: [{
515
+ type: Input,
516
+ args: ['displayField']
517
+ }], valueField: [{
518
+ type: Input,
519
+ args: ['valueField']
520
+ }], modelChange: [{
521
+ type: Output
522
+ }], changeEv: [{
523
+ type: Output
524
+ }], onDocumentClick: [{
525
+ type: HostListener,
526
+ args: ['document:click', ['$event']]
527
+ }] } });
528
+
529
+ class OslFileUpload {
530
+ label = '';
531
+ required = false;
532
+ disabled = false;
533
+ model = null;
534
+ accept = '';
535
+ modelChange = new EventEmitter();
536
+ changeEv = new EventEmitter();
537
+ touched = false;
538
+ get fileName() {
539
+ return this.model ? this.model.name : '';
540
+ }
541
+ get isInvalid() {
542
+ return this.touched && this.required && !this.model;
543
+ }
544
+ onFileChange(event) {
545
+ this.touched = true;
546
+ const input = event.target;
547
+ const file = input.files?.[0] ?? null;
548
+ this.model = file;
549
+ this.modelChange.emit(this.model);
550
+ this.changeEv.emit(this.model);
551
+ }
552
+ triggerInput(fileInput) {
553
+ if (!this.disabled) {
554
+ fileInput.click();
555
+ }
556
+ }
557
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: OslFileUpload, deps: [], target: i0.ɵɵFactoryTarget.Component });
558
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: OslFileUpload, isStandalone: false, selector: "osl-file-upload", inputs: { label: "label", required: "required", disabled: "disabled", model: "model", accept: "accept" }, outputs: { modelChange: "modelChange", changeEv: "changeEv" }, ngImport: i0, template: "<div class=\"d-flex flex-column\">\n <label class=\"label\" [class.txt-clr-red]=\"isInvalid\">{{label}} <span class=\"txt-clr-red\">{{required?'*':''}}</span></label>\n <input type=\"file\" [accept]=\"accept\" [disabled]=\"disabled\" (change)=\"onFileChange($event)\" #fileInput class=\"file-input\">\n <div class=\"file-display\" [class.error]=\"isInvalid\" [class.file-disabled]=\"disabled\" (click)=\"triggerInput(fileInput)\">\n <span class=\"file-name\" [class.selected]=\"!!fileName\">{{fileName || 'Choose file...'}}</span>\n <span class=\"browse-btn\">Browse</span>\n </div>\n @if(isInvalid){\n <mat-hint class=\"hint\">{{label}} is Required!</mat-hint>\n }\n</div>\n", styles: [".label{font-size:var(--osl-label-font-size);margin-bottom:5px}.file-input{display:none}.file-display{display:flex;align-items:center;justify-content:space-between;height:var(--osl-control-height);width:100%;border-radius:var(--osl-border-radius);border:1px solid var(--osl-border-color);padding:0 8px;cursor:pointer}.file-display:hover:not(.file-disabled){border:1px solid var(--osl-focus-border-color);transition:.5s}.file-display.error{border:1px solid var(--osl-error-color)}.file-display.file-disabled{opacity:.6;cursor:not-allowed;background:#f5f5f5}.file-name{font-size:var(--osl-text-font-size);color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}.file-name.selected{color:#333}.browse-btn{font-size:var(--osl-hint-font-size);padding:2px 10px;border:1px solid var(--osl-border-color);border-radius:3px;background:#f5f5f5;white-space:nowrap}.hint{color:var(--osl-error-color);margin-top:2px;font-size:var(--osl-hint-font-size)}.txt-clr-red{color:var(--osl-error-color)}\n"], dependencies: [{ kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }] });
559
+ }
560
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: OslFileUpload, decorators: [{
561
+ type: Component,
562
+ args: [{ selector: 'osl-file-upload', standalone: false, template: "<div class=\"d-flex flex-column\">\n <label class=\"label\" [class.txt-clr-red]=\"isInvalid\">{{label}} <span class=\"txt-clr-red\">{{required?'*':''}}</span></label>\n <input type=\"file\" [accept]=\"accept\" [disabled]=\"disabled\" (change)=\"onFileChange($event)\" #fileInput class=\"file-input\">\n <div class=\"file-display\" [class.error]=\"isInvalid\" [class.file-disabled]=\"disabled\" (click)=\"triggerInput(fileInput)\">\n <span class=\"file-name\" [class.selected]=\"!!fileName\">{{fileName || 'Choose file...'}}</span>\n <span class=\"browse-btn\">Browse</span>\n </div>\n @if(isInvalid){\n <mat-hint class=\"hint\">{{label}} is Required!</mat-hint>\n }\n</div>\n", styles: [".label{font-size:var(--osl-label-font-size);margin-bottom:5px}.file-input{display:none}.file-display{display:flex;align-items:center;justify-content:space-between;height:var(--osl-control-height);width:100%;border-radius:var(--osl-border-radius);border:1px solid var(--osl-border-color);padding:0 8px;cursor:pointer}.file-display:hover:not(.file-disabled){border:1px solid var(--osl-focus-border-color);transition:.5s}.file-display.error{border:1px solid var(--osl-error-color)}.file-display.file-disabled{opacity:.6;cursor:not-allowed;background:#f5f5f5}.file-name{font-size:var(--osl-text-font-size);color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}.file-name.selected{color:#333}.browse-btn{font-size:var(--osl-hint-font-size);padding:2px 10px;border:1px solid var(--osl-border-color);border-radius:3px;background:#f5f5f5;white-space:nowrap}.hint{color:var(--osl-error-color);margin-top:2px;font-size:var(--osl-hint-font-size)}.txt-clr-red{color:var(--osl-error-color)}\n"] }]
563
+ }], propDecorators: { label: [{
564
+ type: Input,
565
+ args: ['label']
566
+ }], required: [{
567
+ type: Input,
568
+ args: ['required']
569
+ }], disabled: [{
570
+ type: Input,
571
+ args: ['disabled']
572
+ }], model: [{
573
+ type: Input,
574
+ args: ['model']
575
+ }], accept: [{
576
+ type: Input,
577
+ args: ['accept']
578
+ }], modelChange: [{
579
+ type: Output
580
+ }], changeEv: [{
581
+ type: Output
582
+ }] } });
583
+
584
+ class OslDatepicker {
585
+ label = '';
586
+ required = false;
587
+ disabled = false;
588
+ model = '';
589
+ modelChange = new EventEmitter();
590
+ changeEv = new EventEmitter();
591
+ onModelChange(event) {
592
+ this.model = event;
593
+ this.modelChange.emit(this.model);
594
+ }
595
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: OslDatepicker, deps: [], target: i0.ɵɵFactoryTarget.Component });
596
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: OslDatepicker, isStandalone: false, selector: "osl-datepicker", inputs: { label: "label", required: "required", disabled: "disabled", model: "model" }, outputs: { modelChange: "modelChange", changeEv: "changeEv" }, ngImport: i0, template: "<div class=\"d-flex flex-column\">\n <label class=\"label\" [class.txt-clr-red]=\"myField.touched && myField.invalid\">{{label}} <span class=\"txt-clr-red\">{{required?'*':''}}</span></label>\n <input type=\"date\" [ngModel]=\"model\" (ngModelChange)=\"onModelChange($event)\" [required]=\"required\"\n [disabled]=\"disabled\" #myField=\"ngModel\" [class.error]=\"myField.touched && myField.invalid\"\n (change)=\"changeEv.emit(model)\">\n @if(myField.touched && myField.invalid && required){\n <mat-hint class=\"hint\">{{label}} is Required!</mat-hint>\n }\n</div>\n", styles: [".label{font-size:var(--osl-label-font-size);margin-bottom:5px}input[type=date]{height:var(--osl-control-height);width:100%;border-radius:var(--osl-border-radius);outline:none;border:1px solid var(--osl-border-color);padding:5px}input[type=date]:focus{border:1px solid var(--osl-focus-border-color);transition:.5s}input[type=date]:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.error{border:1px solid var(--osl-error-color)}.hint{color:var(--osl-error-color);margin-top:2px;font-size:var(--osl-hint-font-size)}.txt-clr-red{color:var(--osl-error-color)}\n"], dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }] });
597
+ }
598
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: OslDatepicker, decorators: [{
599
+ type: Component,
600
+ args: [{ selector: 'osl-datepicker', standalone: false, template: "<div class=\"d-flex flex-column\">\n <label class=\"label\" [class.txt-clr-red]=\"myField.touched && myField.invalid\">{{label}} <span class=\"txt-clr-red\">{{required?'*':''}}</span></label>\n <input type=\"date\" [ngModel]=\"model\" (ngModelChange)=\"onModelChange($event)\" [required]=\"required\"\n [disabled]=\"disabled\" #myField=\"ngModel\" [class.error]=\"myField.touched && myField.invalid\"\n (change)=\"changeEv.emit(model)\">\n @if(myField.touched && myField.invalid && required){\n <mat-hint class=\"hint\">{{label}} is Required!</mat-hint>\n }\n</div>\n", styles: [".label{font-size:var(--osl-label-font-size);margin-bottom:5px}input[type=date]{height:var(--osl-control-height);width:100%;border-radius:var(--osl-border-radius);outline:none;border:1px solid var(--osl-border-color);padding:5px}input[type=date]:focus{border:1px solid var(--osl-focus-border-color);transition:.5s}input[type=date]:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.error{border:1px solid var(--osl-error-color)}.hint{color:var(--osl-error-color);margin-top:2px;font-size:var(--osl-hint-font-size)}.txt-clr-red{color:var(--osl-error-color)}\n"] }]
601
+ }], propDecorators: { label: [{
602
+ type: Input,
603
+ args: ['label']
604
+ }], required: [{
605
+ type: Input,
606
+ args: ['required']
607
+ }], disabled: [{
608
+ type: Input,
609
+ args: ['disabled']
610
+ }], model: [{
611
+ type: Input,
612
+ args: ['model']
613
+ }], modelChange: [{
614
+ type: Output
615
+ }], changeEv: [{
616
+ type: Output
617
+ }] } });
618
+
619
+ class OslCheckbox {
620
+ label = '';
621
+ disabled = false;
622
+ model = false;
623
+ modelChange = new EventEmitter();
624
+ changeEv = new EventEmitter();
625
+ onModelChange(event) {
626
+ this.model = event;
627
+ this.modelChange.emit(this.model);
628
+ this.changeEv.emit(this.model);
629
+ }
630
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: OslCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Component });
631
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: OslCheckbox, isStandalone: false, selector: "osl-checkbox", inputs: { label: "label", disabled: "disabled", model: "model" }, outputs: { modelChange: "modelChange", changeEv: "changeEv" }, ngImport: i0, template: "<div class=\"d-flex flex-column\">\n <label class=\"label\">{{label}}</label>\n <label class=\"checkbox-wrapper\" [class.checkbox-disabled]=\"disabled\">\n <input type=\"checkbox\" [ngModel]=\"model\" (ngModelChange)=\"onModelChange($event)\" [disabled]=\"disabled\">\n <span class=\"checkbox-label\">{{label}}</span>\n </label>\n</div>\n", styles: [".label{font-size:var(--osl-label-font-size);margin-bottom:5px}.checkbox-wrapper{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--osl-label-font-size);width:fit-content}.checkbox-wrapper input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#333;flex-shrink:0}.checkbox-wrapper .checkbox-label{-webkit-user-select:none;user-select:none}.checkbox-wrapper.checkbox-disabled{opacity:.6;cursor:not-allowed}.checkbox-wrapper.checkbox-disabled input[type=checkbox]{cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i1$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
632
+ }
633
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: OslCheckbox, decorators: [{
634
+ type: Component,
635
+ args: [{ selector: 'osl-checkbox', standalone: false, template: "<div class=\"d-flex flex-column\">\n <label class=\"label\">{{label}}</label>\n <label class=\"checkbox-wrapper\" [class.checkbox-disabled]=\"disabled\">\n <input type=\"checkbox\" [ngModel]=\"model\" (ngModelChange)=\"onModelChange($event)\" [disabled]=\"disabled\">\n <span class=\"checkbox-label\">{{label}}</span>\n </label>\n</div>\n", styles: [".label{font-size:var(--osl-label-font-size);margin-bottom:5px}.checkbox-wrapper{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--osl-label-font-size);width:fit-content}.checkbox-wrapper input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#333;flex-shrink:0}.checkbox-wrapper .checkbox-label{-webkit-user-select:none;user-select:none}.checkbox-wrapper.checkbox-disabled{opacity:.6;cursor:not-allowed}.checkbox-wrapper.checkbox-disabled input[type=checkbox]{cursor:not-allowed}\n"] }]
636
+ }], propDecorators: { label: [{
637
+ type: Input,
638
+ args: ['label']
639
+ }], disabled: [{
640
+ type: Input,
641
+ args: ['disabled']
642
+ }], model: [{
643
+ type: Input,
644
+ args: ['model']
645
+ }], modelChange: [{
646
+ type: Output
647
+ }], changeEv: [{
648
+ type: Output
649
+ }] } });
650
+
651
+ class OslButton {
652
+ label = 'Button';
653
+ variant = 'primary';
654
+ size = 'md';
655
+ disabled = false;
656
+ loading = false;
657
+ type = 'button';
658
+ fullWidth = false;
659
+ clickEv = new EventEmitter();
660
+ get classes() {
661
+ return [
662
+ 'osl-btn',
663
+ `osl-btn--${this.variant}`,
664
+ `osl-btn--${this.size}`,
665
+ this.fullWidth ? 'osl-btn--full' : '',
666
+ ]
667
+ .filter(Boolean)
668
+ .join(' ');
669
+ }
670
+ onClick() {
671
+ if (!this.disabled && !this.loading) {
672
+ this.clickEv.emit();
673
+ }
674
+ }
675
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: OslButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
676
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: OslButton, isStandalone: false, selector: "osl-button", inputs: { label: "label", variant: "variant", size: "size", disabled: "disabled", loading: "loading", type: "type", fullWidth: "fullWidth" }, outputs: { clickEv: "clickEv" }, ngImport: i0, template: "<button [class]=\"classes\" [type]=\"type\" [disabled]=\"disabled || loading\" (click)=\"onClick()\">\n @if(loading){\n <span class=\"osl-btn__spinner\"></span>\n }\n <span class=\"osl-btn__label\">{{label}}</span>\n</button>\n", styles: [".osl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--osl-border-radius);cursor:pointer;font-size:var(--osl-label-font-size);font-weight:500;line-height:1;transition:background-color .2s ease,border-color .2s ease,opacity .2s ease;white-space:nowrap;outline:none}.osl-btn--sm{height:28px;padding:0 var(--osl-hint-font-size);font-size:var(--osl-hint-font-size)}.osl-btn--md{height:36px;padding:0 18px;font-size:var(--osl-label-font-size)}.osl-btn--lg{height:44px;padding:0 24px;font-size:16px}.osl-btn--full{width:100%}.osl-btn:disabled{opacity:var(--osl-disabled-opacity);cursor:not-allowed}.osl-btn--primary{background-color:var(--osl-primary);color:var(--osl-primary-text)}.osl-btn--primary:hover:not(:disabled){background-color:var(--osl-primary-hover)}.osl-btn--secondary{background-color:var(--osl-secondary);color:var(--osl-secondary-text)}.osl-btn--secondary:hover:not(:disabled){background-color:var(--osl-secondary-hover)}.osl-btn--success{background-color:var(--osl-success);color:var(--osl-success-text)}.osl-btn--success:hover:not(:disabled){background-color:var(--osl-success-hover)}.osl-btn--danger{background-color:var(--osl-danger);color:var(--osl-danger-text)}.osl-btn--danger:hover:not(:disabled){background-color:var(--osl-danger-hover)}.osl-btn--warning{background-color:var(--osl-warning);color:var(--osl-warning-text)}.osl-btn--warning:hover:not(:disabled){background-color:var(--osl-warning-hover)}.osl-btn--info{background-color:var(--osl-info);color:var(--osl-info-text)}.osl-btn--info:hover:not(:disabled){background-color:var(--osl-info-hover)}.osl-btn--outline-primary{background-color:transparent;border:1.5px solid var(--osl-primary);color:var(--osl-primary)}.osl-btn--outline-primary:hover:not(:disabled){background-color:var(--osl-primary);color:var(--osl-primary-text)}.osl-btn--outline-secondary{background-color:transparent;border:1.5px solid var(--osl-secondary);color:var(--osl-secondary)}.osl-btn--outline-secondary:hover:not(:disabled){background-color:var(--osl-secondary);color:var(--osl-secondary-text)}.osl-btn--outline-success{background-color:transparent;border:1.5px solid var(--osl-success);color:var(--osl-success)}.osl-btn--outline-success:hover:not(:disabled){background-color:var(--osl-success);color:var(--osl-success-text)}.osl-btn--outline-danger{background-color:transparent;border:1.5px solid var(--osl-danger);color:var(--osl-danger)}.osl-btn--outline-danger:hover:not(:disabled){background-color:var(--osl-danger);color:var(--osl-danger-text)}.osl-btn--outline-warning{background-color:transparent;border:1.5px solid var(--osl-warning);color:var(--osl-warning)}.osl-btn--outline-warning:hover:not(:disabled){background-color:var(--osl-warning);color:var(--osl-warning-text)}.osl-btn--outline-info{background-color:transparent;border:1.5px solid var(--osl-info);color:var(--osl-info)}.osl-btn--outline-info:hover:not(:disabled){background-color:var(--osl-info);color:var(--osl-info-text)}.osl-btn__spinner{display:inline-block;width:var(--osl-label-font-size);height:var(--osl-label-font-size);border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:osl-spin .7s linear infinite}@keyframes osl-spin{to{transform:rotate(360deg)}}\n"] });
677
+ }
678
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: OslButton, decorators: [{
679
+ type: Component,
680
+ args: [{ selector: 'osl-button', standalone: false, template: "<button [class]=\"classes\" [type]=\"type\" [disabled]=\"disabled || loading\" (click)=\"onClick()\">\n @if(loading){\n <span class=\"osl-btn__spinner\"></span>\n }\n <span class=\"osl-btn__label\">{{label}}</span>\n</button>\n", styles: [".osl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--osl-border-radius);cursor:pointer;font-size:var(--osl-label-font-size);font-weight:500;line-height:1;transition:background-color .2s ease,border-color .2s ease,opacity .2s ease;white-space:nowrap;outline:none}.osl-btn--sm{height:28px;padding:0 var(--osl-hint-font-size);font-size:var(--osl-hint-font-size)}.osl-btn--md{height:36px;padding:0 18px;font-size:var(--osl-label-font-size)}.osl-btn--lg{height:44px;padding:0 24px;font-size:16px}.osl-btn--full{width:100%}.osl-btn:disabled{opacity:var(--osl-disabled-opacity);cursor:not-allowed}.osl-btn--primary{background-color:var(--osl-primary);color:var(--osl-primary-text)}.osl-btn--primary:hover:not(:disabled){background-color:var(--osl-primary-hover)}.osl-btn--secondary{background-color:var(--osl-secondary);color:var(--osl-secondary-text)}.osl-btn--secondary:hover:not(:disabled){background-color:var(--osl-secondary-hover)}.osl-btn--success{background-color:var(--osl-success);color:var(--osl-success-text)}.osl-btn--success:hover:not(:disabled){background-color:var(--osl-success-hover)}.osl-btn--danger{background-color:var(--osl-danger);color:var(--osl-danger-text)}.osl-btn--danger:hover:not(:disabled){background-color:var(--osl-danger-hover)}.osl-btn--warning{background-color:var(--osl-warning);color:var(--osl-warning-text)}.osl-btn--warning:hover:not(:disabled){background-color:var(--osl-warning-hover)}.osl-btn--info{background-color:var(--osl-info);color:var(--osl-info-text)}.osl-btn--info:hover:not(:disabled){background-color:var(--osl-info-hover)}.osl-btn--outline-primary{background-color:transparent;border:1.5px solid var(--osl-primary);color:var(--osl-primary)}.osl-btn--outline-primary:hover:not(:disabled){background-color:var(--osl-primary);color:var(--osl-primary-text)}.osl-btn--outline-secondary{background-color:transparent;border:1.5px solid var(--osl-secondary);color:var(--osl-secondary)}.osl-btn--outline-secondary:hover:not(:disabled){background-color:var(--osl-secondary);color:var(--osl-secondary-text)}.osl-btn--outline-success{background-color:transparent;border:1.5px solid var(--osl-success);color:var(--osl-success)}.osl-btn--outline-success:hover:not(:disabled){background-color:var(--osl-success);color:var(--osl-success-text)}.osl-btn--outline-danger{background-color:transparent;border:1.5px solid var(--osl-danger);color:var(--osl-danger)}.osl-btn--outline-danger:hover:not(:disabled){background-color:var(--osl-danger);color:var(--osl-danger-text)}.osl-btn--outline-warning{background-color:transparent;border:1.5px solid var(--osl-warning);color:var(--osl-warning)}.osl-btn--outline-warning:hover:not(:disabled){background-color:var(--osl-warning);color:var(--osl-warning-text)}.osl-btn--outline-info{background-color:transparent;border:1.5px solid var(--osl-info);color:var(--osl-info)}.osl-btn--outline-info:hover:not(:disabled){background-color:var(--osl-info);color:var(--osl-info-text)}.osl-btn__spinner{display:inline-block;width:var(--osl-label-font-size);height:var(--osl-label-font-size);border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:osl-spin .7s linear infinite}@keyframes osl-spin{to{transform:rotate(360deg)}}\n"] }]
681
+ }], propDecorators: { label: [{
682
+ type: Input,
683
+ args: ['label']
684
+ }], variant: [{
685
+ type: Input,
686
+ args: ['variant']
687
+ }], size: [{
688
+ type: Input,
689
+ args: ['size']
690
+ }], disabled: [{
691
+ type: Input,
692
+ args: ['disabled']
693
+ }], loading: [{
694
+ type: Input,
695
+ args: ['loading']
696
+ }], type: [{
697
+ type: Input,
698
+ args: ['type']
699
+ }], fullWidth: [{
700
+ type: Input,
701
+ args: ['fullWidth']
702
+ }], clickEv: [{
703
+ type: Output
704
+ }] } });
705
+
706
+ class DynamicForm {
707
+ elements = [];
708
+ model = {};
709
+ modelChange = new EventEmitter();
710
+ onModelChange(event, key) {
711
+ this.model[key] = event;
712
+ this.modelChange.emit(this.model);
713
+ }
714
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DynamicForm, deps: [], target: i0.ɵɵFactoryTarget.Component });
715
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: DynamicForm, isStandalone: false, selector: "osl-dynamic-form", inputs: { elements: "elements", model: "model" }, outputs: { modelChange: "modelChange" }, ngImport: i0, template: "@if(elements && elements.length > 0){\n <div class=\"row w-100\">\n @for(elem of elements;track elem){\n @if(!(elem.hideIf ? elem.hideIf(model) : elem.hide)){\n <ng-container *ngTemplateOutlet=\"recursiveForm; context: { $implicit: elem }\"></ng-container>\n }\n }\n </div>\n}\n\n<ng-template #recursiveForm let-elem>\n @if(elem.hideIf? !elem.hideIf(model):true){\n @switch (elem.elementType) {\n @case (\"textbox\") {\n <div [class]=\"'col-md-'+elem.columns+' mt-2'\">\n <osl-input (changeEv)=\"elem.change ? elem.change(model) : null\" [label]=\"elem.label\"\n [disabled]=\"elem.disabledIf ? elem.disabledIf() : !!elem.disabled\"\n [required]=\"elem.requiredIf ? elem.requiredIf(model) : !!elem.required\"\n [(model)]=\"model[elem.key]\"></osl-input>\n </div>\n }\n @case (\"textarea\") {\n <div [class]=\"'col-md-'+elem.columns+' mt-2'\">\n <osl-textarea [rows]=\"elem.textareaRows ? elem.textareaRows.toString() : undefined\"\n (changeEv)=\"elem.change ? elem.change(model) : null\" [label]=\"elem.label\"\n [disabled]=\"elem.disabledIf ? elem.disabledIf() : !!elem.disabled\"\n [required]=\"elem.requiredIf ? elem.requiredIf(model) : !!elem.required\"\n [(model)]=\"model[elem.key]\"></osl-textarea>\n </div>\n }\n @case (\"select\") {\n <div [class]=\"'col-md-'+elem.columns+' mt-2'\">\n <osl-select (changeEv)=\"elem.change ? elem.change(model) : null\" [label]=\"elem.label\"\n [disabled]=\"elem.disabledIf ? elem.disabledIf() : !!elem.disabled\"\n [required]=\"elem.requiredIf ? elem.requiredIf(model) : !!elem.required\"\n [datasource]=\"elem.datasource || []\"\n [displayField]=\"elem.displayField || ''\"\n [valueField]=\"elem.valueField || ''\"\n [(model)]=\"model[elem.key]\"></osl-select>\n </div>\n }\n @case (\"radio\") {\n <div [class]=\"'col-md-'+elem.columns+' mt-2'\">\n <osl-radio (changeEv)=\"elem.change ? elem.change(model) : null\" [label]=\"elem.label\"\n [disabled]=\"elem.disabledIf ? elem.disabledIf() : !!elem.disabled\"\n [required]=\"elem.requiredIf ? elem.requiredIf(model) : !!elem.required\"\n [datasource]=\"elem.datasource || []\"\n [displayField]=\"elem.displayField || ''\"\n [valueField]=\"elem.valueField || ''\"\n [(model)]=\"model[elem.key]\"></osl-radio>\n </div>\n }\n @case (\"slide-toggle\") {\n <div [class]=\"'col-md-'+elem.columns+' mt-2'\">\n <osl-slide-toggle (changeEv)=\"elem.change ? elem.change(model) : null\" [label]=\"elem.label\"\n [disabled]=\"elem.disabledIf ? elem.disabledIf() : !!elem.disabled\"\n [(model)]=\"model[elem.key]\"></osl-slide-toggle>\n </div>\n }\n @case (\"autocomplete\") {\n <div [class]=\"'col-md-'+elem.columns+' mt-2'\">\n <osl-autocomplete (changeEv)=\"elem.change ? elem.change(model) : null\" [label]=\"elem.label\"\n [disabled]=\"elem.disabledIf ? elem.disabledIf() : !!elem.disabled\"\n [required]=\"elem.requiredIf ? elem.requiredIf(model) : !!elem.required\"\n [datasource]=\"elem.datasource || []\"\n [displayField]=\"elem.displayField || ''\"\n [valueField]=\"elem.valueField || ''\"\n [(model)]=\"model[elem.key]\"></osl-autocomplete>\n </div>\n }\n @case (\"file-uploader\") {\n <div [class]=\"'col-md-'+elem.columns+' mt-2'\">\n <osl-file-upload (changeEv)=\"elem.change ? elem.change(model) : null\" [label]=\"elem.label\"\n [disabled]=\"elem.disabledIf ? elem.disabledIf() : !!elem.disabled\"\n [required]=\"elem.requiredIf ? elem.requiredIf(model) : !!elem.required\"\n [accept]=\"elem.accept || ''\"\n [(model)]=\"model[elem.key]\"></osl-file-upload>\n </div>\n }\n @case (\"datepicker\") {\n <div [class]=\"'col-md-'+elem.columns+' mt-2'\">\n <osl-datepicker (changeEv)=\"elem.change ? elem.change(model) : null\" [label]=\"elem.label\"\n [disabled]=\"elem.disabledIf ? elem.disabledIf() : !!elem.disabled\"\n [required]=\"elem.requiredIf ? elem.requiredIf(model) : !!elem.required\"\n [(model)]=\"model[elem.key]\"></osl-datepicker>\n </div>\n }\n @case (\"checkbox\") {\n <div [class]=\"'col-md-'+elem.columns+' mt-2'\">\n <osl-checkbox (changeEv)=\"elem.change ? elem.change(model) : null\" [label]=\"elem.label\"\n [disabled]=\"elem.disabledIf ? elem.disabledIf() : !!elem.disabled\"\n [(model)]=\"model[elem.key]\"></osl-checkbox>\n </div>\n }\n @case (\"button\") {\n <div [class]=\"'col-md-'+elem.columns+' mt-2'\">\n <osl-button (clickEv)=\"elem.change($event)\" [loading]=\"elem.loadingIf? elem.loadingIf(model):false\" [variant]=\"'secondary'\" [label]=\"elem.label\"></osl-button>\n </div>\n }\n }\n}\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: Oslinput, selector: "osl-input", inputs: ["label", "required", "disabled", "model"], outputs: ["modelChange", "changeEv"] }, { kind: "component", type: Osltextarea, selector: "osl-textarea", inputs: ["label", "rows", "required", "disabled", "model"], outputs: ["modelChange", "changeEv"] }, { kind: "component", type: OslSelect, selector: "osl-select", inputs: ["label", "required", "disabled", "model", "datasource", "displayField", "valueField"], outputs: ["modelChange", "changeEv"] }, { kind: "component", type: OslRadio, selector: "osl-radio", inputs: ["label", "required", "disabled", "model", "datasource", "displayField", "valueField"], outputs: ["modelChange", "changeEv"] }, { kind: "component", type: OslSlideToggle, selector: "osl-slide-toggle", inputs: ["label", "disabled", "model"], outputs: ["modelChange", "changeEv"] }, { kind: "component", type: OslAutocomplete, selector: "osl-autocomplete", inputs: ["label", "required", "disabled", "model", "datasource", "displayField", "valueField"], outputs: ["modelChange", "changeEv"] }, { kind: "component", type: OslFileUpload, selector: "osl-file-upload", inputs: ["label", "required", "disabled", "model", "accept"], outputs: ["modelChange", "changeEv"] }, { kind: "component", type: OslDatepicker, selector: "osl-datepicker", inputs: ["label", "required", "disabled", "model"], outputs: ["modelChange", "changeEv"] }, { kind: "component", type: OslCheckbox, selector: "osl-checkbox", inputs: ["label", "disabled", "model"], outputs: ["modelChange", "changeEv"] }, { kind: "component", type: OslButton, selector: "osl-button", inputs: ["label", "variant", "size", "disabled", "loading", "type", "fullWidth"], outputs: ["clickEv"] }] });
716
+ }
717
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DynamicForm, decorators: [{
718
+ type: Component,
719
+ args: [{ selector: 'osl-dynamic-form', standalone: false, template: "@if(elements && elements.length > 0){\n <div class=\"row w-100\">\n @for(elem of elements;track elem){\n @if(!(elem.hideIf ? elem.hideIf(model) : elem.hide)){\n <ng-container *ngTemplateOutlet=\"recursiveForm; context: { $implicit: elem }\"></ng-container>\n }\n }\n </div>\n}\n\n<ng-template #recursiveForm let-elem>\n @if(elem.hideIf? !elem.hideIf(model):true){\n @switch (elem.elementType) {\n @case (\"textbox\") {\n <div [class]=\"'col-md-'+elem.columns+' mt-2'\">\n <osl-input (changeEv)=\"elem.change ? elem.change(model) : null\" [label]=\"elem.label\"\n [disabled]=\"elem.disabledIf ? elem.disabledIf() : !!elem.disabled\"\n [required]=\"elem.requiredIf ? elem.requiredIf(model) : !!elem.required\"\n [(model)]=\"model[elem.key]\"></osl-input>\n </div>\n }\n @case (\"textarea\") {\n <div [class]=\"'col-md-'+elem.columns+' mt-2'\">\n <osl-textarea [rows]=\"elem.textareaRows ? elem.textareaRows.toString() : undefined\"\n (changeEv)=\"elem.change ? elem.change(model) : null\" [label]=\"elem.label\"\n [disabled]=\"elem.disabledIf ? elem.disabledIf() : !!elem.disabled\"\n [required]=\"elem.requiredIf ? elem.requiredIf(model) : !!elem.required\"\n [(model)]=\"model[elem.key]\"></osl-textarea>\n </div>\n }\n @case (\"select\") {\n <div [class]=\"'col-md-'+elem.columns+' mt-2'\">\n <osl-select (changeEv)=\"elem.change ? elem.change(model) : null\" [label]=\"elem.label\"\n [disabled]=\"elem.disabledIf ? elem.disabledIf() : !!elem.disabled\"\n [required]=\"elem.requiredIf ? elem.requiredIf(model) : !!elem.required\"\n [datasource]=\"elem.datasource || []\"\n [displayField]=\"elem.displayField || ''\"\n [valueField]=\"elem.valueField || ''\"\n [(model)]=\"model[elem.key]\"></osl-select>\n </div>\n }\n @case (\"radio\") {\n <div [class]=\"'col-md-'+elem.columns+' mt-2'\">\n <osl-radio (changeEv)=\"elem.change ? elem.change(model) : null\" [label]=\"elem.label\"\n [disabled]=\"elem.disabledIf ? elem.disabledIf() : !!elem.disabled\"\n [required]=\"elem.requiredIf ? elem.requiredIf(model) : !!elem.required\"\n [datasource]=\"elem.datasource || []\"\n [displayField]=\"elem.displayField || ''\"\n [valueField]=\"elem.valueField || ''\"\n [(model)]=\"model[elem.key]\"></osl-radio>\n </div>\n }\n @case (\"slide-toggle\") {\n <div [class]=\"'col-md-'+elem.columns+' mt-2'\">\n <osl-slide-toggle (changeEv)=\"elem.change ? elem.change(model) : null\" [label]=\"elem.label\"\n [disabled]=\"elem.disabledIf ? elem.disabledIf() : !!elem.disabled\"\n [(model)]=\"model[elem.key]\"></osl-slide-toggle>\n </div>\n }\n @case (\"autocomplete\") {\n <div [class]=\"'col-md-'+elem.columns+' mt-2'\">\n <osl-autocomplete (changeEv)=\"elem.change ? elem.change(model) : null\" [label]=\"elem.label\"\n [disabled]=\"elem.disabledIf ? elem.disabledIf() : !!elem.disabled\"\n [required]=\"elem.requiredIf ? elem.requiredIf(model) : !!elem.required\"\n [datasource]=\"elem.datasource || []\"\n [displayField]=\"elem.displayField || ''\"\n [valueField]=\"elem.valueField || ''\"\n [(model)]=\"model[elem.key]\"></osl-autocomplete>\n </div>\n }\n @case (\"file-uploader\") {\n <div [class]=\"'col-md-'+elem.columns+' mt-2'\">\n <osl-file-upload (changeEv)=\"elem.change ? elem.change(model) : null\" [label]=\"elem.label\"\n [disabled]=\"elem.disabledIf ? elem.disabledIf() : !!elem.disabled\"\n [required]=\"elem.requiredIf ? elem.requiredIf(model) : !!elem.required\"\n [accept]=\"elem.accept || ''\"\n [(model)]=\"model[elem.key]\"></osl-file-upload>\n </div>\n }\n @case (\"datepicker\") {\n <div [class]=\"'col-md-'+elem.columns+' mt-2'\">\n <osl-datepicker (changeEv)=\"elem.change ? elem.change(model) : null\" [label]=\"elem.label\"\n [disabled]=\"elem.disabledIf ? elem.disabledIf() : !!elem.disabled\"\n [required]=\"elem.requiredIf ? elem.requiredIf(model) : !!elem.required\"\n [(model)]=\"model[elem.key]\"></osl-datepicker>\n </div>\n }\n @case (\"checkbox\") {\n <div [class]=\"'col-md-'+elem.columns+' mt-2'\">\n <osl-checkbox (changeEv)=\"elem.change ? elem.change(model) : null\" [label]=\"elem.label\"\n [disabled]=\"elem.disabledIf ? elem.disabledIf() : !!elem.disabled\"\n [(model)]=\"model[elem.key]\"></osl-checkbox>\n </div>\n }\n @case (\"button\") {\n <div [class]=\"'col-md-'+elem.columns+' mt-2'\">\n <osl-button (clickEv)=\"elem.change($event)\" [loading]=\"elem.loadingIf? elem.loadingIf(model):false\" [variant]=\"'secondary'\" [label]=\"elem.label\"></osl-button>\n </div>\n }\n }\n}\n</ng-template>\n" }]
720
+ }], propDecorators: { elements: [{
721
+ type: Input,
722
+ args: ['elements']
723
+ }], model: [{
724
+ type: Input,
725
+ args: ['model']
726
+ }], modelChange: [{
727
+ type: Output
728
+ }] } });
729
+
730
+ class FormStructureModule {
731
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormStructureModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
732
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: FormStructureModule, declarations: [DynamicForm,
733
+ Oslinput,
734
+ Osltextarea,
735
+ OslSelect,
736
+ OslRadio,
737
+ OslSlideToggle,
738
+ OslAutocomplete,
739
+ OslFileUpload,
740
+ OslDatepicker,
741
+ OslCheckbox,
742
+ OslButton], imports: [NgTemplateOutlet, FormsModule, MatFormFieldModule, MatInputModule, MatHint], exports: [DynamicForm] });
743
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormStructureModule, imports: [FormsModule, MatFormFieldModule, MatInputModule] });
744
+ }
745
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormStructureModule, decorators: [{
746
+ type: NgModule,
747
+ args: [{
748
+ declarations: [
749
+ DynamicForm,
750
+ Oslinput,
751
+ Osltextarea,
752
+ OslSelect,
753
+ OslRadio,
754
+ OslSlideToggle,
755
+ OslAutocomplete,
756
+ OslFileUpload,
757
+ OslDatepicker,
758
+ OslCheckbox,
759
+ OslButton
760
+ ],
761
+ imports: [NgTemplateOutlet, FormsModule, MatFormFieldModule, MatInputModule, MatHint],
762
+ exports: [DynamicForm],
763
+ }]
764
+ }] });
765
+
192
766
  /*
193
767
  * Public API Surface of osl-base-extended
194
768
  */
@@ -197,5 +771,5 @@ class Httpbase {
197
771
  * Generated bundle index. Do not edit.
198
772
  */
199
773
 
200
- export { Dialog, DialogWrapper, Httpbase, OslBaseExtended, baseComponent };
774
+ export { Dialog, DialogWrapper, DynamicForm, FormStructureModule, Httpbase, OslBaseExtended, baseComponent };
201
775
  //# sourceMappingURL=osl-base-extended.mjs.map
package/fesm2022/osl-base-extended.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"osl-base-extended.mjs","sources":["../../../projects/osl-base-extended/src/lib/osl-base-extended.ts","../../../projects/osl-base-extended/src/lib/core/shared/components/dialog-wrapper/dialog-wrapper.ts","../../../projects/osl-base-extended/src/lib/core/shared/components/dialog-wrapper/dialog-wrapper.html","../../../projects/osl-base-extended/src/lib/core/base/base.component.ts","../../../projects/osl-base-extended/src/lib/core/http/httpbase.ts","../../../projects/osl-base-extended/src/public-api.ts","../../../projects/osl-base-extended/src/osl-base-extended.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n selector: 'lib-osl-base-extended',\n imports: [],\n template: ` <p>osl-base-extended works!</p> `,\n styles: ``,\n})\nexport class OslBaseExtended {}\n","import { NgTemplateOutlet } from '@angular/common';\nimport { Component, Inject, TemplateRef } from '@angular/core';\nimport { MatIconButton } from '@angular/material/button';\nimport { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';\nimport { MatIconModule } from '@angular/material/icon';\n\n\n@Component({\n selector: 'dialog-wrapper',\n imports: [MatDialogModule, MatIconModule, NgTemplateOutlet, MatIconButton],\n templateUrl: './dialog-wrapper.html',\n styleUrl: './dialog-wrapper.scss',\n})\nexport class DialogWrapper {\n public dialogData:Dialog= new Dialog()\n constructor(public dialogRef:MatDialogRef<DialogWrapper>,@Inject(MAT_DIALOG_DATA) public data: Dialog){\n this.dialogData.header = data.header;\n this.dialogData.formBody = data.formBody;\n this.dialogData.formFooter = data.formFooter;\n this.dialogData.data = data.data\n }\n}\n\nexport class Dialog{\n header:string|TemplateRef<any>= \"No Title Found\";\n formBody:TemplateRef<any> | undefined;\n formFooter:TemplateRef<any> | undefined;\n data?:any;\n\n\n\n}\n","<div>\n @if(typeof dialogData.header == 'string'){\n <div class=\"dialog-header\" mat-dialog-title>\n <span class=\"dialog-heading\">{{dialogData.header}}</span>\n <button mat-dialog-close mat-icon-button><mat-icon>close</mat-icon></button>\n </div>\n }@else{\n <ng-container *ngTemplateOutlet=\"dialogData.header; context: { $implicit: dialogData }\"></ng-container>\n\n }\n \n\n</div>\n<mat-dialog-content>\n <div class=\"dialog-body\">\n @if(dialogData.formBody){\n <ng-container *ngTemplateOutlet=\"dialogData.formBody; context: { $implicit: dialogData }\"></ng-container>\n\n }\n\n </div>\n\n\n</mat-dialog-content>\n<mat-dialog-actions>\n @if(dialogData.formFooter){\n <div class=\"dialog-footer\">\n <ng-container *ngTemplateOutlet=\"dialogData.formFooter; context: { $implicit: dialogData }\"></ng-container>\n </div>\n\n }\n\n</mat-dialog-actions>","import { inject, Injectable, Injector, TemplateRef } from \"@angular/core\";\r\nimport { MatDialog, MatDialogRef } from \"@angular/material/dialog\";\r\nimport { MatSnackBar } from \"@angular/material/snack-bar\";\r\nimport { Router } from \"@angular/router\";\r\nimport { Dialog, DialogWrapper } from \"../shared/components/dialog-wrapper/dialog-wrapper\";\r\n@Injectable()\r\n\r\nexport class baseComponent{\r\n private _injector = inject(Injector);\r\n\r\n protected showSuccess(message:any){\r\n if(Array.isArray(message)){\r\n message = message.join(',')\r\n }\r\n this.showSnack(message)\r\n }\r\n\r\n\r\n protected showError(error:string|string[]){\r\n if(Array.isArray(error)){\r\n error = error.join(',')\r\n }\r\n this.showSnack(error)\r\n }\r\n\r\n protected navigate(url:string){\r\n this._injector.get(Router).navigate([url])\r\n }\r\n\r\n private showSnack(message:string){\r\n this._injector.get(MatSnackBar).open(message,'Ok',{\r\n duration:3000\r\n })\r\n }\r\n\r\n protected openDialog(\r\n header:string|TemplateRef<any>, \r\n formBody:TemplateRef<any>,\r\n formFooter:TemplateRef<any>,\r\n width:string = '40vw',\r\n data?:any,\r\n ):MatDialogRef<any>{\r\n const dialogData:Dialog= {\r\n header:header,\r\n formBody:formBody,\r\n formFooter:formFooter\r\n }\r\n const dialogRef = this._injector.get(MatDialog)?.open(DialogWrapper,{\r\n width:width,\r\n data:{...dialogData,...data},\r\n\r\n })\r\n return dialogRef;\r\n \r\n\r\n }\r\n\r\n}","import { HttpClient, HttpErrorResponse, HttpHeaders, HttpParams } from '@angular/common/http';\nimport { inject } from '@angular/core';\nimport { firstValueFrom, timeout } from 'rxjs';\n\nexport interface HttpResponse<T = any> {\n isSuccessful: boolean;\n statusCode: number;\n error: string;\n result: T;\n}\nexport interface myParams {\n property: string;\n value: any;\n}\nexport abstract class Httpbase {\n private controllerName: string = '';\n constructor(private controller: string) {\n this.controllerName = controller;\n }\n\n private getEndPoint(methodName: string) {\n return `${this.baseUrl}${this.controllerName}/${methodName}`;\n }\n private getHeaders() {\n const token = localStorage.getItem('token');\n return new HttpHeaders({\n 'Content-Type': 'application/json',\n Authorization: token ? `Bearer ${token}` : '',\n });\n }\n private handleSuccess<T>(statusCode: number, result: any): HttpResponse<T> {\n return {\n isSuccessful: statusCode >= 200 && statusCode < 300,\n error: '',\n result: result,\n statusCode: statusCode,\n };\n }\n\n private handleError<T>(error: any): HttpResponse<T> {\n return {\n isSuccessful: false,\n error: this.mapError(error),\n statusCode: error.status,\n result: null as any,\n };\n }\n\n private mapError(error: HttpErrorResponse): any {\n let errorMessage = '';\n switch (error.status) {\n case 0:\n errorMessage = 'Connection Error! Please Contact Adminsitration';\n break;\n case 400:\n errorMessage = error.error.message || 'Something Went Wrong';\n break;\n case 401:\n errorMessage = 'Unauthorized Access';\n break;\n case 403:\n errorMessage = \"You don't have rights to perform this action\";\n break;\n case 500:\n errorMessage = 'An error has occured,Please contact support';\n break;\n default:\n errorMessage = 'Something went wrong';\n }\n return errorMessage;\n }\n private buildParams(paramsArray: myParams[]): HttpParams {\n return (paramsArray || []).reduce((params, { property, value }) => {\n if (property && value != null) {\n return Array.isArray(value)\n ? value.reduce((p, v) => p.append(property, v), params)\n : params.set(property, value);\n }\n return params;\n }, new HttpParams());\n }\n protected http = inject(HttpClient);\n\n private baseUrl = '/api/'; // Change later\n protected async post<T>(methodName: string, body: any): Promise<HttpResponse<T>> {\n try {\n const res = await firstValueFrom(\n this.http\n .post(this.getEndPoint(methodName), body, {\n observe: 'response',\n headers: this.getHeaders(),\n })\n .pipe(timeout(30000)),\n );\n return this.handleSuccess(res.status, res.body);\n } catch (error: any) {\n return this.handleError(error);\n }\n }\n protected async get<T>(methodName: string, params?: myParams[]): Promise<HttpResponse<T>> {\n try {\n const res = await firstValueFrom(\n this.http\n .get(this.getEndPoint(methodName), {\n observe: 'response',\n headers: this.getHeaders(),\n params: this.buildParams(params || []),\n })\n .pipe(timeout(30000)),\n );\n\n return this.handleSuccess(res.status, res.body);\n } catch (error: any) {\n return this.handleError(error);\n }\n }\n}\n","/*\n * Public API Surface of osl-base-extended\n */\n\nexport * from './lib/osl-base-extended';\nexport * from './lib/core/base/base.component';\nexport * from './lib/core/http/httpbase';\nexport * from './lib/core/shared/components/dialog-wrapper/dialog-wrapper';\n\n\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"osl-base-extended.mjs","sources":["../../../projects/osl-base-extended/src/lib/osl-base-extended.ts","../../../projects/osl-base-extended/src/lib/core/shared/components/dialog-wrapper/dialog-wrapper.ts","../../../projects/osl-base-extended/src/lib/core/shared/components/dialog-wrapper/dialog-wrapper.html","../../../projects/osl-base-extended/src/lib/core/base/base.component.ts","../../../projects/osl-base-extended/src/lib/core/http/httpbase.ts","../../../projects/osl-base-extended/src/lib/core/shared/form-structure/input/input.ts","../../../projects/osl-base-extended/src/lib/core/shared/form-structure/input/input.html","../../../projects/osl-base-extended/src/lib/core/shared/form-structure/textarea/textarea.ts","../../../projects/osl-base-extended/src/lib/core/shared/form-structure/textarea/textarea.html","../../../projects/osl-base-extended/src/lib/core/shared/form-structure/select/select.ts","../../../projects/osl-base-extended/src/lib/core/shared/form-structure/select/select.html","../../../projects/osl-base-extended/src/lib/core/shared/form-structure/radio/radio.ts","../../../projects/osl-base-extended/src/lib/core/shared/form-structure/radio/radio.html","../../../projects/osl-base-extended/src/lib/core/shared/form-structure/slide-toggle/slide-toggle.ts","../../../projects/osl-base-extended/src/lib/core/shared/form-structure/slide-toggle/slide-toggle.html","../../../projects/osl-base-extended/src/lib/core/shared/form-structure/autocomplete/autocomplete.ts","../../../projects/osl-base-extended/src/lib/core/shared/form-structure/autocomplete/autocomplete.html","../../../projects/osl-base-extended/src/lib/core/shared/form-structure/file-upload/file-upload.ts","../../../projects/osl-base-extended/src/lib/core/shared/form-structure/file-upload/file-upload.html","../../../projects/osl-base-extended/src/lib/core/shared/form-structure/datepicker/datepicker.ts","../../../projects/osl-base-extended/src/lib/core/shared/form-structure/datepicker/datepicker.html","../../../projects/osl-base-extended/src/lib/core/shared/form-structure/checkbox/checkbox.ts","../../../projects/osl-base-extended/src/lib/core/shared/form-structure/checkbox/checkbox.html","../../../projects/osl-base-extended/src/lib/core/shared/form-structure/button/button.ts","../../../projects/osl-base-extended/src/lib/core/shared/form-structure/button/button.html","../../../projects/osl-base-extended/src/lib/core/shared/form-structure/dynamic-form/dynamic-form.ts","../../../projects/osl-base-extended/src/lib/core/shared/form-structure/dynamic-form/dynamic-form.html","../../../projects/osl-base-extended/src/lib/core/shared/form-structure/form-structure.module.ts","../../../projects/osl-base-extended/src/public-api.ts","../../../projects/osl-base-extended/src/osl-base-extended.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n selector: 'lib-osl-base-extended',\n imports: [],\n template: ` <p>osl-base-extended works!</p> `,\n styles: ``,\n})\nexport class OslBaseExtended {}\n","import { NgTemplateOutlet } from '@angular/common';\nimport { Component, Inject, TemplateRef } from '@angular/core';\nimport { MatIconButton } from '@angular/material/button';\nimport { MAT_DIALOG_DATA, MatDialogModule, MatDialogRef } from '@angular/material/dialog';\nimport { MatIconModule } from '@angular/material/icon';\n\n\n@Component({\n selector: 'dialog-wrapper',\n imports: [MatDialogModule, MatIconModule, NgTemplateOutlet, MatIconButton],\n templateUrl: './dialog-wrapper.html',\n styleUrl: './dialog-wrapper.scss',\n})\nexport class DialogWrapper {\n dialogData:Dialog= new Dialog()\n constructor(public dialogRef:MatDialogRef<DialogWrapper>,@Inject(MAT_DIALOG_DATA) public data: Dialog){\n this.dialogData.header = data.header;\n this.dialogData.formBody = data.formBody;\n this.dialogData.formFooter = data.formFooter;\n this.dialogData.data = data.data\n }\n}\n\nexport class Dialog{\n header:string|TemplateRef<any>= \"No Title Found\";\n formBody:TemplateRef<any> | undefined;\n formFooter:TemplateRef<any> | undefined;\n data?:any;\n\n\n\n}\n","<div>\n @if(typeof dialogData.header == 'string'){\n <div class=\"dialog-header\" mat-dialog-title>\n <span class=\"dialog-heading\">{{dialogData.header}}</span>\n <button mat-dialog-close mat-icon-button><mat-icon>close</mat-icon></button>\n </div>\n }@else{\n <ng-container *ngTemplateOutlet=\"dialogData.header; context: { $implicit: dialogData }\"></ng-container>\n\n }\n \n\n</div>\n<mat-dialog-content>\n @if(dialogData.formBody){\n <div class=\"dialog-body\">\n <ng-container *ngTemplateOutlet=\"dialogData.formBody; context: { $implicit: dialogData }\"></ng-container>\n </div>\n\n }\n\n\n</mat-dialog-content>\n<mat-dialog-actions>\n @if(dialogData.formFooter){\n <div class=\"dialog-footer\">\n <ng-container *ngTemplateOutlet=\"dialogData.formFooter; context: { $implicit: dialogData }\"></ng-container>\n </div>\n}\n\n</mat-dialog-actions>","import { inject, Injectable, Injector, TemplateRef } from \"@angular/core\";\r\nimport { MatDialog, MatDialogRef } from \"@angular/material/dialog\";\r\nimport { MatSnackBar } from \"@angular/material/snack-bar\";\r\nimport { Router } from \"@angular/router\";\r\nimport { Dialog, DialogWrapper } from \"../shared/components/dialog-wrapper/dialog-wrapper\";\r\n@Injectable()\r\n\r\nexport class baseComponent{\r\n private _injector = inject(Injector);\r\n\r\n protected showSuccess(message:any){\r\n if(Array.isArray(message)){\r\n message = message.join(',')\r\n }\r\n this.showSnack(message)\r\n }\r\n\r\n\r\n protected showError(error:string|string[]){\r\n if(Array.isArray(error)){\r\n error = error.join(',')\r\n }\r\n this.showSnack(error)\r\n }\r\n\r\n protected navigate(url:string){\r\n this._injector.get(Router).navigate([url])\r\n }\r\n\r\n private showSnack(message:string){\r\n this._injector.get(MatSnackBar).open(message,'Ok',{\r\n duration:3000\r\n })\r\n }\r\n\r\n protected openDialog(\r\n header:string|TemplateRef<any>, \r\n formBody:TemplateRef<any>,\r\n formFooter:TemplateRef<any>,\r\n width:string = '40vw',\r\n data?:any,\r\n ):MatDialogRef<any>{\r\n const dialogData:Dialog= {\r\n header:header,\r\n formBody:formBody,\r\n formFooter:formFooter\r\n }\r\n const dialogRef = this._injector.get(MatDialog)?.open(DialogWrapper,{\r\n width:width,\r\n data:{...dialogData,...data},\r\n\r\n })\r\n return dialogRef;\r\n \r\n\r\n }\r\n\r\n}","import { HttpClient, HttpErrorResponse, HttpHeaders, HttpParams } from '@angular/common/http';\nimport { inject } from '@angular/core';\nimport { firstValueFrom, timeout } from 'rxjs';\n\nexport interface HttpResponse<T = any> {\n isSuccessful: boolean;\n statusCode: number;\n error: string;\n result: T;\n}\nexport interface myParams {\n property: string;\n value: any;\n}\nexport abstract class Httpbase {\n private controllerName: string = '';\n constructor(private controller: string) {\n this.controllerName = controller;\n }\n\n private getEndPoint(methodName: string) {\n return `${this.baseUrl}${this.controllerName}/${methodName}`;\n }\n private getHeaders() {\n const token = localStorage.getItem('token');\n return new HttpHeaders({\n 'Content-Type': 'application/json',\n Authorization: token ? `Bearer ${token}` : '',\n });\n }\n private handleSuccess<T>(statusCode: number, result: any): HttpResponse<T> {\n return {\n isSuccessful: statusCode >= 200 && statusCode < 300,\n error: '',\n result: result,\n statusCode: statusCode,\n };\n }\n\n private handleError<T>(error: any): HttpResponse<T> {\n return {\n isSuccessful: false,\n error: this.mapError(error),\n statusCode: error.status,\n result: null as any,\n };\n }\n\n private mapError(error: HttpErrorResponse): any {\n let errorMessage = '';\n switch (error.status) {\n case 0:\n errorMessage = 'Connection Error! Please Contact Adminsitration';\n break;\n case 400:\n errorMessage = error.error.message || 'Something Went Wrong';\n break;\n case 401:\n errorMessage = 'Unauthorized Access';\n break;\n case 403:\n errorMessage = \"You don't have rights to perform this action\";\n break;\n case 500:\n errorMessage = 'An error has occured,Please contact support';\n break;\n default:\n errorMessage = 'Something went wrong';\n }\n return errorMessage;\n }\n private buildParams(paramsArray: myParams[]): HttpParams {\n return (paramsArray || []).reduce((params, { property, value }) => {\n if (property && value != null) {\n return Array.isArray(value)\n ? value.reduce((p, v) => p.append(property, v), params)\n : params.set(property, value);\n }\n return params;\n }, new HttpParams());\n }\n protected http = inject(HttpClient);\n\n private baseUrl = '/api/'; // Change later\n protected async post<T>(methodName: string, body: any): Promise<HttpResponse<T>> {\n try {\n const res = await firstValueFrom(\n this.http\n .post(this.getEndPoint(methodName), body, {\n observe: 'response',\n headers: this.getHeaders(),\n })\n .pipe(timeout(30000)),\n );\n return this.handleSuccess(res.status, res.body);\n } catch (error: any) {\n return this.handleError(error);\n }\n }\n protected async get<T>(methodName: string, params?: myParams[]): Promise<HttpResponse<T>> {\n try {\n const res = await firstValueFrom(\n this.http\n .get(this.getEndPoint(methodName), {\n observe: 'response',\n headers: this.getHeaders(),\n params: this.buildParams(params || []),\n })\n .pipe(timeout(30000)),\n );\n\n return this.handleSuccess(res.status, res.body);\n } catch (error: any) {\n return this.handleError(error);\n }\n }\n}\n","import { Component,EventEmitter,Input, Output } from '@angular/core';\n\n@Component({\n selector: 'osl-input',\n standalone:false,\n templateUrl: './input.html',\n styleUrl: './input.scss',\n})\nexport class Oslinput {\n @Input('label') label:string=\"\"\n @Input('required') required:boolean = false\n @Input('disabled')disabled:boolean = false\n @Input('model') model:any = {}\n @Output() modelChange = new EventEmitter<any>();\n @Output() changeEv = new EventEmitter<any>();\n onModelChange(event:any){\n this.model=event;\n this.modelChange.emit(this.model)\n\n\n }\n \n \n}\n","<div class=\"d-flex flex-column\">\n <label class=\"label\" [class.txt-clr-red]=\"myField.touched && myField.invalid\">{{label}} <span class=\"txt-clr-red\">{{required?'*':''}}</span></label>\n <input (change)=\"changeEv.emit(model)\" [ngModel]=\"model\" (ngModelChange)=\"onModelChange($event)\"\n [required]=\"required\" [disabled]=\"disabled\" #myField=\"ngModel\" type=\"text\" [class.error]=\"myField.touched && myField.invalid\">\n @if(myField.touched && myField.invalid && required){\n <mat-hint class=\"hint\">{{label}} is Required!</mat-hint>\n\n }\n \n</div>","import { Component,EventEmitter,Input, Output } from '@angular/core';\n\n@Component({\n selector: 'osl-textarea',\n standalone:false,\n templateUrl: './textarea.html',\n styleUrl: './textarea.scss',\n})\nexport class Osltextarea {\n textareaRows:string = \"3\";\n @Input('label') label:string=\"\"\n @Input('rows') rows:string=\"10\"\n @Input('required') required:boolean = false\n @Input('disabled')disabled:boolean = false\n @Input('model') model:any = {}\n @Output() modelChange = new EventEmitter<any>();\n @Output() changeEv = new EventEmitter<any>();\n onModelChange(event:any){\n this.model=event;\n this.modelChange.emit(this.model)\n\n\n }\n ngAfterViewInit(){\n if(this.rows){\n this.textareaRows = this.rows\n\n }\n }\n \n \n}\n","<div class=\"d-flex flex-column\">\n <label class=\"label\" [class.txt-clr-red]=\"myField.touched && myField.invalid\">{{label}} <span class=\"txt-clr-red\">{{required?'*':''}}</span></label>\n <textarea [rows]=\"textareaRows\" (change)=\"changeEv.emit(model)\" [ngModel]=\"model\" (ngModelChange)=\"onModelChange($event)\"\n [required]=\"required\" [disabled]=\"disabled\" #myField=\"ngModel\" type=\"text\" [class.error]=\"myField.touched && myField.invalid\"></textarea>\n @if(myField.touched && myField.invalid && required){\n <mat-hint class=\"hint\">{{label}} is Required!</mat-hint>\n\n }\n \n</div>","import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'osl-select',\n standalone: false,\n templateUrl: './select.html',\n styleUrl: './select.scss',\n})\nexport class OslSelect {\n @Input('label') label: string = '';\n @Input('required') required: boolean = false;\n @Input('disabled') disabled: boolean = false;\n @Input('model') model: any = null;\n @Input('datasource') datasource: any[] = [];\n @Input('displayField') displayField: string = '';\n @Input('valueField') valueField: string = '';\n @Output() modelChange = new EventEmitter<any>();\n @Output() changeEv = new EventEmitter<any>();\n\n getDisplay(item: any): string {\n return this.displayField ? item[this.displayField] : item;\n }\n\n getValue(item: any): any {\n return this.valueField ? item[this.valueField] : item;\n }\n\n onModelChange(event: any) {\n this.model = event;\n this.modelChange.emit(this.model);\n }\n}\n","<div class=\"d-flex flex-column\">\n <label class=\"label\" [class.txt-clr-red]=\"myField.touched && myField.invalid\">{{label}} <span class=\"txt-clr-red\">{{required?'*':''}}</span></label>\n <select [ngModel]=\"model\" (ngModelChange)=\"onModelChange($event)\" [required]=\"required\" [disabled]=\"disabled\"\n #myField=\"ngModel\" [class.error]=\"myField.touched && myField.invalid\" (change)=\"changeEv.emit(model)\">\n <option value=\"\" disabled selected hidden>Select...</option>\n @for(item of datasource; track item){\n <option [value]=\"getValue(item)\">{{getDisplay(item)}}</option>\n }\n </select>\n @if(myField.touched && myField.invalid && required){\n <mat-hint class=\"hint\">{{label}} is Required!</mat-hint>\n }\n</div>\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'osl-radio',\n standalone: false,\n templateUrl: './radio.html',\n styleUrl: './radio.scss',\n})\nexport class OslRadio {\n @Input('label') label: string = '';\n @Input('required') required: boolean = false;\n @Input('disabled') disabled: boolean = false;\n @Input('model') model: any = null;\n @Input('datasource') datasource: any[] = [];\n @Input('displayField') displayField: string = '';\n @Input('valueField') valueField: string = '';\n @Output() modelChange = new EventEmitter<any>();\n @Output() changeEv = new EventEmitter<any>();\n\n get groupName(): string {\n return 'radio_' + this.label.replace(/\\s+/g, '_');\n }\n\n getDisplay(item: any): string {\n return this.displayField ? item[this.displayField] : item;\n }\n\n getValue(item: any): any {\n return this.valueField ? item[this.valueField] : item;\n }\n\n isChecked(item: any): boolean {\n return this.model === this.getValue(item);\n }\n\n onSelect(item: any) {\n this.model = this.getValue(item);\n this.modelChange.emit(this.model);\n this.changeEv.emit(this.model);\n }\n}\n","<div class=\"d-flex flex-column\">\n <label class=\"label\">{{label}} <span class=\"txt-clr-red\">{{required?'*':''}}</span></label>\n <div class=\"radio-group\">\n @for(item of datasource; track item){\n <label class=\"radio-item\" [class.disabled]=\"disabled\">\n <input type=\"radio\" [name]=\"groupName\" [checked]=\"isChecked(item)\" [disabled]=\"disabled\"\n (change)=\"onSelect(item)\">\n <span>{{getDisplay(item)}}</span>\n </label>\n }\n </div>\n</div>\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'osl-slide-toggle',\n standalone: false,\n templateUrl: './slide-toggle.html',\n styleUrl: './slide-toggle.scss',\n})\nexport class OslSlideToggle {\n @Input('label') label: string = '';\n @Input('disabled') disabled: boolean = false;\n @Input('model') model: boolean = false;\n @Output() modelChange = new EventEmitter<boolean>();\n @Output() changeEv = new EventEmitter<boolean>();\n\n onModelChange(event: boolean) {\n this.model = event;\n this.modelChange.emit(this.model);\n this.changeEv.emit(this.model);\n }\n}\n","<div class=\"d-flex flex-column\">\n <label class=\"label\">{{label}}</label>\n <label class=\"toggle\" [class.toggle-disabled]=\"disabled\">\n <input type=\"checkbox\" [ngModel]=\"model\" (ngModelChange)=\"onModelChange($event)\" [disabled]=\"disabled\">\n <span class=\"slider\"></span>\n </label>\n</div>\n","import { Component, ElementRef, EventEmitter, HostListener, Input, OnChanges, OnInit, Output } from '@angular/core';\n\n@Component({\n selector: 'osl-autocomplete',\n standalone: false,\n templateUrl: './autocomplete.html',\n styleUrl: './autocomplete.scss',\n})\nexport class OslAutocomplete implements OnInit, OnChanges {\n @Input('label') label: string = '';\n @Input('required') required: boolean = false;\n @Input('disabled') disabled: boolean = false;\n @Input('model') model: any = null;\n @Input('datasource') datasource: any[] = [];\n @Input('displayField') displayField: string = '';\n @Input('valueField') valueField: string = '';\n @Output() modelChange = new EventEmitter<any>();\n @Output() changeEv = new EventEmitter<any>();\n\n inputValue: string = '';\n showDropdown: boolean = false;\n filteredItems: any[] = [];\n touched: boolean = false;\n\n constructor(private elRef: ElementRef) {}\n\n ngOnInit() {\n this.filteredItems = [...this.datasource];\n this.syncInputFromModel();\n }\n\n ngOnChanges() {\n this.filteredItems = [...this.datasource];\n this.syncInputFromModel();\n }\n\n private syncInputFromModel() {\n if (this.model !== null && this.model !== undefined) {\n const found = this.datasource.find(item => this.getValue(item) === this.model);\n if (found) this.inputValue = this.getDisplay(found);\n }\n }\n\n getDisplay(item: any): string {\n return this.displayField ? item[this.displayField] : String(item);\n }\n\n getValue(item: any): any {\n return this.valueField ? item[this.valueField] : item;\n }\n\n get isInvalid(): boolean {\n return this.touched && this.required && !this.model;\n }\n\n onInput(val: string) {\n this.inputValue = val;\n this.showDropdown = true;\n this.filteredItems = this.datasource.filter(item =>\n this.getDisplay(item).toLowerCase().includes(val.toLowerCase())\n );\n if (!val) {\n this.model = null;\n this.modelChange.emit(null);\n }\n }\n\n onFocus() {\n this.showDropdown = true;\n this.filteredItems = this.datasource.filter(item =>\n this.getDisplay(item).toLowerCase().includes(this.inputValue.toLowerCase())\n );\n }\n\n onBlur() {\n this.touched = true;\n }\n\n selectItem(item: any) {\n this.inputValue = this.getDisplay(item);\n this.model = this.getValue(item);\n this.modelChange.emit(this.model);\n this.changeEv.emit(this.model);\n this.showDropdown = false;\n }\n\n @HostListener('document:click', ['$event'])\n onDocumentClick(event: MouseEvent) {\n if (!this.elRef.nativeElement.contains(event.target)) {\n this.showDropdown = false;\n }\n }\n}\n","<div class=\"d-flex flex-column\">\n <label class=\"label\" [class.txt-clr-red]=\"isInvalid\">{{label}} <span class=\"txt-clr-red\">{{required?'*':''}}</span></label>\n <div class=\"autocomplete-wrapper\">\n <input [value]=\"inputValue\" (input)=\"onInput($any($event.target).value)\" (focus)=\"onFocus()\"\n (blur)=\"onBlur()\" [disabled]=\"disabled\" [class.error]=\"isInvalid\" autocomplete=\"off\"\n placeholder=\"Type to search...\">\n @if(showDropdown){\n <div class=\"dropdown\">\n @if(filteredItems.length > 0){\n @for(item of filteredItems; track item){\n <div class=\"dropdown-item\" (mousedown)=\"selectItem(item)\">{{getDisplay(item)}}</div>\n }\n } @else {\n <div class=\"no-results\">No results found</div>\n }\n </div>\n }\n </div>\n @if(isInvalid){\n <mat-hint class=\"hint\">{{label}} is Required!</mat-hint>\n }\n</div>\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'osl-file-upload',\n standalone: false,\n templateUrl: './file-upload.html',\n styleUrl: './file-upload.scss',\n})\nexport class OslFileUpload {\n @Input('label') label: string = '';\n @Input('required') required: boolean = false;\n @Input('disabled') disabled: boolean = false;\n @Input('model') model: File | null = null;\n @Input('accept') accept: string = '';\n @Output() modelChange = new EventEmitter<File | null>();\n @Output() changeEv = new EventEmitter<File | null>();\n\n touched: boolean = false;\n\n get fileName(): string {\n return this.model ? this.model.name : '';\n }\n\n get isInvalid(): boolean {\n return this.touched && this.required && !this.model;\n }\n\n onFileChange(event: Event) {\n this.touched = true;\n const input = event.target as HTMLInputElement;\n const file = input.files?.[0] ?? null;\n this.model = file;\n this.modelChange.emit(this.model);\n this.changeEv.emit(this.model);\n }\n\n triggerInput(fileInput: HTMLInputElement) {\n if (!this.disabled) {\n fileInput.click();\n }\n }\n}\n","<div class=\"d-flex flex-column\">\n <label class=\"label\" [class.txt-clr-red]=\"isInvalid\">{{label}} <span class=\"txt-clr-red\">{{required?'*':''}}</span></label>\n <input type=\"file\" [accept]=\"accept\" [disabled]=\"disabled\" (change)=\"onFileChange($event)\" #fileInput class=\"file-input\">\n <div class=\"file-display\" [class.error]=\"isInvalid\" [class.file-disabled]=\"disabled\" (click)=\"triggerInput(fileInput)\">\n <span class=\"file-name\" [class.selected]=\"!!fileName\">{{fileName || 'Choose file...'}}</span>\n <span class=\"browse-btn\">Browse</span>\n </div>\n @if(isInvalid){\n <mat-hint class=\"hint\">{{label}} is Required!</mat-hint>\n }\n</div>\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'osl-datepicker',\n standalone: false,\n templateUrl: './datepicker.html',\n styleUrl: './datepicker.scss',\n})\nexport class OslDatepicker {\n @Input('label') label: string = '';\n @Input('required') required: boolean = false;\n @Input('disabled') disabled: boolean = false;\n @Input('model') model: string = '';\n @Output() modelChange = new EventEmitter<string>();\n @Output() changeEv = new EventEmitter<string>();\n\n onModelChange(event: string) {\n this.model = event;\n this.modelChange.emit(this.model);\n }\n}\n","<div class=\"d-flex flex-column\">\n <label class=\"label\" [class.txt-clr-red]=\"myField.touched && myField.invalid\">{{label}} <span class=\"txt-clr-red\">{{required?'*':''}}</span></label>\n <input type=\"date\" [ngModel]=\"model\" (ngModelChange)=\"onModelChange($event)\" [required]=\"required\"\n [disabled]=\"disabled\" #myField=\"ngModel\" [class.error]=\"myField.touched && myField.invalid\"\n (change)=\"changeEv.emit(model)\">\n @if(myField.touched && myField.invalid && required){\n <mat-hint class=\"hint\">{{label}} is Required!</mat-hint>\n }\n</div>\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'osl-checkbox',\n standalone: false,\n templateUrl: './checkbox.html',\n styleUrl: './checkbox.scss',\n})\nexport class OslCheckbox {\n @Input('label') label: string = '';\n @Input('disabled') disabled: boolean = false;\n @Input('model') model: boolean = false;\n @Output() modelChange = new EventEmitter<boolean>();\n @Output() changeEv = new EventEmitter<boolean>();\n\n onModelChange(event: boolean) {\n this.model = event;\n this.modelChange.emit(this.model);\n this.changeEv.emit(this.model);\n }\n}\n","<div class=\"d-flex flex-column\">\n <label class=\"label\">{{label}}</label>\n <label class=\"checkbox-wrapper\" [class.checkbox-disabled]=\"disabled\">\n <input type=\"checkbox\" [ngModel]=\"model\" (ngModelChange)=\"onModelChange($event)\" [disabled]=\"disabled\">\n <span class=\"checkbox-label\">{{label}}</span>\n </label>\n</div>\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\n\nexport type ButtonVariant =\n | 'primary'\n | 'secondary'\n | 'success'\n | 'danger'\n | 'warning'\n | 'info'\n | 'outline-primary'\n | 'outline-secondary'\n | 'outline-success'\n | 'outline-danger'\n | 'outline-warning'\n | 'outline-info';\n\nexport type ButtonSize = 'sm' | 'md' | 'lg';\n\n@Component({\n selector: 'osl-button',\n standalone: false,\n templateUrl: './button.html',\n styleUrl: './button.scss',\n})\nexport class OslButton {\n @Input('label') label: string = 'Button';\n @Input('variant') variant: ButtonVariant = 'primary';\n @Input('size') size: ButtonSize = 'md';\n @Input('disabled') disabled: boolean = false;\n @Input('loading') loading: boolean = false;\n @Input('type') type: 'button' | 'submit' | 'reset' = 'button';\n @Input('fullWidth') fullWidth: boolean = false;\n @Output() clickEv = new EventEmitter<void>();\n\n get classes(): string {\n return [\n 'osl-btn',\n `osl-btn--${this.variant}`,\n `osl-btn--${this.size}`,\n this.fullWidth ? 'osl-btn--full' : '',\n ]\n .filter(Boolean)\n .join(' ');\n }\n\n onClick() {\n if (!this.disabled && !this.loading) {\n this.clickEv.emit();\n }\n }\n}\n","<button [class]=\"classes\" [type]=\"type\" [disabled]=\"disabled || loading\" (click)=\"onClick()\">\n @if(loading){\n <span class=\"osl-btn__spinner\"></span>\n }\n <span class=\"osl-btn__label\">{{label}}</span>\n</button>\n","import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'osl-dynamic-form',\n standalone: false,\n templateUrl: './dynamic-form.html',\n styleUrl: './dynamic-form.scss',\n})\nexport class DynamicForm {\n @Input('elements') elements: elements[] = [];\n @Input('model') model: any = {};\n @Output() modelChange = new EventEmitter<any>();\n\n onModelChange(event: any, key: any) {\n this.model[key] = event;\n this.modelChange.emit(this.model);\n }\n}\n\nexport interface elements {\n columns: number;\n label: string;\n elementType: 'button' | 'checkbox' | 'textbox' | 'textarea' | 'radio' | 'select' | 'datepicker' | 'file-uploader' | 'autocomplete' | 'slide-toggle';\n key: string;\n change?: (model: any) => void;\n disabled?: boolean;\n hide?: boolean;\n disabledIf?: () => boolean;\n hideIf?: (model:any) => boolean;\n datasource?: any[];\n displayField?: string;\n valueField?: string;\n required?: boolean;\n requiredIf?: (model: any) => boolean;\n textareaRows?: number;\n accept?: string;\n loadingIf?:(model:any)=>boolean\n}\n","@if(elements && elements.length > 0){\n <div class=\"row w-100\">\n @for(elem of elements;track elem){\n @if(!(elem.hideIf ? elem.hideIf(model) : elem.hide)){\n <ng-container *ngTemplateOutlet=\"recursiveForm; context: { $implicit: elem }\"></ng-container>\n }\n }\n </div>\n}\n\n<ng-template #recursiveForm let-elem>\n @if(elem.hideIf? !elem.hideIf(model):true){\n @switch (elem.elementType) {\n @case (\"textbox\") {\n <div [class]=\"'col-md-'+elem.columns+' mt-2'\">\n <osl-input (changeEv)=\"elem.change ? elem.change(model) : null\" [label]=\"elem.label\"\n [disabled]=\"elem.disabledIf ? elem.disabledIf() : !!elem.disabled\"\n [required]=\"elem.requiredIf ? elem.requiredIf(model) : !!elem.required\"\n [(model)]=\"model[elem.key]\"></osl-input>\n </div>\n }\n @case (\"textarea\") {\n <div [class]=\"'col-md-'+elem.columns+' mt-2'\">\n <osl-textarea [rows]=\"elem.textareaRows ? elem.textareaRows.toString() : undefined\"\n (changeEv)=\"elem.change ? elem.change(model) : null\" [label]=\"elem.label\"\n [disabled]=\"elem.disabledIf ? elem.disabledIf() : !!elem.disabled\"\n [required]=\"elem.requiredIf ? elem.requiredIf(model) : !!elem.required\"\n [(model)]=\"model[elem.key]\"></osl-textarea>\n </div>\n }\n @case (\"select\") {\n <div [class]=\"'col-md-'+elem.columns+' mt-2'\">\n <osl-select (changeEv)=\"elem.change ? elem.change(model) : null\" [label]=\"elem.label\"\n [disabled]=\"elem.disabledIf ? elem.disabledIf() : !!elem.disabled\"\n [required]=\"elem.requiredIf ? elem.requiredIf(model) : !!elem.required\"\n [datasource]=\"elem.datasource || []\"\n [displayField]=\"elem.displayField || ''\"\n [valueField]=\"elem.valueField || ''\"\n [(model)]=\"model[elem.key]\"></osl-select>\n </div>\n }\n @case (\"radio\") {\n <div [class]=\"'col-md-'+elem.columns+' mt-2'\">\n <osl-radio (changeEv)=\"elem.change ? elem.change(model) : null\" [label]=\"elem.label\"\n [disabled]=\"elem.disabledIf ? elem.disabledIf() : !!elem.disabled\"\n [required]=\"elem.requiredIf ? elem.requiredIf(model) : !!elem.required\"\n [datasource]=\"elem.datasource || []\"\n [displayField]=\"elem.displayField || ''\"\n [valueField]=\"elem.valueField || ''\"\n [(model)]=\"model[elem.key]\"></osl-radio>\n </div>\n }\n @case (\"slide-toggle\") {\n <div [class]=\"'col-md-'+elem.columns+' mt-2'\">\n <osl-slide-toggle (changeEv)=\"elem.change ? elem.change(model) : null\" [label]=\"elem.label\"\n [disabled]=\"elem.disabledIf ? elem.disabledIf() : !!elem.disabled\"\n [(model)]=\"model[elem.key]\"></osl-slide-toggle>\n </div>\n }\n @case (\"autocomplete\") {\n <div [class]=\"'col-md-'+elem.columns+' mt-2'\">\n <osl-autocomplete (changeEv)=\"elem.change ? elem.change(model) : null\" [label]=\"elem.label\"\n [disabled]=\"elem.disabledIf ? elem.disabledIf() : !!elem.disabled\"\n [required]=\"elem.requiredIf ? elem.requiredIf(model) : !!elem.required\"\n [datasource]=\"elem.datasource || []\"\n [displayField]=\"elem.displayField || ''\"\n [valueField]=\"elem.valueField || ''\"\n [(model)]=\"model[elem.key]\"></osl-autocomplete>\n </div>\n }\n @case (\"file-uploader\") {\n <div [class]=\"'col-md-'+elem.columns+' mt-2'\">\n <osl-file-upload (changeEv)=\"elem.change ? elem.change(model) : null\" [label]=\"elem.label\"\n [disabled]=\"elem.disabledIf ? elem.disabledIf() : !!elem.disabled\"\n [required]=\"elem.requiredIf ? elem.requiredIf(model) : !!elem.required\"\n [accept]=\"elem.accept || ''\"\n [(model)]=\"model[elem.key]\"></osl-file-upload>\n </div>\n }\n @case (\"datepicker\") {\n <div [class]=\"'col-md-'+elem.columns+' mt-2'\">\n <osl-datepicker (changeEv)=\"elem.change ? elem.change(model) : null\" [label]=\"elem.label\"\n [disabled]=\"elem.disabledIf ? elem.disabledIf() : !!elem.disabled\"\n [required]=\"elem.requiredIf ? elem.requiredIf(model) : !!elem.required\"\n [(model)]=\"model[elem.key]\"></osl-datepicker>\n </div>\n }\n @case (\"checkbox\") {\n <div [class]=\"'col-md-'+elem.columns+' mt-2'\">\n <osl-checkbox (changeEv)=\"elem.change ? elem.change(model) : null\" [label]=\"elem.label\"\n [disabled]=\"elem.disabledIf ? elem.disabledIf() : !!elem.disabled\"\n [(model)]=\"model[elem.key]\"></osl-checkbox>\n </div>\n }\n @case (\"button\") {\n <div [class]=\"'col-md-'+elem.columns+' mt-2'\">\n <osl-button (clickEv)=\"elem.change($event)\" [loading]=\"elem.loadingIf? elem.loadingIf(model):false\" [variant]=\"'secondary'\" [label]=\"elem.label\"></osl-button>\n </div>\n }\n }\n}\n</ng-template>\n","import { NgModule } from \"@angular/core\";\nimport { DynamicForm } from \"./dynamic-form/dynamic-form\";\nimport { FormsModule } from \"@angular/forms\";\nimport { NgTemplateOutlet } from \"@angular/common\";\nimport { MatFormFieldModule, MatHint } from \"@angular/material/form-field\";\nimport { MatInputModule } from \"@angular/material/input\";\nimport { Oslinput } from \"./input/input\";\nimport { Osltextarea } from \"./textarea/textarea\";\nimport { OslSelect } from \"./select/select\";\nimport { OslRadio } from \"./radio/radio\";\nimport { OslSlideToggle } from \"./slide-toggle/slide-toggle\";\nimport { OslAutocomplete } from \"./autocomplete/autocomplete\";\nimport { OslFileUpload } from \"./file-upload/file-upload\";\nimport { OslDatepicker } from \"./datepicker/datepicker\";\nimport { OslCheckbox } from \"./checkbox/checkbox\";\nimport { OslButton } from \"./button/button\";\n\n@NgModule({\n declarations: [\n DynamicForm,\n Oslinput,\n Osltextarea,\n OslSelect,\n OslRadio,\n OslSlideToggle,\n OslAutocomplete,\n OslFileUpload,\n OslDatepicker,\n OslCheckbox,\n OslButton\n ],\n imports: [NgTemplateOutlet, FormsModule, MatFormFieldModule, MatInputModule,MatHint],\n exports: [DynamicForm],\n})\nexport class FormStructureModule {}\n","/*\n * Public API Surface of osl-base-extended\n */\n\nexport * from './lib/osl-base-extended';\nexport * from './lib/core/base/base.component';\nexport * from './lib/core/http/httpbase';\nexport * from './lib/core/shared/components/dialog-wrapper/dialog-wrapper';\nexport * from './lib/core/shared/form-structure/form-structure.module'\nexport * from './lib/core/shared/form-structure/dynamic-form/dynamic-form'\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i2","i2.Oslinput","i3.Osltextarea","i4.OslSelect","i5.OslRadio","i6.OslSlideToggle","i7.OslAutocomplete","i8.OslFileUpload","i9.OslDatepicker","i10.OslCheckbox","i11.OslButton"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "osl-base-extended",
3
- "version": "0.0.4",
3
+ "version": "0.0.6",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^21.2.0",
6
6
  "@angular/core": "^21.2.0"
@@ -10,6 +10,7 @@
10
10
  },
11
11
  "sideEffects": false,
12
12
  "description": "This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 21.2.0.",
13
+ "main": "index.js",
13
14
  "author": "Bilal Raza",
14
15
  "license": "ISC",
15
16
  "module": "fesm2022/osl-base-extended.mjs",
package/types/osl-base-extended.d.ts CHANGED
@@ -1,7 +1,11 @@
1
1
  import * as i0 from '@angular/core';
2
- import { TemplateRef } from '@angular/core';
2
+ import { TemplateRef, EventEmitter, OnInit, OnChanges, ElementRef } from '@angular/core';
3
3
  import { MatDialogRef } from '@angular/material/dialog';
4
4
  import { HttpClient } from '@angular/common/http';
5
+ import * as i12 from '@angular/common';
6
+ import * as i13 from '@angular/forms';
7
+ import * as i14 from '@angular/material/form-field';
8
+ import * as i15 from '@angular/material/input';
5
9
 
6
10
  declare class OslBaseExtended {
7
11
  static ɵfac: i0.ɵɵFactoryDeclaration<OslBaseExtended, never>;
@@ -60,5 +64,201 @@ declare class Dialog {
60
64
  data?: any;
61
65
  }
62
66
 
63
- export { Dialog, DialogWrapper, Httpbase, OslBaseExtended, baseComponent };
64
- export type { HttpResponse, myParams };
67
+ declare class DynamicForm {
68
+ elements: elements[];
69
+ model: any;
70
+ modelChange: EventEmitter<any>;
71
+ onModelChange(event: any, key: any): void;
72
+ static ɵfac: i0.ɵɵFactoryDeclaration<DynamicForm, never>;
73
+ static ɵcmp: i0.ɵɵComponentDeclaration<DynamicForm, "osl-dynamic-form", never, { "elements": { "alias": "elements"; "required": false; }; "model": { "alias": "model"; "required": false; }; }, { "modelChange": "modelChange"; }, never, never, false, never>;
74
+ }
75
+ interface elements {
76
+ columns: number;
77
+ label: string;
78
+ elementType: 'button' | 'checkbox' | 'textbox' | 'textarea' | 'radio' | 'select' | 'datepicker' | 'file-uploader' | 'autocomplete' | 'slide-toggle';
79
+ key: string;
80
+ change?: (model: any) => void;
81
+ disabled?: boolean;
82
+ hide?: boolean;
83
+ disabledIf?: () => boolean;
84
+ hideIf?: (model: any) => boolean;
85
+ datasource?: any[];
86
+ displayField?: string;
87
+ valueField?: string;
88
+ required?: boolean;
89
+ requiredIf?: (model: any) => boolean;
90
+ textareaRows?: number;
91
+ accept?: string;
92
+ loadingIf?: (model: any) => boolean;
93
+ }
94
+
95
+ declare class Oslinput {
96
+ label: string;
97
+ required: boolean;
98
+ disabled: boolean;
99
+ model: any;
100
+ modelChange: EventEmitter<any>;
101
+ changeEv: EventEmitter<any>;
102
+ onModelChange(event: any): void;
103
+ static ɵfac: i0.ɵɵFactoryDeclaration<Oslinput, never>;
104
+ static ɵcmp: i0.ɵɵComponentDeclaration<Oslinput, "osl-input", never, { "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "model": { "alias": "model"; "required": false; }; }, { "modelChange": "modelChange"; "changeEv": "changeEv"; }, never, never, false, never>;
105
+ }
106
+
107
+ declare class Osltextarea {
108
+ textareaRows: string;
109
+ label: string;
110
+ rows: string;
111
+ required: boolean;
112
+ disabled: boolean;
113
+ model: any;
114
+ modelChange: EventEmitter<any>;
115
+ changeEv: EventEmitter<any>;
116
+ onModelChange(event: any): void;
117
+ ngAfterViewInit(): void;
118
+ static ɵfac: i0.ɵɵFactoryDeclaration<Osltextarea, never>;
119
+ static ɵcmp: i0.ɵɵComponentDeclaration<Osltextarea, "osl-textarea", never, { "label": { "alias": "label"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "model": { "alias": "model"; "required": false; }; }, { "modelChange": "modelChange"; "changeEv": "changeEv"; }, never, never, false, never>;
120
+ }
121
+
122
+ declare class OslSelect {
123
+ label: string;
124
+ required: boolean;
125
+ disabled: boolean;
126
+ model: any;
127
+ datasource: any[];
128
+ displayField: string;
129
+ valueField: string;
130
+ modelChange: EventEmitter<any>;
131
+ changeEv: EventEmitter<any>;
132
+ getDisplay(item: any): string;
133
+ getValue(item: any): any;
134
+ onModelChange(event: any): void;
135
+ static ɵfac: i0.ɵɵFactoryDeclaration<OslSelect, never>;
136
+ static ɵcmp: i0.ɵɵComponentDeclaration<OslSelect, "osl-select", never, { "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "model": { "alias": "model"; "required": false; }; "datasource": { "alias": "datasource"; "required": false; }; "displayField": { "alias": "displayField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; }, { "modelChange": "modelChange"; "changeEv": "changeEv"; }, never, never, false, never>;
137
+ }
138
+
139
+ declare class OslRadio {
140
+ label: string;
141
+ required: boolean;
142
+ disabled: boolean;
143
+ model: any;
144
+ datasource: any[];
145
+ displayField: string;
146
+ valueField: string;
147
+ modelChange: EventEmitter<any>;
148
+ changeEv: EventEmitter<any>;
149
+ get groupName(): string;
150
+ getDisplay(item: any): string;
151
+ getValue(item: any): any;
152
+ isChecked(item: any): boolean;
153
+ onSelect(item: any): void;
154
+ static ɵfac: i0.ɵɵFactoryDeclaration<OslRadio, never>;
155
+ static ɵcmp: i0.ɵɵComponentDeclaration<OslRadio, "osl-radio", never, { "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "model": { "alias": "model"; "required": false; }; "datasource": { "alias": "datasource"; "required": false; }; "displayField": { "alias": "displayField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; }, { "modelChange": "modelChange"; "changeEv": "changeEv"; }, never, never, false, never>;
156
+ }
157
+
158
+ declare class OslSlideToggle {
159
+ label: string;
160
+ disabled: boolean;
161
+ model: boolean;
162
+ modelChange: EventEmitter<boolean>;
163
+ changeEv: EventEmitter<boolean>;
164
+ onModelChange(event: boolean): void;
165
+ static ɵfac: i0.ɵɵFactoryDeclaration<OslSlideToggle, never>;
166
+ static ɵcmp: i0.ɵɵComponentDeclaration<OslSlideToggle, "osl-slide-toggle", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "model": { "alias": "model"; "required": false; }; }, { "modelChange": "modelChange"; "changeEv": "changeEv"; }, never, never, false, never>;
167
+ }
168
+
169
+ declare class OslAutocomplete implements OnInit, OnChanges {
170
+ private elRef;
171
+ label: string;
172
+ required: boolean;
173
+ disabled: boolean;
174
+ model: any;
175
+ datasource: any[];
176
+ displayField: string;
177
+ valueField: string;
178
+ modelChange: EventEmitter<any>;
179
+ changeEv: EventEmitter<any>;
180
+ inputValue: string;
181
+ showDropdown: boolean;
182
+ filteredItems: any[];
183
+ touched: boolean;
184
+ constructor(elRef: ElementRef);
185
+ ngOnInit(): void;
186
+ ngOnChanges(): void;
187
+ private syncInputFromModel;
188
+ getDisplay(item: any): string;
189
+ getValue(item: any): any;
190
+ get isInvalid(): boolean;
191
+ onInput(val: string): void;
192
+ onFocus(): void;
193
+ onBlur(): void;
194
+ selectItem(item: any): void;
195
+ onDocumentClick(event: MouseEvent): void;
196
+ static ɵfac: i0.ɵɵFactoryDeclaration<OslAutocomplete, never>;
197
+ static ɵcmp: i0.ɵɵComponentDeclaration<OslAutocomplete, "osl-autocomplete", never, { "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "model": { "alias": "model"; "required": false; }; "datasource": { "alias": "datasource"; "required": false; }; "displayField": { "alias": "displayField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; }, { "modelChange": "modelChange"; "changeEv": "changeEv"; }, never, never, false, never>;
198
+ }
199
+
200
+ declare class OslFileUpload {
201
+ label: string;
202
+ required: boolean;
203
+ disabled: boolean;
204
+ model: File | null;
205
+ accept: string;
206
+ modelChange: EventEmitter<File | null>;
207
+ changeEv: EventEmitter<File | null>;
208
+ touched: boolean;
209
+ get fileName(): string;
210
+ get isInvalid(): boolean;
211
+ onFileChange(event: Event): void;
212
+ triggerInput(fileInput: HTMLInputElement): void;
213
+ static ɵfac: i0.ɵɵFactoryDeclaration<OslFileUpload, never>;
214
+ static ɵcmp: i0.ɵɵComponentDeclaration<OslFileUpload, "osl-file-upload", never, { "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "model": { "alias": "model"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; }, { "modelChange": "modelChange"; "changeEv": "changeEv"; }, never, never, false, never>;
215
+ }
216
+
217
+ declare class OslDatepicker {
218
+ label: string;
219
+ required: boolean;
220
+ disabled: boolean;
221
+ model: string;
222
+ modelChange: EventEmitter<string>;
223
+ changeEv: EventEmitter<string>;
224
+ onModelChange(event: string): void;
225
+ static ɵfac: i0.ɵɵFactoryDeclaration<OslDatepicker, never>;
226
+ static ɵcmp: i0.ɵɵComponentDeclaration<OslDatepicker, "osl-datepicker", never, { "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "model": { "alias": "model"; "required": false; }; }, { "modelChange": "modelChange"; "changeEv": "changeEv"; }, never, never, false, never>;
227
+ }
228
+
229
+ declare class OslCheckbox {
230
+ label: string;
231
+ disabled: boolean;
232
+ model: boolean;
233
+ modelChange: EventEmitter<boolean>;
234
+ changeEv: EventEmitter<boolean>;
235
+ onModelChange(event: boolean): void;
236
+ static ɵfac: i0.ɵɵFactoryDeclaration<OslCheckbox, never>;
237
+ static ɵcmp: i0.ɵɵComponentDeclaration<OslCheckbox, "osl-checkbox", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "model": { "alias": "model"; "required": false; }; }, { "modelChange": "modelChange"; "changeEv": "changeEv"; }, never, never, false, never>;
238
+ }
239
+
240
+ type ButtonVariant = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'outline-primary' | 'outline-secondary' | 'outline-success' | 'outline-danger' | 'outline-warning' | 'outline-info';
241
+ type ButtonSize = 'sm' | 'md' | 'lg';
242
+ declare class OslButton {
243
+ label: string;
244
+ variant: ButtonVariant;
245
+ size: ButtonSize;
246
+ disabled: boolean;
247
+ loading: boolean;
248
+ type: 'button' | 'submit' | 'reset';
249
+ fullWidth: boolean;
250
+ clickEv: EventEmitter<void>;
251
+ get classes(): string;
252
+ onClick(): void;
253
+ static ɵfac: i0.ɵɵFactoryDeclaration<OslButton, never>;
254
+ static ɵcmp: i0.ɵɵComponentDeclaration<OslButton, "osl-button", never, { "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "type": { "alias": "type"; "required": false; }; "fullWidth": { "alias": "fullWidth"; "required": false; }; }, { "clickEv": "clickEv"; }, never, never, false, never>;
255
+ }
256
+
257
+ declare class FormStructureModule {
258
+ static ɵfac: i0.ɵɵFactoryDeclaration<FormStructureModule, never>;
259
+ static ɵmod: i0.ɵɵNgModuleDeclaration<FormStructureModule, [typeof DynamicForm, typeof Oslinput, typeof Osltextarea, typeof OslSelect, typeof OslRadio, typeof OslSlideToggle, typeof OslAutocomplete, typeof OslFileUpload, typeof OslDatepicker, typeof OslCheckbox, typeof OslButton], [typeof i12.NgTemplateOutlet, typeof i13.FormsModule, typeof i14.MatFormFieldModule, typeof i15.MatInputModule, typeof i14.MatHint], [typeof DynamicForm]>;
260
+ static ɵinj: i0.ɵɵInjectorDeclaration<FormStructureModule>;
261
+ }
262
+
263
+ export { Dialog, DialogWrapper, DynamicForm, FormStructureModule, Httpbase, OslBaseExtended, baseComponent };
264
+ export type { HttpResponse, elements, myParams };