aril 0.0.3 → 0.0.4

package/fesm2022/aril-ui-lib.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-lib.mjs","sources":["../../projects/aril/ui/lib/src/form/form-error-message.component.ts","../../projects/aril/ui/lib/src/form/form-error-message.directive.ts","../../projects/aril/ui/lib/src/form/form-validation.ts","../../projects/aril/ui/lib/src/form/form-field-builder.ts","../../projects/aril/ui/lib/src/grid/flex-grid.directive.ts","../../projects/aril/ui/lib/src/input/baseInput.ts","../../projects/aril/ui/lib/src/input/common-input-validators.service.ts","../../projects/aril/ui/lib/src/input/input-error-message.pipe.ts","../../projects/aril/ui/lib/src/input/dx-input-error-message.pipe.ts","../../projects/aril/ui/lib/src/input/input-disabled.directive.ts","../../projects/aril/ui/lib/src/input/input-transforms.ts","../../projects/aril/ui/lib/src/input/value-accessor.directive.ts","../../projects/aril/ui/lib/index.ts","../../projects/aril/ui/lib/aril-ui-lib.ts"],"sourcesContent":["\r\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\r\nimport { ValidationErrors } from '@angular/forms';\r\nimport { Message } from 'primeng/api';\r\nimport { MessagesModule } from 'primeng/messages';\r\n\r\n@Component({\r\n  standalone: true,\r\n  imports: [MessagesModule],\r\n  template: `\r\n\t\t<div class=\"flex gap-2 formErrorMessage\">\r\n\t\t\t<p-messages [(value)]=\"_pMessages\" [enableService]=\"false\" [closable]=\"false\"></p-messages>\r\n\t\t</div>\r\n\t`,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class FormErrorMessagesComponent {\r\n  _pMessages!: Message[];\r\n\r\n  @Input() set messages(messages: ValidationErrors | null) {\r\n    this._pMessages = Object.values(messages!).map((msg) => {\r\n      return { severity: 'error', summary: '', detail: msg }\r\n    });\r\n  }\r\n}\r\n","/* eslint-disable @angular-eslint/directive-selector */\r\n\r\nimport { ComponentRef, Directive, Input, OnInit, ViewContainerRef } from '@angular/core';\r\nimport { FormGroup } from '@angular/forms';\r\nimport { FormErrorMessagesComponent } from './form-error-message.component';\r\n\r\n@Directive({\r\n  standalone: true,\r\n  selector: '[formErrorMessage]'\r\n})\r\nexport class FormErrorMessageDirective implements OnInit {\r\n  constructor(private viewContainerRef: ViewContainerRef) { }\r\n\r\n  @Input() formErrorMessage!: FormGroup;\r\n\r\n  errorKeys: string[] = [];\r\n  componentRef!: ComponentRef<FormErrorMessagesComponent>;\r\n\r\n  ngOnInit(): void {\r\n    this.formErrorMessage.statusChanges.subscribe((status) => {\r\n      if (this.componentRef) this.viewContainerRef.remove();\r\n\r\n      if (status === 'INVALID') {\r\n        if (this.formErrorMessage.errors) {\r\n          this.componentRef = this.viewContainerRef.createComponent(FormErrorMessagesComponent);\r\n          this.componentRef.instance.messages = this.formErrorMessage.errors;\r\n          this.viewContainerRef.insert(this.componentRef.hostView);\r\n        }\r\n      }\r\n    });\r\n  }\r\n}","import { FormArray, FormControl, FormGroup } from \"@angular/forms\";\r\n\r\nexport const checkValidInputs = (formGroup: FormGroup | FormArray) => {\r\n  Object.keys(formGroup.controls).forEach(field => {\r\n    const control = formGroup.get(field);\r\n    if (control instanceof FormControl) {\r\n      control.markAsTouched({ onlySelf: true });\r\n      control.markAsDirty({ onlySelf: true });\r\n    } else if (control instanceof FormGroup || control instanceof FormArray) {\r\n      checkValidInputs(control);\r\n    }\r\n  });\r\n}","import {  FormControl, FormGroup, ValidatorFn } from '@angular/forms';\r\n\r\nexport const addControlsWithValidation = (form: FormGroup, controls: { name: string, validator?: ValidatorFn }[]) => {\r\n  controls.forEach(control => {\r\n    if (!form.contains(control.name)) {\r\n      form.addControl(control.name, new FormControl('', control.validator));\r\n    }\r\n  });\r\n}\r\n\r\nexport const removeControls = (form: FormGroup, controlNames: string[]) => {\r\n  controlNames.forEach(controlName => {\r\n    if (form.contains(controlName)) {\r\n      form.removeControl(controlName);\r\n    }\r\n  });\r\n}\r\n\r\nexport const updateValueAndValidities = (form: FormGroup, controlNames: string[]) => {\r\n  controlNames.forEach(controlName => {\r\n    if (form.contains(controlName)) {\r\n      form.get(controlName)?.updateValueAndValidity();\r\n    }\r\n  });\r\n\r\n}","/* eslint-disable @angular-eslint/directive-selector */\r\n\r\nimport { Directive, HostBinding } from \"@angular/core\";\r\n\r\n@Directive({\r\n  standalone: true,\r\n  selector: '[flexGrid]'\r\n})\r\nexport class FlexGridDirective {\r\n  @HostBinding('class') hostClass = 'grid p-fluid m-0 p-0';\r\n}","import { inject } from \"@angular/core\";\r\nimport { FormControlDirective, FormControlName, NgControl, NgModel } from \"@angular/forms\";\r\nimport { TooltipOptions } from \"primeng/api\";\r\n\r\nexport abstract class BaseInputComponent {\r\n\r\n  ngControl = injectNgControl();\r\n\r\n  tooltipOptions: TooltipOptions = {\r\n    tooltipPosition: 'top',\r\n    tooltipEvent: 'focus',\r\n    tooltipStyleClass: 'tooltipErrorMessage'\r\n  };\r\n}\r\n\r\nexport function injectNgControl() {\r\n  const ngControl = inject(NgControl, { self: true, optional: true });\r\n\r\n  if (!ngControl) throw new Error('NgModel or FormControlName or FormControlDirective is required');\r\n\r\n  if (\r\n    ngControl instanceof NgModel ||\r\n    ngControl instanceof FormControlName ||\r\n    ngControl instanceof FormControlDirective\r\n  ) {\r\n    return ngControl;\r\n  }\r\n\r\n  throw new Error(\"Something went wrong in InjectNgControl\");\r\n}","import { Injectable } from '@angular/core';\r\nimport { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\r\nimport \"aril/util/primitive-extensions\";\r\n\r\nexport type DateRangeFormat = \"minute\" | \"hour\" | \"day\" | \"month\" | \"year\";\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class CommonInputValidatorsService {\r\n\r\n  /**\r\n   * @param sdCtrlName - name of the start date form control\r\n   * @param edCtrlName - name of the end date form control\r\n   * @param rangeValue - range between start and end date. Default value is 1\r\n   * @param rangeFormat - format of the range. Default value is \"day\"\r\n */\r\n  dateRange(sdCtrlName: string, edCtrlName: string, rangeValue = 0, rangeFormat: DateRangeFormat = \"day\"): ValidatorFn {\r\n    return (control: AbstractControl): ValidationErrors | null => {\r\n      const start: number = control.get(sdCtrlName)?.value;\r\n      const end: number = control.get(edCtrlName)?.value;\r\n\r\n      const startJSDate = start.longToDate();\r\n      const endJSDate = end.longToDate();\r\n\r\n      if (startJSDate && endJSDate) {\r\n        const isRangeValid = (endJSDate.getTime() - startJSDate.getTime() > rangeValue);\r\n\r\n        return isRangeValid ? null : { dateRange: `The end date must be at least ${rangeValue} ${rangeFormat} bigger than the start date` };\r\n      }\r\n\r\n      return null;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @description - pasword match vs.\r\n   */\r\n  strictMatch(controlName: string, matchingControlName: string): ValidatorFn {\r\n    return (control: AbstractControl): ValidationErrors | null => {\r\n      const firstField = control.get(controlName);\r\n      const secondField = control.get(matchingControlName);\r\n\r\n      if (!firstField || !secondField) {\r\n        return null;\r\n      }\r\n\r\n      if (firstField.value !== secondField.value) {\r\n        return { strictMatch: `${controlName} and ${matchingControlName} do not match` };\r\n      }\r\n\r\n      return null;\r\n    }\r\n  }\r\n}\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n\r\nimport { Pipe, PipeTransform } from '@angular/core';\r\n\r\n@Pipe({\r\n  standalone: true,\r\n  name: 'inputErrorMessage'\r\n})\r\nexport class InputErrorMessagePipe implements PipeTransform {\r\n\r\n  transform(value: any, ...args: any[]): string {\r\n    const control = args[0];\r\n    const errorKeys = Object.keys(control.errors || {});\r\n\r\n    if (errorKeys.length) {\r\n      const errorKey = errorKeys[0];\r\n      const errorValue = control.errors![errorKey];\r\n\r\n      switch (errorKey) {\r\n        case 'required':\r\n          return 'This field is required';\r\n        case 'min':\r\n          return `Minimum value is ${errorValue.min}`;\r\n        case 'max':\r\n          return `Maximum value is ${errorValue.max}`;\r\n        case 'minlength':\r\n          return `Minimum length is ${errorValue.requiredLength}`;\r\n        case 'maxlength':\r\n          return `Maximum length is ${errorValue.requiredLength}`;\r\n        case 'email':\r\n          return 'Invalid email';\r\n        case 'pattern':\r\n          return 'Invalid format';\r\n        default: return errorValue;\r\n      }\r\n    }\r\n\r\n    return '';\r\n  }\r\n}\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n\r\nimport { Pipe, PipeTransform, inject } from \"@angular/core\";\r\nimport { InputErrorMessagePipe } from \"./input-error-message.pipe\";\r\n\r\n@Pipe({\r\n  standalone: true,\r\n  name: 'dxInputErrorMessage'\r\n})\r\nexport class DXInputErrorMessagePipe implements PipeTransform {\r\n  errorMsgPipe = inject(InputErrorMessagePipe);\r\n\r\n  transform(value: any, ...args: any[]): { message: string } {\r\n    return { message: this.errorMsgPipe.transform(value, ...args) };\r\n  }\r\n}","import { Directive, Input } from '@angular/core';\r\nimport { NgControl } from '@angular/forms';\r\n\r\n@Directive({\r\n  standalone: true,\r\n  selector: '[arilDisabled]'\r\n})\r\nexport class InputDisabledDirective {\r\n  constructor(private ngControl: NgControl) { }\r\n\r\n  @Input() set arilDisabled(condition: boolean) {\r\n    const action = condition ? 'disable' : 'enable';\r\n    if (this.ngControl.control) this.ngControl.control[action]();\r\n  }\r\n}\r\n","import { PrimeIcons } from 'primeng/api';\r\n\r\nexport type PrimeIcon = Exclude<keyof typeof PrimeIcons, \"prototype\">;\r\nexport function iconTransform(icon: PrimeIcon): string {\r\n  return PrimeIcons[icon];\r\n}\r\n\r\nexport type IconPosTypes = 'right' | 'left';\r\nexport function iconPosTransform(pos: IconPosTypes): string {\r\n  return 'p-input-icon-' + pos;\r\n}","/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { Directive } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Directive({\n  standalone: true,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      multi: true,\n      useExisting: ValueAccessorDirective\n    },\n  ]\n})\nexport class ValueAccessorDirective implements ControlValueAccessor {\n  writeValue(obj: any): void { return }\n  registerOnChange(fn: any): void { return }\n  registerOnTouched(fn: any): void { return }\n}","/* form */\r\nexport * from './src/form/form-error-message.directive';\r\nexport * from './src/form/form-validation';\r\nexport * from './src/form/form-field-builder';\r\n\r\n/* grid */\r\nexport * from './src/grid/flex-grid.directive';\r\n\r\n/* input */\r\nexport * from './src/input/baseInput';\r\nexport * from './src/input/common-input-validators.service';\r\nexport * from './src/input/dx-input-error-message.pipe';\r\nexport * from './src/input/input-disabled.directive';\r\nexport * from './src/input/input-error-message.pipe';\r\nexport * from './src/input/input-transforms';\r\nexport * from './src/input/value-accessor.directive';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}
+{"version":3,"file":"aril-ui-lib.mjs","sources":["../../projects/aril/ui/lib/src/form/form-error-message.component.ts","../../projects/aril/ui/lib/src/form/form-error-message.directive.ts","../../projects/aril/ui/lib/src/form/form-validation.ts","../../projects/aril/ui/lib/src/form/form-field-builder.ts","../../projects/aril/ui/lib/src/grid/flex-grid.directive.ts","../../projects/aril/ui/lib/src/input/baseInput.ts","../../projects/aril/ui/lib/src/input/common-input-validators.service.ts","../../projects/aril/ui/lib/src/input/input-error-message.pipe.ts","../../projects/aril/ui/lib/src/input/dx-input-error-message.pipe.ts","../../projects/aril/ui/lib/src/input/input-disabled.directive.ts","../../projects/aril/ui/lib/src/input/input-transforms.ts","../../projects/aril/ui/lib/src/input/value-accessor.directive.ts","../../projects/aril/ui/lib/index.ts","../../projects/aril/ui/lib/aril-ui-lib.ts"],"sourcesContent":["\r\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\r\nimport { ValidationErrors } from '@angular/forms';\r\nimport { Message } from 'primeng/api';\r\nimport { MessagesModule } from 'primeng/messages';\r\n\r\n/* TODO : \r\n    1. InputSignal\r\n    2. Use computed or effect instead of input setter\r\n*/\r\n\r\n@Component({\r\n  standalone: true,\r\n  imports: [MessagesModule],\r\n  template: `\r\n\t\t<div class=\"flex gap-2 formErrorMessage\">\r\n\t\t\t<p-messages [(value)]=\"_pMessages\" [enableService]=\"false\" [closable]=\"false\"></p-messages>\r\n\t\t</div>\r\n\t`,\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class FormErrorMessagesComponent {\r\n  _pMessages!: Message[];\r\n\r\n  @Input() set messages(messages: ValidationErrors | null) {\r\n    this._pMessages = Object.values(messages!).map((msg) => {\r\n      return { severity: 'error', summary: '', detail: msg }\r\n    });\r\n  }\r\n}\r\n","/* eslint-disable @angular-eslint/directive-selector */\r\n\r\nimport { ComponentRef, Directive, Input, OnInit, ViewContainerRef } from '@angular/core';\r\nimport { FormGroup } from '@angular/forms';\r\nimport { FormErrorMessagesComponent } from './form-error-message.component';\r\n\r\n/* TODO : \r\n    1. InputSignal\r\n*/\r\n\r\n@Directive({\r\n  standalone: true,\r\n  selector: '[formErrorMessage]'\r\n})\r\nexport class FormErrorMessageDirective implements OnInit {\r\n  constructor(private viewContainerRef: ViewContainerRef) { }\r\n\r\n  @Input() formErrorMessage!: FormGroup;\r\n\r\n  errorKeys: string[] = [];\r\n  componentRef!: ComponentRef<FormErrorMessagesComponent>;\r\n\r\n  ngOnInit(): void {\r\n    this.formErrorMessage.statusChanges.subscribe((status) => {\r\n      if (this.componentRef) this.viewContainerRef.remove();\r\n\r\n      if (status === 'INVALID') {\r\n        if (this.formErrorMessage.errors) {\r\n          this.componentRef = this.viewContainerRef.createComponent(FormErrorMessagesComponent);\r\n          this.componentRef.instance.messages = this.formErrorMessage.errors;\r\n          this.viewContainerRef.insert(this.componentRef.hostView);\r\n        }\r\n      }\r\n    });\r\n  }\r\n}","import { FormArray, FormControl, FormGroup } from \"@angular/forms\";\r\n\r\nexport const checkValidInputs = (formGroup: FormGroup | FormArray) => {\r\n  Object.keys(formGroup.controls).forEach(field => {\r\n    const control = formGroup.get(field);\r\n\r\n    if (control instanceof FormControl) {\r\n      control.markAsTouched({ onlySelf: true });\r\n      control.markAsDirty({ onlySelf: true });\r\n    }\r\n    else if (control instanceof FormGroup || control instanceof FormArray) {\r\n      checkValidInputs(control);\r\n    }\r\n  });\r\n}","import { FormControl, FormGroup, ValidatorFn } from '@angular/forms';\r\n\r\nexport const addControlsWithValidation = (form: FormGroup, controls: { name: string, validator?: ValidatorFn, disabled?: boolean }[]) => {\r\n  controls.forEach(control => {\r\n    if (!form.contains(control.name)) {\r\n      form.addControl(control.name, new FormControl({ value: '', disabled: control?.disabled || false }, control.validator));\r\n    }\r\n  });\r\n}\r\n\r\nexport const removeControls = (form: FormGroup, controlNames: string[]) => {\r\n  controlNames.forEach(controlName => {\r\n    if (form.contains(controlName)) {\r\n      form.removeControl(controlName);\r\n    }\r\n  });\r\n}\r\n\r\nexport const updateValueAndValidities = (form: FormGroup, controlNames: string[]) => {\r\n  controlNames.forEach(controlName => {\r\n    if (form.contains(controlName)) {\r\n      form.get(controlName)?.updateValueAndValidity();\r\n    }\r\n  });\r\n}","/* eslint-disable @angular-eslint/directive-selector */\r\n\r\nimport { Directive, HostBinding } from \"@angular/core\";\r\n\r\n@Directive({\r\n  standalone: true,\r\n  selector: '[flexGrid]'\r\n})\r\nexport class FlexGridDirective {\r\n  @HostBinding('class') hostClass = 'grid p-fluid m-0 p-0';\r\n}","import { inject } from \"@angular/core\";\r\nimport { FormControlDirective, FormControlName, NgControl, NgModel } from \"@angular/forms\";\r\nimport { TooltipOptions } from \"primeng/api\";\r\n\r\nexport abstract class BaseInputComponent {\r\n\r\n  ngControl = injectNgControl();\r\n\r\n  tooltipOptions: TooltipOptions = {\r\n    tooltipPosition: 'top',\r\n    tooltipEvent: 'focus',\r\n    tooltipStyleClass: 'tooltipErrorMessage'\r\n  };\r\n}\r\n\r\nexport function injectNgControl() {\r\n  const ngControl = inject(NgControl, { self: true, optional: true });\r\n\r\n  if (!ngControl) throw new Error('NgModel or FormControlName or FormControlDirective is required');\r\n\r\n  if (\r\n    ngControl instanceof NgModel ||\r\n    ngControl instanceof FormControlName ||\r\n    ngControl instanceof FormControlDirective\r\n  ) {\r\n    return ngControl;\r\n  }\r\n\r\n  throw new Error(\"Something went wrong in InjectNgControl\");\r\n}","import { Injectable } from '@angular/core';\r\nimport { AbstractControl, ValidationErrors, ValidatorFn } from '@angular/forms';\r\nimport \"aril/util/primitive-extensions\";\r\n\r\nexport type DateRangeFormat = \"minute\" | \"hour\" | \"day\" | \"month\" | \"year\";\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class CommonInputValidatorsService {\r\n\r\n  /**\r\n   * @param sdCtrlName - name of the start date form control\r\n   * @param edCtrlName - name of the end date form control\r\n   * @param rangeValue - range between start and end date. Default value is 1\r\n   * @param rangeFormat - format of the range. Default value is \"day\"\r\n */\r\n  dateRange(sdCtrlName: string, edCtrlName: string, rangeValue = 0, rangeFormat: DateRangeFormat = \"day\"): ValidatorFn {\r\n    return (control: AbstractControl): ValidationErrors | null => {\r\n      const start: number = control.get(sdCtrlName)?.value;\r\n      const end: number = control.get(edCtrlName)?.value;\r\n\r\n      const startJSDate = start.longToDate();\r\n      const endJSDate = end.longToDate();\r\n\r\n      if (startJSDate && endJSDate) {\r\n        const isRangeValid = (endJSDate.getTime() - startJSDate.getTime() > rangeValue);\r\n\r\n        return isRangeValid ? null : { dateRange: `The end date must be at least ${rangeValue} ${rangeFormat} bigger than the start date` };\r\n      }\r\n\r\n      return null;\r\n    }\r\n  }\r\n\r\n  /**\r\n   * @description - pasword match vs.\r\n   */\r\n  strictMatch(controlName: string, matchingControlName: string): ValidatorFn {\r\n    return (control: AbstractControl): ValidationErrors | null => {\r\n      const firstField = control.get(controlName);\r\n      const secondField = control.get(matchingControlName);\r\n\r\n      if (!firstField || !secondField) {\r\n        return null;\r\n      }\r\n\r\n      if (firstField.value !== secondField.value) {\r\n        return { strictMatch: `${controlName} and ${matchingControlName} do not match` };\r\n      }\r\n\r\n      return null;\r\n    }\r\n  }\r\n}\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n\r\nimport { Pipe, PipeTransform } from '@angular/core';\r\n\r\n@Pipe({\r\n  standalone: true,\r\n  name: 'inputErrorMessage'\r\n})\r\nexport class InputErrorMessagePipe implements PipeTransform {\r\n\r\n  transform(value: any, ...args: any[]): string {\r\n    const control = args[0];\r\n    const errorKeys = Object.keys(control.errors || {});\r\n\r\n    if (errorKeys.length) {\r\n      const errorKey = errorKeys[0];\r\n      const errorValue = control.errors![errorKey];\r\n\r\n      switch (errorKey) {\r\n        case 'required':\r\n          return 'This field is required';\r\n        case 'min':\r\n          return `Minimum value is ${errorValue.min}`;\r\n        case 'max':\r\n          return `Maximum value is ${errorValue.max}`;\r\n        case 'minlength':\r\n          return `Minimum length is ${errorValue.requiredLength}`;\r\n        case 'maxlength':\r\n          return `Maximum length is ${errorValue.requiredLength}`;\r\n        case 'email':\r\n          return 'Invalid email';\r\n        case 'pattern':\r\n          return 'Invalid format';\r\n        default: return errorValue;\r\n      }\r\n    }\r\n\r\n    return '';\r\n  }\r\n}\r\n","/* eslint-disable @typescript-eslint/no-explicit-any */\r\n\r\nimport { Pipe, PipeTransform, inject } from \"@angular/core\";\r\nimport { InputErrorMessagePipe } from \"./input-error-message.pipe\";\r\n\r\n@Pipe({\r\n  standalone: true,\r\n  name: 'dxInputErrorMessage'\r\n})\r\nexport class DXInputErrorMessagePipe implements PipeTransform {\r\n  errorMsgPipe = inject(InputErrorMessagePipe);\r\n\r\n  transform(value: any, ...args: any[]): { message: string } {\r\n    return { message: this.errorMsgPipe.transform(value, ...args) };\r\n  }\r\n}","import { Directive, Input } from '@angular/core';\r\nimport { NgControl } from '@angular/forms';\r\n\r\n/* TODO : \r\n    1. InputSignal\r\n    2. Use computed or effect instead of input setter\r\n*/\r\n\r\n@Directive({\r\n  standalone: true,\r\n  selector: '[arilDisabled]'\r\n})\r\nexport class InputDisabledDirective {\r\n  constructor(private ngControl: NgControl) { }\r\n\r\n  @Input() set arilDisabled(condition: boolean) {\r\n    const action = condition ? 'disable' : 'enable';\r\n    if (this.ngControl.control) this.ngControl.control[action]();\r\n  }\r\n}\r\n","import { PrimeIcons } from 'primeng/api';\r\n\r\nexport type PrimeIcon = Exclude<keyof typeof PrimeIcons, \"prototype\">;\r\nexport function iconTransform(icon: PrimeIcon): string {\r\n  return PrimeIcons[icon];\r\n}\r\n\r\nexport type IconPosTypes = 'right' | 'left';\r\nexport function iconPosTransform(pos: IconPosTypes): string {\r\n  return 'p-input-icon-' + pos;\r\n}","/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { Directive } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Directive({\n  standalone: true,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      multi: true,\n      useExisting: ValueAccessorDirective\n    },\n  ]\n})\nexport class ValueAccessorDirective implements ControlValueAccessor {\n  writeValue(obj: any): void { return }\n  registerOnChange(fn: any): void { return }\n  registerOnTouched(fn: any): void { return }\n}","/* form */\r\nexport * from './src/form/form-error-message.directive';\r\nexport * from './src/form/form-validation';\r\nexport * from './src/form/form-field-builder';\r\n\r\n/* grid */\r\nexport * from './src/grid/flex-grid.directive';\r\n\r\n/* input */\r\nexport * from './src/input/baseInput';\r\nexport * from './src/input/common-input-validators.service';\r\nexport * from './src/input/dx-input-error-message.pipe';\r\nexport * from './src/input/input-disabled.directive';\r\nexport * from './src/input/input-error-message.pipe';\r\nexport * from './src/input/input-transforms';\r\nexport * from './src/input/value-accessor.directive';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}

package/fesm2022/aril-ui-mask.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input } from '@angular/core';
+import { input, Component, ChangeDetectionStrategy } from '@angular/core';
 import * as i3 from 'primeng/inputmask';
 import { InputMaskModule } from 'primeng/inputmask';
 import * as i1 from 'aril/ui/lib';
@@ -18,30 +18,21 @@ import { NgStyle } from '@angular/common';
 class InputMaskComponent extends BaseInputComponent {
     constructor() {
         super(...arguments);
-        this.slotChar = '_';
-        this.usageInGrid = true;
+        this.mask = input.required();
+        this.slotChar = input("_");
+        this.placeholder = input();
+        this.maxlength = input(100);
+        this.usageInGrid = input(true);
+        this.tabindex = input();
         this.showTooltip = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: InputMaskComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: InputMaskComponent, isStandalone: true, selector: "aril-mask[ngModel], aril-mask[formControl], aril-mask[formControlName]", inputs: { mask: "mask", slotChar: "slotChar", style: "style", placeholder: "placeholder", maxlength: "maxlength", usageInGrid: "usageInGrid" }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<div\n\tstyle=\"position: relative\"\n\t[ngStyle]=\"!usageInGrid ? { display: 'inline-block' } : {}\">\n\t<p-inputMask\n\t\t[mask]=\"mask\"\n\t\t[style]=\"style\"\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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: InputMaskComponent, 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\r\n\tstyle=\"position: relative\"\r\n\t[ngStyle]=\"!usageInGrid ? { display: 'inline-block' } : {}\">\r\n\t<p-inputMask\r\n\t\t[mask]=\"mask()\"\r\n\t\t[slotChar]=\"slotChar()\"\r\n\t\t[placeholder]=\"placeholder()\"\r\n\t\t[maxlength]=\"maxlength()\"\r\n\t\t[formControl]=\"ngControl.control\"\r\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n\t\t(onFocus)=\"showTooltip = true\"\r\n\t\t(onBlur)=\"showTooltip = false\">\r\n\t</p-inputMask>\r\n\t@if (ngControl.invalid && showTooltip) {\r\n\t\t<div class=\"custom-tooltip tooltipErrorMessage\">\r\n\t\t\t{{ ngControl.control.value | inputErrorMessage: ngControl }}\r\n\t\t</div>\r\n\t}\r\n</div>\r\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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: InputMaskComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'aril-mask[ngModel], aril-mask[formControl], aril-mask[formControlName]', imports: [ReactiveFormsModule, NgStyle, InputMaskModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n\tstyle=\"position: relative\"\n\t[ngStyle]=\"!usageInGrid ? { display: 'inline-block' } : {}\">\n\t<p-inputMask\n\t\t[mask]=\"mask\"\n\t\t[style]=\"style\"\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"] }]
-        }], propDecorators: { mask: [{
-                type: Input,
-                args: [{ required: true }]
-            }], slotChar: [{
-                type: Input
-            }], style: [{
-                type: Input
-            }], placeholder: [{
-                type: Input
-            }], maxlength: [{
-                type: Input
-            }], usageInGrid: [{
-                type: Input
-            }] } });
+            args: [{ standalone: true, selector: 'aril-mask[ngModel], aril-mask[formControl], aril-mask[formControlName]', imports: [ReactiveFormsModule, NgStyle, InputMaskModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n\tstyle=\"position: relative\"\r\n\t[ngStyle]=\"!usageInGrid ? { display: 'inline-block' } : {}\">\r\n\t<p-inputMask\r\n\t\t[mask]=\"mask()\"\r\n\t\t[slotChar]=\"slotChar()\"\r\n\t\t[placeholder]=\"placeholder()\"\r\n\t\t[maxlength]=\"maxlength()\"\r\n\t\t[formControl]=\"ngControl.control\"\r\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n\t\t(onFocus)=\"showTooltip = true\"\r\n\t\t(onBlur)=\"showTooltip = false\">\r\n\t</p-inputMask>\r\n\t@if (ngControl.invalid && showTooltip) {\r\n\t\t<div class=\"custom-tooltip tooltipErrorMessage\">\r\n\t\t\t{{ ngControl.control.value | inputErrorMessage: ngControl }}\r\n\t\t</div>\r\n\t}\r\n</div>\r\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"] }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/aril-ui-mask.mjs.map

@@ -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 { ChangeDetectionStrategy, Component, Input } from '@angular/core';\r\nimport { InputMaskModule } from 'primeng/inputmask';\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { NgStyle } from '@angular/common';\r\n\r\n/**\r\n * a - alphabetic characters\r\n * 9 - numeric characters\r\n * * - alphanumeric characters\r\n * ? - optional characters\r\n * formatting characters -> (), -\r\n */\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'aril-mask[ngModel], aril-mask[formControl], aril-mask[formControlName]',\r\n  templateUrl: './mask.component.html',\r\n  styleUrl: './mask.component.css',\r\n  imports: [ReactiveFormsModule, NgStyle, InputMaskModule, InputErrorMessagePipe],\r\n  hostDirectives: [ValueAccessorDirective],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class InputMaskComponent extends BaseInputComponent {\r\n  @Input({ required: true }) mask!: string;\r\n  @Input() slotChar = '_';\r\n  @Input() style?: object;\r\n  @Input() placeholder?: string;\r\n  @Input() maxlength!: number;\r\n  @Input() usageInGrid = true;\r\n\r\n  showTooltip = false;\r\n}\r\n","<div\n\tstyle=\"position: relative\"\n\t[ngStyle]=\"!usageInGrid ? { display: 'inline-block' } : {}\">\n\t<p-inputMask\n\t\t[mask]=\"mask\"\n\t\t[style]=\"style\"\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":";;;;;;;;;;AAMA;;;;;;AAMG;AAWG,MAAO,kBAAmB,SAAQ,kBAAkB,CAAA;AAT1D,IAAA,WAAA,GAAA;;QAWW,IAAQ,CAAA,QAAA,GAAG,GAAG,CAAC;QAIf,IAAW,CAAA,WAAA,GAAG,IAAI,CAAC;QAE5B,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;AACrB,KAAA;8GATY,kBAAkB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wEAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,SAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvB/B,2oBAoBA,EDDY,MAAA,EAAA,CAAA,2XAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,6dAAE,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,WAAA,EAAA,WAAA,EAAA,OAAA,EAAA,SAAA,EAAA,YAAA,EAAA,aAAA,EAAA,MAAA,EAAA,WAAA,EAAA,UAAA,EAAA,OAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,MAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,YAAA,EAAA,MAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,EAAA,SAAA,EAAA,QAAA,EAAA,SAAA,EAAA,WAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAE,qBAAqB,EAAA,IAAA,EAAA,mBAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAInE,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAT9B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,YACN,wEAAwE,EAAA,OAAA,EAGzE,CAAC,mBAAmB,EAAE,OAAO,EAAE,eAAe,EAAE,qBAAqB,CAAC,kBAC/D,CAAC,sBAAsB,CAAC,EACvB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2oBAAA,EAAA,MAAA,EAAA,CAAA,2XAAA,CAAA,EAAA,CAAA;8BAGpB,IAAI,EAAA,CAAA;sBAA9B,KAAK;uBAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;gBAChB,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;;;AE7BR;;AAEG;;;;"}
+{"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 { ChangeDetectionStrategy, Component, Input, input } from '@angular/core';\r\nimport { InputMaskModule } from 'primeng/inputmask';\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { NgStyle } from '@angular/common';\r\n\r\n/**\r\n * a - alphabetic characters\r\n * 9 - numeric characters\r\n * * - alphanumeric characters\r\n * ? - optional characters\r\n * formatting characters -> (), -\r\n */\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'aril-mask[ngModel], aril-mask[formControl], aril-mask[formControlName]',\r\n  templateUrl: './mask.component.html',\r\n  styleUrl: './mask.component.css',\r\n  imports: [ReactiveFormsModule, NgStyle, InputMaskModule, InputErrorMessagePipe],\r\n  hostDirectives: [ValueAccessorDirective],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class InputMaskComponent extends BaseInputComponent {\r\n  mask = input.required<string>();\r\n  slotChar = input<string>(\"_\");\r\n  placeholder = input<string>();\r\n  maxlength = input<number>(100);\r\n  usageInGrid = input<boolean>(true);\r\n  tabindex = input<number>();\r\n\r\n  showTooltip = false;\r\n}\r\n","<div\r\n\tstyle=\"position: relative\"\r\n\t[ngStyle]=\"!usageInGrid ? { display: 'inline-block' } : {}\">\r\n\t<p-inputMask\r\n\t\t[mask]=\"mask()\"\r\n\t\t[slotChar]=\"slotChar()\"\r\n\t\t[placeholder]=\"placeholder()\"\r\n\t\t[maxlength]=\"maxlength()\"\r\n\t\t[formControl]=\"ngControl.control\"\r\n\t\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\"\r\n\t\t(onFocus)=\"showTooltip = true\"\r\n\t\t(onBlur)=\"showTooltip = false\">\r\n\t</p-inputMask>\r\n\t@if (ngControl.invalid && showTooltip) {\r\n\t\t<div class=\"custom-tooltip tooltipErrorMessage\">\r\n\t\t\t{{ ngControl.control.value | inputErrorMessage: ngControl }}\r\n\t\t</div>\r\n\t}\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/aril-ui-number.mjs

@@ -13,32 +13,29 @@ class InputNumberComponent extends BaseInputComponent {
     constructor() {
         super(...arguments);
         this.useGrouping = true;
+        this._style = {};
         this._buttonLayout = "stacked";
     }
     set buttonLayout(value) {
         this._buttonLayout = value;
         if (value == "vertical") {
-            this.style = { 'width': '4rem' };
+            this._style = { 'width': '3rem' };
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: InputNumberComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: InputNumberComponent, isStandalone: true, selector: "aril-number[ngModel], aril-number[formControl], aril-number[formControlName]", inputs: { min: "min", max: "max", style: "style", showButtons: "showButtons", placeholder: "placeholder", customClass: "customClass", prefix: "prefix", suffix: "suffix", maxlength: "maxlength", showClear: "showClear", useGrouping: "useGrouping", maxDigits: "maxDigits", minDigits: "minDigits", buttonLayout: "buttonLayout" }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<p-inputNumber\r\n\t[min]=\"min\"\r\n\t[max]=\"max\"\r\n\tmode=\"decimal\"\r\n\tlocale=\"en-US\"\r\n\t[prefix]=\"prefix\"\r\n\t[suffix]=\"suffix\"\r\n\t[maxlength]=\"maxlength\"\r\n\t[showClear]=\"showClear\"\r\n\t[class]=\"customClass\"\r\n\t[style]=\"style\"\r\n\tspinnerMode=\"vertical\"\r\n\t[useGrouping]=\"useGrouping\"\r\n\t[placeholder]=\"placeholder\"\r\n\t[showButtons]=\"showButtons\"\r\n\t[maxFractionDigits]=\"maxDigits\"\r\n\t[minFractionDigits]=\"minDigits\"\r\n\t[buttonLayout]=\"_buttonLayout\"\r\n\tincrementButtonClass=\"p-button-primary\"\r\n\tdecrementButtonClass=\"p-button-danger\"\r\n\tincrementButtonIcon=\"pi pi-plus\"\r\n\tdecrementButtonIcon=\"pi pi-minus\"\r\n\t[pTooltip]=\"\r\n\t\tngControl.invalid\r\n\t\t\t? (ngControl.control.value | inputErrorMessage: ngControl)\r\n\t\t\t: ''\r\n\t\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</p-inputNumber>\r\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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: InputNumberComponent, 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\r\n\t[min]=\"min\"\r\n\t[max]=\"max\"\r\n\tmode=\"decimal\"\r\n\tlocale=\"en-US\"\r\n\t[prefix]=\"prefix\"\r\n\t[suffix]=\"suffix\"\r\n\t[maxlength]=\"maxlength\"\r\n\t[showClear]=\"showClear\"\r\n\t[style]=\"_style\"\r\n\t[tabindex]=\"tabindex\"\r\n\tspinnerMode=\"vertical\"\r\n\t[useGrouping]=\"useGrouping\"\r\n\t[placeholder]=\"placeholder\"\r\n\t[showButtons]=\"showButtons\"\r\n\t[maxFractionDigits]=\"maxDigits\"\r\n\t[minFractionDigits]=\"minDigits\"\r\n\t[buttonLayout]=\"_buttonLayout\"\r\n\tincrementButtonClass=\"p-button-info\"\r\n\tdecrementButtonClass=\"p-button-danger\"\r\n\t[pTooltip]=\"\r\n\t\tngControl.invalid\r\n\t\t\t? (ngControl.control.value | inputErrorMessage: ngControl)\r\n\t\t\t: ''\r\n\t\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</p-inputNumber>\r\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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: InputNumberComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'aril-number[ngModel], aril-number[formControl], aril-number[formControlName]', imports: [ReactiveFormsModule, InputNumberModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-inputNumber\r\n\t[min]=\"min\"\r\n\t[max]=\"max\"\r\n\tmode=\"decimal\"\r\n\tlocale=\"en-US\"\r\n\t[prefix]=\"prefix\"\r\n\t[suffix]=\"suffix\"\r\n\t[maxlength]=\"maxlength\"\r\n\t[showClear]=\"showClear\"\r\n\t[class]=\"customClass\"\r\n\t[style]=\"style\"\r\n\tspinnerMode=\"vertical\"\r\n\t[useGrouping]=\"useGrouping\"\r\n\t[placeholder]=\"placeholder\"\r\n\t[showButtons]=\"showButtons\"\r\n\t[maxFractionDigits]=\"maxDigits\"\r\n\t[minFractionDigits]=\"minDigits\"\r\n\t[buttonLayout]=\"_buttonLayout\"\r\n\tincrementButtonClass=\"p-button-primary\"\r\n\tdecrementButtonClass=\"p-button-danger\"\r\n\tincrementButtonIcon=\"pi pi-plus\"\r\n\tdecrementButtonIcon=\"pi pi-minus\"\r\n\t[pTooltip]=\"\r\n\t\tngControl.invalid\r\n\t\t\t? (ngControl.control.value | inputErrorMessage: ngControl)\r\n\t\t\t: ''\r\n\t\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</p-inputNumber>\r\n" }]
+            args: [{ standalone: true, selector: 'aril-number[ngModel], aril-number[formControl], aril-number[formControlName]', imports: [ReactiveFormsModule, InputNumberModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-inputNumber\r\n\t[min]=\"min\"\r\n\t[max]=\"max\"\r\n\tmode=\"decimal\"\r\n\tlocale=\"en-US\"\r\n\t[prefix]=\"prefix\"\r\n\t[suffix]=\"suffix\"\r\n\t[maxlength]=\"maxlength\"\r\n\t[showClear]=\"showClear\"\r\n\t[style]=\"_style\"\r\n\t[tabindex]=\"tabindex\"\r\n\tspinnerMode=\"vertical\"\r\n\t[useGrouping]=\"useGrouping\"\r\n\t[placeholder]=\"placeholder\"\r\n\t[showButtons]=\"showButtons\"\r\n\t[maxFractionDigits]=\"maxDigits\"\r\n\t[minFractionDigits]=\"minDigits\"\r\n\t[buttonLayout]=\"_buttonLayout\"\r\n\tincrementButtonClass=\"p-button-info\"\r\n\tdecrementButtonClass=\"p-button-danger\"\r\n\t[pTooltip]=\"\r\n\t\tngControl.invalid\r\n\t\t\t? (ngControl.control.value | inputErrorMessage: ngControl)\r\n\t\t\t: ''\r\n\t\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</p-inputNumber>\r\n" }]
         }], propDecorators: { min: [{
                 type: Input
             }], max: [{
                 type: Input
-            }], style: [{
-                type: Input
             }], showButtons: [{
                 type: Input
             }], placeholder: [{
                 type: Input
-            }], customClass: [{
-                type: Input
             }], prefix: [{
                 type: Input
             }], suffix: [{
@@ -53,6 +50,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
                 type: Input
             }], minDigits: [{
                 type: Input
+            }], tabindex: [{
+                type: Input
             }], buttonLayout: [{
                 type: Input
             }] } });

