@ngneers/controls 0.0.1-next.1 → 0.0.1-next.2

package/fesm2022/ngneers-controls-color-picker.mjs

@@ -0,0 +1,336 @@
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { viewChild, input, booleanAttribute, model, output, signal, computed, effect, Component } from '@angular/core';
+import { ValueControlBase, NgnPt, provideSelf } from '@ngneers/controls/base';
+import { NgnButton } from '@ngneers/controls/button';
+import { NgnDrag } from '@ngneers/controls/directives';
+import { NgnInput } from '@ngneers/controls/input';
+import { NgnInputField } from '@ngneers/controls/input-field';
+import { NgnNumberInput } from '@ngneers/controls/number-input';
+import { NgnPopover } from '@ngneers/controls/popover';
+import { hsvaToRgba, formatColor, parseColor, rgbaToHsva, NgnError } from '@ngneers/controls/utils';
+import { colorPickerControlTemplate } from '@ngneers/controls-themes/templates/color-picker';
+
+const DEFAULT_HSVA = { h: 0, s: 0, v: 0, a: 1 };
+/**
+ * @category control
+ */
+class NgnColorPicker extends ValueControlBase {
+    theme = this.injectThemeTemplate(colorPickerControlTemplate, {
+        root: true,
+        invalid: () => this.invalidState(),
+        disabled: () => this.disabled(),
+        inline: () => this.inline(),
+    });
+    _svArea = viewChild('svArea', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_svArea" }] : /* istanbul ignore next */ []));
+    _hueTrack = viewChild('hueTrack', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_hueTrack" }] : /* istanbul ignore next */ []));
+    _alphaTrack = viewChild('alphaTrack', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_alphaTrack" }] : /* istanbul ignore next */ []));
+    // Only rendered (non-`inline()`) behind the trigger — absent while inline.
+    _popover = viewChild(NgnPopover, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_popover" }] : /* istanbul ignore next */ []));
+    /** Output/display format. @default hex */
+    format = input('hex', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "format" }] : /* istanbul ignore next */ []));
+    /** Show the alpha channel. @default true */
+    alpha = input(true, { ...(ngDevMode ? { debugName: "alpha" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Preset swatch colors. */
+    swatches = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "swatches" }] : /* istanbul ignore next */ []));
+    /** Render the panel inline instead of behind a trigger. @default false */
+    inline = input(false, { ...(ngDevMode ? { debugName: "inline" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Headless mode: render no trigger of its own and open in a popover anchored to
+     * {@link anchor}, driven imperatively via {@link show}/{@link hide}/{@link toggle}
+     * (like `ngn-menu`). Requires {@link anchor}. @default false
+     */
+    popover = input(false, { ...(ngDevMode ? { debugName: "popover" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** The external element the headless popover anchors to. Required when {@link popover} is set. */
+    anchor = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "anchor" }] : /* istanbul ignore next */ []));
+    /** Open state of the popover (headless or built-in trigger); two-way bindable. @default false */
+    open = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    /** Emits when the popover has fully closed (part of the `Openable` contract). */
+    closed = output();
+    /** Internal HSVA source of truth. */
+    hsva = signal(DEFAULT_HSVA, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hsva" }] : /* istanbul ignore next */ []));
+    /** The format the text field/toggle currently displays; seeded from {@link format}. */
+    activeFormat = signal('hex', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "activeFormat" }] : /* istanbul ignore next */ []));
+    /** Current color as a CSS string for previews. */
+    cssColor = computed(() => {
+        const rgba = hsvaToRgba(this.hsva());
+        return formatColor(rgba, 'rgb', true);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "cssColor" }] : /* istanbul ignore next */ []));
+    /** The last value string this component itself wrote via {@link commit}. */
+    _lastCommitted = null;
+    /**
+     * The raw text the user is currently typing in the hex/value field, or `null`
+     * when not editing. While editing, the field shows this verbatim (so a short
+     * form like `#ff0` isn't reformatted mid-typing) even though the color updates
+     * live from it.
+     */
+    editText = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "editText" }] : /* istanbul ignore next */ []));
+    constructor() {
+        super();
+        // Sync incoming value → hsva, but only for externally-set values. `commit()` quantizes to
+        // integer RGB, so re-deriving HSVA from our OWN writes at s=0/v=0 (achromatic) would recover
+        // h=0 and stomp the hue the user just dragged away from — skip re-parsing anything we set.
+        effect(() => {
+            const v = this.value();
+            if (v == null || v === this._lastCommitted) {
+                return;
+            }
+            const rgba = parseColor(v);
+            if (rgba) {
+                this.hsva.set(rgbaToHsva(rgba));
+            }
+        });
+        effect(() => this.activeFormat.set(this.format()));
+        // Headless popover requires an anchor (mirrors ngn-menu).
+        effect(() => {
+            if (this.popover() && !this.anchor()) {
+                throw new NgnError('NgnColorPicker', 'popover mode requires the anchor input to be set.');
+            }
+        });
+        // Two-way bridge between the `open` model and the actual popover state.
+        effect(() => {
+            const shouldOpen = this.open();
+            const pop = this._popover();
+            if (!pop)
+                return;
+            if (shouldOpen && !pop.open())
+                pop.show();
+            else if (!shouldOpen && pop.open())
+                pop.hide();
+        });
+    }
+    /** Open the popover (headless or built-in trigger). */
+    show() {
+        this._popover()?.show();
+    }
+    /** Close the popover. */
+    hide() {
+        this._popover()?.hide();
+    }
+    /** Toggle the popover. */
+    toggle() {
+        this._popover()?.toggle();
+    }
+    /** Commit the current HSVA to the model value, formatted in the currently active format. */
+    commit() {
+        const rgba = hsvaToRgba(this.hsva());
+        const formatted = formatColor(rgba, this.activeFormat(), this.alpha() && rgba.a < 1);
+        this._lastCommitted = formatted;
+        this.value.set(formatted);
+    }
+    /**
+     * Set the color from an RGBA and commit, preserving the current hue when the new color is
+     * achromatic (s=0 or v=0). Otherwise the RGB→HSV round-trip collapses hue to 0, so it would be
+     * lost the moment a channel/swatch edit lands on a grey/black — mirrors the SV-drag path, which
+     * keeps hue in the `hsva` signal. `alpha` defaults to the incoming rgba's alpha.
+     */
+    setFromRgba(rgba, alpha = rgba.a) {
+        const prev = this.hsva();
+        const next = rgbaToHsva(rgba);
+        const h = next.s === 0 || next.v === 0 ? prev.h : next.h;
+        this.hsva.set({ ...next, h, a: alpha });
+        this.commit();
+    }
+    onSvDrag(info) {
+        if (this.readonly() || this.disabled())
+            return;
+        const el = this._svArea()?.nativeElement;
+        if (!el)
+            return;
+        const rect = el.getBoundingClientRect();
+        const s = clamp01((info.absoluteX - rect.left) / rect.width);
+        const v = clamp01(1 - (info.absoluteY - rect.top) / rect.height);
+        this.hsva.update(c => ({ ...c, s, v }));
+        this.commit();
+    }
+    onHueDrag(info) {
+        if (this.readonly() || this.disabled())
+            return;
+        const el = this._hueTrack()?.nativeElement;
+        if (!el)
+            return;
+        const rect = el.getBoundingClientRect();
+        const h = clamp01((info.absoluteX - rect.left) / rect.width) * 360;
+        this.hsva.update(c => ({ ...c, h }));
+        this.commit();
+    }
+    onAlphaDrag(info) {
+        if (this.readonly() || this.disabled())
+            return;
+        const el = this._alphaTrack()?.nativeElement;
+        if (!el)
+            return;
+        const rect = el.getBoundingClientRect();
+        const a = clamp01((info.absoluteX - rect.left) / rect.width);
+        this.hsva.update(c => ({ ...c, a }));
+        this.commit();
+    }
+    selectSwatch(color) {
+        if (this.readonly() || this.disabled())
+            return;
+        const rgba = parseColor(color);
+        if (rgba) {
+            this.setFromRgba(rgba);
+        }
+    }
+    toggleOpen() {
+        if (this.disabled() || this.readonly())
+            return;
+        this._popover()?.toggle();
+    }
+    /** Popover `closed` handler: run the blur check and re-emit for consumers. */
+    onPopoverClosed() {
+        this.potentiallyBlurred();
+        this.closed.emit();
+    }
+    // Popover content lives outside the normal DOM focus flow, so a plain host `blur` can't tell a
+    // real blur from focus moving into the panel — mirror `select`'s popover-aware check instead.
+    potentiallyBlurred() {
+        setTimeout(() => {
+            if (this.element.nativeElement.contains(document.activeElement) || this._popover()?.open()) {
+                return;
+            }
+            this.markTouched();
+        });
+    }
+    cycleFormat() {
+        const order = ['hex', 'rgb', 'hsl'];
+        const i = order.indexOf(this.activeFormat());
+        this.activeFormat.set(order[(i + 1) % order.length]);
+        // Re-emit in the new format so the value isn't silently locked to the old one — but only
+        // once a value has actually been established, so cycling on an empty picker stays inert.
+        if (this.value() != null) {
+            this.commit();
+        }
+    }
+    textValue = computed(() => formatColor(hsvaToRgba(this.hsva()), this.activeFormat(), this.alpha() && this.hsva().a < 1), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "textValue" }] : /* istanbul ignore next */ []));
+    /**
+     * What the hex/value field displays: the user's in-progress text while editing,
+     * otherwise the canonical formatted value.
+     */
+    displayText = computed(() => this.editText() ?? this.textValue(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "displayText" }] : /* istanbul ignore next */ []));
+    /**
+     * Per-keystroke handler: keep the field showing the raw text, but update the color
+     * live from it when it parses. The field is NOT reformatted while typing.
+     */
+    onHexInput(text) {
+        if (this.readonly() || this.disabled())
+            return;
+        this.editText.set(text ?? '');
+        const rgba = parseColor(text ?? '');
+        if (rgba) {
+            this.hsva.set(rgbaToHsva(rgba));
+            this.commit();
+        }
+    }
+    /** Commit handler (change / Enter / blur): apply the final text and normalize the field. */
+    onHexCommit(text) {
+        if (!this.readonly() && !this.disabled()) {
+            const rgba = parseColor(text ?? '');
+            if (rgba) {
+                this.hsva.set(rgbaToHsva(rgba));
+                this.commit();
+            }
+        }
+        // Leave editing → the field re-syncs to the canonical `textValue()`.
+        this.editText.set(null);
+    }
+    // --- Per-channel inputs (Chrome-style RGB/HSL boxes) ---
+    /** RGBA channel values for the RGB boxes. r/g/b are 0–255. */
+    rgbaChannels = computed(() => {
+        const c = hsvaToRgba(this.hsva());
+        return { r: Math.round(c.r), g: Math.round(c.g), b: Math.round(c.b) };
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rgbaChannels" }] : /* istanbul ignore next */ []));
+    /** HSL channel values for the HSL boxes. h 0–360, s/l 0–100 (%). */
+    hslChannels = computed(() => {
+        const { h, s, v } = this.hsva();
+        const l = v * (1 - s / 2);
+        const sl = l === 0 || l === 1 ? 0 : (v - l) / Math.min(l, 1 - l);
+        return { h: Math.round(h), s: Math.round(sl * 100), l: Math.round(l * 100) };
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hslChannels" }] : /* istanbul ignore next */ []));
+    /** Alpha as an integer percentage (0–100) for the alpha box. */
+    alphaPercent = computed(() => Math.round(this.hsva().a * 100), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "alphaPercent" }] : /* istanbul ignore next */ []));
+    setRgbChannel(ch, value) {
+        if (this.readonly() || this.disabled() || value == null)
+            return;
+        const c = hsvaToRgba(this.hsva());
+        const patched = { ...c, [ch]: Math.min(255, Math.max(0, value)) };
+        this.setFromRgba(patched, c.a);
+    }
+    setHslChannel(ch, value) {
+        if (this.readonly() || this.disabled() || value == null)
+            return;
+        if (ch === 'h') {
+            this.hsva.update(c => ({ ...c, h: Math.min(360, Math.max(0, value)) }));
+            this.commit();
+            return;
+        }
+        const cur = this.hslChannels();
+        const s = ch === 's' ? Math.min(100, Math.max(0, value)) : cur.s;
+        const l = ch === 'l' ? Math.min(100, Math.max(0, value)) : cur.l;
+        const rgba = parseColor(`hsl(${this.hsva().h}, ${s}%, ${l}%)`);
+        if (rgba) {
+            this.setFromRgba(rgba, this.hsva().a);
+        }
+    }
+    setAlphaPercent(value) {
+        if (this.readonly() || this.disabled() || value == null)
+            return;
+        this.hsva.update(c => ({ ...c, a: Math.min(100, Math.max(0, value)) / 100 }));
+        this.commit();
+    }
+    // Thumb positions (0..100%) for the template.
+    svThumbLeft = computed(() => this.hsva().s * 100, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "svThumbLeft" }] : /* istanbul ignore next */ []));
+    svThumbTop = computed(() => (1 - this.hsva().v) * 100, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "svThumbTop" }] : /* istanbul ignore next */ []));
+    hueThumbLeft = computed(() => (this.hsva().h / 360) * 100, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hueThumbLeft" }] : /* istanbul ignore next */ []));
+    alphaThumbLeft = computed(() => this.hsva().a * 100, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "alphaThumbLeft" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NgnColorPicker, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: NgnColorPicker, isStandalone: true, selector: "ngn-color-picker", inputs: { format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, alpha: { classPropertyName: "alpha", publicName: "alpha", isSignal: true, isRequired: false, transformFunction: null }, swatches: { classPropertyName: "swatches", publicName: "swatches", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null }, popover: { classPropertyName: "popover", publicName: "popover", isSignal: true, isRequired: false, transformFunction: null }, anchor: { classPropertyName: "anchor", publicName: "anchor", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", closed: "closed" }, host: { listeners: { "focusout": "potentiallyBlurred()" }, properties: { "style.--hue": "hsva().h" } }, providers: [provideSelf(NgnColorPicker)], viewQueries: [{ propertyName: "_svArea", first: true, predicate: ["svArea"], descendants: true, isSignal: true }, { propertyName: "_hueTrack", first: true, predicate: ["hueTrack"], descendants: true, isSignal: true }, { propertyName: "_alphaTrack", first: true, predicate: ["alphaTrack"], descendants: true, isSignal: true }, { propertyName: "_popover", first: true, predicate: NgnPopover, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<!-- eslint-disable @angular-eslint/template/click-events-have-key-events -->\n<!-- eslint-disable @angular-eslint/template/interactive-supports-focus -->\n@if (inline()) {\n  <ng-container [ngTemplateOutlet]=\"panel\" />\n} @else if (popover() && anchor(); as anchorEl) {\n  <!-- Headless: no trigger of our own; opened via show()/toggle() from an external anchor. -->\n  <ngn-popover\n    #popover\n    [ptInt]=\"this\"\n    [ptDep]=\"'popover'\"\n    [anchor]=\"anchorEl\"\n    (openChange)=\"open.set($event)\"\n    (closed)=\"onPopoverClosed()\"\n  >\n    <ng-template #lazy>\n      <ng-container [ngTemplateOutlet]=\"panel\" />\n    </ng-template>\n  </ngn-popover>\n} @else {\n  <button\n    #triggerBtn\n    type=\"button\"\n    [ptInt]=\"this\"\n    [ptClass]=\"'trigger'\"\n    aria-haspopup=\"true\"\n    [attr.aria-expanded]=\"popover.open()\"\n    [attr.aria-label]=\"label() || 'Select color'\"\n    (click)=\"toggleOpen()\"\n  >\n    <span [ptInt]=\"this\" [ptClass]=\"'preview'\" [style.background]=\"cssColor()\"></span>\n  </button>\n  <ngn-popover\n    #popover\n    [ptInt]=\"this\"\n    [ptDep]=\"'popover'\"\n    [anchor]=\"triggerBtn\"\n    (openChange)=\"open.set($event)\"\n    (closed)=\"onPopoverClosed()\"\n  >\n    <ng-template #lazy>\n      <ng-container [ngTemplateOutlet]=\"panel\" />\n    </ng-template>\n  </ngn-popover>\n}\n\n<ng-template #panel>\n  <div [ptInt]=\"this\" [ptClass]=\"'panel'\">\n    <div\n      #svArea\n      [ptInt]=\"this\"\n      [ptClass]=\"'sv-area'\"\n      ngnDrag\n      (dragged)=\"onSvDrag($event)\"\n      (click)=\"\n        onSvDrag({ absoluteX: $event.clientX, absoluteY: $event.clientY, deltaX: 0, deltaY: 0 })\n      \"\n    >\n      <span\n        [ptInt]=\"this\"\n        [ptClass]=\"'sv-thumb'\"\n        [style.left.%]=\"svThumbLeft()\"\n        [style.top.%]=\"svThumbTop()\"\n      ></span>\n    </div>\n\n    <div\n      #hueTrack\n      [ptInt]=\"this\"\n      [ptClass]=\"'hue-track'\"\n      ngnDrag\n      (dragged)=\"onHueDrag($event)\"\n      (click)=\"\n        onHueDrag({ absoluteX: $event.clientX, absoluteY: $event.clientY, deltaX: 0, deltaY: 0 })\n      \"\n    >\n      <span [ptInt]=\"this\" [ptClass]=\"'hue-thumb'\" [style.left.%]=\"hueThumbLeft()\"></span>\n    </div>\n\n    @if (alpha()) {\n      <div\n        #alphaTrack\n        [ptInt]=\"this\"\n        [ptClass]=\"'alpha-track'\"\n        [style.background]=\"'linear-gradient(to right, transparent, ' + cssColor() + ')'\"\n        ngnDrag\n        (dragged)=\"onAlphaDrag($event)\"\n        (click)=\"\n          onAlphaDrag({\n            absoluteX: $event.clientX,\n            absoluteY: $event.clientY,\n            deltaX: 0,\n            deltaY: 0,\n          })\n        \"\n      >\n        <span [ptInt]=\"this\" [ptClass]=\"'alpha-thumb'\" [style.left.%]=\"alphaThumbLeft()\"></span>\n      </div>\n    }\n\n    <!-- Chrome-style per-format input boxes with channel labels; the button cycles the format. -->\n    <div [ptInt]=\"this\" [ptClass]=\"'fields'\">\n      <div [ptInt]=\"this\" [ptClass]=\"'channels'\">\n        @switch (activeFormat()) {\n          @case ('hex') {\n            <div [ptInt]=\"this\" [ptClass]=\"{ channel: true, 'channel-hex': true }\">\n              <!-- Color updates live per keystroke (onHexInput); the text is left as typed until\n                   commit (change/Enter/blur), when it normalizes to the canonical form. -->\n              <ngn-input-field>\n                <input\n                  ngnInput\n                  class=\"text-center\"\n                  [value]=\"displayText()\"\n                  [readOnly]=\"readonly()\"\n                  [disabled]=\"disabled()\"\n                  [attr.aria-label]=\"'Hex color'\"\n                  (valueChange)=\"onHexInput($event)\"\n                  (change)=\"onHexCommit($any($event.target).value)\"\n                  (keydown.enter)=\"onHexCommit($any($event.target).value)\"\n                  (blur)=\"onHexCommit($any($event.target).value)\"\n                />\n              </ngn-input-field>\n              <span [ptInt]=\"this\" [ptClass]=\"'channel-label'\">Hex</span>\n            </div>\n          }\n          @case ('rgb') {\n            <div [ptInt]=\"this\" [ptClass]=\"'channel'\">\n              <ngn-input-field>\n                <input\n                  ngnNumberInput\n                  class=\"text-center\"\n                  [min]=\"0\"\n                  [max]=\"255\"\n                  [value]=\"rgbaChannels().r\"\n                  [readOnly]=\"readonly()\"\n                  [disabled]=\"disabled()\"\n                  aria-label=\"Red\"\n                  (valueChange)=\"setRgbChannel('r', $event)\"\n                />\n              </ngn-input-field>\n              <span [ptInt]=\"this\" [ptClass]=\"'channel-label'\">R</span>\n            </div>\n            <div [ptInt]=\"this\" [ptClass]=\"'channel'\">\n              <ngn-input-field>\n                <input\n                  ngnNumberInput\n                  class=\"text-center\"\n                  [min]=\"0\"\n                  [max]=\"255\"\n                  [value]=\"rgbaChannels().g\"\n                  [readOnly]=\"readonly()\"\n                  [disabled]=\"disabled()\"\n                  aria-label=\"Green\"\n                  (valueChange)=\"setRgbChannel('g', $event)\"\n                />\n              </ngn-input-field>\n              <span [ptInt]=\"this\" [ptClass]=\"'channel-label'\">G</span>\n            </div>\n            <div [ptInt]=\"this\" [ptClass]=\"'channel'\">\n              <ngn-input-field>\n                <input\n                  ngnNumberInput\n                  class=\"text-center\"\n                  [min]=\"0\"\n                  [max]=\"255\"\n                  [value]=\"rgbaChannels().b\"\n                  [readOnly]=\"readonly()\"\n                  [disabled]=\"disabled()\"\n                  aria-label=\"Blue\"\n                  (valueChange)=\"setRgbChannel('b', $event)\"\n                />\n              </ngn-input-field>\n              <span [ptInt]=\"this\" [ptClass]=\"'channel-label'\">B</span>\n            </div>\n            @if (alpha()) {\n              <div [ptInt]=\"this\" [ptClass]=\"'channel'\">\n                <ngn-input-field>\n                  <input\n                    ngnNumberInput\n                    class=\"text-center\"\n                    [min]=\"0\"\n                    [max]=\"100\"\n                    [value]=\"alphaPercent()\"\n                    [readOnly]=\"readonly()\"\n                    [disabled]=\"disabled()\"\n                    aria-label=\"Alpha percent\"\n                    (valueChange)=\"setAlphaPercent($event)\"\n                  />\n                </ngn-input-field>\n                <span [ptInt]=\"this\" [ptClass]=\"'channel-label'\">A</span>\n              </div>\n            }\n          }\n          @case ('hsl') {\n            <div [ptInt]=\"this\" [ptClass]=\"'channel'\">\n              <ngn-input-field>\n                <input\n                  ngnNumberInput\n                  class=\"text-center\"\n                  [min]=\"0\"\n                  [max]=\"360\"\n                  [value]=\"hslChannels().h\"\n                  [readOnly]=\"readonly()\"\n                  [disabled]=\"disabled()\"\n                  aria-label=\"Hue\"\n                  (valueChange)=\"setHslChannel('h', $event)\"\n                />\n              </ngn-input-field>\n              <span [ptInt]=\"this\" [ptClass]=\"'channel-label'\">H</span>\n            </div>\n            <div [ptInt]=\"this\" [ptClass]=\"'channel'\">\n              <ngn-input-field>\n                <input\n                  ngnNumberInput\n                  class=\"text-center\"\n                  [min]=\"0\"\n                  [max]=\"100\"\n                  [value]=\"hslChannels().s\"\n                  [readOnly]=\"readonly()\"\n                  [disabled]=\"disabled()\"\n                  aria-label=\"Saturation percent\"\n                  (valueChange)=\"setHslChannel('s', $event)\"\n                />\n              </ngn-input-field>\n              <span [ptInt]=\"this\" [ptClass]=\"'channel-label'\">S</span>\n            </div>\n            <div [ptInt]=\"this\" [ptClass]=\"'channel'\">\n              <ngn-input-field>\n                <input\n                  ngnNumberInput\n                  class=\"text-center\"\n                  [min]=\"0\"\n                  [max]=\"100\"\n                  [value]=\"hslChannels().l\"\n                  [readOnly]=\"readonly()\"\n                  [disabled]=\"disabled()\"\n                  aria-label=\"Lightness percent\"\n                  (valueChange)=\"setHslChannel('l', $event)\"\n                />\n              </ngn-input-field>\n              <span [ptInt]=\"this\" [ptClass]=\"'channel-label'\">L</span>\n            </div>\n            @if (alpha()) {\n              <div [ptInt]=\"this\" [ptClass]=\"'channel'\">\n                <ngn-input-field>\n                  <input\n                    ngnNumberInput\n                    class=\"text-center\"\n                    [min]=\"0\"\n                    [max]=\"100\"\n                    [value]=\"alphaPercent()\"\n                    [readOnly]=\"readonly()\"\n                    [disabled]=\"disabled()\"\n                    aria-label=\"Alpha percent\"\n                    (valueChange)=\"setAlphaPercent($event)\"\n                  />\n                </ngn-input-field>\n                <span [ptInt]=\"this\" [ptClass]=\"'channel-label'\">A</span>\n              </div>\n            }\n          }\n        }\n      </div>\n      <button\n        ngnButton\n        kind=\"secondary\"\n        type=\"button\"\n        [ptInt]=\"this\"\n        [ptClass]=\"'format-toggle'\"\n        [disabled]=\"disabled()\"\n        aria-label=\"Color format\"\n        (click)=\"cycleFormat()\"\n      >\n        {{ activeFormat() }}\n      </button>\n    </div>\n\n    @if (swatches(); as sw) {\n      <div [ptInt]=\"this\" [ptClass]=\"'swatches'\">\n        @for (color of sw; track color) {\n          <button\n            type=\"button\"\n            [ptInt]=\"this\"\n            [ptClass]=\"'swatch'\"\n            [style.background]=\"color\"\n            (click)=\"selectSwatch(color)\"\n          ></button>\n        }\n      </div>\n    }\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgnPt, selector: "[ptInt]", inputs: ["ptInt", "ptClass", "ptDep"] }, { kind: "directive", type: NgnDrag, selector: "[ngnDrag]" }, { kind: "component", type: NgnPopover, selector: "ngn-popover", inputs: ["open", "anchor", "options", "hasShrinkableContent", "closeBy"], outputs: ["closed", "closing", "openChange"] }, { kind: "directive", type: NgnInput, selector: "input[ngnInput], textarea[ngnInput]", inputs: ["invalid", "invalidOn", "touched", "value"], outputs: ["touchedChange", "valueChange", "touch"], exportAs: ["ngnInput"] }, { kind: "directive", type: NgnButton, selector: "button[ngnButton], a[ngnButton]", inputs: ["ngnButtonInline"], exportAs: ["ngnButton"] }, { kind: "component", type: NgnInputField, selector: "ngn-input-field", inputs: ["label", "labelledBy", "labelKind", "inputId", "showClearButton", "iconClearButton", "tabindex", "invalid", "readonly", "disabled"] }, { kind: "directive", type: NgnNumberInput, selector: "input[ngnNumberInput]", inputs: ["min", "max", "step", "bigStep", "locale", "formatOptions"], exportAs: ["ngnNumberInput"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: NgnColorPicker, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngn-color-picker', imports: [
+                        NgTemplateOutlet,
+                        NgnPt,
+                        NgnDrag,
+                        NgnPopover,
+                        NgnInput,
+                        NgnButton,
+                        NgnInputField,
+                        NgnNumberInput,
+                    ], providers: [provideSelf(NgnColorPicker)], host: {
+                        '[style.--hue]': 'hsva().h',
+                        '(focusout)': 'potentiallyBlurred()',
+                    }, template: "<!-- eslint-disable @angular-eslint/template/click-events-have-key-events -->\n<!-- eslint-disable @angular-eslint/template/interactive-supports-focus -->\n@if (inline()) {\n  <ng-container [ngTemplateOutlet]=\"panel\" />\n} @else if (popover() && anchor(); as anchorEl) {\n  <!-- Headless: no trigger of our own; opened via show()/toggle() from an external anchor. -->\n  <ngn-popover\n    #popover\n    [ptInt]=\"this\"\n    [ptDep]=\"'popover'\"\n    [anchor]=\"anchorEl\"\n    (openChange)=\"open.set($event)\"\n    (closed)=\"onPopoverClosed()\"\n  >\n    <ng-template #lazy>\n      <ng-container [ngTemplateOutlet]=\"panel\" />\n    </ng-template>\n  </ngn-popover>\n} @else {\n  <button\n    #triggerBtn\n    type=\"button\"\n    [ptInt]=\"this\"\n    [ptClass]=\"'trigger'\"\n    aria-haspopup=\"true\"\n    [attr.aria-expanded]=\"popover.open()\"\n    [attr.aria-label]=\"label() || 'Select color'\"\n    (click)=\"toggleOpen()\"\n  >\n    <span [ptInt]=\"this\" [ptClass]=\"'preview'\" [style.background]=\"cssColor()\"></span>\n  </button>\n  <ngn-popover\n    #popover\n    [ptInt]=\"this\"\n    [ptDep]=\"'popover'\"\n    [anchor]=\"triggerBtn\"\n    (openChange)=\"open.set($event)\"\n    (closed)=\"onPopoverClosed()\"\n  >\n    <ng-template #lazy>\n      <ng-container [ngTemplateOutlet]=\"panel\" />\n    </ng-template>\n  </ngn-popover>\n}\n\n<ng-template #panel>\n  <div [ptInt]=\"this\" [ptClass]=\"'panel'\">\n    <div\n      #svArea\n      [ptInt]=\"this\"\n      [ptClass]=\"'sv-area'\"\n      ngnDrag\n      (dragged)=\"onSvDrag($event)\"\n      (click)=\"\n        onSvDrag({ absoluteX: $event.clientX, absoluteY: $event.clientY, deltaX: 0, deltaY: 0 })\n      \"\n    >\n      <span\n        [ptInt]=\"this\"\n        [ptClass]=\"'sv-thumb'\"\n        [style.left.%]=\"svThumbLeft()\"\n        [style.top.%]=\"svThumbTop()\"\n      ></span>\n    </div>\n\n    <div\n      #hueTrack\n      [ptInt]=\"this\"\n      [ptClass]=\"'hue-track'\"\n      ngnDrag\n      (dragged)=\"onHueDrag($event)\"\n      (click)=\"\n        onHueDrag({ absoluteX: $event.clientX, absoluteY: $event.clientY, deltaX: 0, deltaY: 0 })\n      \"\n    >\n      <span [ptInt]=\"this\" [ptClass]=\"'hue-thumb'\" [style.left.%]=\"hueThumbLeft()\"></span>\n    </div>\n\n    @if (alpha()) {\n      <div\n        #alphaTrack\n        [ptInt]=\"this\"\n        [ptClass]=\"'alpha-track'\"\n        [style.background]=\"'linear-gradient(to right, transparent, ' + cssColor() + ')'\"\n        ngnDrag\n        (dragged)=\"onAlphaDrag($event)\"\n        (click)=\"\n          onAlphaDrag({\n            absoluteX: $event.clientX,\n            absoluteY: $event.clientY,\n            deltaX: 0,\n            deltaY: 0,\n          })\n        \"\n      >\n        <span [ptInt]=\"this\" [ptClass]=\"'alpha-thumb'\" [style.left.%]=\"alphaThumbLeft()\"></span>\n      </div>\n    }\n\n    <!-- Chrome-style per-format input boxes with channel labels; the button cycles the format. -->\n    <div [ptInt]=\"this\" [ptClass]=\"'fields'\">\n      <div [ptInt]=\"this\" [ptClass]=\"'channels'\">\n        @switch (activeFormat()) {\n          @case ('hex') {\n            <div [ptInt]=\"this\" [ptClass]=\"{ channel: true, 'channel-hex': true }\">\n              <!-- Color updates live per keystroke (onHexInput); the text is left as typed until\n                   commit (change/Enter/blur), when it normalizes to the canonical form. -->\n              <ngn-input-field>\n                <input\n                  ngnInput\n                  class=\"text-center\"\n                  [value]=\"displayText()\"\n                  [readOnly]=\"readonly()\"\n                  [disabled]=\"disabled()\"\n                  [attr.aria-label]=\"'Hex color'\"\n                  (valueChange)=\"onHexInput($event)\"\n                  (change)=\"onHexCommit($any($event.target).value)\"\n                  (keydown.enter)=\"onHexCommit($any($event.target).value)\"\n                  (blur)=\"onHexCommit($any($event.target).value)\"\n                />\n              </ngn-input-field>\n              <span [ptInt]=\"this\" [ptClass]=\"'channel-label'\">Hex</span>\n            </div>\n          }\n          @case ('rgb') {\n            <div [ptInt]=\"this\" [ptClass]=\"'channel'\">\n              <ngn-input-field>\n                <input\n                  ngnNumberInput\n                  class=\"text-center\"\n                  [min]=\"0\"\n                  [max]=\"255\"\n                  [value]=\"rgbaChannels().r\"\n                  [readOnly]=\"readonly()\"\n                  [disabled]=\"disabled()\"\n                  aria-label=\"Red\"\n                  (valueChange)=\"setRgbChannel('r', $event)\"\n                />\n              </ngn-input-field>\n              <span [ptInt]=\"this\" [ptClass]=\"'channel-label'\">R</span>\n            </div>\n            <div [ptInt]=\"this\" [ptClass]=\"'channel'\">\n              <ngn-input-field>\n                <input\n                  ngnNumberInput\n                  class=\"text-center\"\n                  [min]=\"0\"\n                  [max]=\"255\"\n                  [value]=\"rgbaChannels().g\"\n                  [readOnly]=\"readonly()\"\n                  [disabled]=\"disabled()\"\n                  aria-label=\"Green\"\n                  (valueChange)=\"setRgbChannel('g', $event)\"\n                />\n              </ngn-input-field>\n              <span [ptInt]=\"this\" [ptClass]=\"'channel-label'\">G</span>\n            </div>\n            <div [ptInt]=\"this\" [ptClass]=\"'channel'\">\n              <ngn-input-field>\n                <input\n                  ngnNumberInput\n                  class=\"text-center\"\n                  [min]=\"0\"\n                  [max]=\"255\"\n                  [value]=\"rgbaChannels().b\"\n                  [readOnly]=\"readonly()\"\n                  [disabled]=\"disabled()\"\n                  aria-label=\"Blue\"\n                  (valueChange)=\"setRgbChannel('b', $event)\"\n                />\n              </ngn-input-field>\n              <span [ptInt]=\"this\" [ptClass]=\"'channel-label'\">B</span>\n            </div>\n            @if (alpha()) {\n              <div [ptInt]=\"this\" [ptClass]=\"'channel'\">\n                <ngn-input-field>\n                  <input\n                    ngnNumberInput\n                    class=\"text-center\"\n                    [min]=\"0\"\n                    [max]=\"100\"\n                    [value]=\"alphaPercent()\"\n                    [readOnly]=\"readonly()\"\n                    [disabled]=\"disabled()\"\n                    aria-label=\"Alpha percent\"\n                    (valueChange)=\"setAlphaPercent($event)\"\n                  />\n                </ngn-input-field>\n                <span [ptInt]=\"this\" [ptClass]=\"'channel-label'\">A</span>\n              </div>\n            }\n          }\n          @case ('hsl') {\n            <div [ptInt]=\"this\" [ptClass]=\"'channel'\">\n              <ngn-input-field>\n                <input\n                  ngnNumberInput\n                  class=\"text-center\"\n                  [min]=\"0\"\n                  [max]=\"360\"\n                  [value]=\"hslChannels().h\"\n                  [readOnly]=\"readonly()\"\n                  [disabled]=\"disabled()\"\n                  aria-label=\"Hue\"\n                  (valueChange)=\"setHslChannel('h', $event)\"\n                />\n              </ngn-input-field>\n              <span [ptInt]=\"this\" [ptClass]=\"'channel-label'\">H</span>\n            </div>\n            <div [ptInt]=\"this\" [ptClass]=\"'channel'\">\n              <ngn-input-field>\n                <input\n                  ngnNumberInput\n                  class=\"text-center\"\n                  [min]=\"0\"\n                  [max]=\"100\"\n                  [value]=\"hslChannels().s\"\n                  [readOnly]=\"readonly()\"\n                  [disabled]=\"disabled()\"\n                  aria-label=\"Saturation percent\"\n                  (valueChange)=\"setHslChannel('s', $event)\"\n                />\n              </ngn-input-field>\n              <span [ptInt]=\"this\" [ptClass]=\"'channel-label'\">S</span>\n            </div>\n            <div [ptInt]=\"this\" [ptClass]=\"'channel'\">\n              <ngn-input-field>\n                <input\n                  ngnNumberInput\n                  class=\"text-center\"\n                  [min]=\"0\"\n                  [max]=\"100\"\n                  [value]=\"hslChannels().l\"\n                  [readOnly]=\"readonly()\"\n                  [disabled]=\"disabled()\"\n                  aria-label=\"Lightness percent\"\n                  (valueChange)=\"setHslChannel('l', $event)\"\n                />\n              </ngn-input-field>\n              <span [ptInt]=\"this\" [ptClass]=\"'channel-label'\">L</span>\n            </div>\n            @if (alpha()) {\n              <div [ptInt]=\"this\" [ptClass]=\"'channel'\">\n                <ngn-input-field>\n                  <input\n                    ngnNumberInput\n                    class=\"text-center\"\n                    [min]=\"0\"\n                    [max]=\"100\"\n                    [value]=\"alphaPercent()\"\n                    [readOnly]=\"readonly()\"\n                    [disabled]=\"disabled()\"\n                    aria-label=\"Alpha percent\"\n                    (valueChange)=\"setAlphaPercent($event)\"\n                  />\n                </ngn-input-field>\n                <span [ptInt]=\"this\" [ptClass]=\"'channel-label'\">A</span>\n              </div>\n            }\n          }\n        }\n      </div>\n      <button\n        ngnButton\n        kind=\"secondary\"\n        type=\"button\"\n        [ptInt]=\"this\"\n        [ptClass]=\"'format-toggle'\"\n        [disabled]=\"disabled()\"\n        aria-label=\"Color format\"\n        (click)=\"cycleFormat()\"\n      >\n        {{ activeFormat() }}\n      </button>\n    </div>\n\n    @if (swatches(); as sw) {\n      <div [ptInt]=\"this\" [ptClass]=\"'swatches'\">\n        @for (color of sw; track color) {\n          <button\n            type=\"button\"\n            [ptInt]=\"this\"\n            [ptClass]=\"'swatch'\"\n            [style.background]=\"color\"\n            (click)=\"selectSwatch(color)\"\n          ></button>\n        }\n      </div>\n    }\n  </div>\n</ng-template>\n" }]
+        }], ctorParameters: () => [], propDecorators: { _svArea: [{ type: i0.ViewChild, args: ['svArea', { isSignal: true }] }], _hueTrack: [{ type: i0.ViewChild, args: ['hueTrack', { isSignal: true }] }], _alphaTrack: [{ type: i0.ViewChild, args: ['alphaTrack', { isSignal: true }] }], _popover: [{ type: i0.ViewChild, args: [i0.forwardRef(() => NgnPopover), { isSignal: true }] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], alpha: [{ type: i0.Input, args: [{ isSignal: true, alias: "alpha", required: false }] }], swatches: [{ type: i0.Input, args: [{ isSignal: true, alias: "swatches", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }], popover: [{ type: i0.Input, args: [{ isSignal: true, alias: "popover", required: false }] }], anchor: [{ type: i0.Input, args: [{ isSignal: true, alias: "anchor", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
+function clamp01(n) {
+    return Math.min(1, Math.max(0, n));
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgnColorPicker };
+//# sourceMappingURL=ngneers-controls-color-picker.mjs.map

package/fesm2022/ngneers-controls-color-picker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngneers-controls-color-picker.mjs","sources":["../../src/color-picker/color-picker.ts","../../src/color-picker/color-picker.html","../../src/color-picker/ngneers-controls-color-picker.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport {\n  booleanAttribute,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  input,\n  model,\n  output,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport type { Anchor, Openable } from '@ngneers/controls/api/ng';\nimport { NgnPt, provideSelf, ValueControlBase } from '@ngneers/controls/base';\nimport { NgnButton } from '@ngneers/controls/button';\nimport { NgnDrag, type NgnDragInfo } from '@ngneers/controls/directives';\nimport { NgnInput } from '@ngneers/controls/input';\nimport { NgnInputField } from '@ngneers/controls/input-field';\nimport { NgnNumberInput } from '@ngneers/controls/number-input';\nimport { NgnPopover } from '@ngneers/controls/popover';\nimport {\n  type ColorFormat,\n  formatColor,\n  hsvaToRgba,\n  type HSVA,\n  NgnError,\n  parseColor,\n  type RGBA,\n  rgbaToHsva,\n} from '@ngneers/controls/utils';\nimport { colorPickerControlTemplate } from '@ngneers/controls-themes/templates/color-picker';\n\nconst DEFAULT_HSVA: HSVA = { h: 0, s: 0, v: 0, a: 1 };\n\n/**\n * @category control\n */\n@Component({\n  selector: 'ngn-color-picker',\n  templateUrl: './color-picker.html',\n  imports: [\n    NgTemplateOutlet,\n    NgnPt,\n    NgnDrag,\n    NgnPopover,\n    NgnInput,\n    NgnButton,\n    NgnInputField,\n    NgnNumberInput,\n  ],\n  providers: [provideSelf(NgnColorPicker)],\n  host: {\n    '[style.--hue]': 'hsva().h',\n    '(focusout)': 'potentiallyBlurred()',\n  },\n})\nexport class NgnColorPicker extends ValueControlBase<'color-picker', string> implements Openable {\n  protected readonly theme = this.injectThemeTemplate(colorPickerControlTemplate, {\n    root: true,\n    invalid: () => this.invalidState(),\n    disabled: () => this.disabled(),\n    inline: () => this.inline(),\n  });\n\n  private readonly _svArea = viewChild<ElementRef<HTMLElement>>('svArea');\n  private readonly _hueTrack = viewChild<ElementRef<HTMLElement>>('hueTrack');\n  private readonly _alphaTrack = viewChild<ElementRef<HTMLElement>>('alphaTrack');\n  // Only rendered (non-`inline()`) behind the trigger — absent while inline.\n  private readonly _popover = viewChild(NgnPopover);\n\n  /** Output/display format. @default hex */\n  public readonly format = input<ColorFormat>('hex');\n  /** Show the alpha channel. @default true */\n  public readonly alpha = input(true, { transform: booleanAttribute });\n  /** Preset swatch colors. */\n  public readonly swatches = input<string[]>();\n  /** Render the panel inline instead of behind a trigger. @default false */\n  public readonly inline = input(false, { transform: booleanAttribute });\n  /**\n   * Headless mode: render no trigger of its own and open in a popover anchored to\n   * {@link anchor}, driven imperatively via {@link show}/{@link hide}/{@link toggle}\n   * (like `ngn-menu`). Requires {@link anchor}. @default false\n   */\n  public readonly popover = input(false, { transform: booleanAttribute });\n  /** The external element the headless popover anchors to. Required when {@link popover} is set. */\n  public readonly anchor = input<Anchor>();\n  /** Open state of the popover (headless or built-in trigger); two-way bindable. @default false */\n  public readonly open = model(false);\n  /** Emits when the popover has fully closed (part of the `Openable` contract). */\n  public readonly closed = output<void>();\n\n  /** Internal HSVA source of truth. */\n  protected readonly hsva = signal<HSVA>(DEFAULT_HSVA);\n\n  /** The format the text field/toggle currently displays; seeded from {@link format}. */\n  protected readonly activeFormat = signal<ColorFormat>('hex');\n\n  /** Current color as a CSS string for previews. */\n  protected readonly cssColor = computed(() => {\n    const rgba = hsvaToRgba(this.hsva());\n    return formatColor(rgba, 'rgb', true);\n  });\n\n  /** The last value string this component itself wrote via {@link commit}. */\n  private _lastCommitted: string | null = null;\n\n  /**\n   * The raw text the user is currently typing in the hex/value field, or `null`\n   * when not editing. While editing, the field shows this verbatim (so a short\n   * form like `#ff0` isn't reformatted mid-typing) even though the color updates\n   * live from it.\n   */\n  protected readonly editText = signal<string | null>(null);\n\n  constructor() {\n    super();\n    // Sync incoming value → hsva, but only for externally-set values. `commit()` quantizes to\n    // integer RGB, so re-deriving HSVA from our OWN writes at s=0/v=0 (achromatic) would recover\n    // h=0 and stomp the hue the user just dragged away from — skip re-parsing anything we set.\n    effect(() => {\n      const v = this.value();\n      if (v == null || v === this._lastCommitted) {\n        return;\n      }\n      const rgba = parseColor(v);\n      if (rgba) {\n        this.hsva.set(rgbaToHsva(rgba));\n      }\n    });\n    effect(() => this.activeFormat.set(this.format()));\n\n    // Headless popover requires an anchor (mirrors ngn-menu).\n    effect(() => {\n      if (this.popover() && !this.anchor()) {\n        throw new NgnError('NgnColorPicker', 'popover mode requires the anchor input to be set.');\n      }\n    });\n    // Two-way bridge between the `open` model and the actual popover state.\n    effect(() => {\n      const shouldOpen = this.open();\n      const pop = this._popover();\n      if (!pop) return;\n      if (shouldOpen && !pop.open()) pop.show();\n      else if (!shouldOpen && pop.open()) pop.hide();\n    });\n  }\n\n  /** Open the popover (headless or built-in trigger). */\n  public show(): void {\n    this._popover()?.show();\n  }\n  /** Close the popover. */\n  public hide(): void {\n    this._popover()?.hide();\n  }\n  /** Toggle the popover. */\n  public toggle(): void {\n    this._popover()?.toggle();\n  }\n\n  /** Commit the current HSVA to the model value, formatted in the currently active format. */\n  private commit(): void {\n    const rgba = hsvaToRgba(this.hsva());\n    const formatted = formatColor(rgba, this.activeFormat(), this.alpha() && rgba.a < 1);\n    this._lastCommitted = formatted;\n    this.value.set(formatted);\n  }\n\n  /**\n   * Set the color from an RGBA and commit, preserving the current hue when the new color is\n   * achromatic (s=0 or v=0). Otherwise the RGB→HSV round-trip collapses hue to 0, so it would be\n   * lost the moment a channel/swatch edit lands on a grey/black — mirrors the SV-drag path, which\n   * keeps hue in the `hsva` signal. `alpha` defaults to the incoming rgba's alpha.\n   */\n  private setFromRgba(rgba: RGBA, alpha = rgba.a): void {\n    const prev = this.hsva();\n    const next = rgbaToHsva(rgba);\n    const h = next.s === 0 || next.v === 0 ? prev.h : next.h;\n    this.hsva.set({ ...next, h, a: alpha });\n    this.commit();\n  }\n\n  protected onSvDrag(info: NgnDragInfo): void {\n    if (this.readonly() || this.disabled()) return;\n    const el = this._svArea()?.nativeElement;\n    if (!el) return;\n    const rect = el.getBoundingClientRect();\n    const s = clamp01((info.absoluteX - rect.left) / rect.width);\n    const v = clamp01(1 - (info.absoluteY - rect.top) / rect.height);\n    this.hsva.update(c => ({ ...c, s, v }));\n    this.commit();\n  }\n\n  protected onHueDrag(info: NgnDragInfo): void {\n    if (this.readonly() || this.disabled()) return;\n    const el = this._hueTrack()?.nativeElement;\n    if (!el) return;\n    const rect = el.getBoundingClientRect();\n    const h = clamp01((info.absoluteX - rect.left) / rect.width) * 360;\n    this.hsva.update(c => ({ ...c, h }));\n    this.commit();\n  }\n\n  protected onAlphaDrag(info: NgnDragInfo): void {\n    if (this.readonly() || this.disabled()) return;\n    const el = this._alphaTrack()?.nativeElement;\n    if (!el) return;\n    const rect = el.getBoundingClientRect();\n    const a = clamp01((info.absoluteX - rect.left) / rect.width);\n    this.hsva.update(c => ({ ...c, a }));\n    this.commit();\n  }\n\n  protected selectSwatch(color: string): void {\n    if (this.readonly() || this.disabled()) return;\n    const rgba = parseColor(color);\n    if (rgba) {\n      this.setFromRgba(rgba);\n    }\n  }\n\n  protected toggleOpen(): void {\n    if (this.disabled() || this.readonly()) return;\n    this._popover()?.toggle();\n  }\n\n  /** Popover `closed` handler: run the blur check and re-emit for consumers. */\n  protected onPopoverClosed(): void {\n    this.potentiallyBlurred();\n    this.closed.emit();\n  }\n\n  // Popover content lives outside the normal DOM focus flow, so a plain host `blur` can't tell a\n  // real blur from focus moving into the panel — mirror `select`'s popover-aware check instead.\n  protected potentiallyBlurred(): void {\n    setTimeout(() => {\n      if (this.element.nativeElement.contains(document.activeElement) || this._popover()?.open()) {\n        return;\n      }\n      this.markTouched();\n    });\n  }\n\n  protected cycleFormat(): void {\n    const order: ColorFormat[] = ['hex', 'rgb', 'hsl'];\n    const i = order.indexOf(this.activeFormat());\n    this.activeFormat.set(order[(i + 1) % order.length]!);\n    // Re-emit in the new format so the value isn't silently locked to the old one — but only\n    // once a value has actually been established, so cycling on an empty picker stays inert.\n    if (this.value() != null) {\n      this.commit();\n    }\n  }\n\n  protected readonly textValue = computed(() =>\n    formatColor(hsvaToRgba(this.hsva()), this.activeFormat(), this.alpha() && this.hsva().a < 1)\n  );\n\n  /**\n   * What the hex/value field displays: the user's in-progress text while editing,\n   * otherwise the canonical formatted value.\n   */\n  protected readonly displayText = computed(() => this.editText() ?? this.textValue());\n\n  /**\n   * Per-keystroke handler: keep the field showing the raw text, but update the color\n   * live from it when it parses. The field is NOT reformatted while typing.\n   */\n  protected onHexInput(text: string | null): void {\n    if (this.readonly() || this.disabled()) return;\n    this.editText.set(text ?? '');\n    const rgba = parseColor(text ?? '');\n    if (rgba) {\n      this.hsva.set(rgbaToHsva(rgba));\n      this.commit();\n    }\n  }\n\n  /** Commit handler (change / Enter / blur): apply the final text and normalize the field. */\n  protected onHexCommit(text: string | null): void {\n    if (!this.readonly() && !this.disabled()) {\n      const rgba = parseColor(text ?? '');\n      if (rgba) {\n        this.hsva.set(rgbaToHsva(rgba));\n        this.commit();\n      }\n    }\n    // Leave editing → the field re-syncs to the canonical `textValue()`.\n    this.editText.set(null);\n  }\n\n  // --- Per-channel inputs (Chrome-style RGB/HSL boxes) ---\n\n  /** RGBA channel values for the RGB boxes. r/g/b are 0–255. */\n  protected readonly rgbaChannels = computed(() => {\n    const c = hsvaToRgba(this.hsva());\n    return { r: Math.round(c.r), g: Math.round(c.g), b: Math.round(c.b) };\n  });\n\n  /** HSL channel values for the HSL boxes. h 0–360, s/l 0–100 (%). */\n  protected readonly hslChannels = computed(() => {\n    const { h, s, v } = this.hsva();\n    const l = v * (1 - s / 2);\n    const sl = l === 0 || l === 1 ? 0 : (v - l) / Math.min(l, 1 - l);\n    return { h: Math.round(h), s: Math.round(sl * 100), l: Math.round(l * 100) };\n  });\n\n  /** Alpha as an integer percentage (0–100) for the alpha box. */\n  protected readonly alphaPercent = computed(() => Math.round(this.hsva().a * 100));\n\n  protected setRgbChannel(ch: 'r' | 'g' | 'b', value: number | null): void {\n    if (this.readonly() || this.disabled() || value == null) return;\n    const c = hsvaToRgba(this.hsva());\n    const patched = { ...c, [ch]: Math.min(255, Math.max(0, value)) };\n    this.setFromRgba(patched, c.a);\n  }\n\n  protected setHslChannel(ch: 'h' | 's' | 'l', value: number | null): void {\n    if (this.readonly() || this.disabled() || value == null) return;\n    if (ch === 'h') {\n      this.hsva.update(c => ({ ...c, h: Math.min(360, Math.max(0, value)) }));\n      this.commit();\n      return;\n    }\n    const cur = this.hslChannels();\n    const s = ch === 's' ? Math.min(100, Math.max(0, value)) : cur.s;\n    const l = ch === 'l' ? Math.min(100, Math.max(0, value)) : cur.l;\n    const rgba = parseColor(`hsl(${this.hsva().h}, ${s}%, ${l}%)`);\n    if (rgba) {\n      this.setFromRgba(rgba, this.hsva().a);\n    }\n  }\n\n  protected setAlphaPercent(value: number | null): void {\n    if (this.readonly() || this.disabled() || value == null) return;\n    this.hsva.update(c => ({ ...c, a: Math.min(100, Math.max(0, value)) / 100 }));\n    this.commit();\n  }\n\n  // Thumb positions (0..100%) for the template.\n  protected readonly svThumbLeft = computed(() => this.hsva().s * 100);\n  protected readonly svThumbTop = computed(() => (1 - this.hsva().v) * 100);\n  protected readonly hueThumbLeft = computed(() => (this.hsva().h / 360) * 100);\n  protected readonly alphaThumbLeft = computed(() => this.hsva().a * 100);\n}\n\nfunction clamp01(n: number): number {\n  return Math.min(1, Math.max(0, n));\n}\n","<!-- eslint-disable @angular-eslint/template/click-events-have-key-events -->\n<!-- eslint-disable @angular-eslint/template/interactive-supports-focus -->\n@if (inline()) {\n  <ng-container [ngTemplateOutlet]=\"panel\" />\n} @else if (popover() && anchor(); as anchorEl) {\n  <!-- Headless: no trigger of our own; opened via show()/toggle() from an external anchor. -->\n  <ngn-popover\n    #popover\n    [ptInt]=\"this\"\n    [ptDep]=\"'popover'\"\n    [anchor]=\"anchorEl\"\n    (openChange)=\"open.set($event)\"\n    (closed)=\"onPopoverClosed()\"\n  >\n    <ng-template #lazy>\n      <ng-container [ngTemplateOutlet]=\"panel\" />\n    </ng-template>\n  </ngn-popover>\n} @else {\n  <button\n    #triggerBtn\n    type=\"button\"\n    [ptInt]=\"this\"\n    [ptClass]=\"'trigger'\"\n    aria-haspopup=\"true\"\n    [attr.aria-expanded]=\"popover.open()\"\n    [attr.aria-label]=\"label() || 'Select color'\"\n    (click)=\"toggleOpen()\"\n  >\n    <span [ptInt]=\"this\" [ptClass]=\"'preview'\" [style.background]=\"cssColor()\"></span>\n  </button>\n  <ngn-popover\n    #popover\n    [ptInt]=\"this\"\n    [ptDep]=\"'popover'\"\n    [anchor]=\"triggerBtn\"\n    (openChange)=\"open.set($event)\"\n    (closed)=\"onPopoverClosed()\"\n  >\n    <ng-template #lazy>\n      <ng-container [ngTemplateOutlet]=\"panel\" />\n    </ng-template>\n  </ngn-popover>\n}\n\n<ng-template #panel>\n  <div [ptInt]=\"this\" [ptClass]=\"'panel'\">\n    <div\n      #svArea\n      [ptInt]=\"this\"\n      [ptClass]=\"'sv-area'\"\n      ngnDrag\n      (dragged)=\"onSvDrag($event)\"\n      (click)=\"\n        onSvDrag({ absoluteX: $event.clientX, absoluteY: $event.clientY, deltaX: 0, deltaY: 0 })\n      \"\n    >\n      <span\n        [ptInt]=\"this\"\n        [ptClass]=\"'sv-thumb'\"\n        [style.left.%]=\"svThumbLeft()\"\n        [style.top.%]=\"svThumbTop()\"\n      ></span>\n    </div>\n\n    <div\n      #hueTrack\n      [ptInt]=\"this\"\n      [ptClass]=\"'hue-track'\"\n      ngnDrag\n      (dragged)=\"onHueDrag($event)\"\n      (click)=\"\n        onHueDrag({ absoluteX: $event.clientX, absoluteY: $event.clientY, deltaX: 0, deltaY: 0 })\n      \"\n    >\n      <span [ptInt]=\"this\" [ptClass]=\"'hue-thumb'\" [style.left.%]=\"hueThumbLeft()\"></span>\n    </div>\n\n    @if (alpha()) {\n      <div\n        #alphaTrack\n        [ptInt]=\"this\"\n        [ptClass]=\"'alpha-track'\"\n        [style.background]=\"'linear-gradient(to right, transparent, ' + cssColor() + ')'\"\n        ngnDrag\n        (dragged)=\"onAlphaDrag($event)\"\n        (click)=\"\n          onAlphaDrag({\n            absoluteX: $event.clientX,\n            absoluteY: $event.clientY,\n            deltaX: 0,\n            deltaY: 0,\n          })\n        \"\n      >\n        <span [ptInt]=\"this\" [ptClass]=\"'alpha-thumb'\" [style.left.%]=\"alphaThumbLeft()\"></span>\n      </div>\n    }\n\n    <!-- Chrome-style per-format input boxes with channel labels; the button cycles the format. -->\n    <div [ptInt]=\"this\" [ptClass]=\"'fields'\">\n      <div [ptInt]=\"this\" [ptClass]=\"'channels'\">\n        @switch (activeFormat()) {\n          @case ('hex') {\n            <div [ptInt]=\"this\" [ptClass]=\"{ channel: true, 'channel-hex': true }\">\n              <!-- Color updates live per keystroke (onHexInput); the text is left as typed until\n                   commit (change/Enter/blur), when it normalizes to the canonical form. -->\n              <ngn-input-field>\n                <input\n                  ngnInput\n                  class=\"text-center\"\n                  [value]=\"displayText()\"\n                  [readOnly]=\"readonly()\"\n                  [disabled]=\"disabled()\"\n                  [attr.aria-label]=\"'Hex color'\"\n                  (valueChange)=\"onHexInput($event)\"\n                  (change)=\"onHexCommit($any($event.target).value)\"\n                  (keydown.enter)=\"onHexCommit($any($event.target).value)\"\n                  (blur)=\"onHexCommit($any($event.target).value)\"\n                />\n              </ngn-input-field>\n              <span [ptInt]=\"this\" [ptClass]=\"'channel-label'\">Hex</span>\n            </div>\n          }\n          @case ('rgb') {\n            <div [ptInt]=\"this\" [ptClass]=\"'channel'\">\n              <ngn-input-field>\n                <input\n                  ngnNumberInput\n                  class=\"text-center\"\n                  [min]=\"0\"\n                  [max]=\"255\"\n                  [value]=\"rgbaChannels().r\"\n                  [readOnly]=\"readonly()\"\n                  [disabled]=\"disabled()\"\n                  aria-label=\"Red\"\n                  (valueChange)=\"setRgbChannel('r', $event)\"\n                />\n              </ngn-input-field>\n              <span [ptInt]=\"this\" [ptClass]=\"'channel-label'\">R</span>\n            </div>\n            <div [ptInt]=\"this\" [ptClass]=\"'channel'\">\n              <ngn-input-field>\n                <input\n                  ngnNumberInput\n                  class=\"text-center\"\n                  [min]=\"0\"\n                  [max]=\"255\"\n                  [value]=\"rgbaChannels().g\"\n                  [readOnly]=\"readonly()\"\n                  [disabled]=\"disabled()\"\n                  aria-label=\"Green\"\n                  (valueChange)=\"setRgbChannel('g', $event)\"\n                />\n              </ngn-input-field>\n              <span [ptInt]=\"this\" [ptClass]=\"'channel-label'\">G</span>\n            </div>\n            <div [ptInt]=\"this\" [ptClass]=\"'channel'\">\n              <ngn-input-field>\n                <input\n                  ngnNumberInput\n                  class=\"text-center\"\n                  [min]=\"0\"\n                  [max]=\"255\"\n                  [value]=\"rgbaChannels().b\"\n                  [readOnly]=\"readonly()\"\n                  [disabled]=\"disabled()\"\n                  aria-label=\"Blue\"\n                  (valueChange)=\"setRgbChannel('b', $event)\"\n                />\n              </ngn-input-field>\n              <span [ptInt]=\"this\" [ptClass]=\"'channel-label'\">B</span>\n            </div>\n            @if (alpha()) {\n              <div [ptInt]=\"this\" [ptClass]=\"'channel'\">\n                <ngn-input-field>\n                  <input\n                    ngnNumberInput\n                    class=\"text-center\"\n                    [min]=\"0\"\n                    [max]=\"100\"\n                    [value]=\"alphaPercent()\"\n                    [readOnly]=\"readonly()\"\n                    [disabled]=\"disabled()\"\n                    aria-label=\"Alpha percent\"\n                    (valueChange)=\"setAlphaPercent($event)\"\n                  />\n                </ngn-input-field>\n                <span [ptInt]=\"this\" [ptClass]=\"'channel-label'\">A</span>\n              </div>\n            }\n          }\n          @case ('hsl') {\n            <div [ptInt]=\"this\" [ptClass]=\"'channel'\">\n              <ngn-input-field>\n                <input\n                  ngnNumberInput\n                  class=\"text-center\"\n                  [min]=\"0\"\n                  [max]=\"360\"\n                  [value]=\"hslChannels().h\"\n                  [readOnly]=\"readonly()\"\n                  [disabled]=\"disabled()\"\n                  aria-label=\"Hue\"\n                  (valueChange)=\"setHslChannel('h', $event)\"\n                />\n              </ngn-input-field>\n              <span [ptInt]=\"this\" [ptClass]=\"'channel-label'\">H</span>\n            </div>\n            <div [ptInt]=\"this\" [ptClass]=\"'channel'\">\n              <ngn-input-field>\n                <input\n                  ngnNumberInput\n                  class=\"text-center\"\n                  [min]=\"0\"\n                  [max]=\"100\"\n                  [value]=\"hslChannels().s\"\n                  [readOnly]=\"readonly()\"\n                  [disabled]=\"disabled()\"\n                  aria-label=\"Saturation percent\"\n                  (valueChange)=\"setHslChannel('s', $event)\"\n                />\n              </ngn-input-field>\n              <span [ptInt]=\"this\" [ptClass]=\"'channel-label'\">S</span>\n            </div>\n            <div [ptInt]=\"this\" [ptClass]=\"'channel'\">\n              <ngn-input-field>\n                <input\n                  ngnNumberInput\n                  class=\"text-center\"\n                  [min]=\"0\"\n                  [max]=\"100\"\n                  [value]=\"hslChannels().l\"\n                  [readOnly]=\"readonly()\"\n                  [disabled]=\"disabled()\"\n                  aria-label=\"Lightness percent\"\n                  (valueChange)=\"setHslChannel('l', $event)\"\n                />\n              </ngn-input-field>\n              <span [ptInt]=\"this\" [ptClass]=\"'channel-label'\">L</span>\n            </div>\n            @if (alpha()) {\n              <div [ptInt]=\"this\" [ptClass]=\"'channel'\">\n                <ngn-input-field>\n                  <input\n                    ngnNumberInput\n                    class=\"text-center\"\n                    [min]=\"0\"\n                    [max]=\"100\"\n                    [value]=\"alphaPercent()\"\n                    [readOnly]=\"readonly()\"\n                    [disabled]=\"disabled()\"\n                    aria-label=\"Alpha percent\"\n                    (valueChange)=\"setAlphaPercent($event)\"\n                  />\n                </ngn-input-field>\n                <span [ptInt]=\"this\" [ptClass]=\"'channel-label'\">A</span>\n              </div>\n            }\n          }\n        }\n      </div>\n      <button\n        ngnButton\n        kind=\"secondary\"\n        type=\"button\"\n        [ptInt]=\"this\"\n        [ptClass]=\"'format-toggle'\"\n        [disabled]=\"disabled()\"\n        aria-label=\"Color format\"\n        (click)=\"cycleFormat()\"\n      >\n        {{ activeFormat() }}\n      </button>\n    </div>\n\n    @if (swatches(); as sw) {\n      <div [ptInt]=\"this\" [ptClass]=\"'swatches'\">\n        @for (color of sw; track color) {\n          <button\n            type=\"button\"\n            [ptInt]=\"this\"\n            [ptClass]=\"'swatch'\"\n            [style.background]=\"color\"\n            (click)=\"selectSwatch(color)\"\n          ></button>\n        }\n      </div>\n    }\n  </div>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngneers-controls-default-icons.mjs

@@ -17,6 +17,8 @@ import tablerRefresh from '@iconify/icons-tabler/refresh';
 import tablerSearch from '@iconify/icons-tabler/search';
 import tablerSortAscending from '@iconify/icons-tabler/sort-ascending';
 import tablerSortDescending from '@iconify/icons-tabler/sort-descending';
+import tablerStar from '@iconify/icons-tabler/star';
+import tablerStarFilled from '@iconify/icons-tabler/star-filled';
 import tablerUpload from '@iconify/icons-tabler/upload';
 import tablerX from '@iconify/icons-tabler/x';
 import { NGN_ICON_REGISTRY, NGN_CUSTOM_ICONS } from '@ngneers/controls/icon';
@@ -47,12 +49,15 @@ const NGN_DEFAULT_ICON_REGISTRY = {
     'menu-submenu': { icon: tablerChevronRight, scale: 1.71 },
     'paginator-previous': { icon: tablerChevronLeft, scale: 1.71 },
     'paginator-next': { icon: tablerChevronRight, scale: 1.71 },
+    'rating-full': { icon: tablerStarFilled, scale: 1.14 },
+    'rating-empty': { icon: tablerStar, scale: 1.14 },
     search: { icon: tablerSearch, scale: 1.2 },
     'sort-neutral': { icon: tablerArrowsSort, scale: 1.2 },
     'sort-ascending': { icon: tablerSortAscending, scale: 1.26 },
     'sort-descending': { icon: tablerSortDescending, scale: 1.26 },
     'spin-decrement': { icon: tablerChevronDown, scale: 1.71 },
     'spin-increment': { icon: tablerChevronUp, scale: 1.71 },
+    'stepper-completed': { icon: tablerCheck, scale: 1.41 },
     'table-group-toggle': { icon: tablerChevronRight, scale: 1.71 },
     'tabs-scroll-left': { icon: tablerChevronLeft, scale: 1.71 },
     'tabs-scroll-right': { icon: tablerChevronRight, scale: 1.71 },

package/fesm2022/ngneers-controls-default-icons.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngneers-controls-default-icons.mjs","sources":["../../src/default-icons/provider.ts","../../src/default-icons/ngneers-controls-default-icons.ts"],"sourcesContent":["import tablerAlertCircle from '@iconify/icons-tabler/alert-circle';\nimport tablerAlertTriangle from '@iconify/icons-tabler/alert-triangle';\nimport tablerArrowsSort from '@iconify/icons-tabler/arrows-sort';\nimport tablerCalendar from '@iconify/icons-tabler/calendar';\nimport tablerCheck from '@iconify/icons-tabler/check';\nimport tablerChevronDown from '@iconify/icons-tabler/chevron-down';\nimport tablerChevronLeft from '@iconify/icons-tabler/chevron-left';\nimport tablerChevronRight from '@iconify/icons-tabler/chevron-right';\nimport tablerChevronUp from '@iconify/icons-tabler/chevron-up';\nimport tablerCircleCheck from '@iconify/icons-tabler/circle-check';\nimport tablerDots from '@iconify/icons-tabler/dots';\nimport tablerFilter from '@iconify/icons-tabler/filter';\nimport tablerFilterFilled from '@iconify/icons-tabler/filter-filled';\nimport tablerInfoCircle from '@iconify/icons-tabler/info-circle';\nimport tablerMinus from '@iconify/icons-tabler/minus';\nimport tablerRefresh from '@iconify/icons-tabler/refresh';\nimport tablerSearch from '@iconify/icons-tabler/search';\nimport tablerSortAscending from '@iconify/icons-tabler/sort-ascending';\nimport tablerSortDescending from '@iconify/icons-tabler/sort-descending';\nimport tablerUpload from '@iconify/icons-tabler/upload';\nimport tablerX from '@iconify/icons-tabler/x';\n\nimport { NGN_CUSTOM_ICONS, NGN_ICON_REGISTRY, type NgnIconRegistry } from '@ngneers/controls/icon';\n\nimport type { NgnFeature } from '@ngneers/controls/api/ng';\n\nconst NGN_DEFAULT_ICON_REGISTRY: NgnIconRegistry = {\n  'accordion-collapse': { icon: tablerChevronUp, scale: 1.71 },\n  'accordion-expand': { icon: tablerChevronDown, scale: 1.71 },\n  'breadcrumb-separator': { icon: tablerChevronRight, scale: 1.71 },\n  'breadcrumb-overflow': { icon: tablerDots, scale: 1.33 },\n  'calendar-trigger': { icon: tablerCalendar, scale: 1.14 },\n  'calendar-previous-month': { icon: tablerChevronLeft, scale: 1.71 },\n  'calendar-next-month': { icon: tablerChevronRight, scale: 1.71 },\n  'checkbox-checked': { icon: tablerCheck, scale: 1.41 },\n  'checkbox-indeterminate': { icon: tablerMinus, scale: 1.5 },\n  'chip-remove': { icon: tablerX, scale: 1.71 },\n  'dialog-close': { icon: tablerX, scale: 1.71 },\n  'drawer-close': { icon: tablerX, scale: 1.71 },\n  'dropdown-toggle': { icon: tablerChevronDown, scale: 1.71 },\n  'edit-confirm': { icon: tablerCheck, scale: 1.41 },\n  'filter-active': { icon: tablerFilterFilled, scale: 1 },\n  'filter-inactive': { icon: tablerFilter, scale: 1.12 },\n  'filter-remove': { icon: tablerX, scale: 1.71 },\n  'hint-info': { icon: tablerInfoCircle, scale: 1.14 },\n  'hint-success': { icon: tablerCircleCheck, scale: 1.14 },\n  'hint-warning': { icon: tablerAlertTriangle, scale: 1.14 },\n  'hint-error': { icon: tablerAlertCircle, scale: 1.14 },\n  'input-clear': { icon: tablerX, scale: 1.71 },\n  'menu-submenu': { icon: tablerChevronRight, scale: 1.71 },\n  'paginator-previous': { icon: tablerChevronLeft, scale: 1.71 },\n  'paginator-next': { icon: tablerChevronRight, scale: 1.71 },\n  search: { icon: tablerSearch, scale: 1.2 },\n  'sort-neutral': { icon: tablerArrowsSort, scale: 1.2 },\n  'sort-ascending': { icon: tablerSortAscending, scale: 1.26 },\n  'sort-descending': { icon: tablerSortDescending, scale: 1.26 },\n  'spin-decrement': { icon: tablerChevronDown, scale: 1.71 },\n  'spin-increment': { icon: tablerChevronUp, scale: 1.71 },\n  'table-group-toggle': { icon: tablerChevronRight, scale: 1.71 },\n  'tabs-scroll-left': { icon: tablerChevronLeft, scale: 1.71 },\n  'tabs-scroll-right': { icon: tablerChevronRight, scale: 1.71 },\n  'toast-close': { icon: tablerX, scale: 1.71 },\n  'snackbar-close': { icon: tablerX, scale: 1.71 },\n  'upload-trigger': { icon: tablerUpload, scale: 1.14 },\n  'upload-done': { icon: tablerCircleCheck, scale: 1.14 },\n  'upload-failed': { icon: tablerAlertCircle, scale: 1.14 },\n  'upload-retry': { icon: tablerRefresh, scale: 1.33 },\n  'upload-cancel': { icon: tablerX, scale: 1.71 },\n  'upload-remove': { icon: tablerX, scale: 1.71 },\n};\n\nexport function withDefaultIcons(): NgnFeature {\n  return {\n    providers: [\n      { provide: NGN_ICON_REGISTRY, useValue: NGN_DEFAULT_ICON_REGISTRY },\n      { provide: NGN_CUSTOM_ICONS, useValue: false },\n    ],\n  };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngneers-controls-default-icons.mjs","sources":["../../src/default-icons/provider.ts","../../src/default-icons/ngneers-controls-default-icons.ts"],"sourcesContent":["import tablerAlertCircle from '@iconify/icons-tabler/alert-circle';\nimport tablerAlertTriangle from '@iconify/icons-tabler/alert-triangle';\nimport tablerArrowsSort from '@iconify/icons-tabler/arrows-sort';\nimport tablerCalendar from '@iconify/icons-tabler/calendar';\nimport tablerCheck from '@iconify/icons-tabler/check';\nimport tablerChevronDown from '@iconify/icons-tabler/chevron-down';\nimport tablerChevronLeft from '@iconify/icons-tabler/chevron-left';\nimport tablerChevronRight from '@iconify/icons-tabler/chevron-right';\nimport tablerChevronUp from '@iconify/icons-tabler/chevron-up';\nimport tablerCircleCheck from '@iconify/icons-tabler/circle-check';\nimport tablerDots from '@iconify/icons-tabler/dots';\nimport tablerFilter from '@iconify/icons-tabler/filter';\nimport tablerFilterFilled from '@iconify/icons-tabler/filter-filled';\nimport tablerInfoCircle from '@iconify/icons-tabler/info-circle';\nimport tablerMinus from '@iconify/icons-tabler/minus';\nimport tablerRefresh from '@iconify/icons-tabler/refresh';\nimport tablerSearch from '@iconify/icons-tabler/search';\nimport tablerSortAscending from '@iconify/icons-tabler/sort-ascending';\nimport tablerSortDescending from '@iconify/icons-tabler/sort-descending';\nimport tablerStar from '@iconify/icons-tabler/star';\nimport tablerStarFilled from '@iconify/icons-tabler/star-filled';\nimport tablerUpload from '@iconify/icons-tabler/upload';\nimport tablerX from '@iconify/icons-tabler/x';\n\nimport { NGN_CUSTOM_ICONS, NGN_ICON_REGISTRY, type NgnIconRegistry } from '@ngneers/controls/icon';\n\nimport type { NgnFeature } from '@ngneers/controls/api/ng';\n\nconst NGN_DEFAULT_ICON_REGISTRY: NgnIconRegistry = {\n  'accordion-collapse': { icon: tablerChevronUp, scale: 1.71 },\n  'accordion-expand': { icon: tablerChevronDown, scale: 1.71 },\n  'breadcrumb-separator': { icon: tablerChevronRight, scale: 1.71 },\n  'breadcrumb-overflow': { icon: tablerDots, scale: 1.33 },\n  'calendar-trigger': { icon: tablerCalendar, scale: 1.14 },\n  'calendar-previous-month': { icon: tablerChevronLeft, scale: 1.71 },\n  'calendar-next-month': { icon: tablerChevronRight, scale: 1.71 },\n  'checkbox-checked': { icon: tablerCheck, scale: 1.41 },\n  'checkbox-indeterminate': { icon: tablerMinus, scale: 1.5 },\n  'chip-remove': { icon: tablerX, scale: 1.71 },\n  'dialog-close': { icon: tablerX, scale: 1.71 },\n  'drawer-close': { icon: tablerX, scale: 1.71 },\n  'dropdown-toggle': { icon: tablerChevronDown, scale: 1.71 },\n  'edit-confirm': { icon: tablerCheck, scale: 1.41 },\n  'filter-active': { icon: tablerFilterFilled, scale: 1 },\n  'filter-inactive': { icon: tablerFilter, scale: 1.12 },\n  'filter-remove': { icon: tablerX, scale: 1.71 },\n  'hint-info': { icon: tablerInfoCircle, scale: 1.14 },\n  'hint-success': { icon: tablerCircleCheck, scale: 1.14 },\n  'hint-warning': { icon: tablerAlertTriangle, scale: 1.14 },\n  'hint-error': { icon: tablerAlertCircle, scale: 1.14 },\n  'input-clear': { icon: tablerX, scale: 1.71 },\n  'menu-submenu': { icon: tablerChevronRight, scale: 1.71 },\n  'paginator-previous': { icon: tablerChevronLeft, scale: 1.71 },\n  'paginator-next': { icon: tablerChevronRight, scale: 1.71 },\n  'rating-full': { icon: tablerStarFilled, scale: 1.14 },\n  'rating-empty': { icon: tablerStar, scale: 1.14 },\n  search: { icon: tablerSearch, scale: 1.2 },\n  'sort-neutral': { icon: tablerArrowsSort, scale: 1.2 },\n  'sort-ascending': { icon: tablerSortAscending, scale: 1.26 },\n  'sort-descending': { icon: tablerSortDescending, scale: 1.26 },\n  'spin-decrement': { icon: tablerChevronDown, scale: 1.71 },\n  'spin-increment': { icon: tablerChevronUp, scale: 1.71 },\n  'stepper-completed': { icon: tablerCheck, scale: 1.41 },\n  'table-group-toggle': { icon: tablerChevronRight, scale: 1.71 },\n  'tabs-scroll-left': { icon: tablerChevronLeft, scale: 1.71 },\n  'tabs-scroll-right': { icon: tablerChevronRight, scale: 1.71 },\n  'toast-close': { icon: tablerX, scale: 1.71 },\n  'snackbar-close': { icon: tablerX, scale: 1.71 },\n  'upload-trigger': { icon: tablerUpload, scale: 1.14 },\n  'upload-done': { icon: tablerCircleCheck, scale: 1.14 },\n  'upload-failed': { icon: tablerAlertCircle, scale: 1.14 },\n  'upload-retry': { icon: tablerRefresh, scale: 1.33 },\n  'upload-cancel': { icon: tablerX, scale: 1.71 },\n  'upload-remove': { icon: tablerX, scale: 1.71 },\n};\n\nexport function withDefaultIcons(): NgnFeature {\n  return {\n    providers: [\n      { provide: NGN_ICON_REGISTRY, useValue: NGN_DEFAULT_ICON_REGISTRY },\n      { provide: NGN_CUSTOM_ICONS, useValue: false },\n    ],\n  };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}