primekit 0.0.85 → 0.0.87
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.
- package/esm2022/lib/lib/atomix-alert/atomix-alert.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-autocomplete/atomix-autocomplete.component.mjs +5 -5
- package/esm2022/lib/lib/atomix-button/atomix-button.component.mjs +4 -4
- package/esm2022/lib/lib/atomix-calendar/atomix-calendar.component.mjs +4 -4
- package/esm2022/lib/lib/atomix-card/atomix-card.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-confirmation-dialog/atomix-confirmation-dialog.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-daterange-calendar/atomix-daterange-calendar.component.mjs +4 -4
- package/esm2022/lib/lib/atomix-divider/atomix-divider.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-dropdown/atomix-dropdown.component.mjs +4 -4
- package/esm2022/lib/lib/atomix-dynamic-dialog/atomix-dynamic-dialog.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-form/atomix-form-autocomplete/atomix-form-autocomplete.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-form/atomix-form-calendar/atomix-form-calendar.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-form/atomix-form-checkbox/atomix-form-checkbox.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-form/atomix-form-chips/atomix-form-chips.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-form/atomix-form-dropdown/atomix-form-dropdown.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-form/atomix-form-input-component/atomix-form-input-component.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-form/atomix-form-inputmask-component/atomix-form-inputmask-component.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-form/atomix-form-password-component/atomix-form-password-component.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-form/atomix-form-radio-button/atomix-radio-button.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-form/atomix-form-textarea/atomix-form-textarea.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-input/atomix-input.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-input-switch/atomix-input-switch.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-messages/messages.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-pagination/atomix-pagination.component.mjs +4 -4
- package/esm2022/lib/lib/atomix-radio-button/atomix-radio-button.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-search-dropdown/atomix-search-dropdown.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-select-button/atomix-select-button.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-snackbar/atomix-snackbar.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-spinner/atomix-spinner.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-steps/atomix-steps.component.mjs +41 -0
- package/esm2022/lib/lib/atomix-tabMenu/atomix-tabMenu.component.mjs +3 -3
- package/esm2022/lib/lib/atomix-table/atomix-table.component.mjs +4 -4
- package/esm2022/lib/lib/atomix-tag/atomix-tag.component.mjs +3 -3
- package/esm2022/lib/primekit.component.mjs +3 -3
- package/esm2022/lib/primekit.module.mjs +18 -9
- package/esm2022/lib/primekit.service.mjs +3 -3
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/primekit.mjs +167 -120
- package/fesm2022/primekit.mjs.map +1 -1
- package/lib/lib/atomix-steps/atomix-steps.component.d.ts +19 -0
- package/lib/primekit.module.d.ts +33 -31
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -22,10 +22,10 @@ export class AtomixFormChipsComponent {
|
|
|
22
22
|
get control() {
|
|
23
23
|
return this.form.get(this.controlName);
|
|
24
24
|
}
|
|
25
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
26
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
25
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixFormChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AtomixFormChipsComponent, selector: "atomix-form-chips", inputs: { controlName: "controlName", form: "form", label: "label", placeholder: "placeholder", tooltip: "tooltip", tooltipPosition: "tooltipPosition", type: "type", styleClass: "styleClass", allowDuplicate: "allowDuplicate", isLabelIconData: "isLabelIconData", isLabelIconRequired: "isLabelIconRequired" }, ngImport: i0, template: "<div class=\"item flex flex-column\">\n <label *ngIf=\"label\" [htmlFor]=\"controlName\" class=\"ml-2\"\n >{{ label }}\n <i\n *ngIf=\"isLabelIconRequired\"\n [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\n [pTooltip]=\"isLabelIconData?.tooltip\"\n ></i\n ></label>\n <p-chips\n separator=\",\"\n placeholder=\"Separate values with a comma or enter.\"\n [formControl]=\"control\"\n [id]=\"controlName\"\n [pTooltip]=\"tooltip\"\n [tooltipPosition]=\"tooltipPosition\"\n [styleClass]=\"styleClass + ' lib-form-chips'\"\n [allowDuplicate]=\"allowDuplicate\"\n ></p-chips>\n</div>\n", styles: ["::ng-deep .lib-form-chips{margin-top:.2rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.Chips, selector: "p-chips", inputs: ["style", "styleClass", "disabled", "field", "placeholder", "max", "maxLength", "ariaLabel", "ariaLabelledBy", "tabindex", "inputId", "allowDuplicate", "caseSensitiveDuplication", "inputStyle", "inputStyleClass", "addOnTab", "addOnBlur", "separator", "showClear", "autofocus", "variant"], outputs: ["onAdd", "onRemove", "onFocus", "onBlur", "onChipClick", "onChipContextMenu", "onClear"] }] });
|
|
27
27
|
}
|
|
28
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
28
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixFormChipsComponent, decorators: [{
|
|
29
29
|
type: Component,
|
|
30
30
|
args: [{ selector: 'atomix-form-chips', template: "<div class=\"item flex flex-column\">\n <label *ngIf=\"label\" [htmlFor]=\"controlName\" class=\"ml-2\"\n >{{ label }}\n <i\n *ngIf=\"isLabelIconRequired\"\n [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\n [pTooltip]=\"isLabelIconData?.tooltip\"\n ></i\n ></label>\n <p-chips\n separator=\",\"\n placeholder=\"Separate values with a comma or enter.\"\n [formControl]=\"control\"\n [id]=\"controlName\"\n [pTooltip]=\"tooltip\"\n [tooltipPosition]=\"tooltipPosition\"\n [styleClass]=\"styleClass + ' lib-form-chips'\"\n [allowDuplicate]=\"allowDuplicate\"\n ></p-chips>\n</div>\n", styles: ["::ng-deep .lib-form-chips{margin-top:.2rem}\n"] }]
|
|
31
31
|
}], propDecorators: { controlName: [{
|
|
@@ -28,10 +28,10 @@ export class AtomixFormDropdownComponent {
|
|
|
28
28
|
get control() {
|
|
29
29
|
return this.form.get(this.controlName);
|
|
30
30
|
}
|
|
31
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
32
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
31
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixFormDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
32
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AtomixFormDropdownComponent, selector: "atomix-form-dropdown", inputs: { controlName: "controlName", filterResults: "filterResults", form: "form", label: "label", optionLabel: "optionLabel", optionValue: "optionValue", options: "options", placeholder: "placeholder", showClear: "showClear", tooltip: "tooltip", tooltipPosition: "tooltipPosition", isLabelRequired: "isLabelRequired", styleClass: "styleClass", isLabelIconData: "isLabelIconData" }, outputs: { selectionChange: "selectionChange", filterEvent: "filterEvent" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\" class=\"ml-2\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span> <i\n *ngIf=\"isLabelIconData.required\"\n [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\n [pTooltip]=\"isLabelIconData?.tooltip\"\n></i\n></label\n>\n<p-dropdown\n [filter]=\"filterResults\"\n [formControl]=\"control\"\n [placeholder]=\"placeholder\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [showClear]=\"showClear\"\n [pTooltip]=\"tooltip\"\n [tooltipPosition]=\"tooltipPosition\"\n (onChange)=\"selectionChange.emit($event)\"\n [styleClass]=\"styleClass + ' form-dropdown'\"\n appendTo=\"body\"\n>\n</p-dropdown>\n", styles: ["::ng-deep .form-dropdown{margin-top:.2rem!important;border-radius:30px}::ng-deep .form-dropdown .p-inputtext{padding:1rem!important}.lib-error-asterisk,.error-asterisk{color:red}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "autoShowPanelOnPrintableCharacterKeyDown", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
33
33
|
}
|
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixFormDropdownComponent, decorators: [{
|
|
35
35
|
type: Component,
|
|
36
36
|
args: [{ selector: 'atomix-form-dropdown', template: "<label *ngIf=\"label\" [for]=\"controlName\" class=\"ml-2\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span> <i\n *ngIf=\"isLabelIconData.required\"\n [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\n [pTooltip]=\"isLabelIconData?.tooltip\"\n></i\n></label\n>\n<p-dropdown\n [filter]=\"filterResults\"\n [formControl]=\"control\"\n [placeholder]=\"placeholder\"\n [options]=\"options\"\n [optionLabel]=\"optionLabel\"\n [optionValue]=\"optionValue\"\n [showClear]=\"showClear\"\n [pTooltip]=\"tooltip\"\n [tooltipPosition]=\"tooltipPosition\"\n (onChange)=\"selectionChange.emit($event)\"\n [styleClass]=\"styleClass + ' form-dropdown'\"\n appendTo=\"body\"\n>\n</p-dropdown>\n", styles: ["::ng-deep .form-dropdown{margin-top:.2rem!important;border-radius:30px}::ng-deep .form-dropdown .p-inputtext{padding:1rem!important}.lib-error-asterisk,.error-asterisk{color:red}\n"] }]
|
|
37
37
|
}], propDecorators: { controlName: [{
|
|
@@ -32,10 +32,10 @@ export class AtomixFormInputComponent {
|
|
|
32
32
|
const input = event.target;
|
|
33
33
|
this.changeValueHandler.emit(input.value);
|
|
34
34
|
}
|
|
35
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
36
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
35
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixFormInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
36
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AtomixFormInputComponent, selector: "atomix-form-input", inputs: { controlName: "controlName", form: "form", label: "label", max: "max", min: "min", placeholder: "placeholder", type: "type", tooltip: "tooltip", class: "class", style: "style", isLabelIconData: "isLabelIconData", isLabelIconRequired: "isLabelIconRequired", isLabelRequired: "isLabelRequired", tooltipPosition: "tooltipPosition", buttonText: "buttonText" }, outputs: { changeValueHandler: "changeValueHandler", buttonClick: "buttonClick" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\" class=\"ml-2\"\n >{{ label }} <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span\n ><i\n *ngIf=\"isLabelIconRequired\"\n [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\n [pTooltip]=\"isLabelIconData?.tooltip\"\n ></i\n></label>\n<div class=\"input-wrapper\">\n <input\n pInputText\n [id]=\"controlName\"\n [formControl]=\"control\"\n [placeholder]=\"placeholder\"\n [maxlength]=\"max\"\n [min]=\"min\"\n (input)=\"onInput($event)\"\n [pTooltip]=\"tooltip\"\n [type]=\"type\"\n [tooltipPosition]=\"tooltipPosition\"\n [ngClass]=\"class + ' lib-input-field' + (buttonText ? ' with-button' : '')\"\n autocomplete=\"new-password\"\n [style]=\"style\"\n />\n <button *ngIf=\"buttonText\" (click)=\"buttonClick.emit()\" class=\"inline-button\">{{ buttonText }}</button>\n</div>\n", styles: ["::ng-deep .lib-input-field{border-radius:30px;margin-top:.2rem}::ng-deep .lib-input-field.with-button{padding-right:6rem}.error-asterisk{color:red}.input-wrapper{position:relative}.inline-button{position:absolute;right:5px;background-color:transparent;color:#63b77e;font-weight:700;border:none;cursor:pointer;font-size:.875rem;height:95%;margin-top:.2rem;border-left:1px solid grey}.inline-button:focus{outline:none}.inline-button:hover{background-color:transparent}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "directive", type: i3.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: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
37
37
|
}
|
|
38
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
38
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixFormInputComponent, decorators: [{
|
|
39
39
|
type: Component,
|
|
40
40
|
args: [{ selector: 'atomix-form-input', template: "<label *ngIf=\"label\" [for]=\"controlName\" class=\"ml-2\"\n >{{ label }} <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span\n ><i\n *ngIf=\"isLabelIconRequired\"\n [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\n [pTooltip]=\"isLabelIconData?.tooltip\"\n ></i\n></label>\n<div class=\"input-wrapper\">\n <input\n pInputText\n [id]=\"controlName\"\n [formControl]=\"control\"\n [placeholder]=\"placeholder\"\n [maxlength]=\"max\"\n [min]=\"min\"\n (input)=\"onInput($event)\"\n [pTooltip]=\"tooltip\"\n [type]=\"type\"\n [tooltipPosition]=\"tooltipPosition\"\n [ngClass]=\"class + ' lib-input-field' + (buttonText ? ' with-button' : '')\"\n autocomplete=\"new-password\"\n [style]=\"style\"\n />\n <button *ngIf=\"buttonText\" (click)=\"buttonClick.emit()\" class=\"inline-button\">{{ buttonText }}</button>\n</div>\n", styles: ["::ng-deep .lib-input-field{border-radius:30px;margin-top:.2rem}::ng-deep .lib-input-field.with-button{padding-right:6rem}.error-asterisk{color:red}.input-wrapper{position:relative}.inline-button{position:absolute;right:5px;background-color:transparent;color:#63b77e;font-weight:700;border:none;cursor:pointer;font-size:.875rem;height:95%;margin-top:.2rem;border-left:1px solid grey}.inline-button:focus{outline:none}.inline-button:hover{background-color:transparent}\n"] }]
|
|
41
41
|
}], propDecorators: { controlName: [{
|
|
@@ -18,10 +18,10 @@ export class AtomixFormInputmaskComponent {
|
|
|
18
18
|
get control() {
|
|
19
19
|
return this.form.get(this.controlName);
|
|
20
20
|
}
|
|
21
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
22
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
21
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixFormInputmaskComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AtomixFormInputmaskComponent, selector: "atomix-form-inputmask", inputs: { controlName: "controlName", form: "form", mask: "mask", label: "label", placeholder: "placeholder", slotChar: "slotChar", tooltip: "tooltip", tooltipPosition: "tooltipPosition", isLabelRequired: "isLabelRequired", class: "class" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<p-inputMask\n [formControl]=\"control\"\n [id]=\"controlName\"\n [mask]=\"mask\"\n [placeholder]=\"placeholder\"\n [pTooltip]=\"tooltip\"\n [slotChar]=\"slotChar\"\n [tooltipPosition]=\"tooltipPosition\"\n [ngClass]=\"class\"\n/>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.InputMask, selector: "p-inputMask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }] });
|
|
23
23
|
}
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixFormInputmaskComponent, decorators: [{
|
|
25
25
|
type: Component,
|
|
26
26
|
args: [{ selector: 'atomix-form-inputmask', template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<p-inputMask\n [formControl]=\"control\"\n [id]=\"controlName\"\n [mask]=\"mask\"\n [placeholder]=\"placeholder\"\n [pTooltip]=\"tooltip\"\n [slotChar]=\"slotChar\"\n [tooltipPosition]=\"tooltipPosition\"\n [ngClass]=\"class\"\n/>\n" }]
|
|
27
27
|
}], propDecorators: { controlName: [{
|
|
@@ -18,10 +18,10 @@ export class AtomixFormPasswordComponent {
|
|
|
18
18
|
get control() {
|
|
19
19
|
return this.form.get(this.controlName);
|
|
20
20
|
}
|
|
21
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
22
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
21
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixFormPasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AtomixFormPasswordComponent, selector: "atomix-form-password", inputs: { controlName: "controlName", form: "form", label: "label", placeholder: "placeholder", type: "type", tooltip: "tooltip", class: "class", feedback: "feedback", isLabelRequired: "isLabelRequired", tooltipPosition: "tooltipPosition" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<p-password\n [id]=\"controlName\"\n [formControl]=\"control\"\n [placeholder]=\"placeholder\"\n [pTooltip]=\"tooltip\"\n [tooltipPosition]=\"tooltipPosition\"\n [ngClass]=\"class\"\n autocomplete=\"off\"\n [feedback]=\"feedback\"\n [toggleMask]=\"true\"\n autocomplete=\"new-password\"\n/>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "disabled", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "appendTo", "toggleMask", "inputStyleClass", "styleClass", "style", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "variant"], outputs: ["onFocus", "onBlur", "onClear"] }] });
|
|
23
23
|
}
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixFormPasswordComponent, decorators: [{
|
|
25
25
|
type: Component,
|
|
26
26
|
args: [{ selector: 'atomix-form-password', template: "<label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<p-password\n [id]=\"controlName\"\n [formControl]=\"control\"\n [placeholder]=\"placeholder\"\n [pTooltip]=\"tooltip\"\n [tooltipPosition]=\"tooltipPosition\"\n [ngClass]=\"class\"\n autocomplete=\"off\"\n [feedback]=\"feedback\"\n [toggleMask]=\"true\"\n autocomplete=\"new-password\"\n/>\n" }]
|
|
27
27
|
}], propDecorators: { controlName: [{
|
package/esm2022/lib/lib/atomix-form/atomix-form-radio-button/atomix-radio-button.component.mjs
CHANGED
|
@@ -20,10 +20,10 @@ export class AtomixFormRadioButtonComponent {
|
|
|
20
20
|
get control() {
|
|
21
21
|
return this.form.get(this.controlName);
|
|
22
22
|
}
|
|
23
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
24
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
23
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixFormRadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AtomixFormRadioButtonComponent, selector: "atomix-form-radio-group", inputs: { controlName: "controlName", form: "form", value: "value", label: "label", isLabelRequired: "isLabelRequired", radioGroupOptions: "radioGroupOptions", labelIconData: "labelIconData", radioButtonContainerClass: "radioButtonContainerClass" }, ngImport: i0, template: "<div>\n <label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }} <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span>\n <i\n *ngIf=\"labelIconData?.required\"\n [class]=\"labelIconData?.iconClass + ' ml-2'\"\n [pTooltip]=\"labelIconData?.tooltip\"\n ></i\n ></label>\n</div>\n<div style=\"margin-top: 0.2rem\" [class]=\"radioButtonContainerClass\">\n <span\n *ngFor=\"let option of radioGroupOptions; let i = index\"\n [ngClass]=\"{ indented: i > 0 }\"\n >\n <p-radioButton\n [formControl]=\"control\"\n [inputId]=\"controlName\"\n [value]=\"option.key\"\n ></p-radioButton>\n <label [for]=\"controlName\" class=\"ml-2\">{{ option.name }}</label>\n </span>\n</div>\n", styles: [".indented{margin-left:1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "variant", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }] });
|
|
25
25
|
}
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixFormRadioButtonComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
28
|
args: [{ selector: 'atomix-form-radio-group', template: "<div>\n <label *ngIf=\"label\" [for]=\"controlName\"\n >{{ label }} <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span>\n <i\n *ngIf=\"labelIconData?.required\"\n [class]=\"labelIconData?.iconClass + ' ml-2'\"\n [pTooltip]=\"labelIconData?.tooltip\"\n ></i\n ></label>\n</div>\n<div style=\"margin-top: 0.2rem\" [class]=\"radioButtonContainerClass\">\n <span\n *ngFor=\"let option of radioGroupOptions; let i = index\"\n [ngClass]=\"{ indented: i > 0 }\"\n >\n <p-radioButton\n [formControl]=\"control\"\n [inputId]=\"controlName\"\n [value]=\"option.key\"\n ></p-radioButton>\n <label [for]=\"controlName\" class=\"ml-2\">{{ option.name }}</label>\n </span>\n</div>\n", styles: [".indented{margin-left:1rem}\n"] }]
|
|
29
29
|
}], propDecorators: { controlName: [{
|
|
@@ -16,10 +16,10 @@ export class AtomixFormTextareaComponent {
|
|
|
16
16
|
get control() {
|
|
17
17
|
return this.form.get(this.controlName);
|
|
18
18
|
}
|
|
19
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
20
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
19
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixFormTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AtomixFormTextareaComponent, selector: "atomix-form-textarea", inputs: { controlName: "controlName", form: "form", label: "label", rows: "rows", cols: "cols", placeholder: "placeholder", disabled: "disabled", class: "class", isLabelRequired: "isLabelRequired", height: "height" }, ngImport: i0, template: "<label *ngIf=\"label\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<textarea\n variant=\"filled\"\n pInputTextarea\n [rows]=\"rows\"\n [id]=\"controlName\"\n [cols]=\"cols\"\n [ngClass]=\"class +' atomix-form-textarea'\"\n [disabled]=\"disabled\"\n autocomplete=\"new-password\"\n [formControl]=\"control\"\n [placeholder]=\"placeholder\"\n [style.height]=\"height\"\n></textarea>\n", styles: ["::ng-deep .atomix-form-textarea{border-radius:8px;margin-top:.2rem;font-family:Inter var,sans-serif;padding:.5rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
21
21
|
}
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
22
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixFormTextareaComponent, decorators: [{
|
|
23
23
|
type: Component,
|
|
24
24
|
args: [{ selector: 'atomix-form-textarea', template: "<label *ngIf=\"label\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<textarea\n variant=\"filled\"\n pInputTextarea\n [rows]=\"rows\"\n [id]=\"controlName\"\n [cols]=\"cols\"\n [ngClass]=\"class +' atomix-form-textarea'\"\n [disabled]=\"disabled\"\n autocomplete=\"new-password\"\n [formControl]=\"control\"\n [placeholder]=\"placeholder\"\n [style.height]=\"height\"\n></textarea>\n", styles: ["::ng-deep .atomix-form-textarea{border-radius:8px;margin-top:.2rem;font-family:Inter var,sans-serif;padding:.5rem}\n"] }]
|
|
25
25
|
}], propDecorators: { controlName: [{
|
|
@@ -49,10 +49,10 @@ export class AtomixInputComponent {
|
|
|
49
49
|
focus() {
|
|
50
50
|
this.inputEl?.nativeElement?.focus();
|
|
51
51
|
}
|
|
52
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
53
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
52
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
53
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AtomixInputComponent, selector: "atomix-input", inputs: { value: "value", name: "name", type: "type", placeholder: "placeholder", withSearchIcon: "withSearchIcon", searchIconPosition: "searchIconPosition", iconName: "iconName", containerClass: "containerClass", class: "class", disabled: "disabled", isCrossRequired: "isCrossRequired", label: "label", isLabelRequired: "isLabelRequired", autofocus: "autofocus" }, outputs: { valueChange: "valueChange", changeValueHandler: "changeValueHandler" }, viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["inputEl"], descendants: true }], ngImport: i0, template: "<label *ngIf=\"label\" for=\"name\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span></label\n>\n\n<i\n class=\"pi pi-search search-icon\"\n [ngClass]=\"(searchIconPosition === 'left' ? 'search-icon-left' : 'search-icon-right') + (label ? ' with-label' : '')\"\n *ngIf=\"withSearchIcon\"\n (click)=\"onEnter()\"\n></i>\n\n<input\n [id]=\"name\"\n type=\"text\"\n pInputText\n [value]=\"value\"\n [attr.placeholder]=\"placeholder\"\n (input)=\"onInput($event)\"\n (keydown.enter)=\"onEnter()\"\n [ngClass]=\"class + ' lib-input-field' + (withSearchIcon ? ' with-search-icon-' + searchIconPosition : '') + (isCrossRequired ? ' with-cross-icon' : '')\"\n autocomplete=\"new-password\"\n [disabled]=\"disabled\"\n [type]=\"type\"\n #inputEl\n/>\n<i\n class=\"pi pi-times filter-dropdown-icon\"\n [ngClass]=\"(withSearchIcon && searchIconPosition === 'right' ? 'filter-dropdown-icon-left' : '') + (label ? ' with-label' : '')\"\n style=\"cursor: pointer\"\n (click)=\"clearValue()\"\n *ngIf=\"isCrossRequired && value !== ''\"\n\n></i>\n", styles: [".lib-error-asterisk{color:red}.filter-dropdown-icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);z-index:1;cursor:pointer;color:#6c757d}.filter-dropdown-icon-left{right:40px}.search-icon.with-label,.filter-dropdown-icon.with-label{top:88%}.search-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:1;color:#000000de;font-size:1rem}.search-icon-left{left:10px}.search-icon-right{right:10px}.with-search-icon-left{padding-left:30px!important;padding-right:30px!important}.with-search-icon-right{padding-right:60px}::ng-deep .lib-input-field{border-radius:30px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.InputText, selector: "[pInputText]", inputs: ["variant"] }] });
|
|
54
54
|
}
|
|
55
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
55
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixInputComponent, decorators: [{
|
|
56
56
|
type: Component,
|
|
57
57
|
args: [{ selector: 'atomix-input', template: "<label *ngIf=\"label\" for=\"name\"\n >{{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span></label\n>\n\n<i\n class=\"pi pi-search search-icon\"\n [ngClass]=\"(searchIconPosition === 'left' ? 'search-icon-left' : 'search-icon-right') + (label ? ' with-label' : '')\"\n *ngIf=\"withSearchIcon\"\n (click)=\"onEnter()\"\n></i>\n\n<input\n [id]=\"name\"\n type=\"text\"\n pInputText\n [value]=\"value\"\n [attr.placeholder]=\"placeholder\"\n (input)=\"onInput($event)\"\n (keydown.enter)=\"onEnter()\"\n [ngClass]=\"class + ' lib-input-field' + (withSearchIcon ? ' with-search-icon-' + searchIconPosition : '') + (isCrossRequired ? ' with-cross-icon' : '')\"\n autocomplete=\"new-password\"\n [disabled]=\"disabled\"\n [type]=\"type\"\n #inputEl\n/>\n<i\n class=\"pi pi-times filter-dropdown-icon\"\n [ngClass]=\"(withSearchIcon && searchIconPosition === 'right' ? 'filter-dropdown-icon-left' : '') + (label ? ' with-label' : '')\"\n style=\"cursor: pointer\"\n (click)=\"clearValue()\"\n *ngIf=\"isCrossRequired && value !== ''\"\n\n></i>\n", styles: [".lib-error-asterisk{color:red}.filter-dropdown-icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);z-index:1;cursor:pointer;color:#6c757d}.filter-dropdown-icon-left{right:40px}.search-icon.with-label,.filter-dropdown-icon.with-label{top:88%}.search-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:1;color:#000000de;font-size:1rem}.search-icon-left{left:10px}.search-icon-right{right:10px}.with-search-icon-left{padding-left:30px!important;padding-right:30px!important}.with-search-icon-right{padding-right:60px}::ng-deep .lib-input-field{border-radius:30px}\n"] }]
|
|
58
58
|
}], propDecorators: { inputEl: [{
|
|
@@ -37,8 +37,8 @@ export class AtomixInputSwitchComponent {
|
|
|
37
37
|
this.onChange(this.value);
|
|
38
38
|
this.onTouched();
|
|
39
39
|
}
|
|
40
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
41
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
40
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixInputSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
41
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AtomixInputSwitchComponent, selector: "atomix-inputSwitch", inputs: { style: "style", styleClass: "styleClass", tabindex: "tabindex", inputId: "inputId", name: "name", disabled: "disabled", readonly: "readonly", trueValue: "trueValue", falseValue: "falseValue", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", autofocus: "autofocus", formControl: "formControl" }, providers: [
|
|
42
42
|
{
|
|
43
43
|
provide: NG_VALUE_ACCESSOR,
|
|
44
44
|
useExisting: forwardRef(() => AtomixInputSwitchComponent),
|
|
@@ -46,7 +46,7 @@ export class AtomixInputSwitchComponent {
|
|
|
46
46
|
}
|
|
47
47
|
], ngImport: i0, template: "<p-inputSwitch\n [(ngModel)]=\"value\"\n [trueValue]=\"trueValue\"\n [falseValue]=\"falseValue\"\n [style]=\"style\"\n [styleClass]=\"styleClass\"\n [tabindex]=\"tabindex\"\n [inputId]=\"inputId\"\n [attr.name]=\"name\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [ariaLabel]=\"ariaLabel\"\n [ariaLabelledBy]=\"ariaLabelledBy\"\n [autofocus]=\"autofocus\"\n (onChange)=\"handleChange($event)\"\n (onBlur)=\"onTouched()\"\n></p-inputSwitch>\n", styles: [".input-switch-wrapper{display:flex;align-items:center;gap:.5rem}.atomix-switch-button{height:30px;padding:0 12px;font-size:14px;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }] });
|
|
48
48
|
}
|
|
49
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixInputSwitchComponent, decorators: [{
|
|
50
50
|
type: Component,
|
|
51
51
|
args: [{ selector: 'atomix-inputSwitch', providers: [
|
|
52
52
|
{
|
|
@@ -9,10 +9,10 @@ export class AtomixMessagesComponent {
|
|
|
9
9
|
enableService = true;
|
|
10
10
|
styleClass = '';
|
|
11
11
|
text = '';
|
|
12
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
13
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
12
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixMessagesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AtomixMessagesComponent, selector: "atomix-messages", inputs: { value: "value", closable: "closable", severity: "severity", escape: "escape", enableService: "enableService", styleClass: "styleClass", text: "text" }, ngImport: i0, template: "<p-messages\n [(value)]=\"value\"\n [enableService]=\"false\"\n [closable]=\"closable\"\n [severity]=\"severity\"\n [escape]=\"escape\"\n [enableService]=\"enableService\"\n [styleClass]=\"styleClass\"\n></p-messages>\n", styles: [""], dependencies: [{ kind: "component", type: i1.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange", "onClose"] }] });
|
|
14
14
|
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixMessagesComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
17
|
args: [{ selector: 'atomix-messages', template: "<p-messages\n [(value)]=\"value\"\n [enableService]=\"false\"\n [closable]=\"closable\"\n [severity]=\"severity\"\n [escape]=\"escape\"\n [enableService]=\"enableService\"\n [styleClass]=\"styleClass\"\n></p-messages>\n" }]
|
|
18
18
|
}], propDecorators: { value: [{
|
|
@@ -23,12 +23,12 @@ export class AtomixPaginationComponent {
|
|
|
23
23
|
onWindowResize() {
|
|
24
24
|
this.getScreenWidth = window.innerWidth;
|
|
25
25
|
}
|
|
26
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
27
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
26
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
27
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AtomixPaginationComponent, selector: "app-pagination", inputs: { dataLength: "dataLength", totalRecords: "totalRecords", page: "page", size: "size" }, outputs: { handleDropdownValueChange: "handleDropdownValueChange", paginatorChange: "paginatorChange" }, host: { listeners: { "window:resize": "onWindowResize($event)" } }, ngImport: i0, template: "<div class=\"pagination-container\">\n <span class=\"mx-1 text-color table-text\" *ngIf=\"getScreenWidth > 768\"\n >Items per page:\n </span>\n <p-dropdown\n *ngIf=\"getScreenWidth > 768\"\n [options]=\"options\"\n optionLabel=\"label\"\n optionValue=\"value\"\n [(ngModel)]=\"size\"\n (onChange)=\"handleDropdownValueChange.emit($event)\"\n styleClass=\"pagination-dropdown\"\n />\n <p-paginator\n [first]=\"page * size\"\n [rows]=\"size\"\n [totalRecords]=\"totalRecords\"\n (onPageChange)=\"paginatorChange.emit($event)\"\n [showCurrentPageReport]=\"true\"\n currentPageReportTemplate=\"{first} - {last} of {totalRecords}\"\n [showPageLinks]=\"false\"\n [showFirstLastIcon]=\"false\"\n ></p-paginator>\n</div>\n", styles: [".pagination-container{display:flex;align-items:center;justify-content:flex-end;padding-right:1rem;.p-inputwrapper{width:auto;max-width:7rem}}::ng-deep .pagination-dropdown{border-radius:6px;.p-inputtext{padding:.4rem 1rem}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "autoShowPanelOnPrintableCharacterKeyDown", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.Paginator, selector: "p-paginator", inputs: ["pageLinkSize", "style", "styleClass", "alwaysShow", "dropdownAppendTo", "templateLeft", "templateRight", "appendTo", "dropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showFirstLastIcon", "totalRecords", "rows", "rowsPerPageOptions", "showJumpToPageDropdown", "showJumpToPageInput", "jumpToPageItemTemplate", "showPageLinks", "locale", "dropdownItemTemplate", "first"], outputs: ["onPageChange"] }] });
|
|
28
28
|
}
|
|
29
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixPaginationComponent, decorators: [{
|
|
30
30
|
type: Component,
|
|
31
|
-
args: [{ selector: 'app-pagination', template: "<div class=\"pagination-container\">\n <span class=\"mx-1 text-color table-text\" *ngIf=\"getScreenWidth > 768\"\n >Items per page:\n </span>\n <p-dropdown\n *ngIf=\"getScreenWidth > 768\"\n [options]=\"options\"\n optionLabel=\"label\"\n optionValue=\"value\"\n [(ngModel)]=\"size\"\n (onChange)=\"handleDropdownValueChange.emit($event)\"\n styleClass=\"pagination-dropdown\"\n />\n <p-paginator\n [first]=\"page * size\"\n [rows]=\"size\"\n [totalRecords]=\"totalRecords\"\n (onPageChange)=\"paginatorChange.emit($event)\"\n [showCurrentPageReport]=\"true\"\n currentPageReportTemplate=\"{first} - {last} of {totalRecords}\"\n [showPageLinks]=\"false\"\n [showFirstLastIcon]=\"false\"\n ></p-paginator>\n</div>\n", styles: [".pagination-container{display:flex;align-items:center;justify-content:flex-end;padding-right:1rem
|
|
31
|
+
args: [{ selector: 'app-pagination', template: "<div class=\"pagination-container\">\n <span class=\"mx-1 text-color table-text\" *ngIf=\"getScreenWidth > 768\"\n >Items per page:\n </span>\n <p-dropdown\n *ngIf=\"getScreenWidth > 768\"\n [options]=\"options\"\n optionLabel=\"label\"\n optionValue=\"value\"\n [(ngModel)]=\"size\"\n (onChange)=\"handleDropdownValueChange.emit($event)\"\n styleClass=\"pagination-dropdown\"\n />\n <p-paginator\n [first]=\"page * size\"\n [rows]=\"size\"\n [totalRecords]=\"totalRecords\"\n (onPageChange)=\"paginatorChange.emit($event)\"\n [showCurrentPageReport]=\"true\"\n currentPageReportTemplate=\"{first} - {last} of {totalRecords}\"\n [showPageLinks]=\"false\"\n [showFirstLastIcon]=\"false\"\n ></p-paginator>\n</div>\n", styles: [".pagination-container{display:flex;align-items:center;justify-content:flex-end;padding-right:1rem;.p-inputwrapper{width:auto;max-width:7rem}}::ng-deep .pagination-dropdown{border-radius:6px;.p-inputtext{padding:.4rem 1rem}}\n"] }]
|
|
32
32
|
}], propDecorators: { dataLength: [{
|
|
33
33
|
type: Input
|
|
34
34
|
}], totalRecords: [{
|
|
@@ -20,8 +20,8 @@ export class AtomixRadioButtonComponent {
|
|
|
20
20
|
registerOnTouched(fn) {
|
|
21
21
|
this.onTouched = fn;
|
|
22
22
|
}
|
|
23
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
24
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
23
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixRadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AtomixRadioButtonComponent, selector: "atomix-radio-button", inputs: { name: "name", value: "value", selectedValue: "selectedValue", inputId: "inputId" }, providers: [
|
|
25
25
|
{
|
|
26
26
|
provide: NG_VALUE_ACCESSOR,
|
|
27
27
|
useExisting: forwardRef(() => AtomixRadioButtonComponent),
|
|
@@ -29,7 +29,7 @@ export class AtomixRadioButtonComponent {
|
|
|
29
29
|
},
|
|
30
30
|
], ngImport: i0, template: "<p-radioButton\n[name]=\"name\"\n[value]=\"value\"\n[(ngModel)]=\"selectedValue\"\n[inputId]=\"inputId\"\n(onChange)=\"onChange($event)\"\n/>", styles: [""], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "variant", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }] });
|
|
31
31
|
}
|
|
32
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixRadioButtonComponent, decorators: [{
|
|
33
33
|
type: Component,
|
|
34
34
|
args: [{ selector: 'atomix-radio-button', providers: [
|
|
35
35
|
{
|
|
@@ -76,10 +76,10 @@ export class AtomixSearchDropdownComponent {
|
|
|
76
76
|
focusSearch() {
|
|
77
77
|
this.searchInputEl?.nativeElement?.focus();
|
|
78
78
|
}
|
|
79
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
80
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
79
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixSearchDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
80
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AtomixSearchDropdownComponent, selector: "atomix-search-dropdown", inputs: { searchValue: "searchValue", searchPlaceholder: "searchPlaceholder", searchType: "searchType", searchDisabled: "searchDisabled", searchLabel: "searchLabel", searchIsLabelRequired: "searchIsLabelRequired", searchClass: "searchClass", searchIsCrossRequired: "searchIsCrossRequired", searchName: "searchName", dropdownOptions: "dropdownOptions", dropdownSelected: "dropdownSelected", dropdownPlaceholder: "dropdownPlaceholder", dropdownOptionLabel: "dropdownOptionLabel", dropdownOptionValue: "dropdownOptionValue", dropdownDisabled: "dropdownDisabled", dropdownShowClear: "dropdownShowClear", dropdownFilter: "dropdownFilter", dropdownLabel: "dropdownLabel", dropdownIsLabelRequired: "dropdownIsLabelRequired", dropdownStyleClass: "dropdownStyleClass", dropdownName: "dropdownName", label: "label", isLabelRequired: "isLabelRequired", containerClass: "containerClass" }, outputs: { searchValueChange: "searchValueChange", dropdownValueChange: "dropdownValueChange", dropdownFilterChange: "dropdownFilterChange" }, viewQueries: [{ propertyName: "searchInputEl", first: true, predicate: ["searchInputEl"], descendants: true }], ngImport: i0, template: "<label *ngIf=\"label\" for=\"searchName\">\n {{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span>\n</label>\n\n<div [ngClass]=\"containerClass\">\n <div class=\"search-dropdown-container\">\n <input\n [id]=\"searchName\"\n type=\"text\"\n pInputText\n [value]=\"searchValue\"\n [attr.placeholder]=\"searchPlaceholder\"\n (input)=\"onSearchInput($event)\"\n (keydown.enter)=\"onSearchEnter()\"\n [ngClass]=\"searchClass + ' lib-input-field'\"\n autocomplete=\"new-password\"\n [disabled]=\"searchDisabled\"\n [type]=\"searchType\"\n #searchInputEl\n class=\"search-input\"\n />\n <span>\n \n <i\n class=\"pi pi-times filter-dropdown-icon\"\n style=\"cursor: pointer\"\n (click)=\"clearSearchValue()\"\n *ngIf=\"searchIsCrossRequired && searchValue !== ''\"\n ></i>\n </span>\n </div>\n\n <p-dropdown\n [options]=\"dropdownOptions\"\n [(ngModel)]=\"dropdownSelected\"\n (onChange)=\"onDropdownChange($event)\"\n [name]=\"dropdownName\"\n [optionValue]=\"dropdownOptionValue\"\n [optionLabel]=\"dropdownOptionLabel\"\n [showClear]=\"dropdownShowClear\"\n [filter]=\"dropdownFilter\"\n [filterBy]=\"dropdownOptionLabel\"\n appendTo=\"body\"\n [disabled]=\"dropdownDisabled\"\n [styleClass]=\"dropdownStyleClass\"\n (onFilter)=\"onDropdownFilter($event)\"\n [placeholder]=\"dropdownPlaceholder\"\n class=\"search-dropdown\"\n >\n <ng-template let-option pTemplate=\"item\">\n <div class=\"custom-item\">\n <i\n [ngClass]=\"option.dropdownIcon\"\n class=\"dropdown-logo\"\n *ngIf=\"option.dropdownIcon\"\n ></i>\n <img\n [alt]=\"option.dropdownImage\"\n [src]=\"option.dropdownImage\"\n *ngIf=\"option.dropdownImage\"\n class=\"dropdown-image\"\n />\n\n <span>{{ option[dropdownOptionLabel] }}</span>\n </div>\n </ng-template>\n </p-dropdown>\n</div>", styles: ["input[type=search]::-webkit-search-cancel-button{display:none}input[type=search]::-moz-search-cancel-button{display:none}input[type=search]::-ms-clear{display:none}.lib-error-asterisk{color:red}.billing-input-column-container{display:flex}.filter-dropdown-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:1;cursor:pointer;color:#6c757d;right:10px}.search-dropdown{border-top-left-radius:0!important;border-bottom-left-radius:0!important;width:max-content!important}.search-input{margin-top:0!important;border-right:none!important;padding-right:30px}.search-dropdown-container{position:relative;flex:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "component", type: i4.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "autoShowPanelOnPrintableCharacterKeyDown", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
81
81
|
}
|
|
82
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
82
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixSearchDropdownComponent, decorators: [{
|
|
83
83
|
type: Component,
|
|
84
84
|
args: [{ selector: 'atomix-search-dropdown', template: "<label *ngIf=\"label\" for=\"searchName\">\n {{ label }}\n <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span>\n</label>\n\n<div [ngClass]=\"containerClass\">\n <div class=\"search-dropdown-container\">\n <input\n [id]=\"searchName\"\n type=\"text\"\n pInputText\n [value]=\"searchValue\"\n [attr.placeholder]=\"searchPlaceholder\"\n (input)=\"onSearchInput($event)\"\n (keydown.enter)=\"onSearchEnter()\"\n [ngClass]=\"searchClass + ' lib-input-field'\"\n autocomplete=\"new-password\"\n [disabled]=\"searchDisabled\"\n [type]=\"searchType\"\n #searchInputEl\n class=\"search-input\"\n />\n <span>\n \n <i\n class=\"pi pi-times filter-dropdown-icon\"\n style=\"cursor: pointer\"\n (click)=\"clearSearchValue()\"\n *ngIf=\"searchIsCrossRequired && searchValue !== ''\"\n ></i>\n </span>\n </div>\n\n <p-dropdown\n [options]=\"dropdownOptions\"\n [(ngModel)]=\"dropdownSelected\"\n (onChange)=\"onDropdownChange($event)\"\n [name]=\"dropdownName\"\n [optionValue]=\"dropdownOptionValue\"\n [optionLabel]=\"dropdownOptionLabel\"\n [showClear]=\"dropdownShowClear\"\n [filter]=\"dropdownFilter\"\n [filterBy]=\"dropdownOptionLabel\"\n appendTo=\"body\"\n [disabled]=\"dropdownDisabled\"\n [styleClass]=\"dropdownStyleClass\"\n (onFilter)=\"onDropdownFilter($event)\"\n [placeholder]=\"dropdownPlaceholder\"\n class=\"search-dropdown\"\n >\n <ng-template let-option pTemplate=\"item\">\n <div class=\"custom-item\">\n <i\n [ngClass]=\"option.dropdownIcon\"\n class=\"dropdown-logo\"\n *ngIf=\"option.dropdownIcon\"\n ></i>\n <img\n [alt]=\"option.dropdownImage\"\n [src]=\"option.dropdownImage\"\n *ngIf=\"option.dropdownImage\"\n class=\"dropdown-image\"\n />\n\n <span>{{ option[dropdownOptionLabel] }}</span>\n </div>\n </ng-template>\n </p-dropdown>\n</div>", styles: ["input[type=search]::-webkit-search-cancel-button{display:none}input[type=search]::-moz-search-cancel-button{display:none}input[type=search]::-ms-clear{display:none}.lib-error-asterisk{color:red}.billing-input-column-container{display:flex}.filter-dropdown-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:1;cursor:pointer;color:#6c757d;right:10px}.search-dropdown{border-top-left-radius:0!important;border-bottom-left-radius:0!important;width:max-content!important}.search-input{margin-top:0!important;border-right:none!important;padding-right:30px}.search-dropdown-container{position:relative;flex:1}\n"] }]
|
|
85
85
|
}], ctorParameters: () => [], propDecorators: { searchInputEl: [{
|
|
@@ -9,10 +9,10 @@ export class AtomixSelectButtonComponent {
|
|
|
9
9
|
optionClickHandler(event) {
|
|
10
10
|
this.onOptionClick.emit(event);
|
|
11
11
|
}
|
|
12
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
13
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
12
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixSelectButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
13
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AtomixSelectButtonComponent, selector: "atomix-select-button", inputs: { stateOptions: "stateOptions", value: "value" }, outputs: { onOptionClick: "onOptionClick" }, ngImport: i0, template: "<p-selectButton\n [options]=\"stateOptions\"\n [(ngModel)]=\"value\"\n optionLabel=\"label\"\n optionValue=\"value\"\n (onOptionClick)=\"optionClickHandler($event.option.value)\"\n/>\n", styles: ["::ng-deep .p-selectbutton .p-button.p-highlight{background:#63b77e;border-color:#63b77e;color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.SelectButton, selector: "p-selectButton", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "style", "styleClass", "ariaLabelledBy", "disabled", "dataKey", "autofocus"], outputs: ["onOptionClick", "onChange"] }] });
|
|
14
14
|
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixSelectButtonComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
17
|
args: [{ selector: 'atomix-select-button', template: "<p-selectButton\n [options]=\"stateOptions\"\n [(ngModel)]=\"value\"\n optionLabel=\"label\"\n optionValue=\"value\"\n (onOptionClick)=\"optionClickHandler($event.option.value)\"\n/>\n", styles: ["::ng-deep .p-selectbutton .p-button.p-highlight{background:#63b77e;border-color:#63b77e;color:#fff}\n"] }]
|
|
18
18
|
}], propDecorators: { onOptionClick: [{
|
|
@@ -19,10 +19,10 @@ export class AtomixSnackbarComponent {
|
|
|
19
19
|
hideSnackbar() {
|
|
20
20
|
this.isVisible = false;
|
|
21
21
|
}
|
|
22
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
23
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
22
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixSnackbarComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AtomixSnackbarComponent, selector: "atomix-snackbar", ngImport: i0, template: "<div *ngIf=\"isVisible\" class=\"snackbar\">\n {{ message }}\n <span class=\"close-btn\" (click)=\"hideSnackbar()\">\u2716</span>\n</div>\n", styles: [".snackbar{visibility:visible;min-width:250px;background-color:#606060;color:#fff;text-align:center;border-radius:5px;padding:16px;position:fixed;left:50%;bottom:30px;transform:translate(-50%);font-size:17px;box-shadow:0 4px 6px #0003;z-index:99999999;transition:opacity .5s,bottom .5s}.snackbar.show{opacity:1;bottom:50px}.close-btn{margin-left:15px;font-weight:700;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
24
24
|
}
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixSnackbarComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
27
|
args: [{ selector: 'atomix-snackbar', template: "<div *ngIf=\"isVisible\" class=\"snackbar\">\n {{ message }}\n <span class=\"close-btn\" (click)=\"hideSnackbar()\">\u2716</span>\n</div>\n", styles: [".snackbar{visibility:visible;min-width:250px;background-color:#606060;color:#fff;text-align:center;border-radius:5px;padding:16px;position:fixed;left:50%;bottom:30px;transform:translate(-50%);font-size:17px;box-shadow:0 4px 6px #0003;z-index:99999999;transition:opacity .5s,bottom .5s}.snackbar.show{opacity:1;bottom:50px}.close-btn{margin-left:15px;font-weight:700;cursor:pointer}\n"] }]
|
|
28
28
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }] });
|
|
@@ -6,10 +6,10 @@ export class AtomixSpinnerComponent {
|
|
|
6
6
|
styleClass = '';
|
|
7
7
|
strokeWidth = '2';
|
|
8
8
|
fill = 'none';
|
|
9
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
10
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
9
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AtomixSpinnerComponent, selector: "atomix-spinner", inputs: { animationDuration: "animationDuration", styleClass: "styleClass", strokeWidth: "strokeWidth", fill: "fill" }, ngImport: i0, template: "<p-progressSpinner\n ariaLabel=\"loading\"\n [animationDuration]=\"animationDuration\"\n [styleClass]=\"styleClass\"\n [strokeWidth]=\"strokeWidth\"\n [fill]=\"fill\"\n/>\n", styles: [""], dependencies: [{ kind: "component", type: i1.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }] });
|
|
11
11
|
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixSpinnerComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
14
|
args: [{ selector: 'atomix-spinner', template: "<p-progressSpinner\n ariaLabel=\"loading\"\n [animationDuration]=\"animationDuration\"\n [styleClass]=\"styleClass\"\n [strokeWidth]=\"strokeWidth\"\n [fill]=\"fill\"\n/>\n" }]
|
|
15
15
|
}], propDecorators: { animationDuration: [{
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { Component, EventEmitter, Input, Output, ChangeDetectionStrategy } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "primeng/steps";
|
|
4
|
+
export class AtomixStepsComponent {
|
|
5
|
+
activeIndex = 0;
|
|
6
|
+
model = [];
|
|
7
|
+
readonly = true;
|
|
8
|
+
exact = true;
|
|
9
|
+
style;
|
|
10
|
+
styleClass;
|
|
11
|
+
activeIndexChange = new EventEmitter();
|
|
12
|
+
stepChange = new EventEmitter();
|
|
13
|
+
onIndexChange(index) {
|
|
14
|
+
this.activeIndex = index;
|
|
15
|
+
this.activeIndexChange.emit(index);
|
|
16
|
+
this.stepChange.emit({ index, item: this.model?.[index] });
|
|
17
|
+
}
|
|
18
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixStepsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AtomixStepsComponent, selector: "atomix-steps", inputs: { activeIndex: "activeIndex", model: "model", readonly: "readonly", exact: "exact", style: "style", styleClass: "styleClass" }, outputs: { activeIndexChange: "activeIndexChange", stepChange: "stepChange" }, ngImport: i0, template: "<p-steps\n [model]=\"model\"\n [activeIndex]=\"activeIndex\"\n [readonly]=\"readonly\"\n [style]=\"style\"\n [styleClass]=\"styleClass\"\n [exact]=\"exact\"\n (activeIndexChange)=\"onIndexChange($event)\"\n></p-steps>\n", styles: [""], dependencies: [{ kind: "component", type: i1.Steps, selector: "p-steps", inputs: ["activeIndex", "model", "readonly", "style", "styleClass", "exact"], outputs: ["activeIndexChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
20
|
+
}
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixStepsComponent, decorators: [{
|
|
22
|
+
type: Component,
|
|
23
|
+
args: [{ selector: 'atomix-steps', changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-steps\n [model]=\"model\"\n [activeIndex]=\"activeIndex\"\n [readonly]=\"readonly\"\n [style]=\"style\"\n [styleClass]=\"styleClass\"\n [exact]=\"exact\"\n (activeIndexChange)=\"onIndexChange($event)\"\n></p-steps>\n" }]
|
|
24
|
+
}], propDecorators: { activeIndex: [{
|
|
25
|
+
type: Input
|
|
26
|
+
}], model: [{
|
|
27
|
+
type: Input
|
|
28
|
+
}], readonly: [{
|
|
29
|
+
type: Input
|
|
30
|
+
}], exact: [{
|
|
31
|
+
type: Input
|
|
32
|
+
}], style: [{
|
|
33
|
+
type: Input
|
|
34
|
+
}], styleClass: [{
|
|
35
|
+
type: Input
|
|
36
|
+
}], activeIndexChange: [{
|
|
37
|
+
type: Output
|
|
38
|
+
}], stepChange: [{
|
|
39
|
+
type: Output
|
|
40
|
+
}] } });
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LXN0ZXBzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ByaW1la2l0L3NyYy9saWIvbGliL2F0b21peC1zdGVwcy9hdG9taXgtc3RlcHMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LXN0ZXBzL2F0b21peC1zdGVwcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFTaEcsTUFBTSxPQUFPLG9CQUFvQjtJQUN0QixXQUFXLEdBQUcsQ0FBQyxDQUFDO0lBQ2hCLEtBQUssR0FBZSxFQUFFLENBQUM7SUFDdkIsUUFBUSxHQUFHLElBQUksQ0FBQztJQUNoQixLQUFLLEdBQUcsSUFBSSxDQUFDO0lBQ2IsS0FBSyxDQUFNO0lBQ1gsVUFBVSxDQUFVO0lBRW5CLGlCQUFpQixHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFDL0MsVUFBVSxHQUFHLElBQUksWUFBWSxFQUFzQyxDQUFDO0lBRTlFLGFBQWEsQ0FBQyxLQUFhO1FBQ3pCLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO1FBQ3pCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDbkMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDN0QsQ0FBQzt3R0FmVSxvQkFBb0I7NEZBQXBCLG9CQUFvQiwyUUNUakMsb09BU0E7OzRGREFhLG9CQUFvQjtrQkFOaEMsU0FBUzsrQkFDRSxjQUFjLG1CQUdQLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUVJLGlCQUFpQjtzQkFBMUIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNZW51SXRlbSB9IGZyb20gJ3ByaW1lbmcvYXBpJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXRvbWl4LXN0ZXBzJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2F0b21peC1zdGVwcy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2F0b21peC1zdGVwcy5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBBdG9taXhTdGVwc0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGFjdGl2ZUluZGV4ID0gMDtcbiAgQElucHV0KCkgbW9kZWw6IE1lbnVJdGVtW10gPSBbXTtcbiAgQElucHV0KCkgcmVhZG9ubHkgPSB0cnVlO1xuICBASW5wdXQoKSBleGFjdCA9IHRydWU7XG4gIEBJbnB1dCgpIHN0eWxlOiBhbnk7XG4gIEBJbnB1dCgpIHN0eWxlQ2xhc3M/OiBzdHJpbmc7XG5cbiAgQE91dHB1dCgpIGFjdGl2ZUluZGV4Q2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG4gIEBPdXRwdXQoKSBzdGVwQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjx7IGluZGV4OiBudW1iZXI7IGl0ZW0/OiBNZW51SXRlbSB9PigpO1xuXG4gIG9uSW5kZXhDaGFuZ2UoaW5kZXg6IG51bWJlcikge1xuICAgIHRoaXMuYWN0aXZlSW5kZXggPSBpbmRleDtcbiAgICB0aGlzLmFjdGl2ZUluZGV4Q2hhbmdlLmVtaXQoaW5kZXgpO1xuICAgIHRoaXMuc3RlcENoYW5nZS5lbWl0KHsgaW5kZXgsIGl0ZW06IHRoaXMubW9kZWw/LltpbmRleF0gfSk7XG4gIH1cbn1cbiIsIjxwLXN0ZXBzXG4gIFttb2RlbF09XCJtb2RlbFwiXG4gIFthY3RpdmVJbmRleF09XCJhY3RpdmVJbmRleFwiXG4gIFtyZWFkb25seV09XCJyZWFkb25seVwiXG4gIFtzdHlsZV09XCJzdHlsZVwiXG4gIFtzdHlsZUNsYXNzXT1cInN0eWxlQ2xhc3NcIlxuICBbZXhhY3RdPVwiZXhhY3RcIlxuICAoYWN0aXZlSW5kZXhDaGFuZ2UpPVwib25JbmRleENoYW5nZSgkZXZlbnQpXCJcbj48L3Atc3RlcHM+XG4iXX0=
|