package/fesm2022/aril-ui-number.mjs.map

@@ -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 { ChangeDetectionStrategy, Component, Input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { InputNumberModule } from 'primeng/inputnumber';\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\r\nexport type ButtonLayouts = \"stacked\" | \"vertical\";\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'aril-number[ngModel], aril-number[formControl], aril-number[formControlName]',\r\n  templateUrl: './number.component.html',\r\n  imports: [ReactiveFormsModule, InputNumberModule, TooltipModule, InputErrorMessagePipe],\r\n  hostDirectives: [ValueAccessorDirective],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class InputNumberComponent extends BaseInputComponent {\r\n  @Input() min?: number;\r\n  @Input() max?: number;\r\n  @Input() style?: object;\r\n  @Input() showButtons!: boolean;\r\n  @Input() placeholder?: string;\r\n  @Input() customClass?: string;\r\n  @Input() prefix?: string;\r\n  @Input() suffix?: string;\r\n  @Input() maxlength!: number;\r\n  @Input() showClear!: boolean;\r\n  @Input() useGrouping = true;\r\n  @Input() maxDigits?: number;\r\n  @Input() minDigits?: number;\r\n  @Input() set buttonLayout(value: ButtonLayouts) {\r\n    this._buttonLayout = value;\r\n\r\n    if (value == \"vertical\") {\r\n      this.style = { 'width': '4rem' };\r\n    }\r\n  }\r\n\r\n  _buttonLayout: ButtonLayouts = \"stacked\";\r\n}\r\n","<p-inputNumber\r\n\t[min]=\"min\"\r\n\t[max]=\"max\"\r\n\tmode=\"decimal\"\r\n\tlocale=\"en-US\"\r\n\t[prefix]=\"prefix\"\r\n\t[suffix]=\"suffix\"\r\n\t[maxlength]=\"maxlength\"\r\n\t[showClear]=\"showClear\"\r\n\t[class]=\"customClass\"\r\n\t[style]=\"style\"\r\n\tspinnerMode=\"vertical\"\r\n\t[useGrouping]=\"useGrouping\"\r\n\t[placeholder]=\"placeholder\"\r\n\t[showButtons]=\"showButtons\"\r\n\t[maxFractionDigits]=\"maxDigits\"\r\n\t[minFractionDigits]=\"minDigits\"\r\n\t[buttonLayout]=\"_buttonLayout\"\r\n\tincrementButtonClass=\"p-button-primary\"\r\n\tdecrementButtonClass=\"p-button-danger\"\r\n\tincrementButtonIcon=\"pi pi-plus\"\r\n\tdecrementButtonIcon=\"pi pi-minus\"\r\n\t[pTooltip]=\"\r\n\t\tngControl.invalid\r\n\t\t\t? (ngControl.control.value | inputErrorMessage: ngControl)\r\n\t\t\t: ''\r\n\t\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</p-inputNumber>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"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 { ChangeDetectionStrategy, Component, Input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { InputNumberModule } from 'primeng/inputnumber';\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\n\r\n/* TODO : \r\n    1. InputSignal\r\n    2. Use computed or effect instead of input setter\r\n*/\r\n\r\ntype ButtonLayouts = \"stacked\" | \"horizontal\" | \"vertical\";\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'aril-number[ngModel], aril-number[formControl], aril-number[formControlName]',\r\n  templateUrl: './number.component.html',\r\n  imports: [ReactiveFormsModule, InputNumberModule, TooltipModule, InputErrorMessagePipe],\r\n  hostDirectives: [ValueAccessorDirective],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class InputNumberComponent extends BaseInputComponent {\r\n  @Input() min?: number;\r\n  @Input() max?: number;\r\n  @Input() showButtons!: boolean;\r\n  @Input() placeholder?: string;\r\n  @Input() prefix?: string;\r\n  @Input() suffix?: string;\r\n  @Input() maxlength!: number;\r\n  @Input() showClear!: boolean;\r\n  @Input() useGrouping = true;\r\n  @Input() maxDigits?: number;\r\n  @Input() minDigits?: number;\r\n  @Input() tabindex!: number;\r\n  @Input() set buttonLayout(value: ButtonLayouts) {\r\n    this._buttonLayout = value;\r\n\r\n    if (value == \"vertical\") {\r\n      this._style = { 'width': '3rem' };\r\n    }\r\n  }\r\n  _style = {};\r\n  _buttonLayout: ButtonLayouts = \"stacked\";\r\n}\r\n","<p-inputNumber\r\n\t[min]=\"min\"\r\n\t[max]=\"max\"\r\n\tmode=\"decimal\"\r\n\tlocale=\"en-US\"\r\n\t[prefix]=\"prefix\"\r\n\t[suffix]=\"suffix\"\r\n\t[maxlength]=\"maxlength\"\r\n\t[showClear]=\"showClear\"\r\n\t[style]=\"_style\"\r\n\t[tabindex]=\"tabindex\"\r\n\tspinnerMode=\"vertical\"\r\n\t[useGrouping]=\"useGrouping\"\r\n\t[placeholder]=\"placeholder\"\r\n\t[showButtons]=\"showButtons\"\r\n\t[maxFractionDigits]=\"maxDigits\"\r\n\t[minFractionDigits]=\"minDigits\"\r\n\t[buttonLayout]=\"_buttonLayout\"\r\n\tincrementButtonClass=\"p-button-info\"\r\n\tdecrementButtonClass=\"p-button-danger\"\r\n\t[pTooltip]=\"\r\n\t\tngControl.invalid\r\n\t\t\t? (ngControl.control.value | inputErrorMessage: ngControl)\r\n\t\t\t: ''\r\n\t\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n</p-inputNumber>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAqBM,MAAO,oBAAqB,SAAQ,kBAAkB,CAAA;AAR5D,IAAA,WAAA,GAAA;;QAiBW,IAAW,CAAA,WAAA,GAAG,IAAI,CAAC;QAW5B,IAAM,CAAA,MAAA,GAAG,EAAE,CAAC;QACZ,IAAa,CAAA,aAAA,GAAkB,SAAS,CAAC;AAC1C,KAAA;IATC,IAAa,YAAY,CAAC,KAAoB,EAAA;AAC5C,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;AAE3B,QAAA,IAAI,KAAK,IAAI,UAAU,EAAE;YACvB,IAAI,CAAC,MAAM,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;SACnC;KACF;8GAnBU,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,8EAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,KAAA,EAAA,GAAA,EAAA,KAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,WAAA,EAAA,SAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,SAAA,EAAA,WAAA,EAAA,SAAA,EAAA,WAAA,EAAA,QAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECrBjC,04BA6BA,EDZY,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,4dAAE,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,cAAA,EAAA,SAAA,EAAA,YAAA,EAAA,OAAA,EAAA,aAAA,EAAA,MAAA,EAAA,WAAA,EAAA,UAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,MAAA,EAAA,UAAA,EAAA,cAAA,EAAA,KAAA,EAAA,KAAA,EAAA,sBAAA,EAAA,sBAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,UAAA,EAAA,MAAA,EAAA,YAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,mBAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,QAAA,EAAA,WAAA,EAAA,SAAA,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,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAI3E,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBARhC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,UAAA,EAAA,IAAI,YACN,8EAA8E,EAAA,OAAA,EAE/E,CAAC,mBAAmB,EAAE,iBAAiB,EAAE,aAAa,EAAE,qBAAqB,CAAC,kBACvE,CAAC,sBAAsB,CAAC,EACvB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,04BAAA,EAAA,CAAA;8BAGtC,GAAG,EAAA,CAAA;sBAAX,KAAK;gBACG,GAAG,EAAA,CAAA;sBAAX,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACO,YAAY,EAAA,CAAA;sBAAxB,KAAK;;;AElCR;;AAEG;;;;"}

package/fesm2022/aril-ui-overlayPanel.mjs

@@ -1,39 +1,25 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, ViewChild } from '@angular/core';
-import { ButtonComponent } from 'aril/ui/button';
+import { input, Component, ChangeDetectionStrategy, ViewChild } from '@angular/core';
 import * as i1 from 'primeng/overlaypanel';
 import { OverlayPanelModule } from 'primeng/overlaypanel';
 import * as i2 from 'primeng/api';
 
