npm - @masterteam/components - Versions diffs - 0.0.68 → 0.0.70 - Mend

@masterteam/components 0.0.68 → 0.0.70

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (97) hide show

package/fesm2022/masterteam-components-color-picker-field.mjs CHANGED Viewed

@@ -73,13 +73,13 @@ class ColorPickerField {
         this.disabled.set(disabled);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ColorPickerField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: ColorPickerField, isStandalone: true, selector: "mt-color-picker-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange" }, host: { properties: { "class": "class()" } }, viewQueries: [{ propertyName: "colorPicker", first: true, predicate: ["colorPicker"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"flex flex-col gap-1 min-w-full\">\n  @if (label()) {\n    <label\n      [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n      [for]=\"ngControl?.name || label()\"\n      >{{ label() }}</label\n    >\n  }\n  <div\n    class=\"flex items-center hover:border-(--p-inputtext-hover-border-color)! p-inputtext\"\n    [class.bg-(--p-inputtext-filled-background)]=\"variant() === 'filled'\"\n    [class.border-(--p-inputtext-invalid-border-color)!]=\"\n      ngControl?.control?.invalid && ngControl?.control?.touched\n    \"\n  >\n    <p-colorpicker\n      #colorPicker=\"\"\n      [ngModel]=\"value()\"\n      (ngModelChange)=\"onValueChange($event)\"\n      (onChange)=\"onChange.emit($event)\"\n      (blur)=\"onTouched()\"\n      [disabled]=\"disabled() || readonly()\"\n      [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\n      [class.ng-invalid]=\"ngControl?.control?.invalid\"\n      class=\"leading-none\"\n      [invalid]=\"isInvalid(ngControl?.control)\"\n    ></p-colorpicker>\n    <div class=\"ms-2 w-full\">\n      <mt-text-field\n        [ngModel]=\"value()\"\n        (ngModelChange)=\"onValueChange($event)\"\n        (change)=\"onChange.emit($event)\"\n        (blur)=\"onTouched()\"\n        [disabled]=\"disabled() || readonly()\"\n        [class.ng-invalid]=\"ngControl?.control?.invalid\"\n        placeholder=\"No color selected\"\n        class=\"leading-none min-w-max p-0 input-no-border px-0\"\n        hint=\"Should be a hex color code, e.g. #ff5733 or #f00\"\n      ></mt-text-field>\n    </div>\n  </div>\n  <mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n</div>\n", styles: [":host{display:flex;align-items:center}::ng-deep .input-no-border .p-component{border:none;box-shadow:none;background-color:transparent;width:100%}::ng-deep .input-no-border .p-inputgroupaddon{border-inline:none;border-block-start:none;border-block-end:none;padding:0!important}::ng-deep .input-no-border .p-inputgroupaddon:last-child{border-inline-end:none}::ng-deep .p-inputtext .p-inputtext{padding:0!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ColorPickerModule }, { kind: "component", type: i2.ColorPicker, selector: "p-colorPicker, p-colorpicker, p-color-picker", inputs: ["styleClass", "showTransitionOptions", "hideTransitionOptions", "inline", "format", "tabindex", "inputId", "autoZIndex", "autofocus", "defaultColor", "appendTo", "overlayOptions", "motionOptions"], outputs: ["onChange", "onShow", "onHide"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }, { kind: "component", type: TextField, selector: "mt-text-field", inputs: ["field", "hint", "label", "placeholder", "class", "type", "readonly", "pInputs", "required", "icon", "iconPosition"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: ColorPickerField, isStandalone: true, selector: "mt-color-picker-field", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onChange: "onChange" }, host: { properties: { "class": "class()" } }, viewQueries: [{ propertyName: "colorPicker", first: true, predicate: ["colorPicker"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"flex flex-col gap-1 min-w-full\">\r\n  @if (label()) {\r\n    <label\r\n      [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n      [for]=\"ngControl?.name || label()\"\r\n      >{{ label() }}</label\r\n    >\r\n  }\r\n  <div\r\n    class=\"flex items-center hover:border-(--p-inputtext-hover-border-color)! p-inputtext\"\r\n    [class.bg-(--p-inputtext-filled-background)]=\"variant() === 'filled'\"\r\n    [class.border-(--p-inputtext-invalid-border-color)!]=\"\r\n      ngControl?.control?.invalid && ngControl?.control?.touched\r\n    \"\r\n  >\r\n    <p-colorpicker\r\n      #colorPicker=\"\"\r\n      [ngModel]=\"value()\"\r\n      (ngModelChange)=\"onValueChange($event)\"\r\n      (onChange)=\"onChange.emit($event)\"\r\n      (blur)=\"onTouched()\"\r\n      [disabled]=\"disabled() || readonly()\"\r\n      [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\r\n      [class.ng-invalid]=\"ngControl?.control?.invalid\"\r\n      class=\"leading-none\"\r\n      [invalid]=\"isInvalid(ngControl?.control)\"\r\n    ></p-colorpicker>\r\n    <div class=\"ms-2 w-full\">\r\n      <mt-text-field\r\n        [ngModel]=\"value()\"\r\n        (ngModelChange)=\"onValueChange($event)\"\r\n        (change)=\"onChange.emit($event)\"\r\n        (blur)=\"onTouched()\"\r\n        [disabled]=\"disabled() || readonly()\"\r\n        [class.ng-invalid]=\"ngControl?.control?.invalid\"\r\n        placeholder=\"No color selected\"\r\n        class=\"leading-none min-w-max p-0 input-no-border px-0\"\r\n        hint=\"Should be a hex color code, e.g. #ff5733 or #f00\"\r\n      ></mt-text-field>\r\n    </div>\r\n  </div>\r\n  <mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n</div>\r\n", styles: [":host{display:flex;align-items:center}::ng-deep .input-no-border .p-component{border:none;box-shadow:none;background-color:transparent;width:100%}::ng-deep .input-no-border .p-inputgroupaddon{border-inline:none;border-block-start:none;border-block-end:none;padding:0!important}::ng-deep .input-no-border .p-inputgroupaddon:last-child{border-inline-end:none}::ng-deep .p-inputtext .p-inputtext{padding:0!important}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: ColorPickerModule }, { kind: "component", type: i2.ColorPicker, selector: "p-colorPicker, p-colorpicker, p-color-picker", inputs: ["styleClass", "showTransitionOptions", "hideTransitionOptions", "inline", "format", "tabindex", "inputId", "autoZIndex", "autofocus", "defaultColor", "appendTo", "overlayOptions", "motionOptions"], outputs: ["onChange", "onShow", "onHide"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }, { kind: "component", type: TextField, selector: "mt-text-field", inputs: ["field", "hint", "label", "placeholder", "class", "type", "readonly", "pInputs", "required", "icon", "iconPosition"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ColorPickerField, decorators: [{
             type: Component,
             args: [{ selector: 'mt-color-picker-field', standalone: true, imports: [FormsModule, ColorPickerModule, FieldValidation, TextField], host: {
                         '[class]': 'class()',
-                    }, template: "<div class=\"flex flex-col gap-1 min-w-full\">\n  @if (label()) {\n    <label\n      [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n      [for]=\"ngControl?.name || label()\"\n      >{{ label() }}</label\n    >\n  }\n  <div\n    class=\"flex items-center hover:border-(--p-inputtext-hover-border-color)! p-inputtext\"\n    [class.bg-(--p-inputtext-filled-background)]=\"variant() === 'filled'\"\n    [class.border-(--p-inputtext-invalid-border-color)!]=\"\n      ngControl?.control?.invalid && ngControl?.control?.touched\n    \"\n  >\n    <p-colorpicker\n      #colorPicker=\"\"\n      [ngModel]=\"value()\"\n      (ngModelChange)=\"onValueChange($event)\"\n      (onChange)=\"onChange.emit($event)\"\n      (blur)=\"onTouched()\"\n      [disabled]=\"disabled() || readonly()\"\n      [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\n      [class.ng-invalid]=\"ngControl?.control?.invalid\"\n      class=\"leading-none\"\n      [invalid]=\"isInvalid(ngControl?.control)\"\n    ></p-colorpicker>\n    <div class=\"ms-2 w-full\">\n      <mt-text-field\n        [ngModel]=\"value()\"\n        (ngModelChange)=\"onValueChange($event)\"\n        (change)=\"onChange.emit($event)\"\n        (blur)=\"onTouched()\"\n        [disabled]=\"disabled() || readonly()\"\n        [class.ng-invalid]=\"ngControl?.control?.invalid\"\n        placeholder=\"No color selected\"\n        class=\"leading-none min-w-max p-0 input-no-border px-0\"\n        hint=\"Should be a hex color code, e.g. #ff5733 or #f00\"\n      ></mt-text-field>\n    </div>\n  </div>\n  <mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n</div>\n", styles: [":host{display:flex;align-items:center}::ng-deep .input-no-border .p-component{border:none;box-shadow:none;background-color:transparent;width:100%}::ng-deep .input-no-border .p-inputgroupaddon{border-inline:none;border-block-start:none;border-block-end:none;padding:0!important}::ng-deep .input-no-border .p-inputgroupaddon:last-child{border-inline-end:none}::ng-deep .p-inputtext .p-inputtext{padding:0!important}\n"] }]
+                    }, template: "<div class=\"flex flex-col gap-1 min-w-full\">\r\n  @if (label()) {\r\n    <label\r\n      [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n      [for]=\"ngControl?.name || label()\"\r\n      >{{ label() }}</label\r\n    >\r\n  }\r\n  <div\r\n    class=\"flex items-center hover:border-(--p-inputtext-hover-border-color)! p-inputtext\"\r\n    [class.bg-(--p-inputtext-filled-background)]=\"variant() === 'filled'\"\r\n    [class.border-(--p-inputtext-invalid-border-color)!]=\"\r\n      ngControl?.control?.invalid && ngControl?.control?.touched\r\n    \"\r\n  >\r\n    <p-colorpicker\r\n      #colorPicker=\"\"\r\n      [ngModel]=\"value()\"\r\n      (ngModelChange)=\"onValueChange($event)\"\r\n      (onChange)=\"onChange.emit($event)\"\r\n      (blur)=\"onTouched()\"\r\n      [disabled]=\"disabled() || readonly()\"\r\n      [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\r\n      [class.ng-invalid]=\"ngControl?.control?.invalid\"\r\n      class=\"leading-none\"\r\n      [invalid]=\"isInvalid(ngControl?.control)\"\r\n    ></p-colorpicker>\r\n    <div class=\"ms-2 w-full\">\r\n      <mt-text-field\r\n        [ngModel]=\"value()\"\r\n        (ngModelChange)=\"onValueChange($event)\"\r\n        (change)=\"onChange.emit($event)\"\r\n        (blur)=\"onTouched()\"\r\n        [disabled]=\"disabled() || readonly()\"\r\n        [class.ng-invalid]=\"ngControl?.control?.invalid\"\r\n        placeholder=\"No color selected\"\r\n        class=\"leading-none min-w-max p-0 input-no-border px-0\"\r\n        hint=\"Should be a hex color code, e.g. #ff5733 or #f00\"\r\n      ></mt-text-field>\r\n    </div>\r\n  </div>\r\n  <mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n</div>\r\n", styles: [":host{display:flex;align-items:center}::ng-deep .input-no-border .p-component{border:none;box-shadow:none;background-color:transparent;width:100%}::ng-deep .input-no-border .p-inputgroupaddon{border-inline:none;border-block-start:none;border-block-end:none;padding:0!important}::ng-deep .input-no-border .p-inputgroupaddon:last-child{border-inline-end:none}::ng-deep .p-inputtext .p-inputtext{padding:0!important}\n"] }]
         }], ctorParameters: () => [], propDecorators: { colorPicker: [{
                 type: ViewChild,
                 args: ['colorPicker', { static: true }]

package/fesm2022/masterteam-components-color-picker-field.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"masterteam-components-color-picker-field.mjs","sources":["../../../../packages/masterteam/components/color-picker-field/color-picker-field.ts","../../../../packages/masterteam/components/color-picker-field/color-picker-field.html","../../../../packages/masterteam/components/color-picker-field/masterteam-components-color-picker-field.ts"],"sourcesContent":["import {\n Component,\n ViewChild,\n signal,\n input,\n output,\n inject,\n effect,\n} from '@angular/core';\nimport {\n ControlValueAccessor,\n FormsModule,\n NgControl,\n Validators,\n} from '@angular/forms';\nimport {\n ColorPickerModule,\n ColorPicker,\n ColorPickerChangeEvent,\n} from 'primeng/colorpicker';\nimport { FieldValidation } from '@masterteam/components/field-validation';\nimport { TextField } from '@masterteam/components/text-field';\nimport { isInvalid } from '@masterteam/components';\n\n@Component({\n selector: 'mt-color-picker-field',\n standalone: true,\n imports: [FormsModule, ColorPickerModule, FieldValidation, TextField],\n templateUrl: './color-picker-field.html',\n styleUrls: ['./color-picker-field.scss'],\n host: {\n '[class]': 'class()',\n },\n})\nexport class ColorPickerField implements ControlValueAccessor {\n @ViewChild('colorPicker', { static: true })\n colorPicker: ColorPicker;\n\n label = input<string>();\n placeholder = input<string>();\n class = input<string>('');\n variant = input<'outlined' \| 'filled'>('outlined');\n readonly = input<boolean>(false);\n pInputs = input<Partial<ColorPicker>>();\n required = input<boolean>(false);\n\n onChange = output<ColorPickerChangeEvent>();\n\n public ngControl = inject(NgControl, { self: true });\n\n requiredValidator = Validators.required;\n value = signal<string \| null>(null);\n disabled = signal<boolean>(false);\n\n onTouched: () => void = () => {};\n onModelChange: (value: string \| null) => void = () => {};\n isInvalid = isInvalid;\n\n constructor() {\n if (this.ngControl) {\n this.ngControl.valueAccessor = this;\n }\n\n // Effect to apply pInputs reactively when the pInputs signal changes\n effect(() => {\n const currentPInputs = this.pInputs();\n // Ensure colorPicker ViewChild is initialized and pInputs has a value\n // @ViewChild with static: true makes 'colorPicker' available during construction/ngOnInit\n if (this.colorPicker && currentPInputs) {\n this.applyInputsToColorPicker();\n }\n });\n\n // Effect to add required validator if required input is true\n effect(() => {\n if (this.ngControl.control && this.required()) {\n this.ngControl.control.addValidators(Validators.required);\n this.ngControl.control.updateValueAndValidity();\n }\n if (this.ngControl.control) {\n this.ngControl.control.addValidators(\n Validators.pattern(/^#([0-9a-fA-F]{6}\|[0-9a-fA-F]{3})$/),\n );\n }\n });\n }\n\n applyInputsToColorPicker() {\n const currentPInputs = this.pInputs();\n if (currentPInputs) {\n Object.assign(this.colorPicker, currentPInputs);\n }\n }\n\n onValueChange(value: string \| null) {\n this.onModelChange(value);\n this.onTouched();\n this.value.set(value);\n }\n\n writeValue(value: string \| null) {\n this.value.set(value);\n }\n\n registerOnChange(fn: any) {\n this.onModelChange = fn;\n }\n\n registerOnTouched(fn: any) {\n this.onTouched = fn;\n }\n\n setDisabledState(disabled: boolean) {\n this.disabled.set(disabled);\n }\n}\n","<div class=\"flex flex-col gap-1 min-w-full\">\n @if (label()) {\n <label\n [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n [for]=\"ngControl?.name \|\| label()\"\n >{{ label() }}</label\n >\n }\n <div\n class=\"flex items-center hover:border-(--p-inputtext-hover-border-color)! p-inputtext\"\n [class.bg-(--p-inputtext-filled-background)]=\"variant() === 'filled'\"\n [class.border-(--p-inputtext-invalid-border-color)!]=\"\n ngControl?.control?.invalid && ngControl?.control?.touched\n \"\n >\n <p-colorpicker\n #colorPicker=\"\"\n [ngModel]=\"value()\"\n (ngModelChange)=\"onValueChange($event)\"\n (onChange)=\"onChange.emit($event)\"\n (blur)=\"onTouched()\"\n [disabled]=\"disabled() \|\| readonly()\"\n [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\n [class.ng-invalid]=\"ngControl?.control?.invalid\"\n class=\"leading-none\"\n [invalid]=\"isInvalid(ngControl?.control)\"\n ></p-colorpicker>\n <div class=\"ms-2 w-full\">\n <mt-text-field\n [ngModel]=\"value()\"\n (ngModelChange)=\"onValueChange($event)\"\n (change)=\"onChange.emit($event)\"\n (blur)=\"onTouched()\"\n [disabled]=\"disabled() \|\| readonly()\"\n [class.ng-invalid]=\"ngControl?.control?.invalid\"\n placeholder=\"No color selected\"\n class=\"leading-none min-w-max p-0 input-no-border px-0\"\n hint=\"Should be a hex color code, e.g. #ff5733 or #f00\"\n ></mt-text-field>\n </div>\n </div>\n <mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n</div>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"masterteam-components-color-picker-field.mjs","sources":["../../../../packages/masterteam/components/color-picker-field/color-picker-field.ts","../../../../packages/masterteam/components/color-picker-field/color-picker-field.html","../../../../packages/masterteam/components/color-picker-field/masterteam-components-color-picker-field.ts"],"sourcesContent":["import {\r\n Component,\r\n ViewChild,\r\n signal,\r\n input,\r\n output,\r\n inject,\r\n effect,\r\n} from '@angular/core';\r\nimport {\r\n ControlValueAccessor,\r\n FormsModule,\r\n NgControl,\r\n Validators,\r\n} from '@angular/forms';\r\nimport {\r\n ColorPickerModule,\r\n ColorPicker,\r\n ColorPickerChangeEvent,\r\n} from 'primeng/colorpicker';\r\nimport { FieldValidation } from '@masterteam/components/field-validation';\r\nimport { TextField } from '@masterteam/components/text-field';\r\nimport { isInvalid } from '@masterteam/components';\r\n\r\n@Component({\r\n selector: 'mt-color-picker-field',\r\n standalone: true,\r\n imports: [FormsModule, ColorPickerModule, FieldValidation, TextField],\r\n templateUrl: './color-picker-field.html',\r\n styleUrls: ['./color-picker-field.scss'],\r\n host: {\r\n '[class]': 'class()',\r\n },\r\n})\r\nexport class ColorPickerField implements ControlValueAccessor {\r\n @ViewChild('colorPicker', { static: true })\r\n colorPicker: ColorPicker;\r\n\r\n label = input<string>();\r\n placeholder = input<string>();\r\n class = input<string>('');\r\n variant = input<'outlined' \| 'filled'>('outlined');\r\n readonly = input<boolean>(false);\r\n pInputs = input<Partial<ColorPicker>>();\r\n required = input<boolean>(false);\r\n\r\n onChange = output<ColorPickerChangeEvent>();\r\n\r\n public ngControl = inject(NgControl, { self: true });\r\n\r\n requiredValidator = Validators.required;\r\n value = signal<string \| null>(null);\r\n disabled = signal<boolean>(false);\r\n\r\n onTouched: () => void = () => {};\r\n onModelChange: (value: string \| null) => void = () => {};\r\n isInvalid = isInvalid;\r\n\r\n constructor() {\r\n if (this.ngControl) {\r\n this.ngControl.valueAccessor = this;\r\n }\r\n\r\n // Effect to apply pInputs reactively when the pInputs signal changes\r\n effect(() => {\r\n const currentPInputs = this.pInputs();\r\n // Ensure colorPicker ViewChild is initialized and pInputs has a value\r\n // @ViewChild with static: true makes 'colorPicker' available during construction/ngOnInit\r\n if (this.colorPicker && currentPInputs) {\r\n this.applyInputsToColorPicker();\r\n }\r\n });\r\n\r\n // Effect to add required validator if required input is true\r\n effect(() => {\r\n if (this.ngControl.control && this.required()) {\r\n this.ngControl.control.addValidators(Validators.required);\r\n this.ngControl.control.updateValueAndValidity();\r\n }\r\n if (this.ngControl.control) {\r\n this.ngControl.control.addValidators(\r\n Validators.pattern(/^#([0-9a-fA-F]{6}\|[0-9a-fA-F]{3})$/),\r\n );\r\n }\r\n });\r\n }\r\n\r\n applyInputsToColorPicker() {\r\n const currentPInputs = this.pInputs();\r\n if (currentPInputs) {\r\n Object.assign(this.colorPicker, currentPInputs);\r\n }\r\n }\r\n\r\n onValueChange(value: string \| null) {\r\n this.onModelChange(value);\r\n this.onTouched();\r\n this.value.set(value);\r\n }\r\n\r\n writeValue(value: string \| null) {\r\n this.value.set(value);\r\n }\r\n\r\n registerOnChange(fn: any) {\r\n this.onModelChange = fn;\r\n }\r\n\r\n registerOnTouched(fn: any) {\r\n this.onTouched = fn;\r\n }\r\n\r\n setDisabledState(disabled: boolean) {\r\n this.disabled.set(disabled);\r\n }\r\n}\r\n","<div class=\"flex flex-col gap-1 min-w-full\">\r\n @if (label()) {\r\n <label\r\n [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n [for]=\"ngControl?.name \|\| label()\"\r\n >{{ label() }}</label\r\n >\r\n }\r\n <div\r\n class=\"flex items-center hover:border-(--p-inputtext-hover-border-color)! p-inputtext\"\r\n [class.bg-(--p-inputtext-filled-background)]=\"variant() === 'filled'\"\r\n [class.border-(--p-inputtext-invalid-border-color)!]=\"\r\n ngControl?.control?.invalid && ngControl?.control?.touched\r\n \"\r\n >\r\n <p-colorpicker\r\n #colorPicker=\"\"\r\n [ngModel]=\"value()\"\r\n (ngModelChange)=\"onValueChange($event)\"\r\n (onChange)=\"onChange.emit($event)\"\r\n (blur)=\"onTouched()\"\r\n [disabled]=\"disabled() \|\| readonly()\"\r\n [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\r\n [class.ng-invalid]=\"ngControl?.control?.invalid\"\r\n class=\"leading-none\"\r\n [invalid]=\"isInvalid(ngControl?.control)\"\r\n ></p-colorpicker>\r\n <div class=\"ms-2 w-full\">\r\n <mt-text-field\r\n [ngModel]=\"value()\"\r\n (ngModelChange)=\"onValueChange($event)\"\r\n (change)=\"onChange.emit($event)\"\r\n (blur)=\"onTouched()\"\r\n [disabled]=\"disabled() \|\| readonly()\"\r\n [class.ng-invalid]=\"ngControl?.control?.invalid\"\r\n placeholder=\"No color selected\"\r\n class=\"leading-none min-w-max p-0 input-no-border px-0\"\r\n hint=\"Should be a hex color code, e.g. #ff5733 or #f00\"\r\n ></mt-text-field>\r\n </div>\r\n </div>\r\n <mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n</div>\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/masterteam-components-confirmation.mjs CHANGED Viewed

@@ -78,11 +78,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
 class ConfirmationDialog {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ConfirmationDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: ConfirmationDialog, isStandalone: true, selector: "mt-confirmation-dialog", ngImport: i0, template: "<ng-template #popupTemplate let-key=\"key\">\n  <p-confirmpopup #cp [key]=\"key\">\n    <ng-template #headless let-data>\n      <div class=\"flex items-center gap-2 p-3 min-w-100\">\n        <div class=\"text-3xl mb-2\">\n          <mt-icon [icon]=\"data.icon\"></mt-icon>\n        </div>\n        <div>{{ data.message }}</div>\n      </div>\n\n      <div class=\"flex items-center justify-end gap-2 p-3 pt-0\">\n        <mt-button\n          [label]=\"data.acceptLabel\"\n          [styleClass]=\"data.acceptButtonStyleClass\"\n          [severity]=\"data.acceptButton.severity\"\n          [variant]=\"data.acceptButton.variant\"\n          size=\"small\"\n          (onClick)=\"cp.onAccept()\"\n        ></mt-button>\n        <mt-button\n          [label]=\"data.rejectLabel\"\n          [severity]=\"data.rejectButton.severity\"\n          [variant]=\"data.rejectButton.variant\"\n          size=\"small\"\n          (onClick)=\"cp.onReject()\"\n        ></mt-button>\n      </div>\n    </ng-template>\n  </p-confirmpopup>\n</ng-template>\n\n<ng-container\n  *ngTemplateOutlet=\"popupTemplate; context: { key: 'popup1' }\"\n></ng-container>\n<ng-container\n  *ngTemplateOutlet=\"popupTemplate; context: { key: 'popup2' }\"\n></ng-container>\n\n<p-confirmdialog [key]=\"'dialog'\">\n  <ng-template\n    #headless\n    let-data\n    let-onAccept=\"onAccept\"\n    let-onReject=\"onReject\"\n  >\n    <div\n      class=\"flex items-center justify-between bg-surface-100 rounded-t-xl px-4 py-2\"\n    >\n      <div class=\"text-xl font-semibold\">{{ data.header }}</div>\n      <mt-button\n        [icon]=\"'general.x-close'\"\n        variant=\"text\"\n        severity=\"secondary\"\n        styleClass=\"text-8xl\"\n        size=\"large\"\n        (onClick)=\"onReject()\"\n      ></mt-button>\n    </div>\n\n    <div class=\"flex items-center gap-2 p-4 min-w-100\">\n      <div class=\"text-3xl mb-2\">\n        <mt-icon [icon]=\"data.icon\"></mt-icon>\n      </div>\n      <div>{{ data.message }}</div>\n    </div>\n\n    <div class=\"flex items-center justify-end gap-2 mt-2 p-4\">\n      <mt-button\n        [label]=\"data.acceptLabel\"\n        [styleClass]=\"data.acceptButtonStyleClass\"\n        [severity]=\"data.acceptButton.severity\"\n        [variant]=\"data.acceptButton.variant\"\n        (onClick)=\"onAccept()\"\n      ></mt-button>\n      <mt-button\n        [label]=\"data.rejectLabel\"\n        [severity]=\"data.rejectButton.severity\"\n        [variant]=\"data.rejectButton.variant\"\n        (onClick)=\"onReject()\"\n      ></mt-button>\n    </div>\n  </ng-template>\n</p-confirmdialog>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "modal", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "component", type: ConfirmPopup, selector: "p-confirmpopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible", "motionOptions", "appendTo"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.3", type: ConfirmationDialog, isStandalone: true, selector: "mt-confirmation-dialog", ngImport: i0, template: "<ng-template #popupTemplate let-key=\"key\">\r\n  <p-confirmpopup #cp [key]=\"key\">\r\n    <ng-template #headless let-data>\r\n      <div class=\"flex items-center gap-2 p-3 min-w-100\">\r\n        <div class=\"text-3xl mb-2\">\r\n          <mt-icon [icon]=\"data.icon\"></mt-icon>\r\n        </div>\r\n        <div>{{ data.message }}</div>\r\n      </div>\r\n\r\n      <div class=\"flex items-center justify-end gap-2 p-3 pt-0\">\r\n        <mt-button\r\n          [label]=\"data.acceptLabel\"\r\n          [styleClass]=\"data.acceptButtonStyleClass\"\r\n          [severity]=\"data.acceptButton.severity\"\r\n          [variant]=\"data.acceptButton.variant\"\r\n          size=\"small\"\r\n          (onClick)=\"cp.onAccept()\"\r\n        ></mt-button>\r\n        <mt-button\r\n          [label]=\"data.rejectLabel\"\r\n          [severity]=\"data.rejectButton.severity\"\r\n          [variant]=\"data.rejectButton.variant\"\r\n          size=\"small\"\r\n          (onClick)=\"cp.onReject()\"\r\n        ></mt-button>\r\n      </div>\r\n    </ng-template>\r\n  </p-confirmpopup>\r\n</ng-template>\r\n\r\n<ng-container\r\n  *ngTemplateOutlet=\"popupTemplate; context: { key: 'popup1' }\"\r\n></ng-container>\r\n<ng-container\r\n  *ngTemplateOutlet=\"popupTemplate; context: { key: 'popup2' }\"\r\n></ng-container>\r\n\r\n<p-confirmdialog [key]=\"'dialog'\">\r\n  <ng-template\r\n    #headless\r\n    let-data\r\n    let-onAccept=\"onAccept\"\r\n    let-onReject=\"onReject\"\r\n  >\r\n    <div\r\n      class=\"flex items-center justify-between bg-surface-100 rounded-t-xl px-4 py-2\"\r\n    >\r\n      <div class=\"text-xl font-semibold\">{{ data.header }}</div>\r\n      <mt-button\r\n        [icon]=\"'general.x-close'\"\r\n        variant=\"text\"\r\n        severity=\"secondary\"\r\n        styleClass=\"text-8xl\"\r\n        size=\"large\"\r\n        (onClick)=\"onReject()\"\r\n      ></mt-button>\r\n    </div>\r\n\r\n    <div class=\"flex items-center gap-2 p-4 min-w-100\">\r\n      <div class=\"text-3xl mb-2\">\r\n        <mt-icon [icon]=\"data.icon\"></mt-icon>\r\n      </div>\r\n      <div>{{ data.message }}</div>\r\n    </div>\r\n\r\n    <div class=\"flex items-center justify-end gap-2 mt-2 p-4\">\r\n      <mt-button\r\n        [label]=\"data.acceptLabel\"\r\n        [styleClass]=\"data.acceptButtonStyleClass\"\r\n        [severity]=\"data.acceptButton.severity\"\r\n        [variant]=\"data.acceptButton.variant\"\r\n        (onClick)=\"onAccept()\"\r\n      ></mt-button>\r\n      <mt-button\r\n        [label]=\"data.rejectLabel\"\r\n        [severity]=\"data.rejectButton.severity\"\r\n        [variant]=\"data.rejectButton.variant\"\r\n        (onClick)=\"onReject()\"\r\n      ></mt-button>\r\n    </div>\r\n  </ng-template>\r\n</p-confirmdialog>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "modal", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }, { kind: "component", type: ConfirmPopup, selector: "p-confirmpopup", inputs: ["key", "defaultFocus", "showTransitionOptions", "hideTransitionOptions", "autoZIndex", "baseZIndex", "style", "styleClass", "visible", "motionOptions", "appendTo"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ConfirmationDialog, decorators: [{
             type: Component,
-            args: [{ selector: 'mt-confirmation-dialog', standalone: true, imports: [CommonModule, ConfirmDialog, Button, Icon, ConfirmPopup], template: "<ng-template #popupTemplate let-key=\"key\">\n  <p-confirmpopup #cp [key]=\"key\">\n    <ng-template #headless let-data>\n      <div class=\"flex items-center gap-2 p-3 min-w-100\">\n        <div class=\"text-3xl mb-2\">\n          <mt-icon [icon]=\"data.icon\"></mt-icon>\n        </div>\n        <div>{{ data.message }}</div>\n      </div>\n\n      <div class=\"flex items-center justify-end gap-2 p-3 pt-0\">\n        <mt-button\n          [label]=\"data.acceptLabel\"\n          [styleClass]=\"data.acceptButtonStyleClass\"\n          [severity]=\"data.acceptButton.severity\"\n          [variant]=\"data.acceptButton.variant\"\n          size=\"small\"\n          (onClick)=\"cp.onAccept()\"\n        ></mt-button>\n        <mt-button\n          [label]=\"data.rejectLabel\"\n          [severity]=\"data.rejectButton.severity\"\n          [variant]=\"data.rejectButton.variant\"\n          size=\"small\"\n          (onClick)=\"cp.onReject()\"\n        ></mt-button>\n      </div>\n    </ng-template>\n  </p-confirmpopup>\n</ng-template>\n\n<ng-container\n  *ngTemplateOutlet=\"popupTemplate; context: { key: 'popup1' }\"\n></ng-container>\n<ng-container\n  *ngTemplateOutlet=\"popupTemplate; context: { key: 'popup2' }\"\n></ng-container>\n\n<p-confirmdialog [key]=\"'dialog'\">\n  <ng-template\n    #headless\n    let-data\n    let-onAccept=\"onAccept\"\n    let-onReject=\"onReject\"\n  >\n    <div\n      class=\"flex items-center justify-between bg-surface-100 rounded-t-xl px-4 py-2\"\n    >\n      <div class=\"text-xl font-semibold\">{{ data.header }}</div>\n      <mt-button\n        [icon]=\"'general.x-close'\"\n        variant=\"text\"\n        severity=\"secondary\"\n        styleClass=\"text-8xl\"\n        size=\"large\"\n        (onClick)=\"onReject()\"\n      ></mt-button>\n    </div>\n\n    <div class=\"flex items-center gap-2 p-4 min-w-100\">\n      <div class=\"text-3xl mb-2\">\n        <mt-icon [icon]=\"data.icon\"></mt-icon>\n      </div>\n      <div>{{ data.message }}</div>\n    </div>\n\n    <div class=\"flex items-center justify-end gap-2 mt-2 p-4\">\n      <mt-button\n        [label]=\"data.acceptLabel\"\n        [styleClass]=\"data.acceptButtonStyleClass\"\n        [severity]=\"data.acceptButton.severity\"\n        [variant]=\"data.acceptButton.variant\"\n        (onClick)=\"onAccept()\"\n      ></mt-button>\n      <mt-button\n        [label]=\"data.rejectLabel\"\n        [severity]=\"data.rejectButton.severity\"\n        [variant]=\"data.rejectButton.variant\"\n        (onClick)=\"onReject()\"\n      ></mt-button>\n    </div>\n  </ng-template>\n</p-confirmdialog>\n" }]
+            args: [{ selector: 'mt-confirmation-dialog', standalone: true, imports: [CommonModule, ConfirmDialog, Button, Icon, ConfirmPopup], template: "<ng-template #popupTemplate let-key=\"key\">\r\n  <p-confirmpopup #cp [key]=\"key\">\r\n    <ng-template #headless let-data>\r\n      <div class=\"flex items-center gap-2 p-3 min-w-100\">\r\n        <div class=\"text-3xl mb-2\">\r\n          <mt-icon [icon]=\"data.icon\"></mt-icon>\r\n        </div>\r\n        <div>{{ data.message }}</div>\r\n      </div>\r\n\r\n      <div class=\"flex items-center justify-end gap-2 p-3 pt-0\">\r\n        <mt-button\r\n          [label]=\"data.acceptLabel\"\r\n          [styleClass]=\"data.acceptButtonStyleClass\"\r\n          [severity]=\"data.acceptButton.severity\"\r\n          [variant]=\"data.acceptButton.variant\"\r\n          size=\"small\"\r\n          (onClick)=\"cp.onAccept()\"\r\n        ></mt-button>\r\n        <mt-button\r\n          [label]=\"data.rejectLabel\"\r\n          [severity]=\"data.rejectButton.severity\"\r\n          [variant]=\"data.rejectButton.variant\"\r\n          size=\"small\"\r\n          (onClick)=\"cp.onReject()\"\r\n        ></mt-button>\r\n      </div>\r\n    </ng-template>\r\n  </p-confirmpopup>\r\n</ng-template>\r\n\r\n<ng-container\r\n  *ngTemplateOutlet=\"popupTemplate; context: { key: 'popup1' }\"\r\n></ng-container>\r\n<ng-container\r\n  *ngTemplateOutlet=\"popupTemplate; context: { key: 'popup2' }\"\r\n></ng-container>\r\n\r\n<p-confirmdialog [key]=\"'dialog'\">\r\n  <ng-template\r\n    #headless\r\n    let-data\r\n    let-onAccept=\"onAccept\"\r\n    let-onReject=\"onReject\"\r\n  >\r\n    <div\r\n      class=\"flex items-center justify-between bg-surface-100 rounded-t-xl px-4 py-2\"\r\n    >\r\n      <div class=\"text-xl font-semibold\">{{ data.header }}</div>\r\n      <mt-button\r\n        [icon]=\"'general.x-close'\"\r\n        variant=\"text\"\r\n        severity=\"secondary\"\r\n        styleClass=\"text-8xl\"\r\n        size=\"large\"\r\n        (onClick)=\"onReject()\"\r\n      ></mt-button>\r\n    </div>\r\n\r\n    <div class=\"flex items-center gap-2 p-4 min-w-100\">\r\n      <div class=\"text-3xl mb-2\">\r\n        <mt-icon [icon]=\"data.icon\"></mt-icon>\r\n      </div>\r\n      <div>{{ data.message }}</div>\r\n    </div>\r\n\r\n    <div class=\"flex items-center justify-end gap-2 mt-2 p-4\">\r\n      <mt-button\r\n        [label]=\"data.acceptLabel\"\r\n        [styleClass]=\"data.acceptButtonStyleClass\"\r\n        [severity]=\"data.acceptButton.severity\"\r\n        [variant]=\"data.acceptButton.variant\"\r\n        (onClick)=\"onAccept()\"\r\n      ></mt-button>\r\n      <mt-button\r\n        [label]=\"data.rejectLabel\"\r\n        [severity]=\"data.rejectButton.severity\"\r\n        [variant]=\"data.rejectButton.variant\"\r\n        (onClick)=\"onReject()\"\r\n      ></mt-button>\r\n    </div>\r\n  </ng-template>\r\n</p-confirmdialog>\r\n" }]
         }] });
 /**

package/fesm2022/masterteam-components-confirmation.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"masterteam-components-confirmation.mjs","sources":["../../../../packages/masterteam/components/confirmation/confirmation.ts","../../../../packages/masterteam/components/confirmation/confirmation-dialog.ts","../../../../packages/masterteam/components/confirmation/confirmation-dialog.html","../../../../packages/masterteam/components/confirmation/masterteam-components-confirmation.ts"],"sourcesContent":["import { inject, Injectable, signal } from '@angular/core';\nimport {\n ConfirmationService as PNConfirmationService,\n Confirmation,\n} from 'primeng/api';\nimport { TranslocoService } from '@jsverse/transloco';\n\ninterface ButtonConfig {\n severity?: string \| undefined;\n variant?: string \| undefined;\n}\ninterface BaseConfirmationConfig extends Confirmation {\n draggable?: boolean;\n acceptButton?: ButtonConfig;\n rejectButton?: ButtonConfig;\n confirmationType?: string;\n}\n\ninterface DialogConfirmationConfig extends BaseConfirmationConfig {\n type?: 'dialog' \| undefined;\n event?: Event;\n}\n\ninterface PopupConfirmationConfig extends BaseConfirmationConfig {\n type: 'popup';\n event: Event;\n}\n\nexport type ConfirmationConfig =\n \| DialogConfirmationConfig\n \| PopupConfirmationConfig;\n\n@Injectable({ providedIn: 'root' })\nexport class ConfirmationService {\n private confirmationService = inject(PNConfirmationService);\n private transloco = inject(TranslocoService);\n private defaultConfig: ConfirmationConfig = {\n header: this.transloco.translate('components.confirmation.header'),\n message: this.transloco.translate('components.confirmation.message'),\n icon: 'alert.alert-triangle',\n acceptLabel: this.transloco.translate('components.confirmation.yes'),\n rejectLabel: this.transloco.translate('components.confirmation.cancel'),\n acceptButton: {\n severity: 'primary',\n variant: undefined,\n },\n rejectButton: {\n severity: 'secondary',\n variant: 'text',\n },\n position: 'center',\n type: 'dialog',\n closeOnEscape: true,\n dismissableMask: true,\n draggable: false,\n };\n popupKey = signal<string \| undefined>('');\n private lastTarget: EventTarget \| null = null;\n\n confirm(config: ConfirmationConfig): void {\n const currentTarget = config?.event?.currentTarget;\n this.popupKey.update((prev) => {\n if (config.type === 'popup') {\n if (this.lastTarget === currentTarget) {\n return prev \|\| 'popup1';\n }\n return prev === 'popup1' ? 'popup2' : 'popup1';\n }\n return config.type;\n });\n\n this.lastTarget = currentTarget ?? null;\n this.confirmationService.close();\n const mergedConfig: Confirmation = {\n ...this.defaultConfig,\n ...config,\n target: currentTarget as EventTarget,\n key: this.popupKey(),\n };\n this.confirmationService.confirm(mergedConfig);\n }\n\n confirmDelete(config: ConfirmationConfig): void {\n this.confirm({\n message: 'Are you sure you want to delete?',\n header: 'Delete Confirmation',\n icon: 'general.trash-01',\n acceptLabel: 'Delete',\n rejectLabel: 'Cancel',\n acceptButton: {\n severity: 'danger',\n },\n ...config,\n });\n }\n}\n","import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ConfirmDialog } from 'primeng/confirmdialog';\nimport { Button } from '@masterteam/components/button';\nimport { Icon } from '@masterteam/icons';\nimport { ConfirmPopup } from 'primeng/confirmpopup';\n\n@Component({\n selector: 'mt-confirmation-dialog',\n standalone: true,\n imports: [CommonModule, ConfirmDialog, Button, Icon, ConfirmPopup],\n templateUrl: './confirmation-dialog.html',\n styleUrl: './confirmation-dialog.scss',\n})\nexport class ConfirmationDialog {}\n","<ng-template #popupTemplate let-key=\"key\">\n <p-confirmpopup #cp [key]=\"key\">\n <ng-template #headless let-data>\n <div class=\"flex items-center gap-2 p-3 min-w-100\">\n <div class=\"text-3xl mb-2\">\n <mt-icon [icon]=\"data.icon\"></mt-icon>\n </div>\n <div>{{ data.message }}</div>\n </div>\n\n <div class=\"flex items-center justify-end gap-2 p-3 pt-0\">\n <mt-button\n [label]=\"data.acceptLabel\"\n [styleClass]=\"data.acceptButtonStyleClass\"\n [severity]=\"data.acceptButton.severity\"\n [variant]=\"data.acceptButton.variant\"\n size=\"small\"\n (onClick)=\"cp.onAccept()\"\n ></mt-button>\n <mt-button\n [label]=\"data.rejectLabel\"\n [severity]=\"data.rejectButton.severity\"\n [variant]=\"data.rejectButton.variant\"\n size=\"small\"\n (onClick)=\"cp.onReject()\"\n ></mt-button>\n </div>\n </ng-template>\n </p-confirmpopup>\n</ng-template>\n\n<ng-container\n ngTemplateOutlet=\"popupTemplate; context: { key: 'popup1' }\"\n></ng-container>\n<ng-container\n ngTemplateOutlet=\"popupTemplate; context: { key: 'popup2' }\"\n></ng-container>\n\n<p-confirmdialog [key]=\"'dialog'\">\n <ng-template\n #headless\n let-data\n let-onAccept=\"onAccept\"\n let-onReject=\"onReject\"\n >\n <div\n class=\"flex items-center justify-between bg-surface-100 rounded-t-xl px-4 py-2\"\n >\n <div class=\"text-xl font-semibold\">{{ data.header }}</div>\n <mt-button\n [icon]=\"'general.x-close'\"\n variant=\"text\"\n severity=\"secondary\"\n styleClass=\"text-8xl\"\n size=\"large\"\n (onClick)=\"onReject()\"\n ></mt-button>\n </div>\n\n <div class=\"flex items-center gap-2 p-4 min-w-100\">\n <div class=\"text-3xl mb-2\">\n <mt-icon [icon]=\"data.icon\"></mt-icon>\n </div>\n <div>{{ data.message }}</div>\n </div>\n\n <div class=\"flex items-center justify-end gap-2 mt-2 p-4\">\n <mt-button\n [label]=\"data.acceptLabel\"\n [styleClass]=\"data.acceptButtonStyleClass\"\n [severity]=\"data.acceptButton.severity\"\n [variant]=\"data.acceptButton.variant\"\n (onClick)=\"onAccept()\"\n ></mt-button>\n <mt-button\n [label]=\"data.rejectLabel\"\n [severity]=\"data.rejectButton.severity\"\n [variant]=\"data.rejectButton.variant\"\n (onClick)=\"onReject()\"\n ></mt-button>\n </div>\n </ng-template>\n</p-confirmdialog>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["PNConfirmationService"],"mappings":";;;;;;;;;;;MAiCa,mBAAmB,CAAA;AACtB,IAAA,mBAAmB,GAAG,MAAM,CAACA,qBAAqB,CAAC;AACnD,IAAA,SAAS,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACpC,IAAA,aAAa,GAAuB;QAC1C,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,gCAAgC,CAAC;QAClE,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,iCAAiC,CAAC;AACpE,QAAA,IAAI,EAAE,sBAAsB;QAC5B,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,6BAA6B,CAAC;QACpE,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,gCAAgC,CAAC;AACvE,QAAA,YAAY,EAAE;AACZ,YAAA,QAAQ,EAAE,SAAS;AACnB,YAAA,OAAO,EAAE,SAAS;AACnB,SAAA;AACD,QAAA,YAAY,EAAE;AACZ,YAAA,QAAQ,EAAE,WAAW;AACrB,YAAA,OAAO,EAAE,MAAM;AAChB,SAAA;AACD,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,aAAa,EAAE,IAAI;AACnB,QAAA,eAAe,EAAE,IAAI;AACrB,QAAA,SAAS,EAAE,KAAK;KACjB;AACD,IAAA,QAAQ,GAAG,MAAM,CAAqB,EAAE,oDAAC;IACjC,UAAU,GAAuB,IAAI;AAE7C,IAAA,OAAO,CAAC,MAA0B,EAAA;AAChC,QAAA,MAAM,aAAa,GAAG,MAAM,EAAE,KAAK,EAAE,aAAa;QAClD,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,KAAI;AAC5B,YAAA,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,EAAE;AAC3B,gBAAA,IAAI,IAAI,CAAC,UAAU,KAAK,aAAa,EAAE;oBACrC,OAAO,IAAI,IAAI,QAAQ;gBACzB;gBACA,OAAO,IAAI,KAAK,QAAQ,GAAG,QAAQ,GAAG,QAAQ;YAChD;YACA,OAAO,MAAM,CAAC,IAAI;AACpB,QAAA,CAAC,CAAC;AAEF,QAAA,IAAI,CAAC,UAAU,GAAG,aAAa,IAAI,IAAI;AACvC,QAAA,IAAI,CAAC,mBAAmB,CAAC,KAAK,EAAE;AAChC,QAAA,MAAM,YAAY,GAAiB;YACjC,GAAG,IAAI,CAAC,aAAa;AACrB,YAAA,GAAG,MAAM;AACT,YAAA,MAAM,EAAE,aAA4B;AACpC,YAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE;SACrB;AACD,QAAA,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,YAAY,CAAC;IAChD;AAEA,IAAA,aAAa,CAAC,MAA0B,EAAA;QACtC,IAAI,CAAC,OAAO,CAAC;AACX,YAAA,OAAO,EAAE,kCAAkC;AAC3C,YAAA,MAAM,EAAE,qBAAqB;AAC7B,YAAA,IAAI,EAAE,kBAAkB;AACxB,YAAA,WAAW,EAAE,QAAQ;AACrB,YAAA,WAAW,EAAE,QAAQ;AACrB,YAAA,YAAY,EAAE;AACZ,gBAAA,QAAQ,EAAE,QAAQ;AACnB,aAAA;AACD,YAAA,GAAG,MAAM;AACV,SAAA,CAAC;IACJ;uGA7DW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,cADN,MAAM,EAAA,CAAA;;2FACnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAD/B,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;MClBrB,kBAAkB,CAAA;uGAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECd/B,yjFAmFA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDzEY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,aAAa,EAAA,QAAA,EAAA,oDAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,SAAA,EAAA,OAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,YAAA,EAAA,aAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,wBAAA,EAAA,wBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,KAAA,EAAA,UAAA,EAAA,UAAA,EAAA,KAAA,EAAA,YAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,aAAA,EAAA,OAAA,EAAA,SAAA,EAAA,UAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,MAAM,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,eAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,IAAI,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,YAAY,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,KAAA,EAAA,cAAA,EAAA,uBAAA,EAAA,uBAAA,EAAA,YAAA,EAAA,YAAA,EAAA,OAAA,EAAA,YAAA,EAAA,SAAA,EAAA,eAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAItD,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAP9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wBAAwB,EAAA,UAAA,EACtB,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,CAAC,EAAA,QAAA,EAAA,yjFAAA,EAAA;;;AEVpE;;AAEG;;;;"}
1	+ {"version":3,"file":"masterteam-components-confirmation.mjs","sources":["../../../../packages/masterteam/components/confirmation/confirmation.ts","../../../../packages/masterteam/components/confirmation/confirmation-dialog.ts","../../../../packages/masterteam/components/confirmation/confirmation-dialog.html","../../../../packages/masterteam/components/confirmation/masterteam-components-confirmation.ts"],"sourcesContent":["import { inject, Injectable, signal } from '@angular/core';\r\nimport {\r\n ConfirmationService as PNConfirmationService,\r\n Confirmation,\r\n} from 'primeng/api';\r\nimport { TranslocoService } from '@jsverse/transloco';\r\n\r\ninterface ButtonConfig {\r\n severity?: string \| undefined;\r\n variant?: string \| undefined;\r\n}\r\ninterface BaseConfirmationConfig extends Confirmation {\r\n draggable?: boolean;\r\n acceptButton?: ButtonConfig;\r\n rejectButton?: ButtonConfig;\r\n confirmationType?: string;\r\n}\r\n\r\ninterface DialogConfirmationConfig extends BaseConfirmationConfig {\r\n type?: 'dialog' \| undefined;\r\n event?: Event;\r\n}\r\n\r\ninterface PopupConfirmationConfig extends BaseConfirmationConfig {\r\n type: 'popup';\r\n event: Event;\r\n}\r\n\r\nexport type ConfirmationConfig =\r\n \| DialogConfirmationConfig\r\n \| PopupConfirmationConfig;\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class ConfirmationService {\r\n private confirmationService = inject(PNConfirmationService);\r\n private transloco = inject(TranslocoService);\r\n private defaultConfig: ConfirmationConfig = {\r\n header: this.transloco.translate('components.confirmation.header'),\r\n message: this.transloco.translate('components.confirmation.message'),\r\n icon: 'alert.alert-triangle',\r\n acceptLabel: this.transloco.translate('components.confirmation.yes'),\r\n rejectLabel: this.transloco.translate('components.confirmation.cancel'),\r\n acceptButton: {\r\n severity: 'primary',\r\n variant: undefined,\r\n },\r\n rejectButton: {\r\n severity: 'secondary',\r\n variant: 'text',\r\n },\r\n position: 'center',\r\n type: 'dialog',\r\n closeOnEscape: true,\r\n dismissableMask: true,\r\n draggable: false,\r\n };\r\n popupKey = signal<string \| undefined>('');\r\n private lastTarget: EventTarget \| null = null;\r\n\r\n confirm(config: ConfirmationConfig): void {\r\n const currentTarget = config?.event?.currentTarget;\r\n this.popupKey.update((prev) => {\r\n if (config.type === 'popup') {\r\n if (this.lastTarget === currentTarget) {\r\n return prev \|\| 'popup1';\r\n }\r\n return prev === 'popup1' ? 'popup2' : 'popup1';\r\n }\r\n return config.type;\r\n });\r\n\r\n this.lastTarget = currentTarget ?? null;\r\n this.confirmationService.close();\r\n const mergedConfig: Confirmation = {\r\n ...this.defaultConfig,\r\n ...config,\r\n target: currentTarget as EventTarget,\r\n key: this.popupKey(),\r\n };\r\n this.confirmationService.confirm(mergedConfig);\r\n }\r\n\r\n confirmDelete(config: ConfirmationConfig): void {\r\n this.confirm({\r\n message: 'Are you sure you want to delete?',\r\n header: 'Delete Confirmation',\r\n icon: 'general.trash-01',\r\n acceptLabel: 'Delete',\r\n rejectLabel: 'Cancel',\r\n acceptButton: {\r\n severity: 'danger',\r\n },\r\n ...config,\r\n });\r\n }\r\n}\r\n","import { Component } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ConfirmDialog } from 'primeng/confirmdialog';\r\nimport { Button } from '@masterteam/components/button';\r\nimport { Icon } from '@masterteam/icons';\r\nimport { ConfirmPopup } from 'primeng/confirmpopup';\r\n\r\n@Component({\r\n selector: 'mt-confirmation-dialog',\r\n standalone: true,\r\n imports: [CommonModule, ConfirmDialog, Button, Icon, ConfirmPopup],\r\n templateUrl: './confirmation-dialog.html',\r\n styleUrl: './confirmation-dialog.scss',\r\n})\r\nexport class ConfirmationDialog {}\r\n","<ng-template #popupTemplate let-key=\"key\">\r\n <p-confirmpopup #cp [key]=\"key\">\r\n <ng-template #headless let-data>\r\n <div class=\"flex items-center gap-2 p-3 min-w-100\">\r\n <div class=\"text-3xl mb-2\">\r\n <mt-icon [icon]=\"data.icon\"></mt-icon>\r\n </div>\r\n <div>{{ data.message }}</div>\r\n </div>\r\n\r\n <div class=\"flex items-center justify-end gap-2 p-3 pt-0\">\r\n <mt-button\r\n [label]=\"data.acceptLabel\"\r\n [styleClass]=\"data.acceptButtonStyleClass\"\r\n [severity]=\"data.acceptButton.severity\"\r\n [variant]=\"data.acceptButton.variant\"\r\n size=\"small\"\r\n (onClick)=\"cp.onAccept()\"\r\n ></mt-button>\r\n <mt-button\r\n [label]=\"data.rejectLabel\"\r\n [severity]=\"data.rejectButton.severity\"\r\n [variant]=\"data.rejectButton.variant\"\r\n size=\"small\"\r\n (onClick)=\"cp.onReject()\"\r\n ></mt-button>\r\n </div>\r\n </ng-template>\r\n </p-confirmpopup>\r\n</ng-template>\r\n\r\n<ng-container\r\n ngTemplateOutlet=\"popupTemplate; context: { key: 'popup1' }\"\r\n></ng-container>\r\n<ng-container\r\n ngTemplateOutlet=\"popupTemplate; context: { key: 'popup2' }\"\r\n></ng-container>\r\n\r\n<p-confirmdialog [key]=\"'dialog'\">\r\n <ng-template\r\n #headless\r\n let-data\r\n let-onAccept=\"onAccept\"\r\n let-onReject=\"onReject\"\r\n >\r\n <div\r\n class=\"flex items-center justify-between bg-surface-100 rounded-t-xl px-4 py-2\"\r\n >\r\n <div class=\"text-xl font-semibold\">{{ data.header }}</div>\r\n <mt-button\r\n [icon]=\"'general.x-close'\"\r\n variant=\"text\"\r\n severity=\"secondary\"\r\n styleClass=\"text-8xl\"\r\n size=\"large\"\r\n (onClick)=\"onReject()\"\r\n ></mt-button>\r\n </div>\r\n\r\n <div class=\"flex items-center gap-2 p-4 min-w-100\">\r\n <div class=\"text-3xl mb-2\">\r\n <mt-icon [icon]=\"data.icon\"></mt-icon>\r\n </div>\r\n <div>{{ data.message }}</div>\r\n </div>\r\n\r\n <div class=\"flex items-center justify-end gap-2 mt-2 p-4\">\r\n <mt-button\r\n [label]=\"data.acceptLabel\"\r\n [styleClass]=\"data.acceptButtonStyleClass\"\r\n [severity]=\"data.acceptButton.severity\"\r\n [variant]=\"data.acceptButton.variant\"\r\n (onClick)=\"onAccept()\"\r\n ></mt-button>\r\n <mt-button\r\n [label]=\"data.rejectLabel\"\r\n [severity]=\"data.rejectButton.severity\"\r\n [variant]=\"data.rejectButton.variant\"\r\n (onClick)=\"onReject()\"\r\n ></mt-button>\r\n </div>\r\n </ng-template>\r\n</p-confirmdialog>\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["PNConfirmationService"],"mappings":"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"}

package/fesm2022/masterteam-components-date-field.mjs CHANGED Viewed

@@ -71,13 +71,13 @@ class DateField {
         this.disabled.set(disabled);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DateField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: DateField, isStandalone: true, selector: "mt-date-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null }, showTime: { classPropertyName: "showTime", publicName: "showTime", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.styleClass" }, classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (label()) {\n  <label\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    [for]=\"ngControl?.name || label()\"\n    >{{ label() }}</label\n  >\n}\n<p-datepicker\n  #calendar\n  [ngModel]=\"value()\"\n  (ngModelChange)=\"onValueChange($event)\"\n  (onBlur)=\"onTouched()\"\n  [disabled]=\"disabled() || readonly()\"\n  [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\n  [invalid]=\"isInvalid(ngControl?.control)\"\n  [baseZIndex]=\"1051\"\n  placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n  styleClass=\"w-full\"\n  [showIcon]=\"showIcon()\"\n  [showClear]=\"showClear()\"\n  [showTime]=\"showTime()\"\n  appendTo=\"body\"\n>\n  <ng-template #previousicon>\n    <mt-icon\n      [icon]=\"rtl() ? 'arrow.chevron-right' : 'arrow.chevron-left'\"\n      class=\"text-2xl\"\n    />\n  </ng-template>\n  <ng-template #nexticon>\n    <mt-icon\n      [icon]=\"rtl() ? 'arrow.chevron-left' : 'arrow.chevron-right'\"\n      class=\"text-2xl\"\n    />\n  </ng-template>\n</p-datepicker>\n\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i2.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo", "motionOptions"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: DateField, isStandalone: true, selector: "mt-date-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null }, showTime: { classPropertyName: "showTime", publicName: "showTime", isSignal: true, isRequired: false, transformFunction: null }, pInputs: { classPropertyName: "pInputs", publicName: "pInputs", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.styleClass" }, classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (label()) {\r\n  <label\r\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n    [for]=\"ngControl?.name || label()\"\r\n    >{{ label() }}</label\r\n  >\r\n}\r\n<p-datepicker\r\n  #calendar\r\n  [ngModel]=\"value()\"\r\n  (ngModelChange)=\"onValueChange($event)\"\r\n  (onBlur)=\"onTouched()\"\r\n  [disabled]=\"disabled() || readonly()\"\r\n  [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\r\n  [invalid]=\"isInvalid(ngControl?.control)\"\r\n  [baseZIndex]=\"1051\"\r\n  placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\r\n  inputStyleClass=\"w-full\"\r\n  [showIcon]=\"showIcon()\"\r\n  [showClear]=\"showClear()\"\r\n  [showTime]=\"showTime()\"\r\n  appendTo=\"body\"\r\n>\r\n  <ng-template #previousicon>\r\n    <mt-icon\r\n      [icon]=\"rtl() ? 'arrow.chevron-right' : 'arrow.chevron-left'\"\r\n      class=\"text-2xl\"\r\n    />\r\n  </ng-template>\r\n  <ng-template #nexticon>\r\n    <mt-icon\r\n      [icon]=\"rtl() ? 'arrow.chevron-left' : 'arrow.chevron-right'\"\r\n      class=\"text-2xl\"\r\n    />\r\n  </ng-template>\r\n</p-datepicker>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: DatePickerModule }, { kind: "component", type: i2.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "styleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "readonlyInput", "shortYearCutoff", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "view", "defaultDate", "appendTo", "motionOptions"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }, { kind: "component", type: Icon, selector: "mt-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DateField, decorators: [{
             type: Component,
             args: [{ selector: 'mt-date-field', standalone: true, imports: [FormsModule, DatePickerModule, FieldValidation, Icon], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'grid gap-1',
-                    }, template: "@if (label()) {\n  <label\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n    [for]=\"ngControl?.name || label()\"\n    >{{ label() }}</label\n  >\n}\n<p-datepicker\n  #calendar\n  [ngModel]=\"value()\"\n  (ngModelChange)=\"onValueChange($event)\"\n  (onBlur)=\"onTouched()\"\n  [disabled]=\"disabled() || readonly()\"\n  [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\n  [invalid]=\"isInvalid(ngControl?.control)\"\n  [baseZIndex]=\"1051\"\n  placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n  styleClass=\"w-full\"\n  [showIcon]=\"showIcon()\"\n  [showClear]=\"showClear()\"\n  [showTime]=\"showTime()\"\n  appendTo=\"body\"\n>\n  <ng-template #previousicon>\n    <mt-icon\n      [icon]=\"rtl() ? 'arrow.chevron-right' : 'arrow.chevron-left'\"\n      class=\"text-2xl\"\n    />\n  </ng-template>\n  <ng-template #nexticon>\n    <mt-icon\n      [icon]=\"rtl() ? 'arrow.chevron-left' : 'arrow.chevron-right'\"\n      class=\"text-2xl\"\n    />\n  </ng-template>\n</p-datepicker>\n\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n" }]
+                    }, template: "@if (label()) {\r\n  <label\r\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n    [for]=\"ngControl?.name || label()\"\r\n    >{{ label() }}</label\r\n  >\r\n}\r\n<p-datepicker\r\n  #calendar\r\n  [ngModel]=\"value()\"\r\n  (ngModelChange)=\"onValueChange($event)\"\r\n  (onBlur)=\"onTouched()\"\r\n  [disabled]=\"disabled() || readonly()\"\r\n  [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\r\n  [invalid]=\"isInvalid(ngControl?.control)\"\r\n  [baseZIndex]=\"1051\"\r\n  placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\r\n  inputStyleClass=\"w-full\"\r\n  [showIcon]=\"showIcon()\"\r\n  [showClear]=\"showClear()\"\r\n  [showTime]=\"showTime()\"\r\n  appendTo=\"body\"\r\n>\r\n  <ng-template #previousicon>\r\n    <mt-icon\r\n      [icon]=\"rtl() ? 'arrow.chevron-right' : 'arrow.chevron-left'\"\r\n      class=\"text-2xl\"\r\n    />\r\n  </ng-template>\r\n  <ng-template #nexticon>\r\n    <mt-icon\r\n      [icon]=\"rtl() ? 'arrow.chevron-left' : 'arrow.chevron-right'\"\r\n      class=\"text-2xl\"\r\n    />\r\n  </ng-template>\r\n</p-datepicker>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { calendar: [{
                 type: ViewChild,
                 args: ['calendar', { static: true }]

package/fesm2022/masterteam-components-date-field.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"masterteam-components-date-field.mjs","sources":["../../../../packages/masterteam/components/date-field/date-field.ts","../../../../packages/masterteam/components/date-field/date-field.html","../../../../packages/masterteam/components/date-field/masterteam-components-date-field.ts"],"sourcesContent":["import {\n Component,\n HostBinding,\n OnChanges,\n OnInit,\n SimpleChanges,\n ViewChild,\n signal,\n input,\n inject,\n ChangeDetectionStrategy,\n effect,\n} from '@angular/core';\nimport {\n ControlValueAccessor,\n FormsModule,\n NgControl,\n Validators,\n} from '@angular/forms';\nimport { DatePickerModule, DatePicker } from 'primeng/datepicker';\nimport { FieldValidation } from '@masterteam/components/field-validation';\nimport { isInvalid } from '@masterteam/components';\nimport { Icon } from '@masterteam/icons';\n\n@Component({\n selector: 'mt-date-field',\n standalone: true,\n imports: [FormsModule, DatePickerModule, FieldValidation, Icon],\n templateUrl: './date-field.html',\n styleUrls: ['./date-field.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'grid gap-1',\n },\n})\nexport class DateField implements ControlValueAccessor, OnInit, OnChanges {\n @ViewChild('calendar', { static: true })\n calendar: DatePicker;\n\n readonly field = input<boolean>(true);\n readonly label = input<string>();\n readonly placeholder = input<string>();\n readonly class = input<string>('');\n readonly readonly = input<boolean>(false);\n readonly showIcon = input<boolean>(true);\n readonly showClear = input<boolean>(false);\n readonly showTime = input<boolean>(false);\n readonly pInputs = input<Partial<DatePicker>>();\n readonly required = input<boolean>(false);\n\n rtl = signal<boolean>(document.documentElement.dir === 'rtl');\n\n @HostBinding('class') styleClass: string;\n\n requiredValidator = Validators.required;\n value = signal<string \| null>(null);\n disabled = signal<boolean>(false);\n\n onTouched: () => void = () => {};\n onModelChange: (value: string) => void = () => {};\n\n public ngControl = inject(NgControl, { self: true });\n\n isInvalid = isInvalid;\n\n constructor() {\n if (this.ngControl) {\n this.ngControl.valueAccessor = this;\n }\n effect(() => {\n if (this.ngControl.control && this.required()) {\n this.ngControl.control.addValidators(Validators.required);\n this.ngControl.control.updateValueAndValidity();\n }\n });\n }\n\n applyInputsToCalendar() {\n Object.assign(this.calendar, this.pInputs());\n }\n\n ngOnInit() {\n this.styleClass = this.class();\n if (this.pInputs()) {\n this.applyInputsToCalendar();\n }\n }\n onValueChange(value: string) {\n this.onModelChange(value);\n this.value.set(value);\n }\n ngOnChanges(changes: SimpleChanges) {\n if (changes['pInputs']) {\n this.applyInputsToCalendar();\n }\n }\n\n writeValue(value: string) {\n this.value.set(value);\n }\n\n registerOnChange(fn: any) {\n this.onModelChange = fn;\n }\n\n registerOnTouched(fn: any) {\n this.onTouched = fn;\n }\n\n setDisabledState(disabled: boolean) {\n this.disabled.set(disabled);\n }\n}\n","@if (label()) {\n <label\n [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\n [for]=\"ngControl?.name \|\| label()\"\n >{{ label() }}</label\n >\n}\n<p-datepicker\n #calendar\n [ngModel]=\"value()\"\n (ngModelChange)=\"onValueChange($event)\"\n (onBlur)=\"onTouched()\"\n [disabled]=\"disabled() \|\| readonly()\"\n [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\n [invalid]=\"isInvalid(ngControl?.control)\"\n [baseZIndex]=\"1051\"\n placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\n styleClass=\"w-full\"\n [showIcon]=\"showIcon()\"\n [showClear]=\"showClear()\"\n [showTime]=\"showTime()\"\n appendTo=\"body\"\n>\n <ng-template #previousicon>\n <mt-icon\n [icon]=\"rtl() ? 'arrow.chevron-right' : 'arrow.chevron-left'\"\n class=\"text-2xl\"\n />\n </ng-template>\n <ng-template #nexticon>\n <mt-icon\n [icon]=\"rtl() ? 'arrow.chevron-left' : 'arrow.chevron-right'\"\n class=\"text-2xl\"\n />\n </ng-template>\n</p-datepicker>\n\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"masterteam-components-date-field.mjs","sources":["../../../../packages/masterteam/components/date-field/date-field.ts","../../../../packages/masterteam/components/date-field/date-field.html","../../../../packages/masterteam/components/date-field/masterteam-components-date-field.ts"],"sourcesContent":["import {\r\n Component,\r\n HostBinding,\r\n OnChanges,\r\n OnInit,\r\n SimpleChanges,\r\n ViewChild,\r\n signal,\r\n input,\r\n inject,\r\n ChangeDetectionStrategy,\r\n effect,\r\n} from '@angular/core';\r\nimport {\r\n ControlValueAccessor,\r\n FormsModule,\r\n NgControl,\r\n Validators,\r\n} from '@angular/forms';\r\nimport { DatePickerModule, DatePicker } from 'primeng/datepicker';\r\nimport { FieldValidation } from '@masterteam/components/field-validation';\r\nimport { isInvalid } from '@masterteam/components';\r\nimport { Icon } from '@masterteam/icons';\r\n\r\n@Component({\r\n selector: 'mt-date-field',\r\n standalone: true,\r\n imports: [FormsModule, DatePickerModule, FieldValidation, Icon],\r\n templateUrl: './date-field.html',\r\n styleUrls: ['./date-field.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n host: {\r\n class: 'grid gap-1',\r\n },\r\n})\r\nexport class DateField implements ControlValueAccessor, OnInit, OnChanges {\r\n @ViewChild('calendar', { static: true })\r\n calendar: DatePicker;\r\n\r\n readonly field = input<boolean>(true);\r\n readonly label = input<string>();\r\n readonly placeholder = input<string>();\r\n readonly class = input<string>('');\r\n readonly readonly = input<boolean>(false);\r\n readonly showIcon = input<boolean>(true);\r\n readonly showClear = input<boolean>(false);\r\n readonly showTime = input<boolean>(false);\r\n readonly pInputs = input<Partial<DatePicker>>();\r\n readonly required = input<boolean>(false);\r\n\r\n rtl = signal<boolean>(document.documentElement.dir === 'rtl');\r\n\r\n @HostBinding('class') styleClass: string;\r\n\r\n requiredValidator = Validators.required;\r\n value = signal<string \| null>(null);\r\n disabled = signal<boolean>(false);\r\n\r\n onTouched: () => void = () => {};\r\n onModelChange: (value: string) => void = () => {};\r\n\r\n public ngControl = inject(NgControl, { self: true });\r\n\r\n isInvalid = isInvalid;\r\n\r\n constructor() {\r\n if (this.ngControl) {\r\n this.ngControl.valueAccessor = this;\r\n }\r\n effect(() => {\r\n if (this.ngControl.control && this.required()) {\r\n this.ngControl.control.addValidators(Validators.required);\r\n this.ngControl.control.updateValueAndValidity();\r\n }\r\n });\r\n }\r\n\r\n applyInputsToCalendar() {\r\n Object.assign(this.calendar, this.pInputs());\r\n }\r\n\r\n ngOnInit() {\r\n this.styleClass = this.class();\r\n if (this.pInputs()) {\r\n this.applyInputsToCalendar();\r\n }\r\n }\r\n onValueChange(value: string) {\r\n this.onModelChange(value);\r\n this.value.set(value);\r\n }\r\n ngOnChanges(changes: SimpleChanges) {\r\n if (changes['pInputs']) {\r\n this.applyInputsToCalendar();\r\n }\r\n }\r\n\r\n writeValue(value: string) {\r\n this.value.set(value);\r\n }\r\n\r\n registerOnChange(fn: any) {\r\n this.onModelChange = fn;\r\n }\r\n\r\n registerOnTouched(fn: any) {\r\n this.onTouched = fn;\r\n }\r\n\r\n setDisabledState(disabled: boolean) {\r\n this.disabled.set(disabled);\r\n }\r\n}\r\n","@if (label()) {\r\n <label\r\n [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n [for]=\"ngControl?.name \|\| label()\"\r\n >{{ label() }}</label\r\n >\r\n}\r\n<p-datepicker\r\n #calendar\r\n [ngModel]=\"value()\"\r\n (ngModelChange)=\"onValueChange($event)\"\r\n (onBlur)=\"onTouched()\"\r\n [disabled]=\"disabled() \|\| readonly()\"\r\n [inputId]=\"ngControl?.name ? ngControl?.name?.toString() : label()\"\r\n [invalid]=\"isInvalid(ngControl?.control)\"\r\n [baseZIndex]=\"1051\"\r\n placeholder=\"{{ placeholder() ?? label() ?? '' }}\"\r\n inputStyleClass=\"w-full\"\r\n [showIcon]=\"showIcon()\"\r\n [showClear]=\"showClear()\"\r\n [showTime]=\"showTime()\"\r\n appendTo=\"body\"\r\n>\r\n <ng-template #previousicon>\r\n <mt-icon\r\n [icon]=\"rtl() ? 'arrow.chevron-right' : 'arrow.chevron-left'\"\r\n class=\"text-2xl\"\r\n />\r\n </ng-template>\r\n <ng-template #nexticon>\r\n <mt-icon\r\n [icon]=\"rtl() ? 'arrow.chevron-left' : 'arrow.chevron-right'\"\r\n class=\"text-2xl\"\r\n />\r\n </ng-template>\r\n</p-datepicker>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/masterteam-components-dialog.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"masterteam-components-dialog.mjs","sources":["../../../../packages/masterteam/components/dialog/dialog.ts","../../../../packages/masterteam/components/dialog/masterteam-components-dialog.ts"],"sourcesContent":["import {\n DialogService as PrimeNGDialogService,\n DynamicDialogConfig,\n DynamicDialogRef,\n} from 'primeng/dynamicdialog';\nimport { Injectable } from '@angular/core';\nexport {\n DynamicDialogConfig,\n DynamicDialogRef as ModalRef,\n} from 'primeng/dynamicdialog';\nexport { DynamicDialogRef } from 'primeng/dynamicdialog';\n\n@Injectable({ providedIn: 'root' })\nexport class DialogService extends PrimeNGDialogService {\n ref: DynamicDialogRef \| undefined \| null;\n\n override open(component: any, config?: DynamicDialogConfig) {\n const defaultConfig = {\n closable: true,\n modal: true,\n };\n this.ref = super.open(component, {\n ...defaultConfig,\n ...config,\n styleClass: 'mt-dialog ' + config?.styleClass,\n });\n return this.ref;\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["PrimeNGDialogService"],"mappings":";;;;;AAaM,MAAO,aAAc,SAAQA,eAAoB,CAAA;AACrD,IAAA,GAAG;IAEM,IAAI,CAAC,SAAc,EAAE,MAA4B,EAAA;AACxD,QAAA,MAAM,aAAa,GAAG;AACpB,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,KAAK,EAAE,IAAI;SACZ;QACD,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE;AAC/B,YAAA,GAAG,aAAa;AAChB,YAAA,GAAG,MAAM;AACT,YAAA,UAAU,EAAE,YAAY,GAAG,MAAM,EAAE,UAAU;AAC9C,SAAA,CAAC;QACF,OAAO,IAAI,CAAC,GAAG;IACjB;uGAdW,aAAa,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAb,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,cADA,MAAM,EAAA,CAAA;;2FACnB,aAAa,EAAA,UAAA,EAAA,CAAA;kBADzB,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;ACZlC;;AAEG;;;;"}
1	+ {"version":3,"file":"masterteam-components-dialog.mjs","sources":["../../../../packages/masterteam/components/dialog/dialog.ts","../../../../packages/masterteam/components/dialog/masterteam-components-dialog.ts"],"sourcesContent":["import {\r\n DialogService as PrimeNGDialogService,\r\n DynamicDialogConfig,\r\n DynamicDialogRef,\r\n} from 'primeng/dynamicdialog';\r\nimport { Injectable } from '@angular/core';\r\nexport {\r\n DynamicDialogConfig,\r\n DynamicDialogRef as ModalRef,\r\n} from 'primeng/dynamicdialog';\r\nexport { DynamicDialogRef } from 'primeng/dynamicdialog';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class DialogService extends PrimeNGDialogService {\r\n ref: DynamicDialogRef \| undefined \| null;\r\n\r\n override open(component: any, config?: DynamicDialogConfig) {\r\n const defaultConfig = {\r\n closable: true,\r\n modal: true,\r\n };\r\n this.ref = super.open(component, {\r\n ...defaultConfig,\r\n ...config,\r\n styleClass: 'mt-dialog ' + config?.styleClass,\r\n });\r\n return this.ref;\r\n }\r\n}\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":["PrimeNGDialogService"],"mappings":";;;;;AAaM,MAAO,aAAc,SAAQA,eAAoB,CAAA;AACrD,IAAA,GAAG;IAEM,IAAI,CAAC,SAAc,EAAE,MAA4B,EAAA;AACxD,QAAA,MAAM,aAAa,GAAG;AACpB,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,KAAK,EAAE,IAAI;SACZ;QACD,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE;AAC/B,YAAA,GAAG,aAAa;AAChB,YAAA,GAAG,MAAM;AACT,YAAA,UAAU,EAAE,YAAY,GAAG,MAAM,EAAE,UAAU;AAC9C,SAAA,CAAC;QACF,OAAO,IAAI,CAAC,GAAG;IACjB;uGAdW,aAAa,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAb,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,cADA,MAAM,EAAA,CAAA;;2FACnB,aAAa,EAAA,UAAA,EAAA,CAAA;kBADzB,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;ACZlC;;AAEG;;;;"}

package/fesm2022/masterteam-components-drawer.mjs CHANGED Viewed

@@ -35,11 +35,11 @@ class Drawer {
         this.onHide.emit(true);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Drawer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.3", type: Drawer, isStandalone: true, selector: "mt-drawer", inputs: { visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, fullScreen: { classPropertyName: "fullScreen", publicName: "fullScreen", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null }, blockScroll: { classPropertyName: "blockScroll", publicName: "blockScroll", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, transitionOptions: { classPropertyName: "transitionOptions", publicName: "transitionOptions", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, modal: { classPropertyName: "modal", publicName: "modal", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visible: "visibleChange", visibleChange: "visibleChange", onShow: "onShow", onHide: "onHide" }, ngImport: i0, template: "<p-drawer\n  [(visible)]=\"visible\"\n  [position]=\"position()\"\n  [fullScreen]=\"fullScreen()\"\n  [modal]=\"modal()\"\n  [closable]=\"false\"\n  [closeOnEscape]=\"closeOnEscape()\"\n  [blockScroll]=\"blockScroll()\"\n  [dismissible]=\"dismissible()\"\n  [appendTo]=\"appendTo()\"\n  [transitionOptions]=\"transitionOptions()\"\n  [styleClass]=\"styleClass() + ' mt-custom-drawer'\"\n  (visibleChange)=\"visibleChangeEvent($event)\"\n  (onShow)=\"onShowEvent()\"\n  (onHide)=\"onHideEvent()\"\n>\n  <ng-template #header>\n    <div\n      class=\"flex items-center justify-between px-5 w-full py-3 border-b border-surface\"\n    >\n      <h3 class=\"text-xl font-semibold\">{{ title() }}</h3>\n      <mt-button\n        (onClick)=\"onClose()\"\n        variant=\"outlined\"\n        styleClass=\"!bg-white\"\n        icon=\"general.x-close\"\n        severity=\"secondary\"\n      >\n      </mt-button>\n    </div>\n  </ng-template>\n\n  <ng-content select=\"[content]\"></ng-content>\n\n  <ng-template #footer>\n    <div class=\"flex justify-end p-3 gap-2 border-t border-surface-200\">\n      <ng-content select=\"[footer]\"></ng-content>\n    </div>\n  </ng-template>\n</p-drawer>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DrawerModule }, { kind: "component", type: i1.Drawer, selector: "p-drawer", inputs: ["appendTo", "motionOptions", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "closeButtonProps", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen", "header", "maskStyle", "closable"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.3", type: Drawer, isStandalone: true, selector: "mt-drawer", inputs: { visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, fullScreen: { classPropertyName: "fullScreen", publicName: "fullScreen", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null }, blockScroll: { classPropertyName: "blockScroll", publicName: "blockScroll", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, transitionOptions: { classPropertyName: "transitionOptions", publicName: "transitionOptions", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, modal: { classPropertyName: "modal", publicName: "modal", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visible: "visibleChange", visibleChange: "visibleChange", onShow: "onShow", onHide: "onHide" }, ngImport: i0, template: "<p-drawer\r\n  [(visible)]=\"visible\"\r\n  [position]=\"position()\"\r\n  [fullScreen]=\"fullScreen()\"\r\n  [modal]=\"modal()\"\r\n  [closable]=\"false\"\r\n  [closeOnEscape]=\"closeOnEscape()\"\r\n  [blockScroll]=\"blockScroll()\"\r\n  [dismissible]=\"dismissible()\"\r\n  [appendTo]=\"appendTo()\"\r\n  [transitionOptions]=\"transitionOptions()\"\r\n  [styleClass]=\"styleClass() + ' mt-custom-drawer'\"\r\n  (visibleChange)=\"visibleChangeEvent($event)\"\r\n  (onShow)=\"onShowEvent()\"\r\n  (onHide)=\"onHideEvent()\"\r\n>\r\n  <ng-template #header>\r\n    <div\r\n      class=\"flex items-center justify-between px-5 w-full py-3 border-b border-surface\"\r\n    >\r\n      <h3 class=\"text-xl font-semibold\">{{ title() }}</h3>\r\n      <mt-button\r\n        (onClick)=\"onClose()\"\r\n        variant=\"outlined\"\r\n        styleClass=\"!bg-white\"\r\n        icon=\"general.x-close\"\r\n        severity=\"secondary\"\r\n      >\r\n      </mt-button>\r\n    </div>\r\n  </ng-template>\r\n\r\n  <ng-content select=\"[content]\"></ng-content>\r\n\r\n  <ng-template #footer>\r\n    <div class=\"flex justify-end p-3 gap-2 border-t border-surface-200\">\r\n      <ng-content select=\"[footer]\"></ng-content>\r\n    </div>\r\n  </ng-template>\r\n</p-drawer>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: DrawerModule }, { kind: "component", type: i1.Drawer, selector: "p-drawer", inputs: ["appendTo", "motionOptions", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "closeButtonProps", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen", "header", "maskStyle", "closable"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: Drawer, decorators: [{
             type: Component,
-            args: [{ selector: 'mt-drawer', standalone: true, imports: [CommonModule, DrawerModule, Button], template: "<p-drawer\n  [(visible)]=\"visible\"\n  [position]=\"position()\"\n  [fullScreen]=\"fullScreen()\"\n  [modal]=\"modal()\"\n  [closable]=\"false\"\n  [closeOnEscape]=\"closeOnEscape()\"\n  [blockScroll]=\"blockScroll()\"\n  [dismissible]=\"dismissible()\"\n  [appendTo]=\"appendTo()\"\n  [transitionOptions]=\"transitionOptions()\"\n  [styleClass]=\"styleClass() + ' mt-custom-drawer'\"\n  (visibleChange)=\"visibleChangeEvent($event)\"\n  (onShow)=\"onShowEvent()\"\n  (onHide)=\"onHideEvent()\"\n>\n  <ng-template #header>\n    <div\n      class=\"flex items-center justify-between px-5 w-full py-3 border-b border-surface\"\n    >\n      <h3 class=\"text-xl font-semibold\">{{ title() }}</h3>\n      <mt-button\n        (onClick)=\"onClose()\"\n        variant=\"outlined\"\n        styleClass=\"!bg-white\"\n        icon=\"general.x-close\"\n        severity=\"secondary\"\n      >\n      </mt-button>\n    </div>\n  </ng-template>\n\n  <ng-content select=\"[content]\"></ng-content>\n\n  <ng-template #footer>\n    <div class=\"flex justify-end p-3 gap-2 border-t border-surface-200\">\n      <ng-content select=\"[footer]\"></ng-content>\n    </div>\n  </ng-template>\n</p-drawer>\n" }]
+            args: [{ selector: 'mt-drawer', standalone: true, imports: [CommonModule, DrawerModule, Button], template: "<p-drawer\r\n  [(visible)]=\"visible\"\r\n  [position]=\"position()\"\r\n  [fullScreen]=\"fullScreen()\"\r\n  [modal]=\"modal()\"\r\n  [closable]=\"false\"\r\n  [closeOnEscape]=\"closeOnEscape()\"\r\n  [blockScroll]=\"blockScroll()\"\r\n  [dismissible]=\"dismissible()\"\r\n  [appendTo]=\"appendTo()\"\r\n  [transitionOptions]=\"transitionOptions()\"\r\n  [styleClass]=\"styleClass() + ' mt-custom-drawer'\"\r\n  (visibleChange)=\"visibleChangeEvent($event)\"\r\n  (onShow)=\"onShowEvent()\"\r\n  (onHide)=\"onHideEvent()\"\r\n>\r\n  <ng-template #header>\r\n    <div\r\n      class=\"flex items-center justify-between px-5 w-full py-3 border-b border-surface\"\r\n    >\r\n      <h3 class=\"text-xl font-semibold\">{{ title() }}</h3>\r\n      <mt-button\r\n        (onClick)=\"onClose()\"\r\n        variant=\"outlined\"\r\n        styleClass=\"!bg-white\"\r\n        icon=\"general.x-close\"\r\n        severity=\"secondary\"\r\n      >\r\n      </mt-button>\r\n    </div>\r\n  </ng-template>\r\n\r\n  <ng-content select=\"[content]\"></ng-content>\r\n\r\n  <ng-template #footer>\r\n    <div class=\"flex justify-end p-3 gap-2 border-t border-surface-200\">\r\n      <ng-content select=\"[footer]\"></ng-content>\r\n    </div>\r\n  </ng-template>\r\n</p-drawer>\r\n" }]
         }], propDecorators: { visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "visible", required: false }] }, { type: i0.Output, args: ["visibleChange"] }], visibleChange: [{ type: i0.Output, args: ["visibleChange"] }], onShow: [{ type: i0.Output, args: ["onShow"] }], onHide: [{ type: i0.Output, args: ["onHide"] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], fullScreen: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullScreen", required: false }] }], closeOnEscape: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnEscape", required: false }] }], blockScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "blockScroll", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], transitionOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "transitionOptions", required: false }] }], appendTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "appendTo", required: false }] }], modal: [{ type: i0.Input, args: [{ isSignal: true, alias: "modal", required: false }] }] } });
 /**

package/fesm2022/masterteam-components-drawer.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"masterteam-components-drawer.mjs","sources":["../../../../packages/masterteam/components/drawer/drawer.ts","../../../../packages/masterteam/components/drawer/drawer.html","../../../../packages/masterteam/components/drawer/masterteam-components-drawer.ts"],"sourcesContent":["import { Button } from '@masterteam/components/button';\nimport { Component, input, output, model } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DrawerModule } from 'primeng/drawer';\n\n@Component({\n selector: 'mt-drawer',\n standalone: true,\n imports: [CommonModule, DrawerModule, Button],\n templateUrl: './drawer.html',\n styleUrls: ['./drawer.scss'],\n})\nexport class Drawer {\n visible = model<boolean>(false);\n visibleChange = output<boolean>();\n onShow = output<boolean>();\n onHide = output<boolean>();\n position = input<'left' \| 'right' \| 'top' \| 'bottom'>('right');\n fullScreen = input<boolean>(false);\n closeOnEscape = input<boolean>(false);\n blockScroll = input<boolean>(true);\n dismissible = input<boolean>(true);\n title = input<string>('');\n styleClass = input<string>('');\n transitionOptions = input<string>('200ms cubic-bezier(0, 0, 1, 1)');\n appendTo = input<string>('body');\n modal = input<boolean>(true);\n\n visibleChangeEvent(event: boolean) {\n this.visibleChange.emit(event);\n }\n\n onClose() {\n this.visible.set(false);\n this.visibleChange.emit(false);\n this.onHide.emit(true);\n }\n onShowEvent() {\n this.onShow.emit(true);\n }\n onHideEvent() {\n this.onHide.emit(true);\n }\n}\n","<p-drawer\n [(visible)]=\"visible\"\n [position]=\"position()\"\n [fullScreen]=\"fullScreen()\"\n [modal]=\"modal()\"\n [closable]=\"false\"\n [closeOnEscape]=\"closeOnEscape()\"\n [blockScroll]=\"blockScroll()\"\n [dismissible]=\"dismissible()\"\n [appendTo]=\"appendTo()\"\n [transitionOptions]=\"transitionOptions()\"\n [styleClass]=\"styleClass() + ' mt-custom-drawer'\"\n (visibleChange)=\"visibleChangeEvent($event)\"\n (onShow)=\"onShowEvent()\"\n (onHide)=\"onHideEvent()\"\n>\n <ng-template #header>\n <div\n class=\"flex items-center justify-between px-5 w-full py-3 border-b border-surface\"\n >\n <h3 class=\"text-xl font-semibold\">{{ title() }}</h3>\n <mt-button\n (onClick)=\"onClose()\"\n variant=\"outlined\"\n styleClass=\"!bg-white\"\n icon=\"general.x-close\"\n severity=\"secondary\"\n >\n </mt-button>\n </div>\n </ng-template>\n\n <ng-content select=\"[content]\"></ng-content>\n\n <ng-template #footer>\n <div class=\"flex justify-end p-3 gap-2 border-t border-surface-200\">\n <ng-content select=\"[footer]\"></ng-content>\n </div>\n </ng-template>\n</p-drawer>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;;MAYa,MAAM,CAAA;AACjB,IAAA,OAAO,GAAG,KAAK,CAAU,KAAK,mDAAC;IAC/B,aAAa,GAAG,MAAM,EAAW;IACjC,MAAM,GAAG,MAAM,EAAW;IAC1B,MAAM,GAAG,MAAM,EAAW;AAC1B,IAAA,QAAQ,GAAG,KAAK,CAAsC,OAAO,oDAAC;AAC9D,IAAA,UAAU,GAAG,KAAK,CAAU,KAAK,sDAAC;AAClC,IAAA,aAAa,GAAG,KAAK,CAAU,KAAK,yDAAC;AACrC,IAAA,WAAW,GAAG,KAAK,CAAU,IAAI,uDAAC;AAClC,IAAA,WAAW,GAAG,KAAK,CAAU,IAAI,uDAAC;AAClC,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,iDAAC;AACzB,IAAA,UAAU,GAAG,KAAK,CAAS,EAAE,sDAAC;AAC9B,IAAA,iBAAiB,GAAG,KAAK,CAAS,gCAAgC,6DAAC;AACnE,IAAA,QAAQ,GAAG,KAAK,CAAS,MAAM,oDAAC;AAChC,IAAA,KAAK,GAAG,KAAK,CAAU,IAAI,iDAAC;AAE5B,IAAA,kBAAkB,CAAC,KAAc,EAAA;AAC/B,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;IAChC;IAEA,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;AACvB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;AAC9B,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;IACxB;IACA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;IACxB;IACA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;IACxB;uGA9BW,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAN,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAM,0nDCZnB,~~qqCAwCA~~,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDhCY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,YAAY,mbAAE,MAAM,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,eAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAIjC,MAAM,EAAA,UAAA,EAAA,CAAA;kBAPlB,SAAS;+BACE,WAAW,EAAA,UAAA,EACT,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,YAAY,EAAE,MAAM,CAAC,EAAA,QAAA,EAAA,~~qqCAAA~~,EAAA;;;AER/C;;AAEG;;;;"}
1	+ {"version":3,"file":"masterteam-components-drawer.mjs","sources":["../../../../packages/masterteam/components/drawer/drawer.ts","../../../../packages/masterteam/components/drawer/drawer.html","../../../../packages/masterteam/components/drawer/masterteam-components-drawer.ts"],"sourcesContent":["import { Button } from '@masterteam/components/button';\r\nimport { Component, input, output, model } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { DrawerModule } from 'primeng/drawer';\r\n\r\n@Component({\r\n selector: 'mt-drawer',\r\n standalone: true,\r\n imports: [CommonModule, DrawerModule, Button],\r\n templateUrl: './drawer.html',\r\n styleUrls: ['./drawer.scss'],\r\n})\r\nexport class Drawer {\r\n visible = model<boolean>(false);\r\n visibleChange = output<boolean>();\r\n onShow = output<boolean>();\r\n onHide = output<boolean>();\r\n position = input<'left' \| 'right' \| 'top' \| 'bottom'>('right');\r\n fullScreen = input<boolean>(false);\r\n closeOnEscape = input<boolean>(false);\r\n blockScroll = input<boolean>(true);\r\n dismissible = input<boolean>(true);\r\n title = input<string>('');\r\n styleClass = input<string>('');\r\n transitionOptions = input<string>('200ms cubic-bezier(0, 0, 1, 1)');\r\n appendTo = input<string>('body');\r\n modal = input<boolean>(true);\r\n\r\n visibleChangeEvent(event: boolean) {\r\n this.visibleChange.emit(event);\r\n }\r\n\r\n onClose() {\r\n this.visible.set(false);\r\n this.visibleChange.emit(false);\r\n this.onHide.emit(true);\r\n }\r\n onShowEvent() {\r\n this.onShow.emit(true);\r\n }\r\n onHideEvent() {\r\n this.onHide.emit(true);\r\n }\r\n}\r\n","<p-drawer\r\n [(visible)]=\"visible\"\r\n [position]=\"position()\"\r\n [fullScreen]=\"fullScreen()\"\r\n [modal]=\"modal()\"\r\n [closable]=\"false\"\r\n [closeOnEscape]=\"closeOnEscape()\"\r\n [blockScroll]=\"blockScroll()\"\r\n [dismissible]=\"dismissible()\"\r\n [appendTo]=\"appendTo()\"\r\n [transitionOptions]=\"transitionOptions()\"\r\n [styleClass]=\"styleClass() + ' mt-custom-drawer'\"\r\n (visibleChange)=\"visibleChangeEvent($event)\"\r\n (onShow)=\"onShowEvent()\"\r\n (onHide)=\"onHideEvent()\"\r\n>\r\n <ng-template #header>\r\n <div\r\n class=\"flex items-center justify-between px-5 w-full py-3 border-b border-surface\"\r\n >\r\n <h3 class=\"text-xl font-semibold\">{{ title() }}</h3>\r\n <mt-button\r\n (onClick)=\"onClose()\"\r\n variant=\"outlined\"\r\n styleClass=\"!bg-white\"\r\n icon=\"general.x-close\"\r\n severity=\"secondary\"\r\n >\r\n </mt-button>\r\n </div>\r\n </ng-template>\r\n\r\n <ng-content select=\"[content]\"></ng-content>\r\n\r\n <ng-template #footer>\r\n <div class=\"flex justify-end p-3 gap-2 border-t border-surface-200\">\r\n <ng-content select=\"[footer]\"></ng-content>\r\n </div>\r\n </ng-template>\r\n</p-drawer>\r\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;;MAYa,MAAM,CAAA;AACjB,IAAA,OAAO,GAAG,KAAK,CAAU,KAAK,mDAAC;IAC/B,aAAa,GAAG,MAAM,EAAW;IACjC,MAAM,GAAG,MAAM,EAAW;IAC1B,MAAM,GAAG,MAAM,EAAW;AAC1B,IAAA,QAAQ,GAAG,KAAK,CAAsC,OAAO,oDAAC;AAC9D,IAAA,UAAU,GAAG,KAAK,CAAU,KAAK,sDAAC;AAClC,IAAA,aAAa,GAAG,KAAK,CAAU,KAAK,yDAAC;AACrC,IAAA,WAAW,GAAG,KAAK,CAAU,IAAI,uDAAC;AAClC,IAAA,WAAW,GAAG,KAAK,CAAU,IAAI,uDAAC;AAClC,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,iDAAC;AACzB,IAAA,UAAU,GAAG,KAAK,CAAS,EAAE,sDAAC;AAC9B,IAAA,iBAAiB,GAAG,KAAK,CAAS,gCAAgC,6DAAC;AACnE,IAAA,QAAQ,GAAG,KAAK,CAAS,MAAM,oDAAC;AAChC,IAAA,KAAK,GAAG,KAAK,CAAU,IAAI,iDAAC;AAE5B,IAAA,kBAAkB,CAAC,KAAc,EAAA;AAC/B,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;IAChC;IAEA,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;AACvB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;AAC9B,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;IACxB;IACA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;IACxB;IACA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;IACxB;uGA9BW,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAN,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAM,0nDCZnB,qvCAwCA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDhCY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,YAAY,mbAAE,MAAM,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,eAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAIjC,MAAM,EAAA,UAAA,EAAA,CAAA;kBAPlB,SAAS;+BACE,WAAW,EAAA,UAAA,EACT,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,YAAY,EAAE,MAAM,CAAC,EAAA,QAAA,EAAA,qvCAAA,EAAA;;;AER/C;;AAEG;;;;"}