@masterteam/components 0.0.134 → 0.0.135

package/fesm2022/masterteam-components-module-summary-card.mjs

@@ -17,7 +17,7 @@ class ModuleSummaryCard {
     showButton = input(true, { ...(ngDevMode ? { debugName: "showButton" } : {}), transform: booleanAttribute });
     onButtonClick = output();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ModuleSummaryCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: ModuleSummaryCard, isStandalone: true, selector: "mt-module-summary-card", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, buttonLabel: { classPropertyName: "buttonLabel", publicName: "buttonLabel", isSignal: true, isRequired: false, transformFunction: null }, showToggle: { classPropertyName: "showToggle", publicName: "showToggle", isSignal: true, isRequired: false, transformFunction: null }, showButton: { classPropertyName: "showButton", publicName: "showButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { active: "activeChange", onButtonClick: "onButtonClick" }, ngImport: i0, template: "<mt-card headless class=\"h-full\">\r\n  <div class=\"content flex flex-col gap-5 items-center text-center h-full\">\r\n    @if (showToggle()) {\r\n      <div class=\"flex justify-end w-full\">\r\n        <mt-toggle-field [(ngModel)]=\"active\" />\r\n      </div>\r\n    }\r\n    @if (icon()) {\r\n      <mt-avatar\r\n        style=\"\r\n          --p-avatar-background: var(--p-primary-50);\r\n          --p-avatar-color: var(--p-primary-color);\r\n        \"\r\n        [icon]=\"icon()\"\r\n        size=\"large\"\r\n        shape=\"square\"\r\n      ></mt-avatar>\r\n    }\r\n    <div class=\"flex flex-col gap-1\">\r\n      @if (title()) {\r\n        <div class=\"title text-lg font-semibold\">\r\n          {{ title() }}\r\n        </div>\r\n      }\r\n      @if (description()) {\r\n        <div\r\n          class=\"description text-sm text-muted-foreground secondary text-surface-500\"\r\n        >\r\n          {{ description() }}\r\n        </div>\r\n      }\r\n    </div>\r\n\r\n    <div class=\"grow flex flex-col justify-end\">\r\n      @if (showButton()) {\r\n        <mt-button\r\n          label=\"{{ buttonLabel() }}\"\r\n          (onClick)=\"onButtonClick.emit($event)\"\r\n        />\r\n      }\r\n    </div>\r\n  </div>\r\n</mt-card>\r\n", styles: [""], dependencies: [{ kind: "component", type: Card, selector: "mt-card", inputs: ["class", "title", "paddingless"] }, { 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: Avatar, selector: "mt-avatar", inputs: ["label", "icon", "image", "styleClass", "size", "shape", "badge", "badgeSize", "badgeSeverity"], outputs: ["onImageError"] }, { kind: "component", type: ToggleField, selector: "mt-toggle-field", inputs: ["label", "labelPosition", "placeholder", "readonly", "pInputs", "required", "toggleShape", "size", "icon", "descriptionCard"], outputs: ["onChange"] }, { 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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: ModuleSummaryCard, isStandalone: true, selector: "mt-module-summary-card", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, buttonLabel: { classPropertyName: "buttonLabel", publicName: "buttonLabel", isSignal: true, isRequired: false, transformFunction: null }, showToggle: { classPropertyName: "showToggle", publicName: "showToggle", isSignal: true, isRequired: false, transformFunction: null }, showButton: { classPropertyName: "showButton", publicName: "showButton", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { active: "activeChange", onButtonClick: "onButtonClick" }, ngImport: i0, template: "<mt-card headless class=\"h-full\">\r\n  <div class=\"content flex flex-col gap-5 items-center text-center h-full\">\r\n    @if (showToggle()) {\r\n      <div class=\"flex justify-end w-full\">\r\n        <mt-toggle-field [(ngModel)]=\"active\" />\r\n      </div>\r\n    }\r\n    @if (icon()) {\r\n      <mt-avatar\r\n        style=\"\r\n          --p-avatar-background: var(--p-primary-50);\r\n          --p-avatar-color: var(--p-primary-color);\r\n        \"\r\n        [icon]=\"icon()\"\r\n        size=\"large\"\r\n        shape=\"square\"\r\n      ></mt-avatar>\r\n    }\r\n    <div class=\"flex flex-col gap-1\">\r\n      @if (title()) {\r\n        <div class=\"title text-lg font-semibold\">\r\n          {{ title() }}\r\n        </div>\r\n      }\r\n      @if (description()) {\r\n        <div\r\n          class=\"description text-sm text-muted-foreground secondary text-surface-500\"\r\n        >\r\n          {{ description() }}\r\n        </div>\r\n      }\r\n    </div>\r\n\r\n    <div class=\"grow flex flex-col justify-end\">\r\n      @if (showButton()) {\r\n        <mt-button\r\n          label=\"{{ buttonLabel() }}\"\r\n          (onClick)=\"onButtonClick.emit($event)\"\r\n        />\r\n      }\r\n    </div>\r\n  </div>\r\n</mt-card>\r\n", styles: [""], dependencies: [{ kind: "component", type: Card, selector: "mt-card", inputs: ["class", "title", "paddingless"] }, { 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: Avatar, selector: "mt-avatar", inputs: ["label", "icon", "image", "styleClass", "size", "shape", "badge", "badgeSize", "badgeSeverity"], outputs: ["onImageError"] }, { kind: "component", type: ToggleField, selector: "mt-toggle-field", inputs: ["label", "inputId", "labelPosition", "placeholder", "readonly", "pInputs", "required", "toggleShape", "size", "icon", "descriptionCard"], outputs: ["onChange"] }, { 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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: ModuleSummaryCard, decorators: [{
             type: Component,

package/fesm2022/masterteam-components-module-summary-card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-module-summary-card.mjs","sources":["../../../../packages/masterteam/components/module-summary-card/module-summary-card.ts","../../../../packages/masterteam/components/module-summary-card/module-summary-card.html","../../../../packages/masterteam/components/module-summary-card/masterteam-components-module-summary-card.ts"],"sourcesContent":["import {\r\n  Component,\r\n  input,\r\n  model,\r\n  output,\r\n  booleanAttribute,\r\n} from '@angular/core';\r\nimport { Card } from '@masterteam/components/card';\r\nimport { ToggleField } from '@masterteam/components/toggle-field';\r\nimport { Button } from '@masterteam/components/button';\r\nimport { Avatar } from '@masterteam/components/avatar';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { MTIcon } from '@masterteam/icons';\r\n\r\n@Component({\r\n  selector: 'mt-module-summary-card',\r\n  standalone: true,\r\n  templateUrl: './module-summary-card.html',\r\n  styleUrl: './module-summary-card.scss',\r\n  imports: [Card, Button, Avatar, ToggleField, FormsModule],\r\n})\r\nexport class ModuleSummaryCard {\r\n  readonly icon = input<MTIcon>();\r\n  readonly title = input<string>();\r\n  readonly description = input<string>();\r\n  readonly active = model<boolean>(false);\r\n  readonly buttonLabel = input<string>('Action');\r\n  readonly showToggle = input<boolean, unknown>(true, {\r\n    transform: booleanAttribute,\r\n  });\r\n  readonly showButton = input<boolean, unknown>(true, {\r\n    transform: booleanAttribute,\r\n  });\r\n  readonly onButtonClick = output<MouseEvent>();\r\n}\r\n","<mt-card headless class=\"h-full\">\r\n  <div class=\"content flex flex-col gap-5 items-center text-center h-full\">\r\n    @if (showToggle()) {\r\n      <div class=\"flex justify-end w-full\">\r\n        <mt-toggle-field [(ngModel)]=\"active\" />\r\n      </div>\r\n    }\r\n    @if (icon()) {\r\n      <mt-avatar\r\n        style=\"\r\n          --p-avatar-background: var(--p-primary-50);\r\n          --p-avatar-color: var(--p-primary-color);\r\n        \"\r\n        [icon]=\"icon()\"\r\n        size=\"large\"\r\n        shape=\"square\"\r\n      ></mt-avatar>\r\n    }\r\n    <div class=\"flex flex-col gap-1\">\r\n      @if (title()) {\r\n        <div class=\"title text-lg font-semibold\">\r\n          {{ title() }}\r\n        </div>\r\n      }\r\n      @if (description()) {\r\n        <div\r\n          class=\"description text-sm text-muted-foreground secondary text-surface-500\"\r\n        >\r\n          {{ description() }}\r\n        </div>\r\n      }\r\n    </div>\r\n\r\n    <div class=\"grow flex flex-col justify-end\">\r\n      @if (showButton()) {\r\n        <mt-button\r\n          label=\"{{ buttonLabel() }}\"\r\n          (onClick)=\"onButtonClick.emit($event)\"\r\n        />\r\n      }\r\n    </div>\r\n  </div>\r\n</mt-card>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"masterteam-components-module-summary-card.mjs","sources":["../../../../packages/masterteam/components/module-summary-card/module-summary-card.ts","../../../../packages/masterteam/components/module-summary-card/module-summary-card.html","../../../../packages/masterteam/components/module-summary-card/masterteam-components-module-summary-card.ts"],"sourcesContent":["import {\r\n  Component,\r\n  input,\r\n  model,\r\n  output,\r\n  booleanAttribute,\r\n} from '@angular/core';\r\nimport { Card } from '@masterteam/components/card';\r\nimport { ToggleField } from '@masterteam/components/toggle-field';\r\nimport { Button } from '@masterteam/components/button';\r\nimport { Avatar } from '@masterteam/components/avatar';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { MTIcon } from '@masterteam/icons';\r\n\r\n@Component({\r\n  selector: 'mt-module-summary-card',\r\n  standalone: true,\r\n  templateUrl: './module-summary-card.html',\r\n  styleUrl: './module-summary-card.scss',\r\n  imports: [Card, Button, Avatar, ToggleField, FormsModule],\r\n})\r\nexport class ModuleSummaryCard {\r\n  readonly icon = input<MTIcon>();\r\n  readonly title = input<string>();\r\n  readonly description = input<string>();\r\n  readonly active = model<boolean>(false);\r\n  readonly buttonLabel = input<string>('Action');\r\n  readonly showToggle = input<boolean, unknown>(true, {\r\n    transform: booleanAttribute,\r\n  });\r\n  readonly showButton = input<boolean, unknown>(true, {\r\n    transform: booleanAttribute,\r\n  });\r\n  readonly onButtonClick = output<MouseEvent>();\r\n}\r\n","<mt-card headless class=\"h-full\">\r\n  <div class=\"content flex flex-col gap-5 items-center text-center h-full\">\r\n    @if (showToggle()) {\r\n      <div class=\"flex justify-end w-full\">\r\n        <mt-toggle-field [(ngModel)]=\"active\" />\r\n      </div>\r\n    }\r\n    @if (icon()) {\r\n      <mt-avatar\r\n        style=\"\r\n          --p-avatar-background: var(--p-primary-50);\r\n          --p-avatar-color: var(--p-primary-color);\r\n        \"\r\n        [icon]=\"icon()\"\r\n        size=\"large\"\r\n        shape=\"square\"\r\n      ></mt-avatar>\r\n    }\r\n    <div class=\"flex flex-col gap-1\">\r\n      @if (title()) {\r\n        <div class=\"title text-lg font-semibold\">\r\n          {{ title() }}\r\n        </div>\r\n      }\r\n      @if (description()) {\r\n        <div\r\n          class=\"description text-sm text-muted-foreground secondary text-surface-500\"\r\n        >\r\n          {{ description() }}\r\n        </div>\r\n      }\r\n    </div>\r\n\r\n    <div class=\"grow flex flex-col justify-end\">\r\n      @if (showButton()) {\r\n        <mt-button\r\n          label=\"{{ buttonLabel() }}\"\r\n          (onClick)=\"onButtonClick.emit($event)\"\r\n        />\r\n      }\r\n    </div>\r\n  </div>\r\n</mt-card>\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-slider-field.mjs

@@ -1,14 +1,17 @@
 import * as i0 from '@angular/core';
-import { input, numberAttribute, booleanAttribute, EventEmitter, signal, computed, inject, effect, HostBinding, Output, ViewChild, ChangeDetectionStrategy, Component } from '@angular/core';
+import { viewChild, input, numberAttribute, booleanAttribute, output, inject, computed, signal, effect, ChangeDetectionStrategy, Component } from '@angular/core';
 import * as i1 from '@angular/forms';
-import { Validators, NgControl, FormsModule } from '@angular/forms';
-import * as i2 from 'primeng/slider';
-import { SliderModule } from 'primeng/slider';
+import { NgControl, Validators, FormsModule } from '@angular/forms';
 import { FieldValidation } from '@masterteam/components/field-validation';
 import { isInvalid } from '@masterteam/components';
+import * as i3 from 'primeng/inputnumber';
+import { InputNumberModule } from 'primeng/inputnumber';
+import * as i2 from 'primeng/slider';
+import { SliderModule } from 'primeng/slider';
 
+let nextUniqueId = 0;
 class SliderField {
-    input;
+    slider = viewChild('slider', ...(ngDevMode ? [{ debugName: "slider" }] : []));
     field = input(true, ...(ngDevMode ? [{ debugName: "field" }] : []));
     label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
     animate = input(false, ...(ngDevMode ? [{ debugName: "animate" }] : []));
@@ -21,51 +24,64 @@ class SliderField {
     readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly" }] : []));
     pInputs = input(...(ngDevMode ? [undefined, { debugName: "pInputs" }] : []));
     required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : []));
-    onChange = new EventEmitter();
-    onSlideEnd = new EventEmitter();
-    styleClass;
+    onChange = output();
+    onSlideEnd = output();
+    ngControl = inject(NgControl, { optional: true, self: true });
+    hostClass = computed(() => ['grid gap-1', this.class()].filter(Boolean).join(' '), ...(ngDevMode ? [{ debugName: "hostClass" }] : []));
+    effectiveStep = computed(() => {
+        const step = this.step();
+        return typeof step === 'number' && Number.isFinite(step) && step > 0
+            ? step
+            : undefined;
+    }, ...(ngDevMode ? [{ debugName: "effectiveStep" }] : []));
+    fieldId = computed(() => {
+        const labelId = this.label()?.trim().toLowerCase().replace(/\s+/g, '-');
+        return this.ngControl?.name?.toString() || labelId || this.defaultId;
+    }, ...(ngDevMode ? [{ debugName: "fieldId" }] : []));
+    labelTargetId = computed(() => this.hideNumber() ? `${this.fieldId()}-slider` : this.fieldId(), ...(ngDevMode ? [{ debugName: "labelTargetId" }] : []));
+    maxFractionDigits = computed(() => this.getFractionDigits(this.effectiveStep()), ...(ngDevMode ? [{ debugName: "maxFractionDigits" }] : []));
+    displayValue = computed(() => this.formatValue(this.value()), ...(ngDevMode ? [{ debugName: "displayValue" }] : []));
+    minDisplay = computed(() => this.formatValue(this.min()), ...(ngDevMode ? [{ debugName: "minDisplay" }] : []));
+    maxDisplay = computed(() => this.formatValue(this.max()), ...(ngDevMode ? [{ debugName: "maxDisplay" }] : []));
     requiredValidator = Validators.required;
     value = signal(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
     disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
-    displayValue = computed(() => {
-        const value = this.value();
-        if (value === null || value === undefined) {
-            return '-';
-        }
-        return `${value}${this.unit()}`;
-    }, ...(ngDevMode ? [{ debugName: "displayValue" }] : []));
     onTouched = () => { };
     onModelChange = () => { };
-    ngControl = inject(NgControl, { self: true });
     isInvalid = isInvalid;
+    defaultId = `mt-slider-field-${nextUniqueId++}`;
     constructor() {
         if (this.ngControl) {
             this.ngControl.valueAccessor = this;
         }
         effect(() => {
-            if (this.ngControl.control && this.required()) {
-                this.ngControl.control.addValidators(Validators.required);
-                this.ngControl.control.updateValueAndValidity();
+            const control = this.ngControl?.control;
+            if (!control) {
+                return;
+            }
+            if (this.required()) {
+                control.addValidators(Validators.required);
+            }
+            else {
+                control.removeValidators(Validators.required);
+            }
+            control.updateValueAndValidity({ emitEvent: false });
+        });
+        effect(() => {
+            const slider = this.slider();
+            const pInputs = this.pInputs();
+            if (slider && pInputs) {
+                Object.assign(slider, pInputs);
             }
         });
-    }
-    applyInputsToInput() {
-        Object.assign(this.input, this.pInputs());
-    }
-    ngOnInit() {
-        this.styleClass = this.class();
     }
     onValueChange(value) {
-        this.onModelChange(value);
-        this.value.set(value);
-    }
-    ngOnChanges(changes) {
-        if (changes['pInputs']) {
-            this.applyInputsToInput();
-        }
+        const normalizedValue = this.normalizeValue(value);
+        this.onModelChange(normalizedValue);
+        this.value.set(normalizedValue);
     }
     writeValue(value) {
-        this.value.set(value);
+        this.value.set(this.normalizeValue(value));
     }
     registerOnChange(fn) {
         this.onModelChange = fn;
@@ -76,25 +92,43 @@ class SliderField {
     setDisabledState(disabled) {
         this.disabled.set(disabled);
     }
+    normalizeValue(value) {
+        if (value === null || value === undefined || Number.isNaN(value)) {
+            return null;
+        }
+        if (value < this.min()) {
+            return this.min();
+        }
+        if (value > this.max()) {
+            return this.max();
+        }
+        return value;
+    }
+    formatValue(value) {
+        if (value === null || value === undefined || Number.isNaN(value)) {
+            return '-';
+        }
+        return this.unit() ? `${value}${this.unit()}` : `${value}`;
+    }
+    getFractionDigits(step) {
+        if (!step || Number.isInteger(step)) {
+            return 0;
+        }
+        const stepText = step.toString();
+        if (stepText.includes('e-')) {
+            return Number(stepText.split('e-')[1]);
+        }
+        return stepText.split('.')[1]?.length ?? 0;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: SliderField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: SliderField, isStandalone: true, selector: "mt-slider-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, animate: { classPropertyName: "animate", publicName: "animate", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, hideNumber: { classPropertyName: "hideNumber", publicName: "hideNumber", isSignal: true, isRequired: false, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", 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", onSlideEnd: "onSlideEnd" }, host: { properties: { "class": "this.styleClass" }, classAttribute: "grid gap-1" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (label() || !hideNumber()) {\r\n  <div class=\"flex items-end justify-between gap-3\">\r\n    @if (label()) {\r\n      <label\r\n        class=\"leading-none\"\r\n        [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n        [for]=\"ngControl?.name || label()\"\r\n        >{{ label() }}</label\r\n      >\r\n    }\r\n    @if (!hideNumber()) {\r\n      <span\r\n        class=\"min-w-12 text-right text-sm font-medium leading-none text-muted-color tabular-nums\"\r\n      >\r\n        {{ displayValue() }}\r\n      </span>\r\n    }\r\n  </div>\r\n}\r\n<div class=\"w-full my-2\">\r\n  <p-slider\r\n    #input\r\n    [ngModel]=\"value()\"\r\n    (ngModelChange)=\"onValueChange($event)\"\r\n    (onChange)=\"onChange.emit($event)\"\r\n    (onSlideEnd)=\"onTouched(); onSlideEnd.emit($event)\"\r\n    [disabled]=\"disabled() || readonly()\"\r\n    [animate]=\"animate()\"\r\n    [id]=\"ngControl?.name || label()\"\r\n    [min]=\"min()\"\r\n    [max]=\"max()\"\r\n    [step]=\"step()\"\r\n    [invalid]=\"isInvalid(ngControl?.control)\"\r\n    class=\"block w-full\"\r\n  ></p-slider>\r\n</div>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n", styles: [":host{--p-slider-track-size: .75rem}:host ::ng-deep .p-slider{background:var(--p-surface-200);border-radius:9999px}:host ::ng-deep .p-slider.p-slider-horizontal{height:var(--p-slider-track-size)}:host ::ng-deep .p-slider-range{border-radius:inherit}\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: SliderModule }, { kind: "component", type: i2.Slider, selector: "p-slider", inputs: ["animate", "min", "max", "orientation", "step", "range", "styleClass", "ariaLabel", "ariaLabelledBy", "tabindex", "autofocus"], outputs: ["onChange", "onSlideEnd"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: SliderField, isStandalone: true, selector: "mt-slider-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, animate: { classPropertyName: "animate", publicName: "animate", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, hideNumber: { classPropertyName: "hideNumber", publicName: "hideNumber", isSignal: true, isRequired: false, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", 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", onSlideEnd: "onSlideEnd" }, host: { properties: { "class": "hostClass()" } }, viewQueries: [{ propertyName: "slider", first: true, predicate: ["slider"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (label()) {\r\n  <label\r\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n    [for]=\"labelTargetId()\"\r\n    >{{ label() }}</label\r\n  >\r\n}\r\n\r\n@if (!hideNumber()) {\r\n  <p-inputnumber\r\n    [ngModel]=\"value()\"\r\n    (ngModelChange)=\"onValueChange($event)\"\r\n    (onBlur)=\"onTouched()\"\r\n    [disabled]=\"disabled()\"\r\n    [readonly]=\"readonly()\"\r\n    [inputId]=\"fieldId()\"\r\n    [min]=\"min()\"\r\n    [max]=\"max()\"\r\n    [step]=\"effectiveStep()\"\r\n    [maxFractionDigits]=\"maxFractionDigits()\"\r\n    [suffix]=\"unit()\"\r\n    [invalid]=\"isInvalid(ngControl?.control)\"\r\n    styleClass=\"slider-field-number w-full\"\r\n    inputStyleClass=\"w-full\"\r\n  ></p-inputnumber>\r\n}\r\n\r\n<div class=\"mt-2 grid gap-1.5\" [class.opacity-70]=\"disabled() || readonly()\">\r\n  @if (hideNumber()) {\r\n    <span\r\n      class=\"slider-field-current justify-self-end rounded-full bg-surface-100 px-3 py-1 text-sm font-semibold leading-none tabular-nums text-color\"\r\n      >{{ displayValue() }}</span\r\n    >\r\n  }\r\n\r\n  <div\r\n    class=\"rounded-full border border-surface-200 bg-surface-50 px-3 py-2\"\r\n    [class.border-red-400]=\"isInvalid(ngControl?.control)\"\r\n  >\r\n    <p-slider\r\n      #slider\r\n      [ngModel]=\"value()\"\r\n      (ngModelChange)=\"onValueChange($event)\"\r\n      (onChange)=\"onChange.emit($event)\"\r\n      (onSlideEnd)=\"onTouched(); onSlideEnd.emit($event)\"\r\n      [disabled]=\"disabled() || readonly()\"\r\n      [animate]=\"animate()\"\r\n      [id]=\"fieldId() + '-slider'\"\r\n      [min]=\"min()\"\r\n      [max]=\"max()\"\r\n      [step]=\"effectiveStep()\"\r\n      [invalid]=\"isInvalid(ngControl?.control)\"\r\n      class=\"slider-field-slider block w-full\"\r\n    ></p-slider>\r\n  </div>\r\n\r\n  <div\r\n    class=\"flex items-center justify-between gap-3 text-xs text-muted-color tabular-nums\"\r\n  >\r\n    <span>{{ minDisplay() }}</span>\r\n    @if (hideNumber()) {\r\n      <span class=\"font-medium text-color\">{{ displayValue() }}</span>\r\n    }\r\n    <span>{{ maxDisplay() }}</span>\r\n  </div>\r\n</div>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n", styles: [":host{--p-slider-track-size: .45rem}:host ::ng-deep .slider-field-slider.p-slider{display:block;width:100%;background:var(--p-surface-200);border-radius:999px}:host ::ng-deep .slider-field-slider.p-slider-horizontal{height:var(--p-slider-track-size)}:host ::ng-deep .slider-field-slider .p-slider-range{border-radius:inherit;background:var(--p-primary-color)}:host ::ng-deep .slider-field-slider .p-slider-handle{width:.95rem;height:.95rem;margin-top:calc((.95rem - var(--p-slider-track-size)) / -2);background:var(--p-surface-0);border:.22rem solid var(--p-primary-color);box-shadow:none}:host ::ng-deep .slider-field-slider .p-slider-handle:focus-visible{box-shadow:0 0 0 .2rem var(--p-surface-0),0 0 0 .3rem color-mix(in srgb,var(--p-primary-color) 24%,transparent)}\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: SliderModule }, { kind: "component", type: i2.Slider, selector: "p-slider", inputs: ["animate", "min", "max", "orientation", "step", "range", "styleClass", "ariaLabel", "ariaLabelledBy", "tabindex", "autofocus"], outputs: ["onChange", "onSlideEnd"] }, { kind: "ngmodule", type: InputNumberModule }, { kind: "component", type: i3.InputNumber, selector: "p-inputNumber, p-inputnumber, p-input-number", inputs: ["showButtons", "format", "buttonLayout", "inputId", "styleClass", "placeholder", "tabindex", "title", "ariaLabelledBy", "ariaDescribedBy", "ariaLabel", "ariaRequired", "autocomplete", "incrementButtonClass", "decrementButtonClass", "incrementButtonIcon", "decrementButtonIcon", "readonly", "allowEmpty", "locale", "localeMatcher", "mode", "currency", "currencyDisplay", "useGrouping", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "inputStyle", "inputStyleClass", "showClear", "autofocus"], outputs: ["onInput", "onFocus", "onBlur", "onKeyDown", "onClear"] }, { kind: "component", type: FieldValidation, selector: "mt-field-validation", inputs: ["control", "touched"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: SliderField, decorators: [{
             type: Component,
-            args: [{ selector: 'mt-slider-field', standalone: true, imports: [FormsModule, SliderModule, FieldValidation], changeDetection: ChangeDetectionStrategy.OnPush, host: {
-                        class: 'grid gap-1',
-                    }, template: "@if (label() || !hideNumber()) {\r\n  <div class=\"flex items-end justify-between gap-3\">\r\n    @if (label()) {\r\n      <label\r\n        class=\"leading-none\"\r\n        [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n        [for]=\"ngControl?.name || label()\"\r\n        >{{ label() }}</label\r\n      >\r\n    }\r\n    @if (!hideNumber()) {\r\n      <span\r\n        class=\"min-w-12 text-right text-sm font-medium leading-none text-muted-color tabular-nums\"\r\n      >\r\n        {{ displayValue() }}\r\n      </span>\r\n    }\r\n  </div>\r\n}\r\n<div class=\"w-full my-2\">\r\n  <p-slider\r\n    #input\r\n    [ngModel]=\"value()\"\r\n    (ngModelChange)=\"onValueChange($event)\"\r\n    (onChange)=\"onChange.emit($event)\"\r\n    (onSlideEnd)=\"onTouched(); onSlideEnd.emit($event)\"\r\n    [disabled]=\"disabled() || readonly()\"\r\n    [animate]=\"animate()\"\r\n    [id]=\"ngControl?.name || label()\"\r\n    [min]=\"min()\"\r\n    [max]=\"max()\"\r\n    [step]=\"step()\"\r\n    [invalid]=\"isInvalid(ngControl?.control)\"\r\n    class=\"block w-full\"\r\n  ></p-slider>\r\n</div>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n", styles: [":host{--p-slider-track-size: .75rem}:host ::ng-deep .p-slider{background:var(--p-surface-200);border-radius:9999px}:host ::ng-deep .p-slider.p-slider-horizontal{height:var(--p-slider-track-size)}:host ::ng-deep .p-slider-range{border-radius:inherit}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { input: [{
-                type: ViewChild,
-                args: ['input', { static: true }]
-            }], field: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], animate: [{ type: i0.Input, args: [{ isSignal: true, alias: "animate", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], hideNumber: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideNumber", required: false }] }], unit: [{ type: i0.Input, args: [{ isSignal: true, alias: "unit", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], pInputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "pInputs", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], onChange: [{
-                type: Output
-            }], onSlideEnd: [{
-                type: Output
-            }], styleClass: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+            args: [{ selector: 'mt-slider-field', imports: [FormsModule, SliderModule, InputNumberModule, FieldValidation], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[class]': 'hostClass()',
+                    }, template: "@if (label()) {\r\n  <label\r\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n    [for]=\"labelTargetId()\"\r\n    >{{ label() }}</label\r\n  >\r\n}\r\n\r\n@if (!hideNumber()) {\r\n  <p-inputnumber\r\n    [ngModel]=\"value()\"\r\n    (ngModelChange)=\"onValueChange($event)\"\r\n    (onBlur)=\"onTouched()\"\r\n    [disabled]=\"disabled()\"\r\n    [readonly]=\"readonly()\"\r\n    [inputId]=\"fieldId()\"\r\n    [min]=\"min()\"\r\n    [max]=\"max()\"\r\n    [step]=\"effectiveStep()\"\r\n    [maxFractionDigits]=\"maxFractionDigits()\"\r\n    [suffix]=\"unit()\"\r\n    [invalid]=\"isInvalid(ngControl?.control)\"\r\n    styleClass=\"slider-field-number w-full\"\r\n    inputStyleClass=\"w-full\"\r\n  ></p-inputnumber>\r\n}\r\n\r\n<div class=\"mt-2 grid gap-1.5\" [class.opacity-70]=\"disabled() || readonly()\">\r\n  @if (hideNumber()) {\r\n    <span\r\n      class=\"slider-field-current justify-self-end rounded-full bg-surface-100 px-3 py-1 text-sm font-semibold leading-none tabular-nums text-color\"\r\n      >{{ displayValue() }}</span\r\n    >\r\n  }\r\n\r\n  <div\r\n    class=\"rounded-full border border-surface-200 bg-surface-50 px-3 py-2\"\r\n    [class.border-red-400]=\"isInvalid(ngControl?.control)\"\r\n  >\r\n    <p-slider\r\n      #slider\r\n      [ngModel]=\"value()\"\r\n      (ngModelChange)=\"onValueChange($event)\"\r\n      (onChange)=\"onChange.emit($event)\"\r\n      (onSlideEnd)=\"onTouched(); onSlideEnd.emit($event)\"\r\n      [disabled]=\"disabled() || readonly()\"\r\n      [animate]=\"animate()\"\r\n      [id]=\"fieldId() + '-slider'\"\r\n      [min]=\"min()\"\r\n      [max]=\"max()\"\r\n      [step]=\"effectiveStep()\"\r\n      [invalid]=\"isInvalid(ngControl?.control)\"\r\n      class=\"slider-field-slider block w-full\"\r\n    ></p-slider>\r\n  </div>\r\n\r\n  <div\r\n    class=\"flex items-center justify-between gap-3 text-xs text-muted-color tabular-nums\"\r\n  >\r\n    <span>{{ minDisplay() }}</span>\r\n    @if (hideNumber()) {\r\n      <span class=\"font-medium text-color\">{{ displayValue() }}</span>\r\n    }\r\n    <span>{{ maxDisplay() }}</span>\r\n  </div>\r\n</div>\r\n\r\n<mt-field-validation [control]=\"ngControl?.control\"></mt-field-validation>\r\n", styles: [":host{--p-slider-track-size: .45rem}:host ::ng-deep .slider-field-slider.p-slider{display:block;width:100%;background:var(--p-surface-200);border-radius:999px}:host ::ng-deep .slider-field-slider.p-slider-horizontal{height:var(--p-slider-track-size)}:host ::ng-deep .slider-field-slider .p-slider-range{border-radius:inherit;background:var(--p-primary-color)}:host ::ng-deep .slider-field-slider .p-slider-handle{width:.95rem;height:.95rem;margin-top:calc((.95rem - var(--p-slider-track-size)) / -2);background:var(--p-surface-0);border:.22rem solid var(--p-primary-color);box-shadow:none}:host ::ng-deep .slider-field-slider .p-slider-handle:focus-visible{box-shadow:0 0 0 .2rem var(--p-surface-0),0 0 0 .3rem color-mix(in srgb,var(--p-primary-color) 24%,transparent)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { slider: [{ type: i0.ViewChild, args: ['slider', { isSignal: true }] }], field: [{ type: i0.Input, args: [{ isSignal: true, alias: "field", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], animate: [{ type: i0.Input, args: [{ isSignal: true, alias: "animate", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], hideNumber: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideNumber", required: false }] }], unit: [{ type: i0.Input, args: [{ isSignal: true, alias: "unit", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], pInputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "pInputs", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], onChange: [{ type: i0.Output, args: ["onChange"] }], onSlideEnd: [{ type: i0.Output, args: ["onSlideEnd"] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/masterteam-components-slider-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-slider-field.mjs","sources":["../../../../packages/masterteam/components/slider-field/slider-field.ts","../../../../packages/masterteam/components/slider-field/slider-field.html","../../../../packages/masterteam/components/slider-field/masterteam-components-slider-field.ts"],"sourcesContent":["import {\r\n  Component,\r\n  EventEmitter,\r\n  HostBinding,\r\n  Output,\r\n  SimpleChanges,\r\n  ViewChild,\r\n  booleanAttribute,\r\n  computed,\r\n  input,\r\n  numberAttribute,\r\n  signal,\r\n  OnInit,\r\n  OnChanges,\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 {\r\n  Slider,\r\n  SliderChangeEvent,\r\n  SliderSlideEndEvent,\r\n  SliderModule,\r\n} from 'primeng/slider';\r\nimport { FieldValidation } from '@masterteam/components/field-validation';\r\nimport { isInvalid } from '@masterteam/components';\r\n\r\n@Component({\r\n  selector: 'mt-slider-field',\r\n  standalone: true,\r\n  imports: [FormsModule, SliderModule, FieldValidation],\r\n  templateUrl: './slider-field.html',\r\n  styleUrls: ['./slider-field.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    class: 'grid gap-1',\r\n  },\r\n})\r\nexport class SliderField implements ControlValueAccessor, OnInit, OnChanges {\r\n  @ViewChild('input', { static: true })\r\n  input: Slider;\r\n\r\n  readonly field = input<boolean>(true);\r\n  readonly label = input<string>();\r\n  readonly animate = input<boolean>(false);\r\n  readonly class = input<string>('');\r\n  readonly min = input<number, unknown>(0, { transform: numberAttribute });\r\n  readonly max = input<number, unknown>(100, { transform: numberAttribute });\r\n  readonly step = input<number, unknown>(undefined, {\r\n    transform: numberAttribute,\r\n  });\r\n  readonly hideNumber = input<boolean, unknown>(false, {\r\n    transform: booleanAttribute,\r\n  });\r\n  readonly unit = input<string>('%');\r\n  readonly readonly = input<boolean>(false);\r\n  readonly pInputs = input<Partial<Slider>>();\r\n  readonly required = input<boolean>(false);\r\n\r\n  @Output() onChange: EventEmitter<SliderChangeEvent> = new EventEmitter();\r\n  @Output() onSlideEnd: EventEmitter<SliderSlideEndEvent> = new EventEmitter();\r\n\r\n  @HostBinding('class') styleClass: string;\r\n\r\n  requiredValidator = Validators.required;\r\n  value = signal<number | null>(null);\r\n  disabled = signal<boolean>(false);\r\n  displayValue = computed(() => {\r\n    const value = this.value();\r\n    if (value === null || value === undefined) {\r\n      return '-';\r\n    }\r\n    return `${value}${this.unit()}`;\r\n  });\r\n\r\n  onTouched: () => void = () => {};\r\n  onModelChange: (value: number | null) => 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  applyInputsToInput() {\r\n    Object.assign(this.input, this.pInputs());\r\n  }\r\n\r\n  ngOnInit() {\r\n    this.styleClass = this.class();\r\n  }\r\n  onValueChange(value: number | null) {\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.applyInputsToInput();\r\n    }\r\n  }\r\n\r\n  writeValue(value: number) {\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() || !hideNumber()) {\r\n  <div class=\"flex items-end justify-between gap-3\">\r\n    @if (label()) {\r\n      <label\r\n        class=\"leading-none\"\r\n        [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n        [for]=\"ngControl?.name || label()\"\r\n        >{{ label() }}</label\r\n      >\r\n    }\r\n    @if (!hideNumber()) {\r\n      <span\r\n        class=\"min-w-12 text-right text-sm font-medium leading-none text-muted-color tabular-nums\"\r\n      >\r\n        {{ displayValue() }}\r\n      </span>\r\n    }\r\n  </div>\r\n}\r\n<div class=\"w-full my-2\">\r\n  <p-slider\r\n    #input\r\n    [ngModel]=\"value()\"\r\n    (ngModelChange)=\"onValueChange($event)\"\r\n    (onChange)=\"onChange.emit($event)\"\r\n    (onSlideEnd)=\"onTouched(); onSlideEnd.emit($event)\"\r\n    [disabled]=\"disabled() || readonly()\"\r\n    [animate]=\"animate()\"\r\n    [id]=\"ngControl?.name || label()\"\r\n    [min]=\"min()\"\r\n    [max]=\"max()\"\r\n    [step]=\"step()\"\r\n    [invalid]=\"isInvalid(ngControl?.control)\"\r\n    class=\"block w-full\"\r\n  ></p-slider>\r\n</div>\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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"}
+{"version":3,"file":"masterteam-components-slider-field.mjs","sources":["../../../../packages/masterteam/components/slider-field/slider-field.ts","../../../../packages/masterteam/components/slider-field/slider-field.html","../../../../packages/masterteam/components/slider-field/masterteam-components-slider-field.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  booleanAttribute,\n  computed,\n  effect,\n  inject,\n  input,\n  numberAttribute,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport {\n  ControlValueAccessor,\n  FormsModule,\n  NgControl,\n  Validators,\n} from '@angular/forms';\nimport { FieldValidation } from '@masterteam/components/field-validation';\nimport { isInvalid } from '@masterteam/components';\nimport { InputNumberModule } from 'primeng/inputnumber';\nimport {\n  Slider,\n  SliderChangeEvent,\n  SliderModule,\n  SliderSlideEndEvent,\n} from 'primeng/slider';\n\nlet nextUniqueId = 0;\n\n@Component({\n  selector: 'mt-slider-field',\n  imports: [FormsModule, SliderModule, InputNumberModule, FieldValidation],\n  templateUrl: './slider-field.html',\n  styleUrl: './slider-field.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'hostClass()',\n  },\n})\nexport class SliderField implements ControlValueAccessor {\n  readonly slider = viewChild<Slider>('slider');\n  readonly field = input<boolean>(true);\n  readonly label = input<string>();\n  readonly animate = input<boolean>(false);\n  readonly class = input<string>('');\n  readonly min = input<number, unknown>(0, { transform: numberAttribute });\n  readonly max = input<number, unknown>(100, { transform: numberAttribute });\n  readonly step = input<number, unknown>(undefined, {\n    transform: numberAttribute,\n  });\n  readonly hideNumber = input<boolean, unknown>(false, {\n    transform: booleanAttribute,\n  });\n  readonly unit = input<string>('%');\n  readonly readonly = input<boolean>(false);\n  readonly pInputs = input<Partial<Slider>>();\n  readonly required = input<boolean>(false);\n\n  readonly onChange = output<SliderChangeEvent>();\n  readonly onSlideEnd = output<SliderSlideEndEvent>();\n  readonly ngControl = inject(NgControl, { optional: true, self: true });\n  readonly hostClass = computed(() =>\n    ['grid gap-1', this.class()].filter(Boolean).join(' '),\n  );\n  readonly effectiveStep = computed(() => {\n    const step = this.step();\n    return typeof step === 'number' && Number.isFinite(step) && step > 0\n      ? step\n      : undefined;\n  });\n  readonly fieldId = computed(() => {\n    const labelId = this.label()?.trim().toLowerCase().replace(/\\s+/g, '-');\n    return this.ngControl?.name?.toString() || labelId || this.defaultId;\n  });\n  readonly labelTargetId = computed(() =>\n    this.hideNumber() ? `${this.fieldId()}-slider` : this.fieldId(),\n  );\n  readonly maxFractionDigits = computed(() =>\n    this.getFractionDigits(this.effectiveStep()),\n  );\n  readonly displayValue = computed(() => this.formatValue(this.value()));\n  readonly minDisplay = computed(() => this.formatValue(this.min()));\n  readonly maxDisplay = computed(() => this.formatValue(this.max()));\n\n  readonly requiredValidator = Validators.required;\n  readonly value = signal<number | null>(null);\n  readonly disabled = signal<boolean>(false);\n\n  onTouched: () => void = () => {};\n  onModelChange: (value: number | null) => void = () => {};\n\n  isInvalid = isInvalid;\n  private readonly defaultId = `mt-slider-field-${nextUniqueId++}`;\n\n  constructor() {\n    if (this.ngControl) {\n      this.ngControl.valueAccessor = this;\n    }\n\n    effect(() => {\n      const control = this.ngControl?.control;\n      if (!control) {\n        return;\n      }\n\n      if (this.required()) {\n        control.addValidators(Validators.required);\n      } else {\n        control.removeValidators(Validators.required);\n      }\n\n      control.updateValueAndValidity({ emitEvent: false });\n    });\n\n    effect(() => {\n      const slider = this.slider();\n      const pInputs = this.pInputs();\n      if (slider && pInputs) {\n        Object.assign(slider, pInputs);\n      }\n    });\n  }\n\n  onValueChange(value: number | null) {\n    const normalizedValue = this.normalizeValue(value);\n    this.onModelChange(normalizedValue);\n    this.value.set(normalizedValue);\n  }\n\n  writeValue(value: number | null) {\n    this.value.set(this.normalizeValue(value));\n  }\n\n  registerOnChange(fn: (value: number | null) => void) {\n    this.onModelChange = fn;\n  }\n\n  registerOnTouched(fn: () => void) {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(disabled: boolean) {\n    this.disabled.set(disabled);\n  }\n\n  private normalizeValue(value: number | null | undefined): number | null {\n    if (value === null || value === undefined || Number.isNaN(value)) {\n      return null;\n    }\n\n    if (value < this.min()) {\n      return this.min();\n    }\n\n    if (value > this.max()) {\n      return this.max();\n    }\n\n    return value;\n  }\n\n  private formatValue(value: number | null | undefined): string {\n    if (value === null || value === undefined || Number.isNaN(value)) {\n      return '-';\n    }\n\n    return this.unit() ? `${value}${this.unit()}` : `${value}`;\n  }\n\n  private getFractionDigits(step: number | undefined): number {\n    if (!step || Number.isInteger(step)) {\n      return 0;\n    }\n\n    const stepText = step.toString();\n    if (stepText.includes('e-')) {\n      return Number(stepText.split('e-')[1]);\n    }\n\n    return stepText.split('.')[1]?.length ?? 0;\n  }\n}\n","@if (label()) {\r\n  <label\r\n    [class.required]=\"ngControl?.control?.hasValidator(requiredValidator)\"\r\n    [for]=\"labelTargetId()\"\r\n    >{{ label() }}</label\r\n  >\r\n}\r\n\r\n@if (!hideNumber()) {\r\n  <p-inputnumber\r\n    [ngModel]=\"value()\"\r\n    (ngModelChange)=\"onValueChange($event)\"\r\n    (onBlur)=\"onTouched()\"\r\n    [disabled]=\"disabled()\"\r\n    [readonly]=\"readonly()\"\r\n    [inputId]=\"fieldId()\"\r\n    [min]=\"min()\"\r\n    [max]=\"max()\"\r\n    [step]=\"effectiveStep()\"\r\n    [maxFractionDigits]=\"maxFractionDigits()\"\r\n    [suffix]=\"unit()\"\r\n    [invalid]=\"isInvalid(ngControl?.control)\"\r\n    styleClass=\"slider-field-number w-full\"\r\n    inputStyleClass=\"w-full\"\r\n  ></p-inputnumber>\r\n}\r\n\r\n<div class=\"mt-2 grid gap-1.5\" [class.opacity-70]=\"disabled() || readonly()\">\r\n  @if (hideNumber()) {\r\n    <span\r\n      class=\"slider-field-current justify-self-end rounded-full bg-surface-100 px-3 py-1 text-sm font-semibold leading-none tabular-nums text-color\"\r\n      >{{ displayValue() }}</span\r\n    >\r\n  }\r\n\r\n  <div\r\n    class=\"rounded-full border border-surface-200 bg-surface-50 px-3 py-2\"\r\n    [class.border-red-400]=\"isInvalid(ngControl?.control)\"\r\n  >\r\n    <p-slider\r\n      #slider\r\n      [ngModel]=\"value()\"\r\n      (ngModelChange)=\"onValueChange($event)\"\r\n      (onChange)=\"onChange.emit($event)\"\r\n      (onSlideEnd)=\"onTouched(); onSlideEnd.emit($event)\"\r\n      [disabled]=\"disabled() || readonly()\"\r\n      [animate]=\"animate()\"\r\n      [id]=\"fieldId() + '-slider'\"\r\n      [min]=\"min()\"\r\n      [max]=\"max()\"\r\n      [step]=\"effectiveStep()\"\r\n      [invalid]=\"isInvalid(ngControl?.control)\"\r\n      class=\"slider-field-slider block w-full\"\r\n    ></p-slider>\r\n  </div>\r\n\r\n  <div\r\n    class=\"flex items-center justify-between gap-3 text-xs text-muted-color tabular-nums\"\r\n  >\r\n    <span>{{ minDisplay() }}</span>\r\n    @if (hideNumber()) {\r\n      <span class=\"font-medium text-color\">{{ displayValue() }}</span>\r\n    }\r\n    <span>{{ maxDisplay() }}</span>\r\n  </div>\r\n</div>\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":";;;;;;;;;;;AA6BA,IAAI,YAAY,GAAG,CAAC;MAYP,WAAW,CAAA;AACb,IAAA,MAAM,GAAG,SAAS,CAAS,QAAQ,kDAAC;AACpC,IAAA,KAAK,GAAG,KAAK,CAAU,IAAI,iDAAC;IAC5B,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AACvB,IAAA,OAAO,GAAG,KAAK,CAAU,KAAK,mDAAC;AAC/B,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,iDAAC;IACzB,GAAG,GAAG,KAAK,CAAkB,CAAC,gDAAI,SAAS,EAAE,eAAe,EAAA,CAAG;IAC/D,GAAG,GAAG,KAAK,CAAkB,GAAG,gDAAI,SAAS,EAAE,eAAe,EAAA,CAAG;IACjE,IAAI,GAAG,KAAK,CAAkB,SAAS,iDAC9C,SAAS,EAAE,eAAe,EAAA,CAC1B;IACO,UAAU,GAAG,KAAK,CAAmB,KAAK,uDACjD,SAAS,EAAE,gBAAgB,EAAA,CAC3B;AACO,IAAA,IAAI,GAAG,KAAK,CAAS,GAAG,gDAAC;AACzB,IAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,oDAAC;IAChC,OAAO,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAmB;AAClC,IAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,oDAAC;IAEhC,QAAQ,GAAG,MAAM,EAAqB;IACtC,UAAU,GAAG,MAAM,EAAuB;AAC1C,IAAA,SAAS,GAAG,MAAM,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IAC7D,SAAS,GAAG,QAAQ,CAAC,MAC5B,CAAC,YAAY,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,WAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CACvD;AACQ,IAAA,aAAa,GAAG,QAAQ,CAAC,MAAK;AACrC,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE;AACxB,QAAA,OAAO,OAAO,IAAI,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,IAAI,GAAG;AACjE,cAAE;cACA,SAAS;AACf,IAAA,CAAC,yDAAC;AACO,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAK;AAC/B,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;AACvE,QAAA,OAAO,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,OAAO,IAAI,IAAI,CAAC,SAAS;AACtE,IAAA,CAAC,mDAAC;IACO,aAAa,GAAG,QAAQ,CAAC,MAChC,IAAI,CAAC,UAAU,EAAE,GAAG,CAAA,EAAG,IAAI,CAAC,OAAO,EAAE,CAAA,OAAA,CAAS,GAAG,IAAI,CAAC,OAAO,EAAE,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,eAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAChE;AACQ,IAAA,iBAAiB,GAAG,QAAQ,CAAC,MACpC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,6DAC7C;AACQ,IAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,wDAAC;AAC7D,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,sDAAC;AACzD,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,sDAAC;AAEzD,IAAA,iBAAiB,GAAG,UAAU,CAAC,QAAQ;AACvC,IAAA,KAAK,GAAG,MAAM,CAAgB,IAAI,iDAAC;AACnC,IAAA,QAAQ,GAAG,MAAM,CAAU,KAAK,oDAAC;AAE1C,IAAA,SAAS,GAAe,MAAK,EAAE,CAAC;AAChC,IAAA,aAAa,GAAmC,MAAK,EAAE,CAAC;IAExD,SAAS,GAAG,SAAS;AACJ,IAAA,SAAS,GAAG,CAAA,gBAAA,EAAmB,YAAY,EAAE,EAAE;AAEhE,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI;QACrC;QAEA,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,EAAE,OAAO;YACvC,IAAI,CAAC,OAAO,EAAE;gBACZ;YACF;AAEA,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;AACnB,gBAAA,OAAO,CAAC,aAAa,CAAC,UAAU,CAAC,QAAQ,CAAC;YAC5C;iBAAO;AACL,gBAAA,OAAO,CAAC,gBAAgB,CAAC,UAAU,CAAC,QAAQ,CAAC;YAC/C;YAEA,OAAO,CAAC,sBAAsB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;AACtD,QAAA,CAAC,CAAC;QAEF,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE;AAC5B,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;AAC9B,YAAA,IAAI,MAAM,IAAI,OAAO,EAAE;AACrB,gBAAA,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;YAChC;AACF,QAAA,CAAC,CAAC;IACJ;AAEA,IAAA,aAAa,CAAC,KAAoB,EAAA;QAChC,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC;AAClD,QAAA,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC;AACnC,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,eAAe,CAAC;IACjC;AAEA,IAAA,UAAU,CAAC,KAAoB,EAAA;AAC7B,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAC5C;AAEA,IAAA,gBAAgB,CAAC,EAAkC,EAAA;AACjD,QAAA,IAAI,CAAC,aAAa,GAAG,EAAE;IACzB;AAEA,IAAA,iBAAiB,CAAC,EAAc,EAAA;AAC9B,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACrB;AAEA,IAAA,gBAAgB,CAAC,QAAiB,EAAA;AAChC,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC;IAC7B;AAEQ,IAAA,cAAc,CAAC,KAAgC,EAAA;AACrD,QAAA,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;AAChE,YAAA,OAAO,IAAI;QACb;AAEA,QAAA,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,EAAE;AACtB,YAAA,OAAO,IAAI,CAAC,GAAG,EAAE;QACnB;AAEA,QAAA,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,EAAE;AACtB,YAAA,OAAO,IAAI,CAAC,GAAG,EAAE;QACnB;AAEA,QAAA,OAAO,KAAK;IACd;AAEQ,IAAA,WAAW,CAAC,KAAgC,EAAA;AAClD,QAAA,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;AAChE,YAAA,OAAO,GAAG;QACZ;QAEA,OAAO,IAAI,CAAC,IAAI,EAAE,GAAG,GAAG,KAAK,CAAA,EAAG,IAAI,CAAC,IAAI,EAAE,CAAA,CAAE,GAAG,CAAA,EAAG,KAAK,CAAA,CAAE;IAC5D;AAEQ,IAAA,iBAAiB,CAAC,IAAwB,EAAA;QAChD,IAAI,CAAC,IAAI,IAAI,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;AACnC,YAAA,OAAO,CAAC;QACV;AAEA,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE;AAChC,QAAA,IAAI,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;AAC3B,YAAA,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QACxC;AAEA,QAAA,OAAO,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5C;uGA7IW,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAX,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,aAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,QAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,QAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECzCxB,ssEAoEA,EAAA,MAAA,EAAA,CAAA,qwBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDnCY,WAAW,8VAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,EAAA,aAAA,EAAA,MAAA,EAAA,OAAA,EAAA,YAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,cAAA,EAAA,SAAA,EAAA,YAAA,EAAA,aAAA,EAAA,UAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,cAAA,EAAA,sBAAA,EAAA,sBAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,mBAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,QAAA,EAAA,WAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,eAAe,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAQ5D,WAAW,EAAA,UAAA,EAAA,CAAA;kBAVvB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAAA,OAAA,EAClB,CAAC,WAAW,EAAE,YAAY,EAAE,iBAAiB,EAAE,eAAe,CAAC,EAAA,eAAA,EAGvD,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,SAAS,EAAE,aAAa;AACzB,qBAAA,EAAA,QAAA,EAAA,ssEAAA,EAAA,MAAA,EAAA,CAAA,qwBAAA,CAAA,EAAA;8FAGmC,QAAQ,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,GAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,KAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,GAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,KAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,MAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,YAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,MAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AE1C9C;;AAEG;;;;"}