+/* TODO :
+    1. InputSignal
+*/
 class OverlayPanelComponent {
     constructor() {
-        this.dismissable = true;
-    }
-    togglePanel(event) {
-        this.overlayPanel.toggle(event, this.toggleButton.nativeElement);
+        this.dismissable = input(true);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: OverlayPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.2", type: OverlayPanelComponent, isStandalone: true, selector: "aril-overlay-panel", inputs: { showTransitionOptions: "showTransitionOptions", hideTransitionOptions: "hideTransitionOptions", dismissable: "dismissable", styleClass: "styleClass", label: "label" }, viewQueries: [{ propertyName: "overlayPanel", first: true, predicate: ["overlayPanel"], descendants: true }, { propertyName: "toggleButton", first: true, predicate: ["toggleButton"], descendants: true }], ngImport: i0, template: "<p-overlayPanel\r\n\t[showTransitionOptions]=\"showTransitionOptions\"\r\n\t[hideTransitionOptions]=\"hideTransitionOptions\"\r\n\t[dismissable]=\"dismissable\"\r\n\t[styleClass]=\"styleClass\"\r\n\t#overlayPanel>\r\n\t<ng-template pTemplate=\"content\">\r\n\t\t<ng-content></ng-content>\r\n\t</ng-template>\r\n</p-overlayPanel>\r\n<div>\r\n\t<aril-button\r\n\t\tcolor=\"primary\"\r\n\t\t[label]=\"label || 'Show'\"\r\n\t\t(clickEvent)=\"togglePanel($event)\"\r\n\t\tclass=\"toggle-button\"\r\n\t\t#toggleButton>\r\n\t</aril-button>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: OverlayPanelModule }, { kind: "component", type: i1.OverlayPanel, selector: "p-overlayPanel", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: ButtonComponent, selector: "aril-button:not([click])", inputs: ["label", "loading", "disabled", "raised", "outlined", "badge", "size", "icon", "color"], outputs: ["clickEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.1.2", type: OverlayPanelComponent, isStandalone: true, selector: "aril-overlay-panel", inputs: { dismissable: { classPropertyName: "dismissable", publicName: "dismissable", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "ref", first: true, predicate: ["ref"], descendants: true }], ngImport: i0, template: "<p-overlayPanel #ref [dismissable]=\"dismissable()\">\r\n\t<ng-template pTemplate=\"content\">\r\n\t\t<ng-content></ng-content>\r\n\t</ng-template>\r\n</p-overlayPanel>\r\n", dependencies: [{ kind: "ngmodule", type: OverlayPanelModule }, { kind: "component", type: i1.OverlayPanel, selector: "p-overlayPanel", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: OverlayPanelComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'aril-overlay-panel', imports: [OverlayPanelModule, ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-overlayPanel\r\n\t[showTransitionOptions]=\"showTransitionOptions\"\r\n\t[hideTransitionOptions]=\"hideTransitionOptions\"\r\n\t[dismissable]=\"dismissable\"\r\n\t[styleClass]=\"styleClass\"\r\n\t#overlayPanel>\r\n\t<ng-template pTemplate=\"content\">\r\n\t\t<ng-content></ng-content>\r\n\t</ng-template>\r\n</p-overlayPanel>\r\n<div>\r\n\t<aril-button\r\n\t\tcolor=\"primary\"\r\n\t\t[label]=\"label || 'Show'\"\r\n\t\t(clickEvent)=\"togglePanel($event)\"\r\n\t\tclass=\"toggle-button\"\r\n\t\t#toggleButton>\r\n\t</aril-button>\r\n</div>\r\n" }]
-        }], propDecorators: { showTransitionOptions: [{
-                type: Input
-            }], hideTransitionOptions: [{
-                type: Input
-            }], dismissable: [{
-                type: Input
-            }], styleClass: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], overlayPanel: [{
-                type: ViewChild,
-                args: ['overlayPanel']
-            }], toggleButton: [{
+            args: [{ standalone: true, selector: 'aril-overlay-panel', imports: [OverlayPanelModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-overlayPanel #ref [dismissable]=\"dismissable()\">\r\n\t<ng-template pTemplate=\"content\">\r\n\t\t<ng-content></ng-content>\r\n\t</ng-template>\r\n</p-overlayPanel>\r\n" }]
+        }], propDecorators: { ref: [{
                 type: ViewChild,
-                args: ['toggleButton']
+                args: ['ref']
             }] } });
 
 /**

package/fesm2022/aril-ui-overlayPanel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-overlayPanel.mjs","sources":["../../projects/aril/ui/overlayPanel/src/overlay-panel.component.ts","../../projects/aril/ui/overlayPanel/src/overlay-panel.component.html","../../projects/aril/ui/overlayPanel/aril-ui-overlayPanel.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, Input, ViewChild } from '@angular/core';\r\nimport { ButtonComponent } from 'aril/ui/button';\r\nimport { OverlayPanel, OverlayPanelModule } from \"primeng/overlaypanel\";\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'aril-overlay-panel',\r\n  templateUrl: './overlay-panel.component.html',\r\n  imports: [OverlayPanelModule, ButtonComponent],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class OverlayPanelComponent {\r\n  @Input() showTransitionOptions!: string;\r\n  @Input() hideTransitionOptions!: string;\r\n  @Input() dismissable = true;\r\n  @Input() styleClass!: string;\r\n  @Input() label!: string;\r\n\r\n  @ViewChild('overlayPanel') overlayPanel!: OverlayPanel;\r\n  @ViewChild('toggleButton') toggleButton!: ElementRef;\r\n\r\n  togglePanel(event: MouseEvent) {\r\n    this.overlayPanel.toggle(event, this.toggleButton.nativeElement);\r\n  }\r\n}\r\n","<p-overlayPanel\r\n\t[showTransitionOptions]=\"showTransitionOptions\"\r\n\t[hideTransitionOptions]=\"hideTransitionOptions\"\r\n\t[dismissable]=\"dismissable\"\r\n\t[styleClass]=\"styleClass\"\r\n\t#overlayPanel>\r\n\t<ng-template pTemplate=\"content\">\r\n\t\t<ng-content></ng-content>\r\n\t</ng-template>\r\n</p-overlayPanel>\r\n<div>\r\n\t<aril-button\r\n\t\tcolor=\"primary\"\r\n\t\t[label]=\"label || 'Show'\"\r\n\t\t(clickEvent)=\"togglePanel($event)\"\r\n\t\tclass=\"toggle-button\"\r\n\t\t#toggleButton>\r\n\t</aril-button>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAWa,qBAAqB,CAAA;AAPlC,IAAA,WAAA,GAAA;QAUW,IAAW,CAAA,WAAA,GAAG,IAAI,CAAC;AAU7B,KAAA;AAHC,IAAA,WAAW,CAAC,KAAiB,EAAA;AAC3B,QAAA,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;KAClE;8GAZU,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,ECXlC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,qBAAA,EAAA,uBAAA,EAAA,qBAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,UAAA,EAAA,YAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,cAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,cAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,oiBAmBA,EDXY,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,kBAAkB,0cAAE,eAAe,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;;2FAGlC,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,oBAAoB,EAAA,OAAA,EAErB,CAAC,kBAAkB,EAAE,eAAe,CAAC,EAAA,eAAA,EAC7B,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,oiBAAA,EAAA,CAAA;8BAGtC,qBAAqB,EAAA,CAAA;sBAA7B,KAAK;gBACG,qBAAqB,EAAA,CAAA;sBAA7B,KAAK;gBACG,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBAEqB,YAAY,EAAA,CAAA;sBAAtC,SAAS;uBAAC,cAAc,CAAA;gBACE,YAAY,EAAA,CAAA;sBAAtC,SAAS;uBAAC,cAAc,CAAA;;;AEnB3B;;AAEG;;;;"}
+{"version":3,"file":"aril-ui-overlayPanel.mjs","sources":["../../projects/aril/ui/overlayPanel/src/overlay-panel.component.ts","../../projects/aril/ui/overlayPanel/src/overlay-panel.component.html","../../projects/aril/ui/overlayPanel/aril-ui-overlayPanel.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, ViewChild } from '@angular/core';\r\nimport { OverlayPanel, OverlayPanelModule } from \"primeng/overlaypanel\";\r\n\r\n/* TODO : \r\n    1. InputSignal\r\n*/\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'aril-overlay-panel',\r\n  templateUrl: './overlay-panel.component.html',\r\n  imports: [OverlayPanelModule],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class OverlayPanelComponent {\r\n  dismissable = input<boolean>(true);\r\n\r\n  @ViewChild('ref') ref!: OverlayPanel;\r\n}\r\n","<p-overlayPanel #ref [dismissable]=\"dismissable()\">\r\n\t<ng-template pTemplate=\"content\">\r\n\t\t<ng-content></ng-content>\r\n\t</ng-template>\r\n</p-overlayPanel>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAGA;;AAEE;MASW,qBAAqB,CAAA;AAPlC,IAAA,WAAA,GAAA;AAQE,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAU,IAAI,CAAC,CAAC;AAGpC,KAAA;8GAJY,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,KAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,KAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECdlC,8KAKA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDMY,kBAAkB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,OAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,uBAAA,EAAA,uBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAGjB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,oBAAoB,EAErB,OAAA,EAAA,CAAC,kBAAkB,CAAC,EAAA,eAAA,EACZ,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,8KAAA,EAAA,CAAA;8BAK7B,GAAG,EAAA,CAAA;sBAApB,SAAS;uBAAC,KAAK,CAAA;;;AEjBlB;;AAEG;;;;"}

package/fesm2022/aril-ui-panel.mjs

@@ -1,34 +1,29 @@
 import { NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, ViewChild, Input } from '@angular/core';
+import { input, Component, ChangeDetectionStrategy, ViewChild } from '@angular/core';
 import * as i1 from 'primeng/panel';
 import { PanelModule } from 'primeng/panel';
 import * as i2 from 'primeng/api';
 
 class PanelComponent {
     constructor() {
-        this.toggleable = true;
-        this.canFullScreen = true;
+        // header = input<string>();
+        this.toggleable = input(true);
+        this.canFullScreen = input(true);
         this.isFullScreen = false;
     }
     toggleFullScreen() {
         this.isFullScreen = !this.isFullScreen;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: PanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: PanelComponent, isStandalone: true, selector: "aril-panel", inputs: { header: "header", toggleable: "toggleable", canFullScreen: "canFullScreen" }, viewQueries: [{ propertyName: "panelRef", first: true, predicate: ["panel"], descendants: true }], ngImport: i0, template: "<div [ngClass]=\"{ 'full-screen': isFullScreen && canFullScreen }\">\n\t<p-panel [toggleable]=\"toggleable\">\n\t\t<ng-template pTemplate=\"header\">\n\t\t\t<div class=\"panel-header\">\n\t\t\t\t<span class=\"text-primary font-semibold text-xl\">{{ header }}</span>\n\t\t\t\t@if (canFullScreen) {\n\t\t\t\t\t<div class=\"panel-icons\">\n\t\t\t\t\t\t<i\n\t\t\t\t\t\t\t[attr.role]=\"'none'\"\n\t\t\t\t\t\t\tclass=\"pi mr-1 header-icon\"\n\t\t\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t\t\t'pi-window-maximize': !isFullScreen,\n\t\t\t\t\t\t\t\t'pi-window-minimize': isFullScreen\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t(click)=\"toggleFullScreen()\"></i>\n\t\t\t\t\t\t<!-- Full Screen Icon -->\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</ng-template>\n\t\t<ng-content></ng-content>\n\t</p-panel>\n</div>\n", styles: [".full-screen{position:fixed;inset:0;z-index:99999999;overflow-y:auto;box-sizing:border-box;width:100%;height:100vh;background:#fff}.panel-header{width:100%;display:flex;justify-content:space-between;align-items:center}.header-icon{cursor:pointer;width:1.5rem}\n"], dependencies: [{ kind: "ngmodule", type: PanelModule }, { kind: "component", type: i1.Panel, selector: "p-panel", inputs: ["toggleable", "header", "collapsed", "style", "styleClass", "iconPos", "expandIcon", "collapseIcon", "showHeader", "toggler", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: PanelComponent, isStandalone: true, selector: "aril-panel", inputs: { toggleable: { classPropertyName: "toggleable", publicName: "toggleable", isSignal: true, isRequired: false, transformFunction: null }, canFullScreen: { classPropertyName: "canFullScreen", publicName: "canFullScreen", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "panelRef", first: true, predicate: ["panel"], descendants: true }], ngImport: i0, template: "<div [ngClass]=\"{ 'full-screen': isFullScreen && canFullScreen }\">\r\n\t<p-panel [toggleable]=\"toggleable()\">\r\n\t\t<!-- header -->\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t<div class=\"panel-header\">\r\n\t\t\t\t<!-- <span class=\"text-primary font-semibold text-xl\">{{ header() }}</span> -->\r\n\t\t\t\t<ng-content select=\"[header]\"></ng-content>\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\r\n\t\t<!-- header-tools -->\r\n\t\t<ng-template pTemplate=\"icons\">\r\n\t\t\t<ng-content select=\"[tools]\"></ng-content>\r\n\r\n\t\t\t@if (canFullScreen()) {\r\n\t\t\t\t<div class=\"panel-icons\">\r\n\t\t\t\t\t<i\r\n\t\t\t\t\t\t[attr.role]=\"'none'\"\r\n\t\t\t\t\t\tclass=\"pi mr-1 header-icon\"\r\n\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\t'pi-window-maximize': !isFullScreen,\r\n\t\t\t\t\t\t\t'pi-window-minimize': isFullScreen\r\n\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t(click)=\"toggleFullScreen()\"></i>\r\n\t\t\t\t</div>\r\n\t\t\t}\r\n\t\t</ng-template>\r\n\r\n\t\t<!-- body -->\r\n\t\t<ng-content></ng-content>\r\n\r\n\t\t<!-- footer -->\r\n\t\t<ng-template pTemplate=\"footer\">\r\n\t\t\t<ng-content select=\"[footer]\"></ng-content>\r\n\t\t</ng-template>\r\n\t</p-panel>\r\n</div>\r\n", styles: [".full-screen{position:fixed;inset:0;z-index:99999999;overflow-y:auto;box-sizing:border-box;width:100%;height:100vh;background:#fff}.panel-header{width:100%;display:flex;justify-content:space-between;align-items:center}.header-icon{cursor:pointer;width:1.5rem}\n"], dependencies: [{ kind: "ngmodule", type: PanelModule }, { kind: "component", type: i1.Panel, selector: "p-panel", inputs: ["toggleable", "header", "collapsed", "style", "styleClass", "iconPos", "expandIcon", "collapseIcon", "showHeader", "toggler", "transitionOptions"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: PanelComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'aril-panel', imports: [PanelModule, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"{ 'full-screen': isFullScreen && canFullScreen }\">\n\t<p-panel [toggleable]=\"toggleable\">\n\t\t<ng-template pTemplate=\"header\">\n\t\t\t<div class=\"panel-header\">\n\t\t\t\t<span class=\"text-primary font-semibold text-xl\">{{ header }}</span>\n\t\t\t\t@if (canFullScreen) {\n\t\t\t\t\t<div class=\"panel-icons\">\n\t\t\t\t\t\t<i\n\t\t\t\t\t\t\t[attr.role]=\"'none'\"\n\t\t\t\t\t\t\tclass=\"pi mr-1 header-icon\"\n\t\t\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t\t\t'pi-window-maximize': !isFullScreen,\n\t\t\t\t\t\t\t\t'pi-window-minimize': isFullScreen\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t(click)=\"toggleFullScreen()\"></i>\n\t\t\t\t\t\t<!-- Full Screen Icon -->\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</ng-template>\n\t\t<ng-content></ng-content>\n\t</p-panel>\n</div>\n", styles: [".full-screen{position:fixed;inset:0;z-index:99999999;overflow-y:auto;box-sizing:border-box;width:100%;height:100vh;background:#fff}.panel-header{width:100%;display:flex;justify-content:space-between;align-items:center}.header-icon{cursor:pointer;width:1.5rem}\n"] }]
+            args: [{ standalone: true, selector: 'aril-panel', imports: [PanelModule, NgClass], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"{ 'full-screen': isFullScreen && canFullScreen }\">\r\n\t<p-panel [toggleable]=\"toggleable()\">\r\n\t\t<!-- header -->\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t<div class=\"panel-header\">\r\n\t\t\t\t<!-- <span class=\"text-primary font-semibold text-xl\">{{ header() }}</span> -->\r\n\t\t\t\t<ng-content select=\"[header]\"></ng-content>\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\r\n\t\t<!-- header-tools -->\r\n\t\t<ng-template pTemplate=\"icons\">\r\n\t\t\t<ng-content select=\"[tools]\"></ng-content>\r\n\r\n\t\t\t@if (canFullScreen()) {\r\n\t\t\t\t<div class=\"panel-icons\">\r\n\t\t\t\t\t<i\r\n\t\t\t\t\t\t[attr.role]=\"'none'\"\r\n\t\t\t\t\t\tclass=\"pi mr-1 header-icon\"\r\n\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\t'pi-window-maximize': !isFullScreen,\r\n\t\t\t\t\t\t\t'pi-window-minimize': isFullScreen\r\n\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t(click)=\"toggleFullScreen()\"></i>\r\n\t\t\t\t</div>\r\n\t\t\t}\r\n\t\t</ng-template>\r\n\r\n\t\t<!-- body -->\r\n\t\t<ng-content></ng-content>\r\n\r\n\t\t<!-- footer -->\r\n\t\t<ng-template pTemplate=\"footer\">\r\n\t\t\t<ng-content select=\"[footer]\"></ng-content>\r\n\t\t</ng-template>\r\n\t</p-panel>\r\n</div>\r\n", styles: [".full-screen{position:fixed;inset:0;z-index:99999999;overflow-y:auto;box-sizing:border-box;width:100%;height:100vh;background:#fff}.panel-header{width:100%;display:flex;justify-content:space-between;align-items:center}.header-icon{cursor:pointer;width:1.5rem}\n"] }]
         }], propDecorators: { panelRef: [{
                 type: ViewChild,
                 args: ['panel']
-            }], header: [{
-                type: Input
-            }], toggleable: [{
-                type: Input
-            }], canFullScreen: [{
-                type: Input
             }] } });
 
 /**

package/fesm2022/aril-ui-panel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"aril-ui-panel.mjs","sources":["../../projects/aril/ui/panel/src/panel.component.ts","../../projects/aril/ui/panel/src/panel.component.html","../../projects/aril/ui/panel/aril-ui-panel.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, ElementRef, Input, ViewChild } from '@angular/core';\r\nimport { PanelModule } from 'primeng/panel';\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'aril-panel',\r\n  templateUrl: './panel.component.html',\r\n  styleUrl: './panel.component.css',\r\n  imports: [PanelModule, NgClass],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class PanelComponent {\r\n  @ViewChild('panel') panelRef!: ElementRef;\r\n\r\n  @Input() header!: string;\r\n  @Input() toggleable = true;\r\n  @Input() canFullScreen = true;\r\n\r\n  isFullScreen = false;\r\n\r\n  toggleFullScreen() {\r\n    this.isFullScreen = !this.isFullScreen;\r\n  }\r\n}\r\n","<div [ngClass]=\"{ 'full-screen': isFullScreen && canFullScreen }\">\n\t<p-panel [toggleable]=\"toggleable\">\n\t\t<ng-template pTemplate=\"header\">\n\t\t\t<div class=\"panel-header\">\n\t\t\t\t<span class=\"text-primary font-semibold text-xl\">{{ header }}</span>\n\t\t\t\t@if (canFullScreen) {\n\t\t\t\t\t<div class=\"panel-icons\">\n\t\t\t\t\t\t<i\n\t\t\t\t\t\t\t[attr.role]=\"'none'\"\n\t\t\t\t\t\t\tclass=\"pi mr-1 header-icon\"\n\t\t\t\t\t\t\t[ngClass]=\"{\n\t\t\t\t\t\t\t\t'pi-window-maximize': !isFullScreen,\n\t\t\t\t\t\t\t\t'pi-window-minimize': isFullScreen\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\t(click)=\"toggleFullScreen()\"></i>\n\t\t\t\t\t\t<!-- Full Screen Icon -->\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</ng-template>\n\t\t<ng-content></ng-content>\n\t</p-panel>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAYa,cAAc,CAAA;AAR3B,IAAA,WAAA,GAAA;QAYW,IAAU,CAAA,UAAA,GAAG,IAAI,CAAC;QAClB,IAAa,CAAA,aAAA,GAAG,IAAI,CAAC;QAE9B,IAAY,CAAA,YAAA,GAAG,KAAK,CAAC;AAKtB,KAAA;IAHC,gBAAgB,GAAA;AACd,QAAA,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC;KACxC;8GAXU,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,ECZ3B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,YAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,OAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,8xBAuBA,EDdY,MAAA,EAAA,CAAA,uQAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,WAAW,gaAAE,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAGnB,cAAc,EAAA,UAAA,EAAA,CAAA;kBAR1B,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,YAAY,EAAA,OAAA,EAGb,CAAC,WAAW,EAAE,OAAO,CAAC,EAAA,eAAA,EACd,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,8xBAAA,EAAA,MAAA,EAAA,CAAA,uQAAA,CAAA,EAAA,CAAA;8BAG3B,QAAQ,EAAA,CAAA;sBAA3B,SAAS;uBAAC,OAAO,CAAA;gBAET,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACG,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBACG,aAAa,EAAA,CAAA;sBAArB,KAAK;;;AEjBR;;AAEG;;;;"}
+{"version":3,"file":"aril-ui-panel.mjs","sources":["../../projects/aril/ui/panel/src/panel.component.ts","../../projects/aril/ui/panel/src/panel.component.html","../../projects/aril/ui/panel/aril-ui-panel.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, ElementRef, Input, ViewChild, input } from '@angular/core';\r\nimport { PanelModule } from 'primeng/panel';\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'aril-panel',\r\n  templateUrl: './panel.component.html',\r\n  styleUrl: './panel.component.css',\r\n  imports: [PanelModule, NgClass],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class PanelComponent {  \r\n  // header = input<string>();\r\n  toggleable = input<boolean>(true);\r\n  canFullScreen = input<boolean>(true);\r\n\r\n  @ViewChild('panel') panelRef!: ElementRef;\r\n\r\n  isFullScreen = false;\r\n\r\n  toggleFullScreen() {\r\n    this.isFullScreen = !this.isFullScreen;\r\n  }\r\n}\r\n","<div [ngClass]=\"{ 'full-screen': isFullScreen && canFullScreen }\">\r\n\t<p-panel [toggleable]=\"toggleable()\">\r\n\t\t<!-- header -->\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t<div class=\"panel-header\">\r\n\t\t\t\t<!-- <span class=\"text-primary font-semibold text-xl\">{{ header() }}</span> -->\r\n\t\t\t\t<ng-content select=\"[header]\"></ng-content>\r\n\t\t\t</div>\r\n\t\t</ng-template>\r\n\r\n\t\t<!-- header-tools -->\r\n\t\t<ng-template pTemplate=\"icons\">\r\n\t\t\t<ng-content select=\"[tools]\"></ng-content>\r\n\r\n\t\t\t@if (canFullScreen()) {\r\n\t\t\t\t<div class=\"panel-icons\">\r\n\t\t\t\t\t<i\r\n\t\t\t\t\t\t[attr.role]=\"'none'\"\r\n\t\t\t\t\t\tclass=\"pi mr-1 header-icon\"\r\n\t\t\t\t\t\t[ngClass]=\"{\r\n\t\t\t\t\t\t\t'pi-window-maximize': !isFullScreen,\r\n\t\t\t\t\t\t\t'pi-window-minimize': isFullScreen\r\n\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t(click)=\"toggleFullScreen()\"></i>\r\n\t\t\t\t</div>\r\n\t\t\t}\r\n\t\t</ng-template>\r\n\r\n\t\t<!-- body -->\r\n\t\t<ng-content></ng-content>\r\n\r\n\t\t<!-- footer -->\r\n\t\t<ng-template pTemplate=\"footer\">\r\n\t\t\t<ng-content select=\"[footer]\"></ng-content>\r\n\t\t</ng-template>\r\n\t</p-panel>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAYa,cAAc,CAAA;AAR3B,IAAA,WAAA,GAAA;;AAUE,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAU,IAAI,CAAC,CAAC;AAClC,QAAA,IAAA,CAAA,aAAa,GAAG,KAAK,CAAU,IAAI,CAAC,CAAC;QAIrC,IAAY,CAAA,YAAA,GAAG,KAAK,CAAC;AAKtB,KAAA;IAHC,gBAAgB,GAAA;AACd,QAAA,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC;KACxC;8GAXU,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAd,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,ECZ3B,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,aAAA,EAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,UAAA,EAAA,eAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,OAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,+qCAqCA,ED5BY,MAAA,EAAA,CAAA,uQAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,WAAW,gaAAE,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FAGnB,cAAc,EAAA,UAAA,EAAA,CAAA;kBAR1B,SAAS;iCACI,IAAI,EAAA,QAAA,EACN,YAAY,EAAA,OAAA,EAGb,CAAC,WAAW,EAAE,OAAO,CAAC,EAAA,eAAA,EACd,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,+qCAAA,EAAA,MAAA,EAAA,CAAA,uQAAA,CAAA,EAAA,CAAA;8BAO3B,QAAQ,EAAA,CAAA;sBAA3B,SAAS;uBAAC,OAAO,CAAA;;;AEjBpB;;AAEG;;;;"}

package/fesm2022/aril-ui-password.mjs

@@ -12,23 +12,28 @@ import * as i1 from 'aril/ui/lib';
 import { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';
 import * as i4 from 'primeng/api';
 
+/* TODO :
+    1. InputSignal
+*/
 class InputPasswordComponent extends BaseInputComponent {
     constructor() {
         super(...arguments);
         this.feedback = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: InputPasswordComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: InputPasswordComponent, isStandalone: true, selector: "aril-password[ngModel], aril-password[formControl], aril-password[formControlName]", inputs: { feedback: "feedback", passwordCriterias: "passwordCriterias", placeholder: "placeholder" }, usesInheritance: true, hostDirectives: [{ directive: i1.ValueAccessorDirective }], ngImport: i0, template: "<!-- /* TODO : REFACTOR */ -->\n<p-password\n\t[feedback]=\"feedback\"\n\t[toggleMask]=\"true\"\n\t[placeholder]=\"placeholder\"\n\t[pTooltip]=\"\n\t\tngControl.invalid\n\t\t\t? (ngControl.control.value | inputErrorMessage: ngControl)\n\t\t\t: ''\n\t\"\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 (criterion of passwordCriterias; track criterion) {\n\t\t\t\t\t<li>{{ criterion }}</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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.2", type: InputPasswordComponent, 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\r\n\t[feedback]=\"feedback\"\r\n\t[toggleMask]=\"true\"\r\n\t[placeholder]=\"placeholder\"\r\n\t[tabindex]=\"tabindex\"\r\n\t[pTooltip]=\"\r\n\t\tngControl.invalid\r\n\t\t\t? (ngControl.control.value | inputErrorMessage: ngControl)\r\n\t\t\t: ''\r\n\t\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n\t@if (passwordCriterias?.length) {\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t<h6>\u015Eifre Olu\u015Ftur</h6>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"footer\">\r\n\t\t\t<p-divider></p-divider>\r\n\t\t\t<p class=\"mt-2\">\u015Eartlar</p>\r\n\t\t\t<ul class=\"pl-2 ml-2 mt-0\" style=\"line-height: 1.5\">\r\n\t\t\t\t@for (criteria of passwordCriterias; track criteria) {\r\n\t\t\t\t\t<li>{{ criteria }}</li>\r\n\t\t\t\t}\r\n\t\t\t</ul>\r\n\t\t</ng-template>\r\n\t}\r\n</p-password>\r\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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: InputPasswordComponent, decorators: [{
             type: Component,
-            args: [{ standalone: true, selector: 'aril-password[ngModel], aril-password[formControl], aril-password[formControlName]', imports: [ReactiveFormsModule, PasswordModule, DividerModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- /* TODO : REFACTOR */ -->\n<p-password\n\t[feedback]=\"feedback\"\n\t[toggleMask]=\"true\"\n\t[placeholder]=\"placeholder\"\n\t[pTooltip]=\"\n\t\tngControl.invalid\n\t\t\t? (ngControl.control.value | inputErrorMessage: ngControl)\n\t\t\t: ''\n\t\"\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 (criterion of passwordCriterias; track criterion) {\n\t\t\t\t\t<li>{{ criterion }}</li>\n\t\t\t\t}\n\t\t\t</ul>\n\t\t</ng-template>\n\t}\n</p-password>\n" }]
+            args: [{ standalone: true, selector: 'aril-password[ngModel], aril-password[formControl], aril-password[formControlName]', imports: [ReactiveFormsModule, PasswordModule, DividerModule, TooltipModule, InputErrorMessagePipe], hostDirectives: [ValueAccessorDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<p-password\r\n\t[feedback]=\"feedback\"\r\n\t[toggleMask]=\"true\"\r\n\t[placeholder]=\"placeholder\"\r\n\t[tabindex]=\"tabindex\"\r\n\t[pTooltip]=\"\r\n\t\tngControl.invalid\r\n\t\t\t? (ngControl.control.value | inputErrorMessage: ngControl)\r\n\t\t\t: ''\r\n\t\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n\t@if (passwordCriterias?.length) {\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t<h6>\u015Eifre Olu\u015Ftur</h6>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"footer\">\r\n\t\t\t<p-divider></p-divider>\r\n\t\t\t<p class=\"mt-2\">\u015Eartlar</p>\r\n\t\t\t<ul class=\"pl-2 ml-2 mt-0\" style=\"line-height: 1.5\">\r\n\t\t\t\t@for (criteria of passwordCriterias; track criteria) {\r\n\t\t\t\t\t<li>{{ criteria }}</li>\r\n\t\t\t\t}\r\n\t\t\t</ul>\r\n\t\t</ng-template>\r\n\t}\r\n</p-password>\r\n" }]
         }], propDecorators: { feedback: [{
                 type: Input
             }], passwordCriterias: [{
                 type: Input
             }], placeholder: [{
                 type: Input
+            }], tabindex: [{
+                type: Input
             }] } });
 
 /**

package/fesm2022/aril-ui-password.mjs.map

@@ -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 { ChangeDetectionStrategy, Component, Input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { PasswordModule } from 'primeng/password';\r\nimport { DividerModule } from 'primeng/divider';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'aril-password[ngModel], aril-password[formControl], aril-password[formControlName]',\r\n  templateUrl: './password.component.html',\r\n  imports: [ReactiveFormsModule, PasswordModule, DividerModule, TooltipModule, InputErrorMessagePipe],\r\n  hostDirectives: [ValueAccessorDirective],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class InputPasswordComponent extends BaseInputComponent {\r\n  @Input() feedback = false;\r\n  @Input() passwordCriterias?: Array<string>;\r\n  @Input() placeholder?: string;\r\n}\r\n","<!-- /* TODO : REFACTOR */ -->\n<p-password\n\t[feedback]=\"feedback\"\n\t[toggleMask]=\"true\"\n\t[placeholder]=\"placeholder\"\n\t[pTooltip]=\"\n\t\tngControl.invalid\n\t\t\t? (ngControl.control.value | inputErrorMessage: ngControl)\n\t\t\t: ''\n\t\"\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 (criterion of passwordCriterias; track criterion) {\n\t\t\t\t\t<li>{{ criterion }}</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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"}
+{"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 { ChangeDetectionStrategy, Component, Input } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { PasswordModule } from 'primeng/password';\r\nimport { DividerModule } from 'primeng/divider';\r\nimport { TooltipModule } from 'primeng/tooltip';\r\nimport { BaseInputComponent, InputErrorMessagePipe, ValueAccessorDirective } from 'aril/ui/lib';\r\n\r\n/* TODO : \r\n    1. InputSignal\r\n*/\r\n\r\n@Component({\r\n  standalone: true,\r\n  selector: 'aril-password[ngModel], aril-password[formControl], aril-password[formControlName]',\r\n  templateUrl: './password.component.html',\r\n  imports: [ReactiveFormsModule, PasswordModule, DividerModule, TooltipModule, InputErrorMessagePipe],\r\n  hostDirectives: [ValueAccessorDirective],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class InputPasswordComponent extends BaseInputComponent {\r\n  @Input() feedback = false;\r\n  @Input() passwordCriterias?: Array<string>;\r\n  @Input() placeholder?: string;\r\n  @Input() tabindex!: number;\r\n}\r\n","<p-password\r\n\t[feedback]=\"feedback\"\r\n\t[toggleMask]=\"true\"\r\n\t[placeholder]=\"placeholder\"\r\n\t[tabindex]=\"tabindex\"\r\n\t[pTooltip]=\"\r\n\t\tngControl.invalid\r\n\t\t\t? (ngControl.control.value | inputErrorMessage: ngControl)\r\n\t\t\t: ''\r\n\t\"\r\n\t[tooltipOptions]=\"tooltipOptions\"\r\n\t[formControl]=\"ngControl.control\"\r\n\t(ngModelChange)=\"ngControl.viewToModelUpdate($event)\">\r\n\t@if (passwordCriterias?.length) {\r\n\t\t<ng-template pTemplate=\"header\">\r\n\t\t\t<h6>Şifre Oluştur</h6>\r\n\t\t</ng-template>\r\n\t\t<ng-template pTemplate=\"footer\">\r\n\t\t\t<p-divider></p-divider>\r\n\t\t\t<p class=\"mt-2\">Şartlar</p>\r\n\t\t\t<ul class=\"pl-2 ml-2 mt-0\" style=\"line-height: 1.5\">\r\n\t\t\t\t@for (criteria of passwordCriterias; track criteria) {\r\n\t\t\t\t\t<li>{{ criteria }}</li>\r\n\t\t\t\t}\r\n\t\t\t</ul>\r\n\t\t</ng-template>\r\n\t}\r\n</p-password>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}