aril 0.0.8 → 0.0.9
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/aril-0.0.9.tgz +0 -0
- package/esm2022/http/src/serviceBase.mjs +2 -2
- package/esm2022/i18n/aril-i18n.mjs +5 -0
- package/esm2022/i18n/index.mjs +6 -0
- package/esm2022/i18n/src/file-url-token.mjs +3 -0
- package/esm2022/i18n/src/i18n.module.mjs +17 -0
- package/esm2022/i18n/src/loader.mjs +20 -0
- package/esm2022/i18n/src/provideI18n.mjs +16 -0
- package/esm2022/i18n/src/provideScope.mjs +18 -0
- package/esm2022/ui/button/src/button.component.mjs +3 -3
- package/esm2022/ui/calendar/src/calendar.component.mjs +4 -4
- package/esm2022/ui/checkbox/src/check-box.component.mjs +4 -4
- package/esm2022/ui/checkbox/src/tri-state-checkbox.component.mjs +4 -4
- package/esm2022/ui/fileUpload/src/file-upload.component.mjs +4 -4
- package/esm2022/ui/form/src/form-submit-button.component.mjs +22 -27
- package/esm2022/ui/form/src/form.component.mjs +1 -1
- package/esm2022/ui/mask/src/mask.component.mjs +4 -4
- package/esm2022/ui/number/src/number.component.mjs +4 -4
- package/esm2022/ui/password/src/password.component.mjs +4 -4
- package/esm2022/ui/radioButton/src/radio-button.component.mjs +4 -4
- package/esm2022/ui/selectBox/src/select-box.component.mjs +4 -4
- package/esm2022/ui/switch/src/switch.component.mjs +4 -4
- package/esm2022/ui/tagBox/src/tag-box.component.mjs +4 -4
- package/esm2022/ui/text/src/text.component.mjs +4 -4
- package/esm2022/ui/textArea/src/text-area.component.mjs +4 -4
- package/esm2022/util/lib/index.mjs +2 -1
- package/esm2022/util/lib/src/module-router.mjs +16 -0
- package/fesm2022/aril-http.mjs +1 -1
- package/fesm2022/aril-http.mjs.map +1 -1
- package/fesm2022/aril-i18n.mjs +72 -0
- package/fesm2022/aril-i18n.mjs.map +1 -0
- package/fesm2022/aril-ui-button.mjs +2 -2
- package/fesm2022/aril-ui-button.mjs.map +1 -1
- package/fesm2022/aril-ui-calendar.mjs +3 -3
- package/fesm2022/aril-ui-calendar.mjs.map +1 -1
- package/fesm2022/aril-ui-checkbox.mjs +5 -5
- package/fesm2022/aril-ui-checkbox.mjs.map +1 -1
- package/fesm2022/aril-ui-fileUpload.mjs +3 -3
- package/fesm2022/aril-ui-fileUpload.mjs.map +1 -1
- package/fesm2022/aril-ui-form.mjs +21 -27
- package/fesm2022/aril-ui-form.mjs.map +1 -1
- package/fesm2022/aril-ui-mask.mjs +3 -3
- package/fesm2022/aril-ui-mask.mjs.map +1 -1
- package/fesm2022/aril-ui-number.mjs +3 -3
- package/fesm2022/aril-ui-number.mjs.map +1 -1
- package/fesm2022/aril-ui-password.mjs +3 -3
- package/fesm2022/aril-ui-password.mjs.map +1 -1
- package/fesm2022/aril-ui-radioButton.mjs +3 -3
- package/fesm2022/aril-ui-radioButton.mjs.map +1 -1
- package/fesm2022/aril-ui-selectBox.mjs +3 -3
- package/fesm2022/aril-ui-selectBox.mjs.map +1 -1
- package/fesm2022/aril-ui-switch.mjs +3 -3
- package/fesm2022/aril-ui-switch.mjs.map +1 -1
- package/fesm2022/aril-ui-tagBox.mjs +3 -3
- package/fesm2022/aril-ui-tagBox.mjs.map +1 -1
- package/fesm2022/aril-ui-text.mjs +3 -3
- package/fesm2022/aril-ui-text.mjs.map +1 -1
- package/fesm2022/aril-ui-textArea.mjs +3 -3
- package/fesm2022/aril-ui-textArea.mjs.map +1 -1
- package/fesm2022/aril-util-lib.mjs +19 -0
- package/fesm2022/aril-util-lib.mjs.map +1 -1
- package/i18n/index.d.ts +5 -0
- package/i18n/src/file-url-token.d.ts +2 -0
- package/i18n/src/i18n.module.d.ts +7 -0
- package/i18n/src/loader.d.ts +9 -0
- package/i18n/src/provideI18n.d.ts +2 -0
- package/i18n/src/provideScope.d.ts +9 -0
- package/package.json +19 -13
- package/ui/button/src/button.component.d.ts +1 -1
- package/ui/form/src/form-submit-button.component.d.ts +5 -5
- package/util/lib/index.d.ts +1 -0
- package/util/lib/src/module-router.d.ts +5 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aril-ui-fileUpload.mjs","sources":["../../projects/aril/ui/fileUpload/src/file-upload.component.ts","../../projects/aril/ui/fileUpload/src/file-upload.component.html","../../projects/aril/ui/fileUpload/aril-ui-fileUpload.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { HttpEvent } from '@angular/common/http';\nimport {
|
|
1
|
+
{"version":3,"file":"aril-ui-fileUpload.mjs","sources":["../../projects/aril/ui/fileUpload/src/file-upload.component.ts","../../projects/aril/ui/fileUpload/src/file-upload.component.html","../../projects/aril/ui/fileUpload/aril-ui-fileUpload.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { HttpEvent } from '@angular/common/http';\nimport { Component, EventEmitter, Input, Output } from '@angular/core';\n\nimport { FileUploadModule } from 'primeng/fileupload';\nimport { MessageService } from 'primeng/api';\n\n/* TODO : \n 1. InputSignal\n*/\n\ninterface UploadEvent {\n\toriginalEvent: HttpEvent<any>;\n\tfiles: File[];\n}\n\ninterface UploadFile {\n\tname: string;\n\tsize: number;\n\ttype: string;\n\tobjectURL?: string;\n}\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-file-upload',\n\ttemplateUrl: './file-upload.component.html',\n\timports: [FileUploadModule],\n\tproviders: [MessageService]\n})\nexport class FileUploadComponent {\n\tconstructor(private messageService: MessageService) {}\n\n\t@Input() name!: string;\n\t@Input({ required: true }) url!: string;\n\t@Input() multiple = false;\n\t@Input() accept = '.xlsx';\n\t@Input() disabled = false;\n\t@Input() auto = false;\n\t@Input() maxFileSize!: number;\n\t@Input() tabindex!: number;\n\t@Input() withCredentials = false;\n\t@Input() showUploadButton = true;\n\t@Input() showCancelButton = true;\n\t@Input() cancelLabel = 'Temizle';\n\t@Input() chooseLabel = 'Dosyayi Seç';\n\t@Input() uploadLabel = 'Dosyayi Yükle';\n\t@Input() invalidFileTypeMessageSummary = 'Geçersiz dosya türü';\n\t@Input() invalidFileTypeMessageDetail = 'Seçilen dosya türü desteklenmiyor.';\n\t@Input() invalidFileSizeMessageSummary = 'Dosya boyutu çok büyük';\n\t@Input() invalidFileSizeMessageDetail = 'Dosya boyutu izin verilen maksimum boyuttan daha büyük.';\n\n\t@Output() beforeSend: EventEmitter<unknown> = new EventEmitter();\n\t@Output() upload: EventEmitter<unknown> = new EventEmitter();\n\t@Output() errors: EventEmitter<unknown> = new EventEmitter();\n\t@Output() selects: EventEmitter<unknown> = new EventEmitter();\n\t@Output() clear: EventEmitter<unknown> = new EventEmitter();\n\n\tuploadedFiles: UploadFile[] = [];\n\n\tonUpload(event: UploadEvent) {\n\t\tthis.upload.emit(event);\n\t\tthis.uploadedFiles = event.files;\n\t\tthis.messageService.add({ severity: 'success', summary: 'Dosya başarıyla yüklendi..', detail: '' });\n\t}\n}\n","<p-fileUpload\n\t[name]=\"name\"\n\t[url]=\"url\"\n\tmethod=\"post\"\n\t[multiple]=\"multiple\"\n\t[accept]=\"accept\"\n\t[disabled]=\"disabled\"\n\t[auto]=\"auto\"\n\t[maxFileSize]=\"maxFileSize\"\n\t[tabindex]=\"tabindex\"\n\t[withCredentials]=\"withCredentials\"\n\t[showUploadButton]=\"showUploadButton\"\n\t[showCancelButton]=\"showCancelButton\"\n\t[chooseLabel]=\"chooseLabel\"\n\t[cancelLabel]=\"cancelLabel\"\n\t[uploadLabel]=\"uploadLabel\"\n\t[invalidFileTypeMessageSummary]=\"invalidFileTypeMessageSummary\"\n\t[invalidFileTypeMessageDetail]=\"invalidFileTypeMessageDetail\"\n\t[invalidFileSizeMessageSummary]=\"invalidFileSizeMessageSummary\"\n\t[invalidFileSizeMessageDetail]=\"invalidFileSizeMessageDetail\"\n\t(onBeforeSend)=\"beforeSend.emit($event)\"\n\t(onUpload)=\"onUpload($event)\"\n\t(onError)=\"errors.emit($event)\"\n\t(onSelect)=\"selects.emit($event)\"\n\t(onClear)=\"clear.emit($event)\">\n\t<ng-template pTemplate=\"content\">\n\t\t@if (uploadedFiles.length) {\n\t\t\t<div class=\"flex flex-column\">\n\t\t\t\t@for (file of uploadedFiles; track file) {\n\t\t\t\t\t<div class=\"mt-2\">\n\t\t\t\t\t\t<i class=\"pi pi-file-excel\" style=\"color: slateblue; font-size: 1.4rem\"></i>\n\t\t\t\t\t\t{{ file.name }} - {{ file.size }} bytes\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t}\n\t</ng-template>\n\t<ng-content></ng-content>\n</p-fileUpload>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, ChangeDetectionStrategy, Input, EventEmitter, Output, NgModule } from '@angular/core';
|
|
2
|
+
import { Component, ChangeDetectionStrategy, Input, input, EventEmitter, inject, Output, NgModule } from '@angular/core';
|
|
3
3
|
import * as i1$1 from 'aril/ui/button';
|
|
4
4
|
import { ButtonComponent } from 'aril/ui/button';
|
|
5
5
|
import * as i1 from 'aril/ui/lib';
|
|
6
|
-
import { FlexGridDirective, FormErrorMessageDirective } from 'aril/ui/lib';
|
|
7
|
-
import {
|
|
6
|
+
import { FlexGridDirective, FormErrorMessageDirective, checkValidInputs } from 'aril/ui/lib';
|
|
7
|
+
import { MessageService } from 'primeng/api';
|
|
8
8
|
|
|
9
9
|
/* TODO :
|
|
10
10
|
1. InputSignal
|
|
@@ -33,42 +33,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
|
|
|
33
33
|
args: [{ required: true }]
|
|
34
34
|
}] } });
|
|
35
35
|
|
|
36
|
-
/* eslint-disable @typescript-eslint/no-unused-vars */
|
|
37
|
-
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
38
|
-
/* TODO :
|
|
39
|
-
1. InputSignal
|
|
40
|
-
*/
|
|
41
36
|
class FormSubmitButtonComponent extends ButtonComponent {
|
|
42
37
|
constructor() {
|
|
43
38
|
super(...arguments);
|
|
39
|
+
this.formGroup = input.required();
|
|
40
|
+
this.validEvent = new EventEmitter();
|
|
44
41
|
this.inValidEvent = new EventEmitter();
|
|
42
|
+
this.messageService = inject(MessageService);
|
|
45
43
|
}
|
|
46
44
|
submit() {
|
|
47
|
-
|
|
48
|
-
if (this.formGroup.valid)
|
|
49
|
-
this.
|
|
50
|
-
else
|
|
45
|
+
checkValidInputs(this.formGroup());
|
|
46
|
+
if (this.formGroup().valid)
|
|
47
|
+
this.validEvent.emit();
|
|
48
|
+
else {
|
|
49
|
+
this.messageService.add({
|
|
50
|
+
key: 'toast-root',
|
|
51
|
+
severity: 'warn ',
|
|
52
|
+
summary: 'Form Hatası',
|
|
53
|
+
detail: 'Lütfen formdaki eksikleri gideriniz'
|
|
54
|
+
});
|
|
51
55
|
this.inValidEvent.emit();
|
|
52
|
-
|
|
53
|
-
markAsDirty(controls) {
|
|
54
|
-
Object.entries(controls).forEach(([key, ctrl]) => {
|
|
55
|
-
if (isFormControl(ctrl)) {
|
|
56
|
-
ctrl.markAsDirty();
|
|
57
|
-
}
|
|
58
|
-
else if (isFormGroup(ctrl) || isFormArray(ctrl)) {
|
|
59
|
-
this.markAsDirty(ctrl.controls);
|
|
60
|
-
}
|
|
61
|
-
});
|
|
56
|
+
}
|
|
62
57
|
}
|
|
63
58
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FormSubmitButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
64
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
59
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: FormSubmitButtonComponent, selector: "aril-form-submit:not([click])", inputs: { formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { validEvent: "validEvent", inValidEvent: "inValidEvent" }, usesInheritance: true, ngImport: i0, template: "<aril-button\n\t[label]=\"label\"\n\t[loading]=\"formGroup().pending\"\n\t[disabled]=\"disabled\"\n\t[raised]=\"raised\"\n\t[outlined]=\"outlined\"\n\t[badge]=\"badge\"\n\t[size]=\"size\"\n\t[icon]=\"icon\"\n\t[color]=\"color\"\n\t(clickEvent)=\"submit()\">\n</aril-button>\n", dependencies: [{ kind: "component", type: i1$1.ButtonComponent, selector: "aril-button:not([click])", inputs: ["label", "loading", "disabled", "raised", "outlined", "badge", "size", "icon", "color"], outputs: ["clickEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
65
60
|
}
|
|
66
61
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: FormSubmitButtonComponent, decorators: [{
|
|
67
62
|
type: Component,
|
|
68
|
-
args: [{ selector: 'aril-form-submit', changeDetection: ChangeDetectionStrategy.OnPush, template: "<aril-button\n\t[label]=\"label\"\n\t[loading]=\"formGroup.pending\"\n\t[disabled]=\"disabled\"\n\t[raised]=\"raised\"\n\t[outlined]=\"outlined\"\n\t[badge]=\"badge\"\n\t[size]=\"size\"\n\t[icon]=\"icon\"\n\t[color]=\"color\"\n\t(clickEvent)=\"submit()\">\n</aril-button>\n" }]
|
|
69
|
-
}], propDecorators: {
|
|
70
|
-
type:
|
|
71
|
-
args: [{ required: true }]
|
|
63
|
+
args: [{ selector: 'aril-form-submit:not([click])', changeDetection: ChangeDetectionStrategy.OnPush, template: "<aril-button\n\t[label]=\"label\"\n\t[loading]=\"formGroup().pending\"\n\t[disabled]=\"disabled\"\n\t[raised]=\"raised\"\n\t[outlined]=\"outlined\"\n\t[badge]=\"badge\"\n\t[size]=\"size\"\n\t[icon]=\"icon\"\n\t[color]=\"color\"\n\t(clickEvent)=\"submit()\">\n</aril-button>\n" }]
|
|
64
|
+
}], propDecorators: { validEvent: [{
|
|
65
|
+
type: Output
|
|
72
66
|
}], inValidEvent: [{
|
|
73
67
|
type: Output
|
|
74
68
|
}] } });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aril-ui-form.mjs","sources":["../../projects/aril/ui/form/src/form.component.ts","../../projects/aril/ui/form/src/form-submit-button.component.ts","../../projects/aril/ui/form/src/form-submit-button.component.html","../../projects/aril/ui/form/index.ts","../../projects/aril/ui/form/aril-ui-form.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\nimport { FormGroup } from '@angular/forms';\n\nimport { FlexGridDirective, FormErrorMessageDirective } from 'aril/ui/lib';\n\n/* TODO : \n 1. InputSignal\n*/\n\n@Component({\n\t// standalone: true,\n\tselector: 'aril-form',\n\ttemplate: ` <ng-content></ng-content> `,\n\thostDirectives: [\n\t\tFlexGridDirective,\n\t\t{\n\t\t\tdirective: FormErrorMessageDirective,\n\t\t\tinputs: ['formErrorMessage: formGroup']\n\t\t}\n\t],\n\tchangeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class FormComponent {\n\t@Input({ required: true }) formGroup!: FormGroup;\n}\n","
|
|
1
|
+
{"version":3,"file":"aril-ui-form.mjs","sources":["../../projects/aril/ui/form/src/form.component.ts","../../projects/aril/ui/form/src/form-submit-button.component.ts","../../projects/aril/ui/form/src/form-submit-button.component.html","../../projects/aril/ui/form/index.ts","../../projects/aril/ui/form/aril-ui-form.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\r\nimport { FormGroup } from '@angular/forms';\r\n\r\nimport { FlexGridDirective, FormErrorMessageDirective } from 'aril/ui/lib';\r\n\r\n/* TODO : \r\n 1. InputSignal\r\n*/\r\n\r\n@Component({\r\n\t// standalone: true,\r\n\tselector: 'aril-form',\r\n\ttemplate: ` <ng-content></ng-content> `,\r\n\thostDirectives: [\r\n\t\tFlexGridDirective,\r\n\t\t{\r\n\t\t\tdirective: FormErrorMessageDirective,\r\n\t\t\tinputs: ['formErrorMessage: formGroup']\r\n\t\t}\r\n\t],\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class FormComponent {\r\n\t@Input({ required: true }) formGroup!: FormGroup;\r\n}\r\n","import { ChangeDetectionStrategy, Component, EventEmitter, input, Output, inject } from '@angular/core';\r\nimport { FormGroup } from '@angular/forms';\r\n\r\nimport { MessageService } from 'primeng/api';\r\n\r\nimport { ButtonComponent } from 'aril/ui/button';\r\nimport { checkValidInputs } from 'aril/ui/lib';\r\n\r\n@Component({\r\n\tselector: 'aril-form-submit:not([click])',\r\n\ttemplateUrl: './form-submit-button.component.html',\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class FormSubmitButtonComponent extends ButtonComponent {\r\n\tformGroup = input.required<FormGroup>();\r\n\r\n\t@Output() validEvent: EventEmitter<never> = new EventEmitter<never>();\r\n\t@Output() inValidEvent: EventEmitter<never> = new EventEmitter<never>();\r\n\r\n\tmessageService = inject(MessageService);\r\n\r\n\tsubmit() {\r\n\t\tcheckValidInputs(this.formGroup());\r\n\r\n\t\tif (this.formGroup().valid) this.validEvent.emit();\r\n\t\telse {\r\n\t\t\tthis.messageService.add({\r\n\t\t\t\tkey: 'toast-root',\r\n\t\t\t\tseverity: 'warn ',\r\n\t\t\t\tsummary: 'Form Hatası',\r\n\t\t\t\tdetail: 'Lütfen formdaki eksikleri gideriniz'\r\n\t\t\t});\r\n\t\t\tthis.inValidEvent.emit();\r\n\t\t}\r\n\t}\r\n}\r\n","<aril-button\n\t[label]=\"label\"\n\t[loading]=\"formGroup().pending\"\n\t[disabled]=\"disabled\"\n\t[raised]=\"raised\"\n\t[outlined]=\"outlined\"\n\t[badge]=\"badge\"\n\t[size]=\"size\"\n\t[icon]=\"icon\"\n\t[color]=\"color\"\n\t(clickEvent)=\"submit()\">\n</aril-button>\n","export * from './src/form.component';\nexport * from './src/form-submit-button.component';\n\nimport { NgModule } from '@angular/core';\n\nimport { ButtonComponent } from 'aril/ui/button';\n\nimport { FormComponent } from './src/form.component';\nimport { FormSubmitButtonComponent } from './src/form-submit-button.component';\n\nconst components = [FormComponent, FormSubmitButtonComponent];\n\n@NgModule({\n\timports: [ButtonComponent],\n\texports: [components],\n\tdeclarations: [components]\n})\nexport class ARiLFormModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":";;;;;;;;AAKA;;AAEE;MAeW,aAAa,CAAA;8GAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,oOAVf,CAA6B,2BAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAU3B,aAAa,EAAA,UAAA,EAAA,CAAA;kBAbzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;;AAEV,oBAAA,QAAQ,EAAE,WAAW;AACrB,oBAAA,QAAQ,EAAE,CAA6B,2BAAA,CAAA;AACvC,oBAAA,cAAc,EAAE;wBACf,iBAAiB;AACjB,wBAAA;AACC,4BAAA,SAAS,EAAE,yBAAyB;4BACpC,MAAM,EAAE,CAAC,6BAA6B,CAAC;AACvC,yBAAA;AACD,qBAAA;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,iBAAA,CAAA;8BAE2B,SAAS,EAAA,CAAA;sBAAnC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;;;ACVpB,MAAO,yBAA0B,SAAQ,eAAe,CAAA;AAL9D,IAAA,WAAA,GAAA;;AAMC,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,QAAQ,EAAa,CAAC;AAE9B,QAAA,IAAA,CAAA,UAAU,GAAwB,IAAI,YAAY,EAAS,CAAC;AAC5D,QAAA,IAAA,CAAA,YAAY,GAAwB,IAAI,YAAY,EAAS,CAAC;AAExE,QAAA,IAAA,CAAA,cAAc,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;AAgBxC,KAAA;IAdA,MAAM,GAAA;AACL,QAAA,gBAAgB,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;AAEnC,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC,KAAK;AAAE,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;aAC9C;AACJ,YAAA,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC;AACvB,gBAAA,GAAG,EAAE,YAAY;AACjB,gBAAA,QAAQ,EAAE,OAAO;AACjB,gBAAA,OAAO,EAAE,aAAa;AACtB,gBAAA,MAAM,EAAE,qCAAqC;AAC7C,aAAA,CAAC,CAAC;AACH,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;SACzB;KACD;8GArBW,yBAAyB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,gTCbtC,qRAYA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,eAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDCa,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBALrC,SAAS;+BACC,+BAA+B,EAAA,eAAA,EAExB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,qRAAA,EAAA,CAAA;8BAKrC,UAAU,EAAA,CAAA;sBAAnB,MAAM;gBACG,YAAY,EAAA,CAAA;sBAArB,MAAM;;;AEPR,MAAM,UAAU,GAAG,CAAC,aAAa,EAAE,yBAAyB,CAAC,CAAC;MAOjD,cAAc,CAAA;8GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAAd,cAAc,EAAA,YAAA,EAAA,CAPP,aAAa,EAAE,yBAAyB,aAGjD,eAAe,CAAA,EAAA,OAAA,EAAA,CAHN,aAAa,EAAE,yBAAyB,CAAA,EAAA,CAAA,CAAA,EAAA;AAO/C,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,YAJhB,eAAe,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIb,cAAc,EAAA,UAAA,EAAA,CAAA;kBAL1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACT,OAAO,EAAE,CAAC,eAAe,CAAC;oBAC1B,OAAO,EAAE,CAAC,UAAU,CAAC;oBACrB,YAAY,EAAE,CAAC,UAAU,CAAC;AAC1B,iBAAA,CAAA;;;AChBD;;AAEG;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { input, Component
|
|
2
|
+
import { input, Component } from '@angular/core';
|
|
3
3
|
import * as i2 from '@angular/forms';
|
|
4
4
|
import { ReactiveFormsModule } from '@angular/forms';
|
|
5
5
|
import { NgStyle } from '@angular/common';
|
|
@@ -27,11 +27,11 @@ class MaskComponent extends BaseInputComponent {
|
|
|
27
27
|
this.showTooltip = false;
|
|
28
28
|
}
|
|
29
29
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: MaskComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
30
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: MaskComponent, isStandalone: true, selector: "aril-mask[ngModel], aril-mask[formControl], aril-mask[formControlName]", inputs: { mask: { classPropertyName: "mask", publicName: "mask", isSignal: true, isRequired: true, transformFunction: null }, slotChar: { classPropertyName: "slotChar", publicName: "slotChar", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, usageInGrid: { classPropertyName: "usageInGrid", publicName: "usageInGrid", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<div style=\"position: relative\" [ngStyle]=\"!usageInGrid ? { display: 'inline-block' } : {}\">\n\t<p-inputMask\n\t\t[mask]=\"mask()\"\n\t\t[slotChar]=\"slotChar()\"\n\t\t[placeholder]=\"placeholder()\"\n\t\t[maxlength]=\"maxlength()\"\n\t\t[formControl]=\"ngControl.control\"\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\n\t\t(onFocus)=\"showTooltip = true\"\n\t\t(onBlur)=\"showTooltip = false\">\n\t</p-inputMask>\n\t@if (ngControl.invalid && showTooltip) {\n\t\t<div class=\"custom-tooltip tooltipErrorMessage\">\n\t\t\t{{ ngControl.control.value | inputErrorMessage: ngControl }}\n\t\t</div>\n\t}\n</div>\n", styles: [".custom-tooltip{position:absolute;background-color:#dc143c;color:#fff;padding:.75rem;border-radius:6px;z-index:1001;top:-107%;left:50%;transform:translate(-50%);white-space:nowrap}.custom-tooltip:before{content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:3px;border-style:solid;border-color:var(--primary-color) transparent transparent transparent}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: InputMaskModule }, { kind: "component", type: i3.InputMask, selector: "p-inputMask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }]
|
|
30
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: MaskComponent, isStandalone: true, selector: "aril-mask[ngModel], aril-mask[formControl], aril-mask[formControlName]", inputs: { mask: { classPropertyName: "mask", publicName: "mask", isSignal: true, isRequired: true, transformFunction: null }, slotChar: { classPropertyName: "slotChar", publicName: "slotChar", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, maxlength: { classPropertyName: "maxlength", publicName: "maxlength", isSignal: true, isRequired: false, transformFunction: null }, usageInGrid: { classPropertyName: "usageInGrid", publicName: "usageInGrid", isSignal: true, isRequired: false, transformFunction: null }, tabindex: { classPropertyName: "tabindex", publicName: "tabindex", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<div style=\"position: relative\" [ngStyle]=\"!usageInGrid ? { display: 'inline-block' } : {}\">\n\t<p-inputMask\n\t\t[mask]=\"mask()\"\n\t\t[slotChar]=\"slotChar()\"\n\t\t[placeholder]=\"placeholder()\"\n\t\t[maxlength]=\"maxlength()\"\n\t\t[formControl]=\"ngControl.control\"\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\n\t\t(onFocus)=\"showTooltip = true\"\n\t\t(onBlur)=\"showTooltip = false\">\n\t</p-inputMask>\n\t@if (ngControl.invalid && showTooltip) {\n\t\t<div class=\"custom-tooltip tooltipErrorMessage\">\n\t\t\t{{ ngControl.control.value | inputErrorMessage: ngControl }}\n\t\t</div>\n\t}\n</div>\n", styles: [".custom-tooltip{position:absolute;background-color:#dc143c;color:#fff;padding:.75rem;border-radius:6px;z-index:1001;top:-107%;left:50%;transform:translate(-50%);white-space:nowrap}.custom-tooltip:before{content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:3px;border-style:solid;border-color:var(--primary-color) transparent transparent transparent}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: InputMaskModule }, { kind: "component", type: i3.InputMask, selector: "p-inputMask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }] }); }
|
|
31
31
|
}
|
|
32
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: MaskComponent, decorators: [{
|
|
33
33
|
type: Component,
|
|
34
|
-
args: [{ standalone: true, selector: 'aril-mask[ngModel], aril-mask[formControl], aril-mask[formControlName]', imports: [ReactiveFormsModule, NgStyle, InputMaskModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective],
|
|
34
|
+
args: [{ standalone: true, selector: 'aril-mask[ngModel], aril-mask[formControl], aril-mask[formControlName]', imports: [ReactiveFormsModule, NgStyle, InputMaskModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], template: "<div style=\"position: relative\" [ngStyle]=\"!usageInGrid ? { display: 'inline-block' } : {}\">\n\t<p-inputMask\n\t\t[mask]=\"mask()\"\n\t\t[slotChar]=\"slotChar()\"\n\t\t[placeholder]=\"placeholder()\"\n\t\t[maxlength]=\"maxlength()\"\n\t\t[formControl]=\"ngControl.control\"\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\n\t\t(onFocus)=\"showTooltip = true\"\n\t\t(onBlur)=\"showTooltip = false\">\n\t</p-inputMask>\n\t@if (ngControl.invalid && showTooltip) {\n\t\t<div class=\"custom-tooltip tooltipErrorMessage\">\n\t\t\t{{ ngControl.control.value | inputErrorMessage: ngControl }}\n\t\t</div>\n\t}\n</div>\n", styles: [".custom-tooltip{position:absolute;background-color:#dc143c;color:#fff;padding:.75rem;border-radius:6px;z-index:1001;top:-107%;left:50%;transform:translate(-50%);white-space:nowrap}.custom-tooltip:before{content:\"\";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:3px;border-style:solid;border-color:var(--primary-color) transparent transparent transparent}\n"] }]
|
|
35
35
|
}] });
|
|
36
36
|
|
|
37
37
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aril-ui-mask.mjs","sources":["../../projects/aril/ui/mask/src/mask.component.ts","../../projects/aril/ui/mask/src/mask.component.html","../../projects/aril/ui/mask/aril-ui-mask.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"aril-ui-mask.mjs","sources":["../../projects/aril/ui/mask/src/mask.component.ts","../../projects/aril/ui/mask/src/mask.component.html","../../projects/aril/ui/mask/aril-ui-mask.ts"],"sourcesContent":["import { Component, input } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { NgStyle } from '@angular/common';\n\nimport { InputMaskModule } from 'primeng/inputmask';\n\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\n\n/**\n * a - alphabetic characters\n * 9 - numeric characters\n * * - alphanumeric characters\n * ? - optional characters\n * formatting characters -> (), -\n */\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-mask[ngModel], aril-mask[formControl], aril-mask[formControlName]',\n\ttemplateUrl: './mask.component.html',\n\tstyleUrl: './mask.component.css',\n\timports: [ReactiveFormsModule, NgStyle, InputMaskModule, InputErrorMessagePipe],\n\thostDirectives: [ValueAccessorDirective]\n})\nexport class MaskComponent extends BaseInputComponent {\n\tmask = input.required<string>();\n\tslotChar = input<string>('_');\n\tplaceholder = input<string>();\n\tmaxlength = input<number>(100);\n\tusageInGrid = input<boolean>(true);\n\ttabindex = input<number>();\n\n\tshowTooltip = false;\n}\n","<div style=\"position: relative\" [ngStyle]=\"!usageInGrid ? { display: 'inline-block' } : {}\">\n\t<p-inputMask\n\t\t[mask]=\"mask()\"\n\t\t[slotChar]=\"slotChar()\"\n\t\t[placeholder]=\"placeholder()\"\n\t\t[maxlength]=\"maxlength()\"\n\t\t[formControl]=\"ngControl.control\"\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\n\t\t(onFocus)=\"showTooltip = true\"\n\t\t(onBlur)=\"showTooltip = false\">\n\t</p-inputMask>\n\t@if (ngControl.invalid && showTooltip) {\n\t\t<div class=\"custom-tooltip tooltipErrorMessage\">\n\t\t\t{{ ngControl.control.value | inputErrorMessage: ngControl }}\n\t\t</div>\n\t}\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component,
|
|
2
|
+
import { Component, Input } from '@angular/core';
|
|
3
3
|
import * as i2 from '@angular/forms';
|
|
4
4
|
import { ReactiveFormsModule } from '@angular/forms';
|
|
5
5
|
import * as i4 from 'primeng/tooltip';
|
|
@@ -23,11 +23,11 @@ class NumberComponent extends BaseInputComponent {
|
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
25
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: NumberComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: NumberComponent, isStandalone: true, selector: "aril-number[ngModel], aril-number[formControl], aril-number[formControlName]", inputs: { min: "min", max: "max", showButtons: "showButtons", placeholder: "placeholder", prefix: "prefix", suffix: "suffix", maxlength: "maxlength", showClear: "showClear", useGrouping: "useGrouping", maxDigits: "maxDigits", minDigits: "minDigits", tabindex: "tabindex", buttonLayout: "buttonLayout" }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<p-inputNumber\n\t[min]=\"min\"\n\t[max]=\"max\"\n\tmode=\"decimal\"\n\tlocale=\"en-US\"\n\t[prefix]=\"prefix\"\n\t[suffix]=\"suffix\"\n\t[maxlength]=\"maxlength\"\n\t[showClear]=\"showClear\"\n\t[style]=\"_style\"\n\t[tabindex]=\"tabindex\"\n\tspinnerMode=\"vertical\"\n\t[useGrouping]=\"useGrouping\"\n\t[placeholder]=\"placeholder\"\n\t[showButtons]=\"showButtons\"\n\t[maxFractionDigits]=\"maxDigits\"\n\t[minFractionDigits]=\"minDigits\"\n\t[buttonLayout]=\"_buttonLayout\"\n\tincrementButtonClass=\"p-button-info\"\n\tdecrementButtonClass=\"p-button-danger\"\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t[tooltipOptions]=\"tooltipOptions\"\n\t[formControl]=\"ngControl.control\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\n</p-inputNumber>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i3.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "ngmodule", type: TooltipModule }, { 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: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }]
|
|
26
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: NumberComponent, isStandalone: true, selector: "aril-number[ngModel], aril-number[formControl], aril-number[formControlName]", inputs: { min: "min", max: "max", showButtons: "showButtons", placeholder: "placeholder", prefix: "prefix", suffix: "suffix", maxlength: "maxlength", showClear: "showClear", useGrouping: "useGrouping", maxDigits: "maxDigits", minDigits: "minDigits", tabindex: "tabindex", buttonLayout: "buttonLayout" }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<p-inputNumber\n\t[min]=\"min\"\n\t[max]=\"max\"\n\tmode=\"decimal\"\n\tlocale=\"en-US\"\n\t[prefix]=\"prefix\"\n\t[suffix]=\"suffix\"\n\t[maxlength]=\"maxlength\"\n\t[showClear]=\"showClear\"\n\t[style]=\"_style\"\n\t[tabindex]=\"tabindex\"\n\tspinnerMode=\"vertical\"\n\t[useGrouping]=\"useGrouping\"\n\t[placeholder]=\"placeholder\"\n\t[showButtons]=\"showButtons\"\n\t[maxFractionDigits]=\"maxDigits\"\n\t[minFractionDigits]=\"minDigits\"\n\t[buttonLayout]=\"_buttonLayout\"\n\tincrementButtonClass=\"p-button-info\"\n\tdecrementButtonClass=\"p-button-danger\"\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t[tooltipOptions]=\"tooltipOptions\"\n\t[formControl]=\"ngControl.control\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\n</p-inputNumber>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i3.InputNumber, selector: "p-inputNumber", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "style", "placeholder", "size", "maxlength", "tabindex", "title", "ariaLabelledBy", "ariaLabel", "ariaRequired", "name", "required", "autocomplete", "min", "max", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "step", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "disabled"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "ngmodule", type: TooltipModule }, { 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: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }] }); }
|
|
27
27
|
}
|
|
28
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: NumberComponent, decorators: [{
|
|
29
29
|
type: Component,
|
|
30
|
-
args: [{ standalone: true, selector: 'aril-number[ngModel], aril-number[formControl], aril-number[formControlName]', imports: [ReactiveFormsModule, InputNumberModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective],
|
|
30
|
+
args: [{ standalone: true, selector: 'aril-number[ngModel], aril-number[formControl], aril-number[formControlName]', imports: [ReactiveFormsModule, InputNumberModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], template: "<p-inputNumber\n\t[min]=\"min\"\n\t[max]=\"max\"\n\tmode=\"decimal\"\n\tlocale=\"en-US\"\n\t[prefix]=\"prefix\"\n\t[suffix]=\"suffix\"\n\t[maxlength]=\"maxlength\"\n\t[showClear]=\"showClear\"\n\t[style]=\"_style\"\n\t[tabindex]=\"tabindex\"\n\tspinnerMode=\"vertical\"\n\t[useGrouping]=\"useGrouping\"\n\t[placeholder]=\"placeholder\"\n\t[showButtons]=\"showButtons\"\n\t[maxFractionDigits]=\"maxDigits\"\n\t[minFractionDigits]=\"minDigits\"\n\t[buttonLayout]=\"_buttonLayout\"\n\tincrementButtonClass=\"p-button-info\"\n\tdecrementButtonClass=\"p-button-danger\"\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t[tooltipOptions]=\"tooltipOptions\"\n\t[formControl]=\"ngControl.control\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\n</p-inputNumber>\n" }]
|
|
31
31
|
}], propDecorators: { min: [{
|
|
32
32
|
type: Input
|
|
33
33
|
}], max: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aril-ui-number.mjs","sources":["../../projects/aril/ui/number/src/number.component.ts","../../projects/aril/ui/number/src/number.component.html","../../projects/aril/ui/number/aril-ui-number.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"aril-ui-number.mjs","sources":["../../projects/aril/ui/number/src/number.component.ts","../../projects/aril/ui/number/src/number.component.html","../../projects/aril/ui/number/aril-ui-number.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { TooltipModule } from 'primeng/tooltip';\nimport { InputNumberModule } from 'primeng/inputnumber';\n\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\n\n/* TODO : \n 1. InputSignal\n 2. Use computed or effect instead of input setter\n*/\n\ntype ButtonLayouts = 'stacked' | 'horizontal' | 'vertical';\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-number[ngModel], aril-number[formControl], aril-number[formControlName]',\n\ttemplateUrl: './number.component.html',\n\timports: [ReactiveFormsModule, InputNumberModule, TooltipModule, InputErrorMessagePipe],\n\thostDirectives: [ValueAccessorDirective]\n})\nexport class NumberComponent extends BaseInputComponent {\n\t@Input() min?: number;\n\t@Input() max?: number;\n\t@Input() showButtons!: boolean;\n\t@Input() placeholder?: string;\n\t@Input() prefix?: string;\n\t@Input() suffix?: string;\n\t@Input() maxlength!: number;\n\t@Input() showClear!: boolean;\n\t@Input() useGrouping = true;\n\t@Input() maxDigits?: number;\n\t@Input() minDigits?: number;\n\t@Input() tabindex!: number;\n\t@Input() set buttonLayout(value: ButtonLayouts) {\n\t\tthis._buttonLayout = value;\n\n\t\tif (value == 'vertical') {\n\t\t\tthis._style = { width: '3rem' };\n\t\t}\n\t}\n\t_style = {};\n\t_buttonLayout: ButtonLayouts = 'stacked';\n}\n","<p-inputNumber\n\t[min]=\"min\"\n\t[max]=\"max\"\n\tmode=\"decimal\"\n\tlocale=\"en-US\"\n\t[prefix]=\"prefix\"\n\t[suffix]=\"suffix\"\n\t[maxlength]=\"maxlength\"\n\t[showClear]=\"showClear\"\n\t[style]=\"_style\"\n\t[tabindex]=\"tabindex\"\n\tspinnerMode=\"vertical\"\n\t[useGrouping]=\"useGrouping\"\n\t[placeholder]=\"placeholder\"\n\t[showButtons]=\"showButtons\"\n\t[maxFractionDigits]=\"maxDigits\"\n\t[minFractionDigits]=\"minDigits\"\n\t[buttonLayout]=\"_buttonLayout\"\n\tincrementButtonClass=\"p-button-info\"\n\tdecrementButtonClass=\"p-button-danger\"\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t[tooltipOptions]=\"tooltipOptions\"\n\t[formControl]=\"ngControl.control\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\n</p-inputNumber>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component,
|
|
2
|
+
import { Component, Input } from '@angular/core';
|
|
3
3
|
import * as i2 from '@angular/forms';
|
|
4
4
|
import { ReactiveFormsModule } from '@angular/forms';
|
|
5
5
|
import * as i3 from 'primeng/password';
|
|
@@ -21,11 +21,11 @@ class PasswordComponent extends BaseInputComponent {
|
|
|
21
21
|
this.feedback = false;
|
|
22
22
|
}
|
|
23
23
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: PasswordComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
24
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: PasswordComponent, isStandalone: true, selector: "aril-password[ngModel], aril-password[formControl], aril-password[formControlName]", inputs: { feedback: "feedback", passwordCriterias: "passwordCriterias", placeholder: "placeholder", tabindex: "tabindex" }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<p-password\n\t[feedback]=\"feedback\"\n\t[toggleMask]=\"true\"\n\t[placeholder]=\"placeholder\"\n\t[tabindex]=\"tabindex\"\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t[tooltipOptions]=\"tooltipOptions\"\n\t[formControl]=\"ngControl.control\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\n\t@if (passwordCriterias?.length) {\n\t\t<ng-template pTemplate=\"header\">\n\t\t\t<h6>\u015Eifre Olu\u015Ftur</h6>\n\t\t</ng-template>\n\t\t<ng-template pTemplate=\"footer\">\n\t\t\t<p-divider></p-divider>\n\t\t\t<p class=\"mt-2\">\u015Eartlar</p>\n\t\t\t<ul class=\"pl-2 ml-2 mt-0\" style=\"line-height: 1.5\">\n\t\t\t\t@for (criteria of passwordCriterias; track criteria) {\n\t\t\t\t\t<li>{{ criteria }}</li>\n\t\t\t\t}\n\t\t\t</ul>\n\t\t</ng-template>\n\t}\n</p-password>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: PasswordModule }, { kind: "component", type: i3.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"], outputs: ["onFocus", "onBlur", "onClear"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: DividerModule }, { kind: "component", type: i5.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }]
|
|
24
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: PasswordComponent, isStandalone: true, selector: "aril-password[ngModel], aril-password[formControl], aril-password[formControlName]", inputs: { feedback: "feedback", passwordCriterias: "passwordCriterias", placeholder: "placeholder", tabindex: "tabindex" }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<p-password\n\t[feedback]=\"feedback\"\n\t[toggleMask]=\"true\"\n\t[placeholder]=\"placeholder\"\n\t[tabindex]=\"tabindex\"\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t[tooltipOptions]=\"tooltipOptions\"\n\t[formControl]=\"ngControl.control\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\n\t@if (passwordCriterias?.length) {\n\t\t<ng-template pTemplate=\"header\">\n\t\t\t<h6>\u015Eifre Olu\u015Ftur</h6>\n\t\t</ng-template>\n\t\t<ng-template pTemplate=\"footer\">\n\t\t\t<p-divider></p-divider>\n\t\t\t<p class=\"mt-2\">\u015Eartlar</p>\n\t\t\t<ul class=\"pl-2 ml-2 mt-0\" style=\"line-height: 1.5\">\n\t\t\t\t@for (criteria of passwordCriterias; track criteria) {\n\t\t\t\t\t<li>{{ criteria }}</li>\n\t\t\t\t}\n\t\t\t</ul>\n\t\t</ng-template>\n\t}\n</p-password>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: PasswordModule }, { kind: "component", type: i3.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"], outputs: ["onFocus", "onBlur", "onClear"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: DividerModule }, { kind: "component", type: i5.Divider, selector: "p-divider", inputs: ["style", "styleClass", "layout", "type", "align"] }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }] }); }
|
|
25
25
|
}
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: PasswordComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
|
-
args: [{ standalone: true, selector: 'aril-password[ngModel], aril-password[formControl], aril-password[formControlName]', imports: [ReactiveFormsModule, PasswordModule, DividerModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective],
|
|
28
|
+
args: [{ standalone: true, selector: 'aril-password[ngModel], aril-password[formControl], aril-password[formControlName]', imports: [ReactiveFormsModule, PasswordModule, DividerModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], template: "<p-password\n\t[feedback]=\"feedback\"\n\t[toggleMask]=\"true\"\n\t[placeholder]=\"placeholder\"\n\t[tabindex]=\"tabindex\"\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t[tooltipOptions]=\"tooltipOptions\"\n\t[formControl]=\"ngControl.control\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\n\t@if (passwordCriterias?.length) {\n\t\t<ng-template pTemplate=\"header\">\n\t\t\t<h6>\u015Eifre Olu\u015Ftur</h6>\n\t\t</ng-template>\n\t\t<ng-template pTemplate=\"footer\">\n\t\t\t<p-divider></p-divider>\n\t\t\t<p class=\"mt-2\">\u015Eartlar</p>\n\t\t\t<ul class=\"pl-2 ml-2 mt-0\" style=\"line-height: 1.5\">\n\t\t\t\t@for (criteria of passwordCriterias; track criteria) {\n\t\t\t\t\t<li>{{ criteria }}</li>\n\t\t\t\t}\n\t\t\t</ul>\n\t\t</ng-template>\n\t}\n</p-password>\n" }]
|
|
29
29
|
}], propDecorators: { feedback: [{
|
|
30
30
|
type: Input
|
|
31
31
|
}], passwordCriterias: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aril-ui-password.mjs","sources":["../../projects/aril/ui/password/src/password.component.ts","../../projects/aril/ui/password/src/password.component.html","../../projects/aril/ui/password/aril-ui-password.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"aril-ui-password.mjs","sources":["../../projects/aril/ui/password/src/password.component.ts","../../projects/aril/ui/password/src/password.component.html","../../projects/aril/ui/password/aril-ui-password.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { PasswordModule } from 'primeng/password';\nimport { DividerModule } from 'primeng/divider';\nimport { TooltipModule } from 'primeng/tooltip';\n\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\n\n/* TODO : \n 1. InputSignal\n*/\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-password[ngModel], aril-password[formControl], aril-password[formControlName]',\n\ttemplateUrl: './password.component.html',\n\timports: [ReactiveFormsModule, PasswordModule, DividerModule, TooltipModule, InputErrorMessagePipe],\n\thostDirectives: [ValueAccessorDirective]\n})\nexport class PasswordComponent extends BaseInputComponent {\n\t@Input() feedback = false;\n\t@Input() passwordCriterias?: Array<string>;\n\t@Input() placeholder?: string;\n\t@Input() tabindex!: number;\n}\n","<p-password\n\t[feedback]=\"feedback\"\n\t[toggleMask]=\"true\"\n\t[placeholder]=\"placeholder\"\n\t[tabindex]=\"tabindex\"\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t[tooltipOptions]=\"tooltipOptions\"\n\t[formControl]=\"ngControl.control\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\n\t@if (passwordCriterias?.length) {\n\t\t<ng-template pTemplate=\"header\">\n\t\t\t<h6>Şifre Oluştur</h6>\n\t\t</ng-template>\n\t\t<ng-template pTemplate=\"footer\">\n\t\t\t<p-divider></p-divider>\n\t\t\t<p class=\"mt-2\">Şartlar</p>\n\t\t\t<ul class=\"pl-2 ml-2 mt-0\" style=\"line-height: 1.5\">\n\t\t\t\t@for (criteria of passwordCriterias; track criteria) {\n\t\t\t\t\t<li>{{ criteria }}</li>\n\t\t\t\t}\n\t\t\t</ul>\n\t\t</ng-template>\n\t}\n</p-password>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component,
|
|
2
|
+
import { Component, Input } from '@angular/core';
|
|
3
3
|
import * as i2 from '@angular/forms';
|
|
4
4
|
import { ReactiveFormsModule } from '@angular/forms';
|
|
5
5
|
import * as i3 from 'primeng/radiobutton';
|
|
@@ -22,11 +22,11 @@ class RadioButtonComponent extends BaseInputComponent {
|
|
|
22
22
|
this._cAlign = value == 'horizontal' ? 'flex align-items-center' : "field-checkbox'";
|
|
23
23
|
}
|
|
24
24
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: RadioButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: RadioButtonComponent, isStandalone: true, selector: "aril-radio-button[ngModel], aril-radio-button[formControl], aril-radio-button[formControlName]", inputs: { options: "options", tabindex: "tabindex", align: "align" }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<div [class]=\"_pAlign\">\n\t@for (item of options; track item) {\n\t\t<div [class]=\"_cAlign\">\n\t\t\t<p-radioButton\n\t\t\t\t[value]=\"item.key\"\n\t\t\t\t[inputId]=\"item.key\"\n\t\t\t\t[tabindex]=\"tabindex\"\n\t\t\t\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t\t\t\t[tooltipOptions]=\"tooltipOptions\"\n\t\t\t\t[formControl]=\"ngControl.control\"\n\t\t\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\n\t\t\t</p-radioButton\n\t\t\t> \n\t\t\t<span class=\"ml-2\">{{ item.label }}</span>\n\t\t</div>\n\t}\n</div>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i3.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: TooltipModule }, { 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: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }]
|
|
25
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: RadioButtonComponent, isStandalone: true, selector: "aril-radio-button[ngModel], aril-radio-button[formControl], aril-radio-button[formControlName]", inputs: { options: "options", tabindex: "tabindex", align: "align" }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<div [class]=\"_pAlign\">\n\t@for (item of options; track item) {\n\t\t<div [class]=\"_cAlign\">\n\t\t\t<p-radioButton\n\t\t\t\t[value]=\"item.key\"\n\t\t\t\t[inputId]=\"item.key\"\n\t\t\t\t[tabindex]=\"tabindex\"\n\t\t\t\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t\t\t\t[tooltipOptions]=\"tooltipOptions\"\n\t\t\t\t[formControl]=\"ngControl.control\"\n\t\t\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\n\t\t\t</p-radioButton\n\t\t\t> \n\t\t\t<span class=\"ml-2\">{{ item.label }}</span>\n\t\t</div>\n\t}\n</div>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: RadioButtonModule }, { kind: "component", type: i3.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: TooltipModule }, { 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: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }] }); }
|
|
26
26
|
}
|
|
27
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: RadioButtonComponent, decorators: [{
|
|
28
28
|
type: Component,
|
|
29
|
-
args: [{ standalone: true, selector: 'aril-radio-button[ngModel], aril-radio-button[formControl], aril-radio-button[formControlName]', imports: [ReactiveFormsModule, RadioButtonModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective],
|
|
29
|
+
args: [{ standalone: true, selector: 'aril-radio-button[ngModel], aril-radio-button[formControl], aril-radio-button[formControlName]', imports: [ReactiveFormsModule, RadioButtonModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], template: "<div [class]=\"_pAlign\">\n\t@for (item of options; track item) {\n\t\t<div [class]=\"_cAlign\">\n\t\t\t<p-radioButton\n\t\t\t\t[value]=\"item.key\"\n\t\t\t\t[inputId]=\"item.key\"\n\t\t\t\t[tabindex]=\"tabindex\"\n\t\t\t\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t\t\t\t[tooltipOptions]=\"tooltipOptions\"\n\t\t\t\t[formControl]=\"ngControl.control\"\n\t\t\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\n\t\t\t</p-radioButton\n\t\t\t> \n\t\t\t<span class=\"ml-2\">{{ item.label }}</span>\n\t\t</div>\n\t}\n</div>\n" }]
|
|
30
30
|
}], propDecorators: { options: [{
|
|
31
31
|
type: Input,
|
|
32
32
|
args: [{ required: true }]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aril-ui-radioButton.mjs","sources":["../../projects/aril/ui/radioButton/src/radio-button.component.ts","../../projects/aril/ui/radioButton/src/radio-button.component.html","../../projects/aril/ui/radioButton/aril-ui-radioButton.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport {
|
|
1
|
+
{"version":3,"file":"aril-ui-radioButton.mjs","sources":["../../projects/aril/ui/radioButton/src/radio-button.component.ts","../../projects/aril/ui/radioButton/src/radio-button.component.html","../../projects/aril/ui/radioButton/aril-ui-radioButton.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { Component, Input } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { RadioButtonModule } from 'primeng/radiobutton';\nimport { TooltipModule } from 'primeng/tooltip';\n\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\n\n/* TODO : \n 1. InputSignal\n 2. Use computed or effect instead of input setter\n*/\n\ntype Aligns = 'horizontal' | 'vertical';\ninterface RadioButtonOption {\n\tkey: any;\n\tlabel: string;\n}\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-radio-button[ngModel], aril-radio-button[formControl], aril-radio-button[formControlName]',\n\ttemplateUrl: './radio-button.component.html',\n\timports: [ReactiveFormsModule, RadioButtonModule, TooltipModule, InputErrorMessagePipe],\n\thostDirectives: [ValueAccessorDirective]\n})\nexport class RadioButtonComponent extends BaseInputComponent {\n\t@Input({ required: true }) options: RadioButtonOption[] = [];\n\t@Input() tabindex!: number;\n\t@Input() set align(value: Aligns) {\n\t\tthis._pAlign = value == 'horizontal' ? 'flex flex-wrap gap-3' : 'flex flex-column gap-3';\n\t\tthis._cAlign = value == 'horizontal' ? 'flex align-items-center' : \"field-checkbox'\";\n\t}\n\n\t_pAlign = 'flex flex-wrap gap-3';\n\t_cAlign = 'flex align-items-center';\n}\n","<div [class]=\"_pAlign\">\n\t@for (item of options; track item) {\n\t\t<div [class]=\"_cAlign\">\n\t\t\t<p-radioButton\n\t\t\t\t[value]=\"item.key\"\n\t\t\t\t[inputId]=\"item.key\"\n\t\t\t\t[tabindex]=\"tabindex\"\n\t\t\t\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t\t\t\t[tooltipOptions]=\"tooltipOptions\"\n\t\t\t\t[formControl]=\"ngControl.control\"\n\t\t\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\n\t\t\t</p-radioButton\n\t\t\t> \n\t\t\t<span class=\"ml-2\">{{ item.label }}</span>\n\t\t</div>\n\t}\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAAA;AA4BM,MAAO,oBAAqB,SAAQ,kBAAkB,CAAA;AAP5D,IAAA,WAAA,GAAA;;QAQ4B,IAAO,CAAA,OAAA,GAAwB,EAAE,CAAC;QAO7D,IAAO,CAAA,OAAA,GAAG,sBAAsB,CAAC;QACjC,IAAO,CAAA,OAAA,GAAG,yBAAyB,CAAC;AACpC,KAAA;IAPA,IAAa,KAAK,CAAC,KAAa,EAAA;AAC/B,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK,IAAI,YAAY,GAAG,sBAAsB,GAAG,wBAAwB,CAAC;AACzF,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK,IAAI,YAAY,GAAG,yBAAyB,GAAG,iBAAiB,CAAC;KACrF;8GANW,oBAAoB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gGAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC5BjC,klBAiBA,EDQW,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,yTAAE,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,OAAA,EAAA,YAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,eAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,QAAA,EAAA,WAAA,EAAA,WAAA,EAAA,MAAA,EAAA,aAAA,EAAA,cAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,gBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,qBAAqB,EAAA,IAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAG1E,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;AACG,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,EACN,QAAA,EAAA,gGAAgG,EAEjG,OAAA,EAAA,CAAC,mBAAmB,EAAE,iBAAiB,EAAE,aAAa,EAAE,qBAAqB,CAAC,EACvE,cAAA,EAAA,CAAC,sBAAsB,CAAC,EAAA,QAAA,EAAA,klBAAA,EAAA,CAAA;8BAGb,OAAO,EAAA,CAAA;sBAAjC,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAChB,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACO,KAAK,EAAA,CAAA;sBAAjB,KAAK;;;AE/BP;;AAEG;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component,
|
|
2
|
+
import { Component, Input } from '@angular/core';
|
|
3
3
|
import * as i2 from '@angular/forms';
|
|
4
4
|
import { ReactiveFormsModule } from '@angular/forms';
|
|
5
5
|
import * as i3 from 'devextreme-angular/ui/select-box';
|
|
@@ -17,11 +17,11 @@ class SelectBoxComponent extends BaseInputComponent {
|
|
|
17
17
|
this.grouped = false;
|
|
18
18
|
}
|
|
19
19
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SelectBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
20
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SelectBoxComponent, isStandalone: true, selector: "aril-select-box[formControl], aril-select-box[formControlName]", inputs: { itemKey: "itemKey", itemText: "itemText", tabindex: "tabindex", items: "items", grouped: "grouped", placeholder: "placeholder", searchExpr: "searchExpr" }, providers: [InputErrorMessagePipe], usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<dx-select-box\n\t[items]=\"items\"\n\t[valueExpr]=\"itemKey\"\n\t[displayExpr]=\"itemText\"\n\t[searchEnabled]=\"true\"\n\t[searchExpr]=\"searchExpr\"\n\t[tabIndex]=\"tabindex\"\n\t[grouped]=\"grouped\"\n\t[placeholder]=\"placeholder\"\n\t[showClearButton]=\"true\"\n\t[isValid]=\"ngControl?.control?.valid || ngControl?.control?.pristine || false\"\n\t[validationError]=\"ngControl?.control?.errors | dxInputErrorMessage: ngControl?.control\"\n\tvalidationMessagePosition=\"top\"\n\t[formControl]=\"ngControl.control\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\n</dx-select-box>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: DxSelectBoxModule }, { kind: "component", type: i3.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "pipe", type: DXInputErrorMessagePipe, name: "dxInputErrorMessage" }]
|
|
20
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SelectBoxComponent, isStandalone: true, selector: "aril-select-box[formControl], aril-select-box[formControlName]", inputs: { itemKey: "itemKey", itemText: "itemText", tabindex: "tabindex", items: "items", grouped: "grouped", placeholder: "placeholder", searchExpr: "searchExpr" }, providers: [InputErrorMessagePipe], usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<dx-select-box\n\t[items]=\"items\"\n\t[valueExpr]=\"itemKey\"\n\t[displayExpr]=\"itemText\"\n\t[searchEnabled]=\"true\"\n\t[searchExpr]=\"searchExpr\"\n\t[tabIndex]=\"tabindex\"\n\t[grouped]=\"grouped\"\n\t[placeholder]=\"placeholder\"\n\t[showClearButton]=\"true\"\n\t[isValid]=\"ngControl?.control?.valid || ngControl?.control?.pristine || false\"\n\t[validationError]=\"ngControl?.control?.errors | dxInputErrorMessage: ngControl?.control\"\n\tvalidationMessagePosition=\"top\"\n\t[formControl]=\"ngControl.control\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\n</dx-select-box>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: DxSelectBoxModule }, { kind: "component", type: i3.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "pipe", type: DXInputErrorMessagePipe, name: "dxInputErrorMessage" }] }); }
|
|
21
21
|
}
|
|
22
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SelectBoxComponent, decorators: [{
|
|
23
23
|
type: Component,
|
|
24
|
-
args: [{ standalone: true, selector: 'aril-select-box[formControl], aril-select-box[formControlName]', imports: [ReactiveFormsModule, DxSelectBoxModule, DXInputErrorMessagePipe], providers: [InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective],
|
|
24
|
+
args: [{ standalone: true, selector: 'aril-select-box[formControl], aril-select-box[formControlName]', imports: [ReactiveFormsModule, DxSelectBoxModule, DXInputErrorMessagePipe], providers: [InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], template: "<dx-select-box\n\t[items]=\"items\"\n\t[valueExpr]=\"itemKey\"\n\t[displayExpr]=\"itemText\"\n\t[searchEnabled]=\"true\"\n\t[searchExpr]=\"searchExpr\"\n\t[tabIndex]=\"tabindex\"\n\t[grouped]=\"grouped\"\n\t[placeholder]=\"placeholder\"\n\t[showClearButton]=\"true\"\n\t[isValid]=\"ngControl?.control?.valid || ngControl?.control?.pristine || false\"\n\t[validationError]=\"ngControl?.control?.errors | dxInputErrorMessage: ngControl?.control\"\n\tvalidationMessagePosition=\"top\"\n\t[formControl]=\"ngControl.control\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\n</dx-select-box>\n" }]
|
|
25
25
|
}], propDecorators: { itemKey: [{
|
|
26
26
|
type: Input
|
|
27
27
|
}], itemText: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aril-ui-selectBox.mjs","sources":["../../projects/aril/ui/selectBox/src/select-box.component.ts","../../projects/aril/ui/selectBox/src/select-box.component.html","../../projects/aril/ui/selectBox/aril-ui-selectBox.ts"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"aril-ui-selectBox.mjs","sources":["../../projects/aril/ui/selectBox/src/select-box.component.ts","../../projects/aril/ui/selectBox/src/select-box.component.html","../../projects/aril/ui/selectBox/aril-ui-selectBox.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { DxSelectBoxModule } from 'devextreme-angular/ui/select-box';\n\nimport { Interfaces } from 'aril/util/lib';\nimport {\n\tBaseInputComponent,\n\tValueAccessorDirective,\n\tDXInputErrorMessagePipe,\n\tInputErrorMessagePipe\n} from 'aril/ui/lib';\n\n/* TODO : \n 1. InputSignal\n*/\n\ntype SelectBoxItem =\n\t| Interfaces.MapStringString\n\t| Interfaces.MapStringNumber\n\t| Interfaces.MapNumberString\n\t| Interfaces.MapNumberNumber;\n\n@Component({\n\tstandalone: true,\n\tselector: 'aril-select-box[formControl], aril-select-box[formControlName]',\n\ttemplateUrl: './select-box.component.html',\n\timports: [ReactiveFormsModule, DxSelectBoxModule, DXInputErrorMessagePipe],\n\tproviders: [InputErrorMessagePipe],\n\thostDirectives: [ValueAccessorDirective]\n})\nexport class SelectBoxComponent extends BaseInputComponent {\n\t@Input() itemKey = 'key';\n\t@Input() itemText = 'text';\n\t@Input() tabindex!: number;\n\t@Input({ required: true }) items: Array<SelectBoxItem> = [];\n\n\t/** * @description when grouped = true, option item structure { key:string, items:[] } */\n\t@Input() grouped = false;\n\t@Input() placeholder!: string;\n\t@Input() searchExpr!: Array<string>;\n}\n","<dx-select-box\n\t[items]=\"items\"\n\t[valueExpr]=\"itemKey\"\n\t[displayExpr]=\"itemText\"\n\t[searchEnabled]=\"true\"\n\t[searchExpr]=\"searchExpr\"\n\t[tabIndex]=\"tabindex\"\n\t[grouped]=\"grouped\"\n\t[placeholder]=\"placeholder\"\n\t[showClearButton]=\"true\"\n\t[isValid]=\"ngControl?.control?.valid || ngControl?.control?.pristine || false\"\n\t[validationError]=\"ngControl?.control?.errors | dxInputErrorMessage: ngControl?.control\"\n\tvalidationMessagePosition=\"top\"\n\t[formControl]=\"ngControl.control\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\n</dx-select-box>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component,
|
|
2
|
+
import { Component, Input } from '@angular/core';
|
|
3
3
|
import * as i2 from '@angular/forms';
|
|
4
4
|
import { ReactiveFormsModule } from '@angular/forms';
|
|
5
5
|
import * as i4 from 'primeng/tooltip';
|
|
@@ -14,11 +14,11 @@ import { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } fro
|
|
|
14
14
|
*/
|
|
15
15
|
class SwitchComponent extends BaseInputComponent {
|
|
16
16
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SwitchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SwitchComponent, isStandalone: true, selector: "aril-switch[ngModel], aril-switch[formControl], aril-switch[formControlName]", inputs: { tabindex: "tabindex" }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<p-inputSwitch\n\t[tabindex]=\"tabindex\"\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t[tooltipOptions]=\"tooltipOptions\"\n\t[formControl]=\"ngControl.control\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\n</p-inputSwitch>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: InputSwitchModule }, { kind: "component", type: i3.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy"], outputs: ["onChange"] }, { kind: "ngmodule", type: TooltipModule }, { 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: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }]
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: SwitchComponent, isStandalone: true, selector: "aril-switch[ngModel], aril-switch[formControl], aril-switch[formControlName]", inputs: { tabindex: "tabindex" }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<p-inputSwitch\n\t[tabindex]=\"tabindex\"\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t[tooltipOptions]=\"tooltipOptions\"\n\t[formControl]=\"ngControl.control\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\n</p-inputSwitch>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: InputSwitchModule }, { kind: "component", type: i3.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy"], outputs: ["onChange"] }, { kind: "ngmodule", type: TooltipModule }, { 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: "pipe", type: InputErrorMessagePipe, name: "inputErrorMessage" }] }); }
|
|
18
18
|
}
|
|
19
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SwitchComponent, decorators: [{
|
|
20
20
|
type: Component,
|
|
21
|
-
args: [{ standalone: true, selector: 'aril-switch[ngModel], aril-switch[formControl], aril-switch[formControlName]', imports: [ReactiveFormsModule, InputSwitchModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective],
|
|
21
|
+
args: [{ standalone: true, selector: 'aril-switch[ngModel], aril-switch[formControl], aril-switch[formControlName]', imports: [ReactiveFormsModule, InputSwitchModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], template: "<p-inputSwitch\n\t[tabindex]=\"tabindex\"\n\t[pTooltip]=\"ngControl.invalid ? (ngControl.control.value | inputErrorMessage: ngControl) : ''\"\n\t[tooltipOptions]=\"tooltipOptions\"\n\t[formControl]=\"ngControl.control\"\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\n</p-inputSwitch>\n" }]
|
|
22
22
|
}], propDecorators: { tabindex: [{
|
|
23
23
|
type: Input
|
|
24
24
|
}] } });
|