@muxima-ui/core 1.0.0 → 1.1.0

package/fesm2022/muxima-ui-core-rating.mjs

@@ -0,0 +1,212 @@
+import * as i0 from '@angular/core';
+import { model, input, numberAttribute, booleanAttribute, inject, computed, signal, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { NgControl, Validators } from '@angular/forms';
+import { MxFormField, mxUniqueId, MX_FORM_FIELD_CONTROL } from '@muxima-ui/core/form-field';
+
+const STAR = 'M12 3.2l2.7 5.6 6.1.8-4.5 4.2 1.1 6.1L12 17l-5.4 2.9 1.1-6.1-4.5-4.2 6.1-.8z';
+/**
+ * Avaliação com estrelas. Para escolher, são botões de rádio nativos (setas mudam a nota,
+ * Tab sai do grupo); em `readonly` é uma imagem com o texto "4 de 5 estrelas".
+ *
+ * ```html
+ * <mx-form-field>
+ *   <label mxLabel>Como correu o atendimento?</label>
+ *   <mx-rating formControlName="nota" />
+ * </mx-form-field>
+ * <mx-rating [value]="4.5" readonly />
+ * ```
+ */
+class MxRating {
+    value = model(null, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    max = input(5, { ...(ngDevMode ? { debugName: "max" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    /** Só mostra a nota (aceita meias estrelas, ex.: 4,5). */
+    readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Carregar outra vez na nota escolhida limpa a avaliação. */
+    clearable = input(false, { ...(ngDevMode ? { debugName: "clearable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Mostra o número ao lado ("4,5"). */
+    showValue = input(false, { ...(ngDevMode ? { debugName: "showValue" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    starLabel = input((n) => (n === 1 ? '1 estrela' : `${n} estrelas`), ...(ngDevMode ? [{ debugName: "starLabel" }] : /* istanbul ignore next */ []));
+    locale = input('pt-AO', ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    invalid = input(false, { ...(ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    id = input(undefined, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    ariaLabel = input(undefined, { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
+    field = inject(MxFormField, { optional: true });
+    ngControl = inject(NgControl, { self: true, optional: true });
+    star = STAR;
+    name = mxUniqueId('mx-rating');
+    generatedId = mxUniqueId('mx-rating-input');
+    controlId = computed(() => this.id() ?? this.generatedId, ...(ngDevMode ? [{ debugName: "controlId" }] : /* istanbul ignore next */ []));
+    hover = signal(0, ...(ngDevMode ? [{ debugName: "hover" }] : /* istanbul ignore next */ []));
+    formDisabled = signal(false, ...(ngDevMode ? [{ debugName: "formDisabled" }] : /* istanbul ignore next */ []));
+    isDisabled = computed(() => this.disabled() || this.formDisabled(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+    stars = computed(() => Array.from({ length: this.max() }, (_, i) => i + 1), ...(ngDevMode ? [{ debugName: "stars" }] : /* istanbul ignore next */ []));
+    shown = computed(() => this.hover() || this.value() || 0, ...(ngDevMode ? [{ debugName: "shown" }] : /* istanbul ignore next */ []));
+    valueText = computed(() => new Intl.NumberFormat(this.locale(), { maximumFractionDigits: 1 }).format(this.value() ?? 0), ...(ngDevMode ? [{ debugName: "valueText" }] : /* istanbul ignore next */ []));
+    readonlyLabel = computed(() => `${this.valueText()} de ${this.max()} estrelas`, ...(ngDevMode ? [{ debugName: "readonlyLabel" }] : /* istanbul ignore next */ []));
+    onChange = () => { };
+    onTouched = () => { };
+    constructor() {
+        if (this.ngControl)
+            this.ngControl.valueAccessor = this;
+    }
+    fillPct(s) {
+        const v = this.value() ?? 0;
+        return Math.max(0, Math.min(1, v - (s - 1))) * 100;
+    }
+    choose(s) {
+        this.set(s);
+    }
+    onClick(s) {
+        // um clique na nota já escolhida não dispara "change": limpa se clearable
+        if (this.clearable() && this.value() === s) {
+            this.set(null);
+            this.hover.set(0);
+        }
+    }
+    set(v) {
+        this.value.set(v);
+        this.onChange(v);
+    }
+    // ---- MxFormFieldControl ----
+    errorState() {
+        if (this.invalid())
+            return true;
+        const c = this.ngControl;
+        return !!c && !!c.invalid && !!(c.touched || c.dirty);
+    }
+    isRequired() {
+        return this.required() || !!this.ngControl?.control?.hasValidator?.(Validators.required);
+    }
+    // ---- ControlValueAccessor ----
+    writeValue(value) {
+        this.value.set(value ?? null);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.formDisabled.set(isDisabled);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxRating, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: MxRating, isStandalone: true, selector: "mx-rating", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, showValue: { classPropertyName: "showValue", publicName: "showValue", isSignal: true, isRequired: false, transformFunction: null }, starLabel: { classPropertyName: "starLabel", publicName: "starLabel", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { properties: { "attr.data-size": "size() === \"md\" ? null : size()", "attr.data-readonly": "readonly() ? \"\" : null", "attr.data-disabled": "isDisabled() ? \"\" : null", "attr.data-invalid": "errorState() ? \"\" : null", "attr.aria-label": "null" }, classAttribute: "mx-rating" }, providers: [{ provide: MX_FORM_FIELD_CONTROL, useExisting: MxRating }], exportAs: ["mxRating"], ngImport: i0, template: `
+    @if (readonly()) {
+      <span class="mx-rating-stars" role="img" [attr.aria-label]="readonlyLabel()">
+        @for (s of stars(); track s) {
+          <span class="mx-rating-star" aria-hidden="true">
+            <svg viewBox="0 0 24 24"><path [attr.d]="star" /></svg>
+            <span class="mx-rating-star-fill" [style.width.%]="fillPct(s)"><svg viewBox="0 0 24 24"><path [attr.d]="star" /></svg></span>
+          </span>
+        }
+      </span>
+    } @else {
+      <div
+        class="mx-rating-stars"
+        role="radiogroup"
+        [attr.aria-labelledby]="field?.labelId() ?? null"
+        [attr.aria-label]="field?.labelId() ? null : (ariaLabel() ?? 'Avaliação')"
+        [attr.aria-describedby]="field?.describedBy() ?? null"
+        [attr.aria-required]="isRequired() ? 'true' : null"
+        [attr.aria-invalid]="errorState() ? 'true' : null"
+        (mouseleave)="hover.set(0)"
+      >
+        @for (s of stars(); track s) {
+          <label class="mx-rating-star" [attr.data-on]="s <= shown() ? '' : null" (mouseenter)="hover.set(isDisabled() ? 0 : s)">
+            <input
+              type="radio"
+              class="mx-rating-input"
+              [id]="s === 1 ? controlId() : null"
+              [name]="name"
+              [value]="s"
+              [checked]="value() === s"
+              [disabled]="isDisabled()"
+              (change)="choose(s)"
+              (click)="onClick(s)"
+              (blur)="onTouched()"
+            />
+            <span class="mx-visually-hidden">{{ starLabel()(s) }}</span>
+            <svg viewBox="0 0 24 24" aria-hidden="true"><path [attr.d]="star" /></svg>
+          </label>
+        }
+      </div>
+    }
+    @if (showValue() && (readonly() || value())) {
+      <span class="mx-rating-value" aria-hidden="true">{{ valueText() }}</span>
+    }
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxRating, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mx-rating',
+                    exportAs: 'mxRating',
+                    providers: [{ provide: MX_FORM_FIELD_CONTROL, useExisting: MxRating }],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        class: 'mx-rating',
+                        '[attr.data-size]': 'size() === "md" ? null : size()',
+                        '[attr.data-readonly]': 'readonly() ? "" : null',
+                        '[attr.data-disabled]': 'isDisabled() ? "" : null',
+                        '[attr.data-invalid]': 'errorState() ? "" : null',
+                        '[attr.aria-label]': 'null',
+                    },
+                    template: `
+    @if (readonly()) {
+      <span class="mx-rating-stars" role="img" [attr.aria-label]="readonlyLabel()">
+        @for (s of stars(); track s) {
+          <span class="mx-rating-star" aria-hidden="true">
+            <svg viewBox="0 0 24 24"><path [attr.d]="star" /></svg>
+            <span class="mx-rating-star-fill" [style.width.%]="fillPct(s)"><svg viewBox="0 0 24 24"><path [attr.d]="star" /></svg></span>
+          </span>
+        }
+      </span>
+    } @else {
+      <div
+        class="mx-rating-stars"
+        role="radiogroup"
+        [attr.aria-labelledby]="field?.labelId() ?? null"
+        [attr.aria-label]="field?.labelId() ? null : (ariaLabel() ?? 'Avaliação')"
+        [attr.aria-describedby]="field?.describedBy() ?? null"
+        [attr.aria-required]="isRequired() ? 'true' : null"
+        [attr.aria-invalid]="errorState() ? 'true' : null"
+        (mouseleave)="hover.set(0)"
+      >
+        @for (s of stars(); track s) {
+          <label class="mx-rating-star" [attr.data-on]="s <= shown() ? '' : null" (mouseenter)="hover.set(isDisabled() ? 0 : s)">
+            <input
+              type="radio"
+              class="mx-rating-input"
+              [id]="s === 1 ? controlId() : null"
+              [name]="name"
+              [value]="s"
+              [checked]="value() === s"
+              [disabled]="isDisabled()"
+              (change)="choose(s)"
+              (click)="onClick(s)"
+              (blur)="onTouched()"
+            />
+            <span class="mx-visually-hidden">{{ starLabel()(s) }}</span>
+            <svg viewBox="0 0 24 24" aria-hidden="true"><path [attr.d]="star" /></svg>
+          </label>
+        }
+      </div>
+    }
+    @if (showValue() && (readonly() || value())) {
+      <span class="mx-rating-value" aria-hidden="true">{{ valueText() }}</span>
+    }
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], showValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "showValue", required: false }] }], starLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "starLabel", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MxRating };
+//# sourceMappingURL=muxima-ui-core-rating.mjs.map

package/fesm2022/muxima-ui-core-rating.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"muxima-ui-core-rating.mjs","sources":["../../../projects/core/rating/rating.ts","../../../projects/core/rating/muxima-ui-core-rating.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  booleanAttribute,\n  computed,\n  inject,\n  input,\n  model,\n  numberAttribute,\n  signal,\n} from '@angular/core';\nimport { ControlValueAccessor, NgControl, Validators } from '@angular/forms';\nimport { MX_FORM_FIELD_CONTROL, MxFormField, MxFormFieldControl, mxUniqueId } from '@muxima-ui/core/form-field';\n\nconst STAR = 'M12 3.2l2.7 5.6 6.1.8-4.5 4.2 1.1 6.1L12 17l-5.4 2.9 1.1-6.1-4.5-4.2 6.1-.8z';\n\n/**\n * Avaliação com estrelas. Para escolher, são botões de rádio nativos (setas mudam a nota,\n * Tab sai do grupo); em `readonly` é uma imagem com o texto \"4 de 5 estrelas\".\n *\n * ```html\n * <mx-form-field>\n *   <label mxLabel>Como correu o atendimento?</label>\n *   <mx-rating formControlName=\"nota\" />\n * </mx-form-field>\n * <mx-rating [value]=\"4.5\" readonly />\n * ```\n */\n@Component({\n  selector: 'mx-rating',\n  exportAs: 'mxRating',\n  providers: [{ provide: MX_FORM_FIELD_CONTROL, useExisting: MxRating }],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'mx-rating',\n    '[attr.data-size]': 'size() === \"md\" ? null : size()',\n    '[attr.data-readonly]': 'readonly() ? \"\" : null',\n    '[attr.data-disabled]': 'isDisabled() ? \"\" : null',\n    '[attr.data-invalid]': 'errorState() ? \"\" : null',\n    '[attr.aria-label]': 'null',\n  },\n  template: `\n    @if (readonly()) {\n      <span class=\"mx-rating-stars\" role=\"img\" [attr.aria-label]=\"readonlyLabel()\">\n        @for (s of stars(); track s) {\n          <span class=\"mx-rating-star\" aria-hidden=\"true\">\n            <svg viewBox=\"0 0 24 24\"><path [attr.d]=\"star\" /></svg>\n            <span class=\"mx-rating-star-fill\" [style.width.%]=\"fillPct(s)\"><svg viewBox=\"0 0 24 24\"><path [attr.d]=\"star\" /></svg></span>\n          </span>\n        }\n      </span>\n    } @else {\n      <div\n        class=\"mx-rating-stars\"\n        role=\"radiogroup\"\n        [attr.aria-labelledby]=\"field?.labelId() ?? null\"\n        [attr.aria-label]=\"field?.labelId() ? null : (ariaLabel() ?? 'Avaliação')\"\n        [attr.aria-describedby]=\"field?.describedBy() ?? null\"\n        [attr.aria-required]=\"isRequired() ? 'true' : null\"\n        [attr.aria-invalid]=\"errorState() ? 'true' : null\"\n        (mouseleave)=\"hover.set(0)\"\n      >\n        @for (s of stars(); track s) {\n          <label class=\"mx-rating-star\" [attr.data-on]=\"s <= shown() ? '' : null\" (mouseenter)=\"hover.set(isDisabled() ? 0 : s)\">\n            <input\n              type=\"radio\"\n              class=\"mx-rating-input\"\n              [id]=\"s === 1 ? controlId() : null\"\n              [name]=\"name\"\n              [value]=\"s\"\n              [checked]=\"value() === s\"\n              [disabled]=\"isDisabled()\"\n              (change)=\"choose(s)\"\n              (click)=\"onClick(s)\"\n              (blur)=\"onTouched()\"\n            />\n            <span class=\"mx-visually-hidden\">{{ starLabel()(s) }}</span>\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path [attr.d]=\"star\" /></svg>\n          </label>\n        }\n      </div>\n    }\n    @if (showValue() && (readonly() || value())) {\n      <span class=\"mx-rating-value\" aria-hidden=\"true\">{{ valueText() }}</span>\n    }\n  `,\n})\nexport class MxRating implements ControlValueAccessor, MxFormFieldControl {\n  readonly value = model<number | null>(null);\n  readonly max = input(5, { transform: numberAttribute });\n  /** Só mostra a nota (aceita meias estrelas, ex.: 4,5). */\n  readonly readonly = input(false, { transform: booleanAttribute });\n  /** Carregar outra vez na nota escolhida limpa a avaliação. */\n  readonly clearable = input(false, { transform: booleanAttribute });\n  /** Mostra o número ao lado (\"4,5\"). */\n  readonly showValue = input(false, { transform: booleanAttribute });\n  readonly starLabel = input<(n: number) => string>((n) => (n === 1 ? '1 estrela' : `${n} estrelas`));\n  readonly locale = input('pt-AO');\n  readonly size = input<'sm' | 'md' | 'lg'>('md');\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly required = input(false, { transform: booleanAttribute });\n  readonly invalid = input(false, { transform: booleanAttribute });\n  readonly id = input<string | undefined>(undefined);\n  readonly ariaLabel = input<string | undefined>(undefined, { alias: 'aria-label' });\n\n  protected readonly field = inject(MxFormField, { optional: true });\n  private readonly ngControl = inject(NgControl, { self: true, optional: true });\n  protected readonly star = STAR;\n  protected readonly name = mxUniqueId('mx-rating');\n  private readonly generatedId = mxUniqueId('mx-rating-input');\n  readonly controlId = computed(() => this.id() ?? this.generatedId);\n  protected readonly hover = signal(0);\n  private readonly formDisabled = signal(false);\n  protected readonly isDisabled = computed(() => this.disabled() || this.formDisabled());\n  protected readonly stars = computed(() => Array.from({ length: this.max() }, (_, i) => i + 1));\n  protected readonly shown = computed(() => this.hover() || this.value() || 0);\n  protected readonly valueText = computed(() =>\n    new Intl.NumberFormat(this.locale(), { maximumFractionDigits: 1 }).format(this.value() ?? 0),\n  );\n  protected readonly readonlyLabel = computed(() => `${this.valueText()} de ${this.max()} estrelas`);\n\n  private onChange: (value: number | null) => void = () => {};\n  protected onTouched: () => void = () => {};\n\n  constructor() {\n    if (this.ngControl) this.ngControl.valueAccessor = this;\n  }\n\n  protected fillPct(s: number): number {\n    const v = this.value() ?? 0;\n    return Math.max(0, Math.min(1, v - (s - 1))) * 100;\n  }\n\n  protected choose(s: number): void {\n    this.set(s);\n  }\n\n  protected onClick(s: number): void {\n    // um clique na nota já escolhida não dispara \"change\": limpa se clearable\n    if (this.clearable() && this.value() === s) {\n      this.set(null);\n      this.hover.set(0);\n    }\n  }\n\n  private set(v: number | null): void {\n    this.value.set(v);\n    this.onChange(v);\n  }\n\n  // ---- MxFormFieldControl ----\n  errorState(): boolean {\n    if (this.invalid()) return true;\n    const c = this.ngControl;\n    return !!c && !!c.invalid && !!(c.touched || c.dirty);\n  }\n  isRequired(): boolean {\n    return this.required() || !!this.ngControl?.control?.hasValidator?.(Validators.required);\n  }\n\n  // ---- ControlValueAccessor ----\n  writeValue(value: number | null): void {\n    this.value.set(value ?? null);\n  }\n  registerOnChange(fn: (value: number | null) => void): void {\n    this.onChange = fn;\n  }\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n  setDisabledState(isDisabled: boolean): void {\n    this.formDisabled.set(isDisabled);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/muxima-ui-core-slider.mjs

@@ -1,6 +1,7 @@
 import * as i0 from '@angular/core';
-import { input, afterEveryRender, inject, DestroyRef, Directive } from '@angular/core';
-import { MxNativeControl, MX_FORM_FIELD_CONTROL } from '@muxima-ui/core/form-field';
+import { input, afterEveryRender, inject, DestroyRef, Directive, model, numberAttribute, booleanAttribute, computed, signal, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { MxNativeControl, MX_FORM_FIELD_CONTROL, MxFormField, mxUniqueId } from '@muxima-ui/core/form-field';
+import { NgControl, Validators } from '@angular/forms';
 
 /**
  * Cursor de intervalo sobre o `<input type="range">` nativo: setas, Page Up/Down,
@@ -52,9 +53,216 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
                 }]
         }], ctorParameters: () => [], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
 
+/**
+ * Intervalo com dois cursores (mínimo e máximo), feito com dois `<input type="range">`
+ * nativos: cada cursor tem o seu teclado e é anunciado como "Preço, mínimo, 20 000 Kz".
+ *
+ * ```html
+ * <mx-form-field>
+ *   <label mxLabel>Preço</label>
+ *   <mx-range-slider formControlName="preco" [min]="0" [max]="100000" [step]="1000" [format]="kz" />
+ * </mx-form-field>
+ * ```
+ *
+ * O valor é `[mínimo, máximo]`. Os cursores não se cruzam: ficam a pelo menos `minGap` um do outro.
+ */
+class MxRangeSlider {
+    value = model(null, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    min = input(0, { ...(ngDevMode ? { debugName: "min" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    max = input(100, { ...(ngDevMode ? { debugName: "max" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    step = input(1, { ...(ngDevMode ? { debugName: "step" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    /** Distância mínima entre os dois cursores. */
+    minGap = input(0, { ...(ngDevMode ? { debugName: "minGap" } : /* istanbul ignore next */ {}), transform: numberAttribute });
+    /** Texto de cada valor, para o leitor de ecrã e as etiquetas. */
+    format = input((v) => String(v), ...(ngDevMode ? [{ debugName: "format" }] : /* istanbul ignore next */ []));
+    /** Mostra os dois valores por baixo da barra. */
+    showValues = input(false, { ...(ngDevMode ? { debugName: "showValues" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    lowLabel = input('mínimo', ...(ngDevMode ? [{ debugName: "lowLabel" }] : /* istanbul ignore next */ []));
+    highLabel = input('máximo', ...(ngDevMode ? [{ debugName: "highLabel" }] : /* istanbul ignore next */ []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    required = input(false, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    invalid = input(false, { ...(ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    id = input(undefined, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    ariaLabel = input(undefined, { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
+    field = inject(MxFormField, { optional: true });
+    ngControl = inject(NgControl, { self: true, optional: true });
+    generatedId = mxUniqueId('mx-range');
+    controlId = computed(() => this.id() ?? this.generatedId, ...(ngDevMode ? [{ debugName: "controlId" }] : /* istanbul ignore next */ []));
+    lowId = mxUniqueId('mx-range-low');
+    highId = mxUniqueId('mx-range-high');
+    nameId = mxUniqueId('mx-range-name');
+    formDisabled = signal(false, ...(ngDevMode ? [{ debugName: "formDisabled" }] : /* istanbul ignore next */ []));
+    isDisabled = computed(() => this.disabled() || this.formDisabled(), ...(ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []));
+    low = computed(() => this.value()?.[0] ?? this.min(), ...(ngDevMode ? [{ debugName: "low" }] : /* istanbul ignore next */ []));
+    high = computed(() => this.value()?.[1] ?? this.max(), ...(ngDevMode ? [{ debugName: "high" }] : /* istanbul ignore next */ []));
+    pct(v) {
+        const span = this.max() - this.min();
+        return span > 0 ? ((v - this.min()) / span) * 100 : 0;
+    }
+    fromPct = computed(() => this.pct(this.low()), ...(ngDevMode ? [{ debugName: "fromPct" }] : /* istanbul ignore next */ []));
+    toPct = computed(() => this.pct(this.high()), ...(ngDevMode ? [{ debugName: "toPct" }] : /* istanbul ignore next */ []));
+    onChange = () => { };
+    onTouched = () => { };
+    constructor() {
+        if (this.ngControl)
+            this.ngControl.valueAccessor = this;
+    }
+    labelledBy(partId) {
+        return `${this.field?.labelId() ?? this.nameId} ${partId}`;
+    }
+    onInput(which, event) {
+        const el = event.target;
+        let v = Number(el.value);
+        const gap = this.minGap();
+        if (which === 0)
+            v = Math.min(v, this.high() - gap);
+        else
+            v = Math.max(v, this.low() + gap);
+        // o input nativo pode ter passado o outro cursor: repõe a posição
+        el.value = String(v);
+        const next = which === 0 ? [v, this.high()] : [this.low(), v];
+        this.value.set(next);
+        this.onChange(next);
+    }
+    // ---- MxFormFieldControl ----
+    errorState() {
+        if (this.invalid())
+            return true;
+        const c = this.ngControl;
+        return !!c && !!c.invalid && !!(c.touched || c.dirty);
+    }
+    isRequired() {
+        return this.required() || !!this.ngControl?.control?.hasValidator?.(Validators.required);
+    }
+    // ---- ControlValueAccessor ----
+    writeValue(value) {
+        this.value.set(value ? [value[0], value[1]] : null);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.formDisabled.set(isDisabled);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxRangeSlider, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: MxRangeSlider, isStandalone: true, selector: "mx-range-slider", inputs: { value: { classPropertyName: "value", publicName: "value", 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 }, minGap: { classPropertyName: "minGap", publicName: "minGap", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, showValues: { classPropertyName: "showValues", publicName: "showValues", isSignal: true, isRequired: false, transformFunction: null }, lowLabel: { classPropertyName: "lowLabel", publicName: "lowLabel", isSignal: true, isRequired: false, transformFunction: null }, highLabel: { classPropertyName: "highLabel", publicName: "highLabel", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { properties: { "attr.data-size": "size() === \"md\" ? null : size()", "attr.data-disabled": "isDisabled() ? \"\" : null", "attr.data-invalid": "errorState() ? \"\" : null", "attr.aria-label": "null", "style.--mx-range-from": "fromPct() + \"%\"", "style.--mx-range-to": "toPct() + \"%\"" }, classAttribute: "mx-range-slider" }, providers: [{ provide: MX_FORM_FIELD_CONTROL, useExisting: MxRangeSlider }], exportAs: ["mxRangeSlider"], ngImport: i0, template: `
+    <div class="mx-range-slider-track" aria-hidden="true"><div class="mx-range-slider-fill"></div></div>
+    <input
+      type="range"
+      class="mx-range-slider-input"
+      [id]="controlId()"
+      [min]="min()"
+      [max]="max()"
+      [step]="step()"
+      [value]="low()"
+      [disabled]="isDisabled()"
+      [attr.aria-labelledby]="labelledBy(lowId)"
+      [attr.aria-valuetext]="format()(low())"
+      [attr.aria-describedby]="field?.describedBy() ?? null"
+      [attr.aria-invalid]="errorState() ? 'true' : null"
+      (input)="onInput(0, $event)"
+      (blur)="onTouched()"
+    />
+    <input
+      type="range"
+      class="mx-range-slider-input"
+      [min]="min()"
+      [max]="max()"
+      [step]="step()"
+      [value]="high()"
+      [disabled]="isDisabled()"
+      [attr.aria-labelledby]="labelledBy(highId)"
+      [attr.aria-valuetext]="format()(high())"
+      [attr.aria-describedby]="field?.describedBy() ?? null"
+      [attr.aria-invalid]="errorState() ? 'true' : null"
+      (input)="onInput(1, $event)"
+      (blur)="onTouched()"
+    />
+    <span class="mx-visually-hidden" [id]="lowId">{{ lowLabel() }}</span>
+    <span class="mx-visually-hidden" [id]="highId">{{ highLabel() }}</span>
+    @if (!field?.labelId()) {
+      <span class="mx-visually-hidden" [id]="nameId">{{ ariaLabel() }}</span>
+    }
+    @if (showValues()) {
+      <div class="mx-range-slider-values" aria-hidden="true">
+        <span>{{ format()(low()) }}</span>
+        <span>{{ format()(high()) }}</span>
+      </div>
+    }
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: MxRangeSlider, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mx-range-slider',
+                    exportAs: 'mxRangeSlider',
+                    providers: [{ provide: MX_FORM_FIELD_CONTROL, useExisting: MxRangeSlider }],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        class: 'mx-range-slider',
+                        '[attr.data-size]': 'size() === "md" ? null : size()',
+                        '[attr.data-disabled]': 'isDisabled() ? "" : null',
+                        '[attr.data-invalid]': 'errorState() ? "" : null',
+                        '[attr.aria-label]': 'null',
+                        '[style.--mx-range-from]': 'fromPct() + "%"',
+                        '[style.--mx-range-to]': 'toPct() + "%"',
+                    },
+                    template: `
+    <div class="mx-range-slider-track" aria-hidden="true"><div class="mx-range-slider-fill"></div></div>
+    <input
+      type="range"
+      class="mx-range-slider-input"
+      [id]="controlId()"
+      [min]="min()"
+      [max]="max()"
+      [step]="step()"
+      [value]="low()"
+      [disabled]="isDisabled()"
+      [attr.aria-labelledby]="labelledBy(lowId)"
+      [attr.aria-valuetext]="format()(low())"
+      [attr.aria-describedby]="field?.describedBy() ?? null"
+      [attr.aria-invalid]="errorState() ? 'true' : null"
+      (input)="onInput(0, $event)"
+      (blur)="onTouched()"
+    />
+    <input
+      type="range"
+      class="mx-range-slider-input"
+      [min]="min()"
+      [max]="max()"
+      [step]="step()"
+      [value]="high()"
+      [disabled]="isDisabled()"
+      [attr.aria-labelledby]="labelledBy(highId)"
+      [attr.aria-valuetext]="format()(high())"
+      [attr.aria-describedby]="field?.describedBy() ?? null"
+      [attr.aria-invalid]="errorState() ? 'true' : null"
+      (input)="onInput(1, $event)"
+      (blur)="onTouched()"
+    />
+    <span class="mx-visually-hidden" [id]="lowId">{{ lowLabel() }}</span>
+    <span class="mx-visually-hidden" [id]="highId">{{ highLabel() }}</span>
+    @if (!field?.labelId()) {
+      <span class="mx-visually-hidden" [id]="nameId">{{ ariaLabel() }}</span>
+    }
+    @if (showValues()) {
+      <div class="mx-range-slider-values" aria-hidden="true">
+        <span>{{ format()(low()) }}</span>
+        <span>{{ format()(high()) }}</span>
+      </div>
+    }
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], 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 }] }], minGap: [{ type: i0.Input, args: [{ isSignal: true, alias: "minGap", required: false }] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], showValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "showValues", required: false }] }], lowLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "lowLabel", required: false }] }], highLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "highLabel", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }] } });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { MxSlider };
+export { MxRangeSlider, MxSlider };
 //# sourceMappingURL=muxima-ui-core-slider.mjs.map

package/fesm2022/muxima-ui-core-slider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"muxima-ui-core-slider.mjs","sources":["../../../projects/core/slider/slider.ts","../../../projects/core/slider/muxima-ui-core-slider.ts"],"sourcesContent":["import { DestroyRef, Directive, OnInit, afterEveryRender, inject, input } from '@angular/core';\nimport { MX_FORM_FIELD_CONTROL, MxNativeControl } from '@muxima-ui/core/form-field';\n\n/**\n * Cursor de intervalo sobre o `<input type=\"range\">` nativo: setas, Page Up/Down,\n * Home e End funcionam como no navegador, e o valor é anunciado pelo leitor de ecrã.\n *\n * ```html\n * <mx-form-field>\n *   <label mxLabel>Orçamento (mil Kz)</label>\n *   <input type=\"range\" mxSlider min=\"0\" max=\"500\" step=\"10\" formControlName=\"orcamento\" />\n * </mx-form-field>\n * ```\n */\n@Directive({\n  selector: 'input[type=range][mxSlider]',\n  exportAs: 'mxSlider',\n  providers: [{ provide: MX_FORM_FIELD_CONTROL, useExisting: MxSlider }],\n  host: {\n    class: 'mx-slider',\n    '[attr.data-size]': 'size() === \"md\" ? null : size()',\n    '(input)': 'paint()',\n  },\n})\nexport class MxSlider extends MxNativeControl implements OnInit {\n  /** Espessura da barra: sm 4 px, md 6 px, lg 8 px. */\n  readonly size = input<'sm' | 'md' | 'lg'>('md');\n\n  constructor() {\n    super();\n    // O valor pode mudar por formulário ou atributo sem evento \"input\": repinta após cada render.\n    afterEveryRender({ write: () => this.paint() });\n  }\n\n  private readonly destroyRef = inject(DestroyRef);\n\n  ngOnInit(): void {\n    // setValue/patchValue escrevem no input sem evento nem render: repinta quando o valor muda.\n    const sub = this.ngControl?.valueChanges?.subscribe(() => this.paint());\n    if (sub) this.destroyRef.onDestroy(() => sub.unsubscribe());\n  }\n\n  protected paint(): void {\n    const el = this.element as HTMLInputElement;\n    const min = Number(el.min || 0);\n    const max = Number(el.max || 100);\n    const pct = max > min ? ((Number(el.value) - min) / (max - min)) * 100 : 0;\n    el.style.setProperty('--mx-slider-fill', `${pct}%`);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAGA;;;;;;;;;;AAUG;AAWG,MAAO,QAAS,SAAQ,eAAe,CAAA;;AAElC,IAAA,IAAI,GAAG,KAAK,CAAqB,IAAI,2EAAC;AAE/C,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;;AAEP,QAAA,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC;IACjD;AAEiB,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;IAEhD,QAAQ,GAAA;;AAEN,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,EAAE,YAAY,EAAE,SAAS,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC;AACvE,QAAA,IAAI,GAAG;AAAE,YAAA,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,WAAW,EAAE,CAAC;IAC7D;IAEU,KAAK,GAAA;AACb,QAAA,MAAM,EAAE,GAAG,IAAI,CAAC,OAA2B;QAC3C,MAAM,GAAG,GAAG,MAAM,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC;QAC/B,MAAM,GAAG,GAAG,MAAM,CAAC,EAAE,CAAC,GAAG,IAAI,GAAG,CAAC;AACjC,QAAA,MAAM,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,CAAC,IAAI,GAAG,GAAG,CAAC;QAC1E,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,kBAAkB,EAAE,CAAA,EAAG,GAAG,CAAA,CAAA,CAAG,CAAC;IACrD;wGAxBW,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAR,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,MAAA,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,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,mCAAA,EAAA,EAAA,cAAA,EAAA,WAAA,EAAA,EAAA,SAAA,EAPR,CAAC,EAAE,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAO3D,QAAQ,EAAA,UAAA,EAAA,CAAA;kBAVpB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,6BAA6B;AACvC,oBAAA,QAAQ,EAAE,UAAU;oBACpB,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAA,QAAU,EAAE,CAAC;AACtE,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,WAAW;AAClB,wBAAA,kBAAkB,EAAE,iCAAiC;AACrD,wBAAA,SAAS,EAAE,SAAS;AACrB,qBAAA;AACF,iBAAA;;;ACvBD;;AAEG;;"}
+{"version":3,"file":"muxima-ui-core-slider.mjs","sources":["../../../projects/core/slider/slider.ts","../../../projects/core/slider/range-slider.ts","../../../projects/core/slider/muxima-ui-core-slider.ts"],"sourcesContent":["import { DestroyRef, Directive, OnInit, afterEveryRender, inject, input } from '@angular/core';\nimport { MX_FORM_FIELD_CONTROL, MxNativeControl } from '@muxima-ui/core/form-field';\n\n/**\n * Cursor de intervalo sobre o `<input type=\"range\">` nativo: setas, Page Up/Down,\n * Home e End funcionam como no navegador, e o valor é anunciado pelo leitor de ecrã.\n *\n * ```html\n * <mx-form-field>\n *   <label mxLabel>Orçamento (mil Kz)</label>\n *   <input type=\"range\" mxSlider min=\"0\" max=\"500\" step=\"10\" formControlName=\"orcamento\" />\n * </mx-form-field>\n * ```\n */\n@Directive({\n  selector: 'input[type=range][mxSlider]',\n  exportAs: 'mxSlider',\n  providers: [{ provide: MX_FORM_FIELD_CONTROL, useExisting: MxSlider }],\n  host: {\n    class: 'mx-slider',\n    '[attr.data-size]': 'size() === \"md\" ? null : size()',\n    '(input)': 'paint()',\n  },\n})\nexport class MxSlider extends MxNativeControl implements OnInit {\n  /** Espessura da barra: sm 4 px, md 6 px, lg 8 px. */\n  readonly size = input<'sm' | 'md' | 'lg'>('md');\n\n  constructor() {\n    super();\n    // O valor pode mudar por formulário ou atributo sem evento \"input\": repinta após cada render.\n    afterEveryRender({ write: () => this.paint() });\n  }\n\n  private readonly destroyRef = inject(DestroyRef);\n\n  ngOnInit(): void {\n    // setValue/patchValue escrevem no input sem evento nem render: repinta quando o valor muda.\n    const sub = this.ngControl?.valueChanges?.subscribe(() => this.paint());\n    if (sub) this.destroyRef.onDestroy(() => sub.unsubscribe());\n  }\n\n  protected paint(): void {\n    const el = this.element as HTMLInputElement;\n    const min = Number(el.min || 0);\n    const max = Number(el.max || 100);\n    const pct = max > min ? ((Number(el.value) - min) / (max - min)) * 100 : 0;\n    el.style.setProperty('--mx-slider-fill', `${pct}%`);\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  booleanAttribute,\n  computed,\n  inject,\n  input,\n  model,\n  numberAttribute,\n  signal,\n} from '@angular/core';\nimport { ControlValueAccessor, NgControl, Validators } from '@angular/forms';\nimport { MX_FORM_FIELD_CONTROL, MxFormField, MxFormFieldControl, mxUniqueId } from '@muxima-ui/core/form-field';\n\n/**\n * Intervalo com dois cursores (mínimo e máximo), feito com dois `<input type=\"range\">`\n * nativos: cada cursor tem o seu teclado e é anunciado como \"Preço, mínimo, 20 000 Kz\".\n *\n * ```html\n * <mx-form-field>\n *   <label mxLabel>Preço</label>\n *   <mx-range-slider formControlName=\"preco\" [min]=\"0\" [max]=\"100000\" [step]=\"1000\" [format]=\"kz\" />\n * </mx-form-field>\n * ```\n *\n * O valor é `[mínimo, máximo]`. Os cursores não se cruzam: ficam a pelo menos `minGap` um do outro.\n */\n@Component({\n  selector: 'mx-range-slider',\n  exportAs: 'mxRangeSlider',\n  providers: [{ provide: MX_FORM_FIELD_CONTROL, useExisting: MxRangeSlider }],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'mx-range-slider',\n    '[attr.data-size]': 'size() === \"md\" ? null : size()',\n    '[attr.data-disabled]': 'isDisabled() ? \"\" : null',\n    '[attr.data-invalid]': 'errorState() ? \"\" : null',\n    '[attr.aria-label]': 'null',\n    '[style.--mx-range-from]': 'fromPct() + \"%\"',\n    '[style.--mx-range-to]': 'toPct() + \"%\"',\n  },\n  template: `\n    <div class=\"mx-range-slider-track\" aria-hidden=\"true\"><div class=\"mx-range-slider-fill\"></div></div>\n    <input\n      type=\"range\"\n      class=\"mx-range-slider-input\"\n      [id]=\"controlId()\"\n      [min]=\"min()\"\n      [max]=\"max()\"\n      [step]=\"step()\"\n      [value]=\"low()\"\n      [disabled]=\"isDisabled()\"\n      [attr.aria-labelledby]=\"labelledBy(lowId)\"\n      [attr.aria-valuetext]=\"format()(low())\"\n      [attr.aria-describedby]=\"field?.describedBy() ?? null\"\n      [attr.aria-invalid]=\"errorState() ? 'true' : null\"\n      (input)=\"onInput(0, $event)\"\n      (blur)=\"onTouched()\"\n    />\n    <input\n      type=\"range\"\n      class=\"mx-range-slider-input\"\n      [min]=\"min()\"\n      [max]=\"max()\"\n      [step]=\"step()\"\n      [value]=\"high()\"\n      [disabled]=\"isDisabled()\"\n      [attr.aria-labelledby]=\"labelledBy(highId)\"\n      [attr.aria-valuetext]=\"format()(high())\"\n      [attr.aria-describedby]=\"field?.describedBy() ?? null\"\n      [attr.aria-invalid]=\"errorState() ? 'true' : null\"\n      (input)=\"onInput(1, $event)\"\n      (blur)=\"onTouched()\"\n    />\n    <span class=\"mx-visually-hidden\" [id]=\"lowId\">{{ lowLabel() }}</span>\n    <span class=\"mx-visually-hidden\" [id]=\"highId\">{{ highLabel() }}</span>\n    @if (!field?.labelId()) {\n      <span class=\"mx-visually-hidden\" [id]=\"nameId\">{{ ariaLabel() }}</span>\n    }\n    @if (showValues()) {\n      <div class=\"mx-range-slider-values\" aria-hidden=\"true\">\n        <span>{{ format()(low()) }}</span>\n        <span>{{ format()(high()) }}</span>\n      </div>\n    }\n  `,\n})\nexport class MxRangeSlider implements ControlValueAccessor, MxFormFieldControl {\n  readonly value = model<[number, number] | null>(null);\n  readonly min = input(0, { transform: numberAttribute });\n  readonly max = input(100, { transform: numberAttribute });\n  readonly step = input(1, { transform: numberAttribute });\n  /** Distância mínima entre os dois cursores. */\n  readonly minGap = input(0, { transform: numberAttribute });\n  /** Texto de cada valor, para o leitor de ecrã e as etiquetas. */\n  readonly format = input<(v: number) => string>((v) => String(v));\n  /** Mostra os dois valores por baixo da barra. */\n  readonly showValues = input(false, { transform: booleanAttribute });\n  readonly lowLabel = input('mínimo');\n  readonly highLabel = input('máximo');\n  readonly size = input<'sm' | 'md' | 'lg'>('md');\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly required = input(false, { transform: booleanAttribute });\n  readonly invalid = input(false, { transform: booleanAttribute });\n  readonly id = input<string | undefined>(undefined);\n  readonly ariaLabel = input<string | undefined>(undefined, { alias: 'aria-label' });\n\n  protected readonly field = inject(MxFormField, { optional: true });\n  private readonly ngControl = inject(NgControl, { self: true, optional: true });\n  private readonly generatedId = mxUniqueId('mx-range');\n  readonly controlId = computed(() => this.id() ?? this.generatedId);\n  protected readonly lowId = mxUniqueId('mx-range-low');\n  protected readonly highId = mxUniqueId('mx-range-high');\n  protected readonly nameId = mxUniqueId('mx-range-name');\n  private readonly formDisabled = signal(false);\n  protected readonly isDisabled = computed(() => this.disabled() || this.formDisabled());\n\n  protected readonly low = computed(() => this.value()?.[0] ?? this.min());\n  protected readonly high = computed(() => this.value()?.[1] ?? this.max());\n  private pct(v: number): number {\n    const span = this.max() - this.min();\n    return span > 0 ? ((v - this.min()) / span) * 100 : 0;\n  }\n  protected readonly fromPct = computed(() => this.pct(this.low()));\n  protected readonly toPct = computed(() => this.pct(this.high()));\n\n  private onChange: (value: [number, number] | null) => void = () => {};\n  protected onTouched: () => void = () => {};\n\n  constructor() {\n    if (this.ngControl) this.ngControl.valueAccessor = this;\n  }\n\n  protected labelledBy(partId: string): string {\n    return `${this.field?.labelId() ?? this.nameId} ${partId}`;\n  }\n\n  protected onInput(which: 0 | 1, event: Event): void {\n    const el = event.target as HTMLInputElement;\n    let v = Number(el.value);\n    const gap = this.minGap();\n    if (which === 0) v = Math.min(v, this.high() - gap);\n    else v = Math.max(v, this.low() + gap);\n    // o input nativo pode ter passado o outro cursor: repõe a posição\n    el.value = String(v);\n    const next: [number, number] = which === 0 ? [v, this.high()] : [this.low(), v];\n    this.value.set(next);\n    this.onChange(next);\n  }\n\n  // ---- MxFormFieldControl ----\n  errorState(): boolean {\n    if (this.invalid()) return true;\n    const c = this.ngControl;\n    return !!c && !!c.invalid && !!(c.touched || c.dirty);\n  }\n  isRequired(): boolean {\n    return this.required() || !!this.ngControl?.control?.hasValidator?.(Validators.required);\n  }\n\n  // ---- ControlValueAccessor ----\n  writeValue(value: [number, number] | null): void {\n    this.value.set(value ? [value[0], value[1]] : null);\n  }\n  registerOnChange(fn: (value: [number, number] | null) => void): void {\n    this.onChange = fn;\n  }\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n  setDisabledState(isDisabled: boolean): void {\n    this.formDisabled.set(isDisabled);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}