aeico-components 0.1.3 → 0.1.4

package/dist/chunks/slider.cjs

@@ -0,0 +1,648 @@
+"use strict";
+const aeicoField = require("./aeico-field.cjs");
+const aeico = require("aeico");
+const variables = require("./variables.cjs");
+const size = require("./size.cjs");
+const color = require("./color.cjs");
+const style = `:host {
+  display: block;
+  flex: 1;
+  min-width: 0;
+  font-size: var(--size-base);
+
+  /* Default color when no [color] attribute — overridden by color.css :host([color=...]) */
+  --color-solid: var(--color-primary);
+}
+
+.range-container {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  width: 100%;
+  height: 26px;
+}
+
+input[type="range"] {
+  flex: 1;
+  margin: 0;
+}
+
+.input-range,
+.slider-input,
+input[type="range"] {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 100%;
+  height: 0.333em;
+  border-radius: 2px;
+  background: var(--border-subtle);
+  outline: none;
+  cursor: pointer;
+  margin: 0;
+}
+
+.input-range {
+  margin: 10px 0;
+}
+
+.input-range::-webkit-slider-thumb,
+.slider-input::-webkit-slider-thumb,
+input[type="range"]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 1.167em;
+  height: 1.167em;
+  border-radius: 50%;
+  background: var(--color-solid);
+  cursor: pointer;
+  transition: background 0.12s, transform 0.12s;
+}
+
+.input-range::-webkit-slider-thumb:hover,
+.slider-input::-webkit-slider-thumb:hover,
+input[type="range"]:hover::-webkit-slider-thumb {
+  background: var(--color-solid-hover);
+  transform: scale(1.1);
+}
+
+.input-range::-webkit-slider-thumb:active,
+.slider-input::-webkit-slider-thumb:active,
+input[type="range"]:active::-webkit-slider-thumb {
+  background: var(--color-solid-hover);
+  transform: scale(1.2);
+}
+
+.input-range:focus::-webkit-slider-thumb,
+.slider-input:focus::-webkit-slider-thumb,
+input[type="range"]:focus::-webkit-slider-thumb {
+  background: var(--color-solid);
+  outline: none;
+  box-shadow: none;
+}
+
+.input-range:focus:hover::-webkit-slider-thumb,
+.slider-input:focus:hover::-webkit-slider-thumb,
+input[type="range"]:focus:hover::-webkit-slider-thumb {
+  background: var(--color-solid-hover);
+  outline: none;
+  box-shadow: none;
+}
+
+.input-range:focus:active::-webkit-slider-thumb,
+.slider-input:focus:active::-webkit-slider-thumb,
+input[type="range"]:focus:active::-webkit-slider-thumb {
+  background: var(--color-solid-hover);
+  outline: none;
+  box-shadow: none;
+}
+
+.input-range::-moz-range-thumb,
+.slider-input::-moz-range-thumb,
+input[type="range"]::-moz-range-thumb {
+  width: 1.167em;
+  height: 1.167em;
+  border: none;
+  border-radius: 50%;
+  background: var(--color-solid);
+  cursor: pointer;
+  transition: background 0.12s, transform 0.12s;
+}
+
+.input-range::-moz-range-thumb:hover,
+.slider-input::-moz-range-thumb:hover,
+input[type="range"]:hover::-moz-range-thumb {
+  background: var(--color-solid-hover);
+  transform: scale(1.1);
+}
+
+.input-range::-moz-range-thumb:active,
+.slider-input::-moz-range-thumb:active,
+input[type="range"]:active::-moz-range-thumb {
+  background: var(--color-solid-hover);
+  transform: scale(1.2);
+}
+
+.input-range:focus::-moz-range-thumb,
+.slider-input:focus::-moz-range-thumb,
+input[type="range"]:focus::-moz-range-thumb {
+  background: var(--color-solid);
+  outline: none;
+  box-shadow: none;
+}
+
+.input-range:focus:hover::-moz-range-thumb,
+.slider-input:focus:hover::-moz-range-thumb,
+input[type="range"]:focus:hover::-moz-range-thumb {
+  background: var(--color-solid-hover);
+  outline: none;
+  box-shadow: none;
+}
+
+.input-range:focus:active::-moz-range-thumb,
+.slider-input:focus:active::-moz-range-thumb,
+input[type="range"]:focus:active::-moz-range-thumb {
+  background: var(--color-solid-hover);
+  outline: none;
+  box-shadow: none;
+}
+
+.input-range:disabled,
+.slider-input:disabled,
+input[type="range"]:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.input-range:disabled::-webkit-slider-thumb,
+.slider-input:disabled::-webkit-slider-thumb,
+input[type="range"]:disabled::-webkit-slider-thumb {
+  cursor: not-allowed;
+}
+
+.input-range:disabled::-moz-range-thumb,
+.slider-input:disabled::-moz-range-thumb,
+input[type="range"]:disabled::-moz-range-thumb {
+  cursor: not-allowed;
+}
+
+.value-label {
+  min-width: 14px;
+  text-align: center;
+  font-size: 12px;
+  color: var(--color-text-muted);
+  font-weight: 500;
+  font-variant-numeric: tabular-nums;
+  pointer-events: none;
+  user-select: none;
+}
+
+.reset-btn {
+  width: 1.333em;
+  height: 1.333em;
+  border: none;
+  border-radius: var(--reset-btn-border-radius);
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--reset-btn-bg);
+  color: var(--reset-btn-color);
+  transition: var(--reset-btn-transition);
+  flex-shrink: 0;
+}
+
+.reset-btn:hover {
+  background: var(--reset-btn-bg-hover);
+  color: var(--reset-btn-color-hover);
+}
+
+.clear-btn {
+  width: 1.333em;
+  height: 1.333em;
+  border: none;
+  border-radius: var(--clear-btn-border-radius);
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--clear-btn-bg);
+  color: var(--clear-btn-color);
+  transition: var(--clear-btn-transition);
+  flex-shrink: 0;
+}
+
+.clear-btn:hover {
+  background: var(--clear-btn-bg-hover);
+  color: var(--clear-btn-color-hover);
+}
+
+
+
+.input-range,
+.slider-input,
+input[type="range"] {
+  height: 0.333em;
+}
+
+.input-range::-webkit-slider-thumb,
+.slider-input::-webkit-slider-thumb,
+input[type="range"]::-webkit-slider-thumb {
+  width: 1.167em;
+  height: 1.167em;
+}
+
+.input-range::-moz-range-thumb,
+.slider-input::-moz-range-thumb,
+input[type="range"]::-moz-range-thumb {
+  width: 1.167em;
+  height: 1.167em;
+}
+
+.value-label {
+  font-size: 1em;
+}
+
+.value-input {
+  width: 56px;
+  padding: 0 4px;
+  height: 22px;
+  border: 1px solid var(--border-subtle);
+  border-radius: 4px;
+  background: transparent;
+  color: var(--color-text);
+  font-size: 12px;
+  text-align: center;
+  outline: none;
+  flex-shrink: 0;
+}
+
+.value-input:focus {
+  border-color: var(--color-solid);
+}
+
+.value-input:disabled {
+  opacity: 0.4;
+  cursor: not-allowed;
+}
+
+:host([tracked]) .input-range,
+:host([tracked]) .slider-input,
+:host([tracked]) input[type="range"] {
+  background: linear-gradient(
+    to right,
+    var(--color-solid) var(--fill-pct, 0%),
+    var(--border-subtle) var(--fill-pct, 0%)
+  );
+}
+
+.range-wrapper {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  position: relative;  /* marks-container positions against this */
+}
+
+.range-wrapper input[type="range"] {
+  width: 100%;
+  flex: none;
+}
+
+/* Marks are absolutely positioned so they don't affect range-wrapper's layout height */
+.marks-container {
+  position: absolute;
+  top: 100%;
+  left: 7px;   /* inset by half thumb so 0%/100% align with track ends */
+  right: 7px;
+  height: 18px;
+  margin-top: 2px;
+  overflow: visible;
+}
+
+.mark {
+  position: absolute;
+  transform: translateX(-50%);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 2px;
+  pointer-events: none;
+  user-select: none;
+}
+
+.mark::before {
+  content: '';
+  display: block;
+  width: 1px;
+  height: 4px;
+  background: var(--border-default, var(--border-subtle));
+  border-radius: 1px;
+}
+
+.mark-label {
+  font-size: 10px;
+  color: var(--color-text-muted);
+  white-space: nowrap;
+}
+
+/* When marks are active, add padding-bottom to make room for the absolute-positioned marks */
+:host([marks]) .range-container {
+  padding-bottom: 24px; /* marks-container height (18px) + margin-top (2px) + extra (4px) */
+  height: auto;
+}
+`;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __decoratorStart = (base) => [, , , __create((base == null ? void 0 : base[__knownSymbol("metadata")]) ?? null)];
+var __decoratorStrings = ["class", "method", "getter", "setter", "accessor", "field", "value", "get", "set"];
+var __expectFn = (fn) => fn !== void 0 && typeof fn !== "function" ? __typeError("Function expected") : fn;
+var __decoratorContext = (kind, name, done, metadata, fns) => ({ kind: __decoratorStrings[kind], name, metadata, addInitializer: (fn) => done._ ? __typeError("Already initialized") : fns.push(__expectFn(fn || null)) });
+var __decoratorMetadata = (array, target) => __defNormalProp(target, __knownSymbol("metadata"), array[3]);
+var __runInitializers = (array, flags, self, value) => {
+  for (var i = 0, fns = array[flags >> 1], n = fns && fns.length; i < n; i++) flags & 1 ? fns[i].call(self) : value = fns[i].call(self, value);
+  return value;
+};
+var __decorateElement = (array, flags, name, decorators, target, extra) => {
+  var fn, it, done, ctx, access, k = flags & 7, s = false, p = false;
+  var j = array.length + 1, key = __decoratorStrings[k + 5];
+  var initializers = array[j - 1] = [], extraInitializers = array[j] || (array[j] = []);
+  var desc = (target = target.prototype, __getOwnPropDesc({ get [name]() {
+    return __privateGet(this, extra);
+  }, set [name](x) {
+    return __privateSet(this, extra, x);
+  } }, name));
+  for (var i = decorators.length - 1; i >= 0; i--) {
+    ctx = __decoratorContext(k, name, done = {}, array[3], extraInitializers);
+    {
+      ctx.static = s, ctx.private = p, access = ctx.access = { has: (x) => name in x };
+      access.get = (x) => x[name];
+      access.set = (x, y) => x[name] = y;
+    }
+    it = (0, decorators[i])({ get: desc.get, set: desc.set }, ctx), done._ = 1;
+    if (it === void 0) __expectFn(it) && (desc[key] = it);
+    else if (typeof it !== "object" || it === null) __typeError("Object expected");
+    else __expectFn(fn = it.get) && (desc.get = fn), __expectFn(fn = it.set) && (desc.set = fn), __expectFn(fn = it.init) && initializers.unshift(fn);
+  }
+  return desc && __defProp(target, name, desc), target;
+};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
+var _marks_dec, _tracked_dec, _editable_dec, _step_dec, _max_dec, _min_dec, _percentage_dec, _options_dec, _a, _init, _options, _percentage, _min, _max, _step, _editable, _tracked, _marks;
+class Slider extends (_a = aeicoField.AeicoField, _options_dec = [aeico.prop({ type: Array })], _percentage_dec = [aeico.prop({ type: Boolean })], _min_dec = [aeico.prop({ type: Number })], _max_dec = [aeico.prop({ type: Number })], _step_dec = [aeico.prop({ type: Number })], _editable_dec = [aeico.prop({ type: Boolean })], _tracked_dec = [aeico.prop({ type: Boolean })], _marks_dec = [aeico.prop({
+  type: Array,
+  // bare attribute (<ae-slider marks>) → true; JSON array → MarkItem[]
+  parser: (value) => {
+    if (value === null) return void 0;
+    if (value === "" || value === "true") return true;
+    if (value === "false") return false;
+    try {
+      return JSON.parse(value);
+    } catch {
+      return true;
+    }
+  }
+})], _a) {
+  constructor() {
+    super();
+    __publicField(this, "fieldElement", null);
+    __publicField(this, "_valueLabel", null);
+    __publicField(this, "_numberInput", null);
+    __publicField(this, "_boundOnRangeInput");
+    __publicField(this, "_boundOnNumberInput");
+    __privateAdd(this, _options, __runInitializers(_init, 8, this, [])), __runInitializers(_init, 11, this);
+    __privateAdd(this, _percentage, __runInitializers(_init, 12, this, false)), __runInitializers(_init, 15, this);
+    __privateAdd(this, _min, __runInitializers(_init, 16, this, 0)), __runInitializers(_init, 19, this);
+    __privateAdd(this, _max, __runInitializers(_init, 20, this, 100)), __runInitializers(_init, 23, this);
+    __privateAdd(this, _step, __runInitializers(_init, 24, this, 1)), __runInitializers(_init, 27, this);
+    __privateAdd(this, _editable, __runInitializers(_init, 28, this, false)), __runInitializers(_init, 31, this);
+    __privateAdd(this, _tracked, __runInitializers(_init, 32, this, false)), __runInitializers(_init, 35, this);
+    __privateAdd(this, _marks, __runInitializers(_init, 36, this)), __runInitializers(_init, 39, this);
+    this._boundOnRangeInput = this._onRangeInput.bind(this);
+    this._boundOnNumberInput = this._onNumberInput.bind(this);
+  }
+  _normalizeOptions() {
+    if (!Array.isArray(this.options) || this.options.length === 0) return null;
+    const opts = this.options.map(
+      (opt) => this._isSliderOption(opt) ? { label: opt.label, value: String(opt.value) } : { label: String(opt), value: String(opt) }
+    );
+    const allNumeric = opts.every((o) => o.value !== "" && !isNaN(Number(o.value)));
+    if (allNumeric) {
+      return [...opts].sort((a, b) => Number(a.value) - Number(b.value)).map((o) => ({ ...o, rangeValue: Number(o.value) }));
+    } else {
+      return opts.map((o, i) => ({ ...o, rangeValue: i }));
+    }
+  }
+  _getRangeAttrs(normalized) {
+    if (normalized && normalized.length >= 1) {
+      const vals = normalized.map((o) => o.rangeValue);
+      const min = Math.min(...vals);
+      const max = Math.max(...vals);
+      const sorted = [...vals].sort((a, b) => a - b);
+      let minGap = Infinity;
+      for (let i = 1; i < sorted.length; i++) {
+        const d = sorted[i] - sorted[i - 1];
+        if (d > 0 && d < minGap) minGap = d;
+      }
+      return {
+        min: String(min),
+        max: String(max),
+        step: minGap === Infinity ? "1" : String(minGap),
+        inOptionsMode: true
+      };
+    }
+    return {
+      min: String(this.min),
+      max: String(this.max),
+      step: String(this.step),
+      inOptionsMode: false
+    };
+  }
+  _toRangeValue(value, normalized) {
+    if (value == null || value === "") return "";
+    if (normalized) {
+      const found = normalized.find((o) => o.value === value);
+      return found !== void 0 ? String(found.rangeValue) : "";
+    }
+    return value;
+  }
+  _fromRangeValue(rv, normalized) {
+    var _a2, _b;
+    if (normalized) {
+      const n = Number(rv);
+      return ((_a2 = normalized.find((o) => o.rangeValue === n)) == null ? void 0 : _a2.value) ?? ((_b = normalized[0]) == null ? void 0 : _b.value) ?? rv;
+    }
+    return rv;
+  }
+  _displayLabel(value, normalized) {
+    var _a2;
+    if (value == null || value === "") return "";
+    const label = normalized ? ((_a2 = normalized.find((o) => o.value === value)) == null ? void 0 : _a2.label) ?? value : value;
+    return this.percentage ? `${label}%` : label;
+  }
+  _maxValueLabelWidth(normalized, attrs) {
+    const candidates = normalized ? normalized.map((o) => this._displayLabel(o.value, normalized)) : [this._displayLabel(attrs.min, null), this._displayLabel(attrs.max, null)];
+    const maxLen = Math.max(...candidates.map((l) => l.length), 1);
+    return `${maxLen}ch`;
+  }
+  _updateTrackFill() {
+    if (!this.tracked || !this.fieldElement) return;
+    const min = Number(this.fieldElement.min);
+    const max = Number(this.fieldElement.max);
+    const val = Number(this.fieldElement.value);
+    const range = max - min || 1;
+    const pct = Math.max(0, Math.min(100, (val - min) / range * 100));
+    this.style.setProperty("--fill-pct", `${pct}%`);
+  }
+  _getMarksData(normalized, attrs) {
+    const minVal = Number(attrs.min);
+    const maxVal = Number(attrs.max);
+    const range = maxVal - minVal || 1;
+    const marks = this.marks;
+    if (Array.isArray(marks)) {
+      const result = [];
+      for (const m of marks) {
+        const isObj = m !== null && typeof m === "object";
+        const numVal = isObj ? m.value : m;
+        if (numVal < minVal || numVal > maxVal) continue;
+        const rawLabel = isObj ? m.label ?? String(numVal) : String(numVal);
+        result.push({
+          value: String(numVal),
+          label: this.percentage ? `${rawLabel}%` : rawLabel,
+          pct: (numVal - minVal) / range * 100
+        });
+      }
+      return result;
+    }
+    if (normalized) {
+      return normalized.map((o) => ({
+        value: o.value,
+        label: this.percentage ? `${o.label}%` : o.label,
+        pct: (o.rangeValue - minVal) / range * 100
+      }));
+    }
+    return [
+      { value: attrs.min, label: this.percentage ? `${minVal}%` : String(minVal), pct: 0 },
+      { value: attrs.max, label: this.percentage ? `${maxVal}%` : String(maxVal), pct: 100 }
+    ];
+  }
+  writeValue(value) {
+    const normalized = this._normalizeOptions();
+    const rv = this._toRangeValue(value, normalized);
+    if (this.fieldElement && rv !== "" && this.fieldElement.value !== rv) {
+      this.fieldElement.value = rv;
+    }
+    if (this._valueLabel) {
+      this._valueLabel.textContent = this._displayLabel(value, normalized);
+    }
+    if (this._numberInput && !normalized && this._numberInput.value !== rv) {
+      this._numberInput.value = rv;
+    }
+    this._updateTrackFill();
+  }
+  getValue() {
+    if (!this.fieldElement) return "";
+    return this._fromRangeValue(this.fieldElement.value, this._normalizeOptions());
+  }
+  render() {
+    const normalized = this._normalizeOptions();
+    const attrs = this._getRangeAttrs(normalized);
+    return aeico.html(({ div, input, span }) => {
+      div({ className: "range-container" }, () => {
+        div({ key: "range-wrapper", className: "range-wrapper" }, () => {
+          this.fieldElement = input({
+            key: "range",
+            type: "range",
+            min: attrs.min,
+            max: attrs.max,
+            step: attrs.step,
+            "@input": this._boundOnRangeInput,
+            "@change": this.boundOnChange
+          });
+          if (this.marks) {
+            const marksData = this._getMarksData(normalized, attrs);
+            div({ key: "marks", className: "marks-container" }, () => {
+              for (const m of marksData) {
+                aeico.tags.span(
+                  {
+                    key: `mark-${m.value}`,
+                    className: "mark",
+                    style: { left: `${m.pct}%` }
+                  },
+                  () => {
+                    aeico.tags.span({ className: "mark-label", textContent: m.label });
+                  }
+                );
+              }
+            });
+          }
+        });
+        this._valueLabel = span({
+          key: "label",
+          className: "value-label",
+          style: { minWidth: this._maxValueLabelWidth(normalized, attrs) },
+          textContent: this._displayLabel(this.value, normalized)
+        });
+        this.renderActionButtons();
+        if (this.editable) {
+          this._numberInput = input({
+            key: "number",
+            type: "number",
+            className: "value-input",
+            min: attrs.min,
+            max: attrs.max,
+            step: attrs.step,
+            // Disabled in options mode: valid values are discrete, free text makes no sense
+            disabled: attrs.inOptionsMode,
+            "@input": this._boundOnNumberInput
+          });
+        } else {
+          this._numberInput = null;
+        }
+      });
+      if (this.value != null) this.writeValue(this.value);
+    });
+  }
+  _onRangeInput() {
+    if (!this.fieldElement) return;
+    const normalized = this._normalizeOptions();
+    const actualValue = this._fromRangeValue(this.fieldElement.value, normalized);
+    if (this._valueLabel) {
+      this._valueLabel.textContent = this._displayLabel(actualValue, normalized);
+    }
+    if (this._numberInput && !normalized) {
+      this._numberInput.value = this.fieldElement.value;
+    }
+    this._updateTrackFill();
+  }
+  _onNumberInput() {
+    if (!this._numberInput || !this.fieldElement) return;
+    const v = this._numberInput.value;
+    if (this.fieldElement.value === v) return;
+    this.fieldElement.value = v;
+    if (this._valueLabel) {
+      this._valueLabel.textContent = this._displayLabel(v, null);
+    }
+  }
+  clear(options) {
+    var _a2, _b;
+    const normalized = this._normalizeOptions();
+    const attrs = this._getRangeAttrs(normalized);
+    const clearTo = normalized ? ((_a2 = normalized.find((o) => String(o.rangeValue) === attrs.min)) == null ? void 0 : _a2.value) ?? ((_b = normalized[0]) == null ? void 0 : _b.value) ?? attrs.min : attrs.min;
+    this.setValue(clearTo, { ...options, action: "clear" });
+  }
+  _isSliderOption(opt) {
+    return opt !== null && typeof opt === "object" && "label" in opt && "value" in opt;
+  }
+}
+_init = __decoratorStart(_a);
+_options = /* @__PURE__ */ new WeakMap();
+_percentage = /* @__PURE__ */ new WeakMap();
+_min = /* @__PURE__ */ new WeakMap();
+_max = /* @__PURE__ */ new WeakMap();
+_step = /* @__PURE__ */ new WeakMap();
+_editable = /* @__PURE__ */ new WeakMap();
+_tracked = /* @__PURE__ */ new WeakMap();
+_marks = /* @__PURE__ */ new WeakMap();
+__decorateElement(_init, 4, "options", _options_dec, Slider, _options);
+__decorateElement(_init, 4, "percentage", _percentage_dec, Slider, _percentage);
+__decorateElement(_init, 4, "min", _min_dec, Slider, _min);
+__decorateElement(_init, 4, "max", _max_dec, Slider, _max);
+__decorateElement(_init, 4, "step", _step_dec, Slider, _step);
+__decorateElement(_init, 4, "editable", _editable_dec, Slider, _editable);
+__decorateElement(_init, 4, "tracked", _tracked_dec, Slider, _tracked);
+__decorateElement(_init, 4, "marks", _marks_dec, Slider, _marks);
+__decoratorMetadata(_init, Slider);
+__publicField(Slider, "tagName", "slider");
+__publicField(Slider, "styles", [variables.styleVariables, size.sizeCSS, color.colorCSS, style]);
+Slider.register();
+exports.Slider = Slider;
+//# sourceMappingURL=slider.cjs.map

package/dist/chunks/slider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.cjs","sources":["../../src/slider/slider.ts"],"sourcesContent":["import AeicoField from '../aeico-field';\nimport type { InferProps } from 'aeico';\nimport { html, tags } from 'aeico';\nimport type { NormalizedOption, SliderMarks, SliderOption, SliderOptions } from './defines';\nimport style from '../styles/components/slider.css?inline';\nimport variables from '../styles/variables.css?inline';\nimport sizeCSS from '../styles/size.css?inline';\nimport colorCSS from '../styles/color.css?inline';\nimport { prop } from 'aeico';\n\nclass Slider extends AeicoField {\n  protected fieldElement: HTMLInputElement | null = null;\n  private _valueLabel: HTMLSpanElement | null = null;\n  private _numberInput: HTMLInputElement | null = null;\n\n  private _boundOnRangeInput: () => void;\n  private _boundOnNumberInput: () => void;\n\n  static tagName = 'slider';\n\n  @prop({ type: Array })\n  accessor options: SliderOptions = [];\n\n  @prop({ type: Boolean })\n  accessor percentage = false;\n\n  @prop({ type: Number })\n  accessor min = 0;\n\n  @prop({ type: Number })\n  accessor max = 100;\n\n  @prop({ type: Number })\n  accessor step = 1;\n\n  @prop({ type: Boolean })\n  accessor editable = false;\n\n  @prop({ type: Boolean })\n  accessor tracked = false;\n\n  @prop({\n    type: Array,\n    // bare attribute (<ae-slider marks>) → true; JSON array → MarkItem[]\n    parser: (value: string | null) => {\n      if (value === null) return undefined;\n      if (value === '' || value === 'true') return true;\n      if (value === 'false') return false;\n      try {\n        return JSON.parse(value);\n      } catch {\n        return true;\n      }\n    },\n  })\n  accessor marks: SliderMarks | undefined;\n\n  protected static styles = [variables, sizeCSS, colorCSS, style];\n\n  constructor() {\n    super();\n    this._boundOnRangeInput = this._onRangeInput.bind(this);\n    this._boundOnNumberInput = this._onNumberInput.bind(this);\n  }\n\n  private _normalizeOptions(): NormalizedOption[] | null {\n    if (!Array.isArray(this.options) || this.options.length === 0) return null;\n\n    const opts = this.options.map((opt) =>\n      this._isSliderOption(opt)\n        ? { label: opt.label, value: String(opt.value) }\n        : { label: String(opt), value: String(opt) },\n    );\n\n    // Sort by numeric value if all values are numeric; otherwise keep original order\n    const allNumeric = opts.every((o) => o.value !== '' && !isNaN(Number(o.value)));\n\n    if (allNumeric) {\n      return [...opts]\n        .sort((a, b) => Number(a.value) - Number(b.value))\n        .map((o) => ({ ...o, rangeValue: Number(o.value) }));\n    } else {\n      return opts.map((o, i) => ({ ...o, rangeValue: i }));\n    }\n  }\n\n  private _getRangeAttrs(normalized: NormalizedOption[] | null): {\n    min: string;\n    max: string;\n    step: string;\n    inOptionsMode: boolean;\n  } {\n    if (normalized && normalized.length >= 1) {\n      const vals = normalized.map((o) => o.rangeValue);\n      const min = Math.min(...vals);\n      const max = Math.max(...vals);\n\n      // Compute step from minimum gap between adjacent sorted values\n      const sorted = [...vals].sort((a, b) => a - b);\n      let minGap = Infinity;\n      for (let i = 1; i < sorted.length; i++) {\n        const d = sorted[i] - sorted[i - 1];\n        if (d > 0 && d < minGap) minGap = d;\n      }\n\n      return {\n        min: String(min),\n        max: String(max),\n        step: minGap === Infinity ? '1' : String(minGap),\n        inOptionsMode: true,\n      };\n    }\n\n    return {\n      min: String(this.min),\n      max: String(this.max),\n      step: String(this.step),\n      inOptionsMode: false,\n    };\n  }\n\n  private _toRangeValue(value: string | undefined, normalized: NormalizedOption[] | null): string {\n    if (value == null || value === '') return '';\n    if (normalized) {\n      const found = normalized.find((o) => o.value === value);\n\n      return found !== undefined ? String(found.rangeValue) : '';\n    }\n\n    return value;\n  }\n\n  private _fromRangeValue(rv: string, normalized: NormalizedOption[] | null): string {\n    if (normalized) {\n      const n = Number(rv);\n\n      return normalized.find((o) => o.rangeValue === n)?.value ?? normalized[0]?.value ?? rv;\n    }\n    return rv;\n  }\n\n  private _displayLabel(value: string | undefined, normalized: NormalizedOption[] | null): string {\n    if (value == null || value === '') return '';\n    const label = normalized ? (normalized.find((o) => o.value === value)?.label ?? value) : value;\n\n    return this.percentage ? `${label}%` : label;\n  }\n\n  private _maxValueLabelWidth(\n    normalized: NormalizedOption[] | null,\n    attrs: { min: string; max: string },\n  ): string {\n    const candidates = normalized\n      ? normalized.map((o) => this._displayLabel(o.value, normalized))\n      : [this._displayLabel(attrs.min, null), this._displayLabel(attrs.max, null)];\n    const maxLen = Math.max(...candidates.map((l) => l.length), 1);\n\n    return `${maxLen}ch`;\n  }\n\n  private _updateTrackFill(): void {\n    if (!this.tracked || !this.fieldElement) return;\n    const min = Number(this.fieldElement.min);\n    const max = Number(this.fieldElement.max);\n    const val = Number(this.fieldElement.value);\n    const range = max - min || 1;\n    const pct = Math.max(0, Math.min(100, ((val - min) / range) * 100));\n    this.style.setProperty('--fill-pct', `${pct}%`);\n  }\n\n  private _getMarksData(\n    normalized: NormalizedOption[] | null,\n    attrs: { min: string; max: string; inOptionsMode: boolean },\n  ): Array<{ value: string; label: string; pct: number }> {\n    const minVal = Number(attrs.min);\n    const maxVal = Number(attrs.max);\n    const range = maxVal - minVal || 1;\n\n    const marks = this.marks;\n\n    // Custom marks array — purely visual, no snapping effect\n    if (Array.isArray(marks)) {\n      const result: Array<{ value: string; label: string; pct: number }> = [];\n      for (const m of marks) {\n        const isObj = m !== null && typeof m === 'object';\n        const numVal = isObj ? (m as { value: number }).value : m;\n        if (numVal < minVal || numVal > maxVal) continue;\n        const rawLabel = isObj ? (m.label ?? String(numVal)) : String(numVal);\n        result.push({\n          value: String(numVal),\n          label: this.percentage ? `${rawLabel}%` : rawLabel,\n          pct: ((numVal - minVal) / range) * 100,\n        });\n      }\n\n      return result;\n    }\n\n    // marks === true — auto-generate from options or free-mode endpoints\n    if (normalized) {\n      return normalized.map((o) => ({\n        value: o.value,\n        label: this.percentage ? `${o.label}%` : o.label,\n        pct: ((o.rangeValue - minVal) / range) * 100,\n      }));\n    }\n\n    // Free mode — show min and max endpoints only\n    return [\n      { value: attrs.min, label: this.percentage ? `${minVal}%` : String(minVal), pct: 0 },\n      { value: attrs.max, label: this.percentage ? `${maxVal}%` : String(maxVal), pct: 100 },\n    ];\n  }\n\n  protected writeValue(value: string): void {\n    const normalized = this._normalizeOptions();\n    const rv = this._toRangeValue(value, normalized);\n\n    if (this.fieldElement && rv !== '' && this.fieldElement.value !== rv) {\n      this.fieldElement.value = rv;\n    }\n\n    if (this._valueLabel) {\n      this._valueLabel.textContent = this._displayLabel(value, normalized);\n    }\n\n    // Sync number input only in free mode (options mode disables it)\n    if (this._numberInput && !normalized && this._numberInput.value !== rv) {\n      this._numberInput.value = rv;\n    }\n\n    this._updateTrackFill();\n  }\n\n  protected getValue(): string {\n    if (!this.fieldElement) return '';\n\n    return this._fromRangeValue(this.fieldElement.value, this._normalizeOptions());\n  }\n\n  render() {\n    const normalized = this._normalizeOptions();\n    const attrs = this._getRangeAttrs(normalized);\n\n    return html(({ div, input, span }) => {\n      div({ className: 'range-container' }, () => {\n        // Wrap range + optional marks in a column so marks don't push siblings\n        div({ key: 'range-wrapper', className: 'range-wrapper' }, () => {\n          this.fieldElement = input({\n            key: 'range',\n            type: 'range',\n            min: attrs.min,\n            max: attrs.max,\n            step: attrs.step,\n            '@input': this._boundOnRangeInput,\n            '@change': this.boundOnChange,\n          });\n\n          if (this.marks) {\n            const marksData = this._getMarksData(normalized, attrs);\n            div({ key: 'marks', className: 'marks-container' }, () => {\n              for (const m of marksData) {\n                tags.span(\n                  {\n                    key: `mark-${m.value}`,\n                    className: 'mark',\n                    style: { left: `${m.pct}%` },\n                  },\n                  () => {\n                    tags.span({ className: 'mark-label', textContent: m.label });\n                  },\n                );\n              }\n            });\n          }\n        });\n\n        this._valueLabel = span({\n          key: 'label',\n          className: 'value-label',\n          style: { minWidth: this._maxValueLabelWidth(normalized, attrs) },\n          textContent: this._displayLabel(this.value, normalized),\n        });\n\n        // Action buttons first so the number input can be toggled without disrupting button reuse\n        this.renderActionButtons();\n\n        if (this.editable) {\n          this._numberInput = input({\n            key: 'number',\n            type: 'number',\n            className: 'value-input',\n            min: attrs.min,\n            max: attrs.max,\n            step: attrs.step,\n            // Disabled in options mode: valid values are discrete, free text makes no sense\n            disabled: attrs.inOptionsMode,\n            '@input': this._boundOnNumberInput,\n          });\n        } else {\n          this._numberInput = null;\n        }\n      });\n\n      if (this.value != null) this.writeValue(this.value);\n    });\n  }\n\n  private _onRangeInput(): void {\n    if (!this.fieldElement) return;\n\n    const normalized = this._normalizeOptions();\n    const actualValue = this._fromRangeValue(this.fieldElement.value, normalized);\n\n    if (this._valueLabel) {\n      this._valueLabel.textContent = this._displayLabel(actualValue, normalized);\n    }\n    // Keep number input in sync during drag\n    if (this._numberInput && !normalized) {\n      this._numberInput.value = this.fieldElement.value;\n    }\n\n    this._updateTrackFill();\n  }\n\n  private _onNumberInput(): void {\n    if (!this._numberInput || !this.fieldElement) return;\n    const v = this._numberInput.value;\n\n    if (this.fieldElement.value === v) return;\n\n    this.fieldElement.value = v;\n    if (this._valueLabel) {\n      this._valueLabel.textContent = this._displayLabel(v, null);\n    }\n  }\n\n  public clear(options?: { silent?: boolean }): void {\n    const normalized = this._normalizeOptions();\n    const attrs = this._getRangeAttrs(normalized);\n    // Reset to the option whose rangeValue === min, or to attrs.min in free mode\n    const clearTo = normalized\n      ? (normalized.find((o) => String(o.rangeValue) === attrs.min)?.value ??\n        normalized[0]?.value ??\n        attrs.min)\n      : attrs.min;\n    this.setValue(clearTo, { ...options, action: 'clear' });\n  }\n\n  private _isSliderOption(opt: unknown): opt is SliderOption {\n    return opt !== null && typeof opt === 'object' && 'label' in opt && 'value' in opt;\n  }\n}\n\nSlider.register();\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'ae-slider': Slider;\n  }\n}\n\nexport default Slider;\nexport type SliderProps = InferProps<typeof Slider>;\n"],"names":["AeicoField","prop","_a","html","tags","variables","sizeCSS","colorCSS"],"mappings":"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"}