@kurot/ui 1.1.7

package/dist/kurot/components/RadioButton.js

@@ -0,0 +1,246 @@
+import { EventDispatcher, Event } from '@kurot/core';
+import { ToggleButton } from './ToggleButton.js';
+import { PropertyEvent } from '../events/PropertyEvent.js';
+/**
+ * Manages a group of mutually exclusive RadioButtons.
+ * Only one radio button in a group can be selected at a time.
+ *
+ * Dispatches `Event.CHANGE` on interactive selection (via `buttonReleased`),
+ * and `PropertyEvent` for `selectedValue` on every selection change.
+ */
+export class RadioButtonGroup extends EventDispatcher {
+    // ── Instance fields ───────────────────────────────────────────────────
+    _radioButtons = [];
+    _selectedValue;
+    _selection;
+    _name;
+    _enabled = true;
+    // ── Constructor ───────────────────────────────────────────────────────
+    constructor(name = '') {
+        super();
+        this._name = name;
+    }
+    // ── Getters / Setters ─────────────────────────────────────────────────
+    get name() {
+        return this._name;
+    }
+    get numRadioButtons() {
+        return this._radioButtons.length;
+    }
+    /**
+     * Whether the group (and therefore all its members) is enabled.
+     * Toggling invalidates every member's state so skins re-render.
+     */
+    get enabled() {
+        return this._enabled;
+    }
+    set enabled(value) {
+        value = !!value;
+        if (this._enabled === value)
+            return;
+        this._enabled = value;
+        for (const rb of this._radioButtons) {
+            rb.invalidateState();
+        }
+    }
+    /**
+     * The value of the selected radio. Falls back to the radio's `label`
+     * when `value` is empty.
+     */
+    get selectedValue() {
+        if (this._selection) {
+            return this._selection.value !== '' ? this._selection.value : this._selection.label;
+        }
+        return this._selectedValue;
+    }
+    set selectedValue(value) {
+        this._selectedValue = value;
+        if (value === undefined) {
+            this.$setSelection(undefined, false);
+            return;
+        }
+        for (const rb of this._radioButtons) {
+            if (rb.value === value || rb.label === value) {
+                this.$setSelection(rb, false);
+                this._selectedValue = undefined;
+                PropertyEvent.dispatchPropertyEvent(this, 'selectedValue');
+                break;
+            }
+        }
+    }
+    get selection() {
+        return this._selection;
+    }
+    set selection(value) {
+        if (this._selection === value)
+            return;
+        this.$setSelection(value, false);
+    }
+    // ── Public methods ────────────────────────────────────────────────────
+    addInstance(radioButton) {
+        if (this._radioButtons.indexOf(radioButton) !== -1)
+            return;
+        this._radioButtons.push(radioButton);
+        // Adopt an already-selected radio as the group's selection.
+        if (radioButton.selected) {
+            this.$setSelection(radioButton, false);
+        }
+        else if (this._selectedValue !== undefined) {
+            // A selectedValue was set before this radio joined — re-apply.
+            this.selectedValue = this._selectedValue;
+        }
+    }
+    removeInstance(radioButton) {
+        const idx = this._radioButtons.indexOf(radioButton);
+        if (idx === -1)
+            return;
+        this._radioButtons.splice(idx, 1);
+        if (this._selection === radioButton) {
+            this._selection = undefined;
+        }
+    }
+    /**
+     * The single source of truth for changing the selection.
+     *
+     * @param value     The radio to select, or `undefined` to clear.
+     * @param fireChange If `true`, dispatches `Event.CHANGE` — use `true` for
+     *                   interactive changes (tap), `false` for programmatic ones.
+     */
+    $setSelection(value, fireChange) {
+        if (this._selection === value)
+            return false;
+        if (value === undefined) {
+            if (this._selection) {
+                this._selection.$setSelected(false);
+                this._selection = undefined;
+                if (fireChange)
+                    this.dispatchEventWith(Event.CHANGE);
+            }
+        }
+        else {
+            if (this._selection)
+                this._selection.$setSelected(false);
+            this._selection = value;
+            this._selection.$setSelected(true);
+            if (fireChange)
+                this.dispatchEventWith(Event.CHANGE);
+        }
+        PropertyEvent.dispatchPropertyEvent(this, 'selectedValue');
+        return true;
+    }
+}
+// ── Global registry for named groups ─────────────────────────────────────
+const _groups = {};
+function getGroup(name) {
+    if (!_groups[name]) {
+        _groups[name] = new RadioButtonGroup(name);
+    }
+    return _groups[name];
+}
+// ── RadioButton Component ────────────────────────────────────────────────
+/**
+ * RadioButton — a toggle button belonging to a mutually exclusive group.
+ * Only one radio per group can be selected at a time.
+ *
+ * Defaults to `groupName = "radioGroup"` so that radios with no explicit
+ * group still get mutual exclusion.
+ *
+ * States: same as Button (`up`, `down`, `disabled`, `upAndSelected`, `downAndSelected`, `disabledAndSelected`).
+ */
+export class RadioButton extends ToggleButton {
+    // ── Instance fields ───────────────────────────────────────────────────
+    _groupName = '';
+    _group;
+    _value = '';
+    // ── Constructor ───────────────────────────────────────────────────────
+    constructor() {
+        super();
+        this.groupName = 'radioGroup';
+    }
+    // ── Getters / Setters ─────────────────────────────────────────────────
+    /** Enabled only if both the radio itself and its group are enabled. */
+    get enabled() {
+        if (!super.enabled)
+            return false;
+        return !this._group || this._group.enabled;
+    }
+    set enabled(value) {
+        super.enabled = value;
+    }
+    get group() {
+        return this._group;
+    }
+    set group(value) {
+        if (this._group === value)
+            return;
+        this._group?.removeInstance(this);
+        this._group = value;
+        this._group?.addInstance(this);
+    }
+    get groupName() {
+        return this._groupName;
+    }
+    set groupName(value) {
+        if (this._groupName === value)
+            return;
+        this._groupName = value;
+        this.group = value ? getGroup(value) : undefined;
+    }
+    get value() {
+        return this._value;
+    }
+    set value(val) {
+        if (this._value === val)
+            return;
+        this._value = val;
+        // If this radio is the current selection, notify the group so
+        // selectedValue bindings update.
+        if (this.selected && this._group) {
+            PropertyEvent.dispatchPropertyEvent(this._group, 'selectedValue');
+        }
+    }
+    get selected() {
+        return super.selected;
+    }
+    /**
+     * Keeps the group's selection in sync. Programmatic changes use
+     * `fireChange=false` (no `Event.CHANGE`); interactive changes go through
+     * `buttonReleased`, which dispatches `CHANGE` separately.
+     */
+    set selected(value) {
+        if (this.selected === value)
+            return;
+        super.selected = value;
+        if (!this._group)
+            return;
+        if (value) {
+            this._group.$setSelection(this, false);
+        }
+        else if (this._group.selection === this) {
+            this._group.$setSelection(undefined, false);
+        }
+    }
+    /**
+     * @internal Sets `selected` without triggering group sync.
+     * Used by `RadioButtonGroup.$setSelection` to avoid recursion.
+     */
+    $setSelected(value) {
+        super.selected = value;
+    }
+    /**
+     * Interactive tap: toggle `selected` (syncs the group with no Change via
+     * the setter), then dispatch `Event.CHANGE` on the group — reserved for
+     * interaction, not programmatic selection.
+     */
+    buttonReleased() {
+        if (!this.enabled || this.selected)
+            return;
+        if (!this._group) {
+            super.buttonReleased();
+            return;
+        }
+        super.buttonReleased();
+        this._group.dispatchEventWith(Event.CHANGE);
+    }
+}
+//# sourceMappingURL=RadioButton.js.map

package/dist/kurot/components/RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../src/kurot/components/RadioButton.ts"],"names":[],"mappings":"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"}

package/dist/kurot/components/Range.d.ts

@@ -0,0 +1,41 @@
+import { Component } from './Component.js';
+/**
+ * Range holds a numeric value constrained between `minimum` and `maximum`.
+ * Optionally snaps to multiples of `snapInterval`.
+ *
+ * Base class for future Slider / ScrollBar-with-value components.
+ */
+export declare class Range extends Component {
+    private _maximum;
+    private _maxChanged;
+    private _minimum;
+    private _minChanged;
+    private _value;
+    private _changedValue;
+    private _valueChanged;
+    private _snapInterval;
+    private _snapIntervalChanged;
+    private _explicitSnapInterval;
+    get maximum(): number;
+    set maximum(value: number);
+    get minimum(): number;
+    set minimum(value: number);
+    get value(): number;
+    set value(newValue: number);
+    get snapInterval(): number;
+    set snapInterval(value: number);
+    commitProperties(): void;
+    updateDisplayList(w: number, h: number): void;
+    protected setValuePending(newValue: number): boolean;
+    /**
+     * Returns the closest valid value to `value` that is between minimum and maximum
+     * and snaps to multiples of `interval`.
+     */
+    protected nearestValidValue(value: number, interval: number): number;
+    protected setValue(value: number): void;
+    /**
+     * Override to update skin parts based on minimum, maximum, and value.
+     */
+    protected updateSkinDisplayList(): void;
+}
+//# sourceMappingURL=Range.d.ts.map

package/dist/kurot/components/Range.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Range.d.ts","sourceRoot":"","sources":["../../../src/kurot/components/Range.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAG3C;;;;;GAKG;AACH,qBAAa,KAAM,SAAQ,SAAS;IAGnC,OAAO,CAAC,QAAQ,CAAO;IACvB,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,QAAQ,CAAK;IACrB,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,MAAM,CAAK;IACnB,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,oBAAoB,CAAS;IACrC,OAAO,CAAC,qBAAqB,CAAS;IAItC,IAAW,OAAO,IAAI,MAAM,CAE3B;IAED,IAAW,OAAO,CAAC,KAAK,EAAE,MAAM,EAO/B;IAED,IAAW,OAAO,IAAI,MAAM,CAE3B;IAED,IAAW,OAAO,CAAC,KAAK,EAAE,MAAM,EAO/B;IAED,IAAW,KAAK,IAAI,MAAM,CAEzB;IAED,IAAW,KAAK,CAAC,QAAQ,EAAE,MAAM,EAGhC;IAED,IAAW,YAAY,IAAI,MAAM,CAEhC;IAED,IAAW,YAAY,CAAC,KAAK,EAAE,MAAM,EAYpC;IAIe,gBAAgB,IAAI,IAAI;IAqBxB,iBAAiB,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI;IAO7D,SAAS,CAAC,eAAe,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO;IAQpD;;;OAGG;IACH,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM;IAuBpE,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAYvC;;OAEG;IACH,SAAS,CAAC,qBAAqB,IAAI,IAAI;CACvC"}

package/dist/kurot/components/Range.js

@@ -0,0 +1,144 @@
+import { Component } from './Component.js';
+import { PropertyEvent } from '../events/PropertyEvent.js';
+/**
+ * Range holds a numeric value constrained between `minimum` and `maximum`.
+ * Optionally snaps to multiples of `snapInterval`.
+ *
+ * Base class for future Slider / ScrollBar-with-value components.
+ */
+export class Range extends Component {
+    // ── Instance fields ───────────────────────────────────────────────────
+    _maximum = 100;
+    _maxChanged = false;
+    _minimum = 0;
+    _minChanged = false;
+    _value = 0;
+    _changedValue = 0;
+    _valueChanged = false;
+    _snapInterval = 1;
+    _snapIntervalChanged = false;
+    _explicitSnapInterval = false;
+    // ── Getters / Setters ─────────────────────────────────────────────────
+    get maximum() {
+        return this._maximum;
+    }
+    set maximum(value) {
+        value = +value || 0;
+        if (this._maximum === value)
+            return;
+        this._maximum = value;
+        this._maxChanged = true;
+        this.invalidateProperties();
+        this.invalidateDisplayList();
+    }
+    get minimum() {
+        return this._minimum;
+    }
+    set minimum(value) {
+        value = +value || 0;
+        if (this._minimum === value)
+            return;
+        this._minimum = value;
+        this._minChanged = true;
+        this.invalidateProperties();
+        this.invalidateDisplayList();
+    }
+    get value() {
+        return this._valueChanged ? this._changedValue : this._value;
+    }
+    set value(newValue) {
+        newValue = +newValue || 0;
+        this.setValuePending(newValue);
+    }
+    get snapInterval() {
+        return this._snapInterval;
+    }
+    set snapInterval(value) {
+        this._explicitSnapInterval = true;
+        value = +value || 0;
+        if (value === this._snapInterval)
+            return;
+        if (isNaN(value)) {
+            this._snapInterval = 1;
+            this._explicitSnapInterval = false;
+        }
+        else {
+            this._snapInterval = value;
+        }
+        this._snapIntervalChanged = true;
+        this.invalidateProperties();
+    }
+    // ── Override methods ──────────────────────────────────────────────────
+    commitProperties() {
+        super.commitProperties();
+        if (this._minimum > this._maximum) {
+            if (!this._maxChanged) {
+                this._minimum = this._maximum;
+            }
+            else {
+                this._maximum = this._minimum;
+            }
+        }
+        if (this._valueChanged || this._maxChanged || this._minChanged || this._snapIntervalChanged) {
+            const currentValue = this._valueChanged ? this._changedValue : this._value;
+            this._valueChanged = false;
+            this._maxChanged = false;
+            this._minChanged = false;
+            this._snapIntervalChanged = false;
+            this.setValue(this.nearestValidValue(currentValue, this._snapInterval));
+        }
+    }
+    updateDisplayList(w, h) {
+        super.updateDisplayList(w, h);
+        this.updateSkinDisplayList();
+    }
+    // ── Protected methods ─────────────────────────────────────────────────
+    setValuePending(newValue) {
+        if (newValue === this.value)
+            return false;
+        this._changedValue = newValue;
+        this._valueChanged = true;
+        this.invalidateProperties();
+        return true;
+    }
+    /**
+     * Returns the closest valid value to `value` that is between minimum and maximum
+     * and snaps to multiples of `interval`.
+     */
+    nearestValidValue(value, interval) {
+        if (interval === 0) {
+            return Math.max(this._minimum, Math.min(this._maximum, value));
+        }
+        const maxValue = this._maximum - this._minimum;
+        let scale = 1;
+        value -= this._minimum;
+        if (interval !== Math.round(interval)) {
+            const parts = (1 + interval).toString().split('.');
+            scale = Math.pow(10, parts[1].length);
+            value = Math.round(value * scale);
+            interval = Math.round(interval * scale);
+        }
+        const lower = Math.max(0, Math.floor(value / interval) * interval);
+        const upper = Math.min(maxValue * scale, Math.floor((value + interval) / interval) * interval);
+        const validValue = value - lower >= (upper - lower) / 2 ? upper : lower;
+        return validValue / scale + this._minimum;
+    }
+    setValue(value) {
+        if (this._value === value)
+            return;
+        if (this._maximum > this._minimum) {
+            this._value = Math.min(this._maximum, Math.max(this._minimum, value));
+        }
+        else {
+            this._value = value;
+        }
+        this._valueChanged = false;
+        this.invalidateDisplayList();
+        PropertyEvent.dispatchPropertyEvent(this, 'value');
+    }
+    /**
+     * Override to update skin parts based on minimum, maximum, and value.
+     */
+    updateSkinDisplayList() { }
+}
+//# sourceMappingURL=Range.js.map

package/dist/kurot/components/Range.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Range.js","sourceRoot":"","sources":["../../../src/kurot/components/Range.ts"],"names":[],"mappings":"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"}

package/dist/kurot/components/Rect.d.ts

@@ -0,0 +1,33 @@
+import { Component } from './Component.js';
+/**
+ * A rectangular shape component with fill and stroke support.
+ * Extends Component and uses the inherited Graphics to draw a filled/stroked rectangle.
+ *
+ * States: none (non-interactive visual element).
+ */
+export declare class Rect extends Component {
+    private _fillColor;
+    private _fillAlpha;
+    private _strokeColor;
+    private _strokeAlpha;
+    private _strokeWeight;
+    private _ellipseWidth;
+    private _ellipseHeight;
+    constructor(width?: number, height?: number, fillColor?: number);
+    get fillColor(): number;
+    set fillColor(value: number);
+    get fillAlpha(): number;
+    set fillAlpha(value: number);
+    get strokeColor(): number;
+    set strokeColor(value: number);
+    get strokeAlpha(): number;
+    set strokeAlpha(value: number);
+    get strokeWeight(): number;
+    set strokeWeight(value: number);
+    get ellipseWidth(): number;
+    set ellipseWidth(value: number);
+    get ellipseHeight(): number;
+    set ellipseHeight(value: number);
+    updateDisplayList(unscaledWidth: number, unscaledHeight: number): void;
+}
+//# sourceMappingURL=Rect.d.ts.map

package/dist/kurot/components/Rect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rect.d.ts","sourceRoot":"","sources":["../../../src/kurot/components/Rect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C;;;;;GAKG;AACH,qBAAa,IAAK,SAAQ,SAAS;IAGlC,OAAO,CAAC,UAAU,CAAY;IAC9B,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,YAAY,CAAY;IAChC,OAAO,CAAC,YAAY,CAAK;IACzB,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,cAAc,CAAK;gBAIR,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,MAAM;IAUtE,IAAW,SAAS,IAAI,MAAM,CAE7B;IAED,IAAW,SAAS,CAAC,KAAK,EAAE,MAAM,EAIjC;IAED,IAAW,SAAS,IAAI,MAAM,CAE7B;IAED,IAAW,SAAS,CAAC,KAAK,EAAE,MAAM,EAIjC;IAED,IAAW,WAAW,IAAI,MAAM,CAE/B;IAED,IAAW,WAAW,CAAC,KAAK,EAAE,MAAM,EAInC;IAED,IAAW,WAAW,IAAI,MAAM,CAE/B;IAED,IAAW,WAAW,CAAC,KAAK,EAAE,MAAM,EAInC;IAED,IAAW,YAAY,IAAI,MAAM,CAEhC;IAED,IAAW,YAAY,CAAC,KAAK,EAAE,MAAM,EAIpC;IAED,IAAW,YAAY,IAAI,MAAM,CAEhC;IAED,IAAW,YAAY,CAAC,KAAK,EAAE,MAAM,EAIpC;IAED,IAAW,aAAa,IAAI,MAAM,CAEjC;IAED,IAAW,aAAa,CAAC,KAAK,EAAE,MAAM,EAIrC;IAIe,iBAAiB,CAAC,aAAa,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,GAAG,IAAI;CAiCtF"}

package/dist/kurot/components/Rect.js

@@ -0,0 +1,125 @@
+import { Component } from './Component.js';
+/**
+ * A rectangular shape component with fill and stroke support.
+ * Extends Component and uses the inherited Graphics to draw a filled/stroked rectangle.
+ *
+ * States: none (non-interactive visual element).
+ */
+export class Rect extends Component {
+    // ── Instance fields ───────────────────────────────────────────────────
+    _fillColor = 0x000000;
+    _fillAlpha = 1;
+    _strokeColor = 0x444444;
+    _strokeAlpha = 1;
+    _strokeWeight = 0;
+    _ellipseWidth = 0;
+    _ellipseHeight = 0;
+    // ── Constructor ───────────────────────────────────────────────────────
+    constructor(width, height, fillColor) {
+        super();
+        this.touchChildren = false;
+        if (width !== undefined)
+            this.width = width;
+        if (height !== undefined)
+            this.height = height;
+        if (fillColor !== undefined)
+            this.fillColor = fillColor;
+    }
+    // ── Getters / Setters ─────────────────────────────────────────────────
+    get fillColor() {
+        return this._fillColor;
+    }
+    set fillColor(value) {
+        if (value === undefined || this._fillColor === value)
+            return;
+        this._fillColor = value;
+        this.invalidateDisplayList();
+    }
+    get fillAlpha() {
+        return this._fillAlpha;
+    }
+    set fillAlpha(value) {
+        if (this._fillAlpha === value)
+            return;
+        this._fillAlpha = value;
+        this.invalidateDisplayList();
+    }
+    get strokeColor() {
+        return this._strokeColor;
+    }
+    set strokeColor(value) {
+        if (this._strokeColor === value)
+            return;
+        this._strokeColor = value;
+        this.invalidateDisplayList();
+    }
+    get strokeAlpha() {
+        return this._strokeAlpha;
+    }
+    set strokeAlpha(value) {
+        if (this._strokeAlpha === value)
+            return;
+        this._strokeAlpha = value;
+        this.invalidateDisplayList();
+    }
+    get strokeWeight() {
+        return this._strokeWeight;
+    }
+    set strokeWeight(value) {
+        if (this._strokeWeight === value)
+            return;
+        this._strokeWeight = value;
+        this.invalidateDisplayList();
+    }
+    get ellipseWidth() {
+        return this._ellipseWidth;
+    }
+    set ellipseWidth(value) {
+        if (this._ellipseWidth === value)
+            return;
+        this._ellipseWidth = value;
+        this.invalidateDisplayList();
+    }
+    get ellipseHeight() {
+        return this._ellipseHeight;
+    }
+    set ellipseHeight(value) {
+        if (this._ellipseHeight === value)
+            return;
+        this._ellipseHeight = value;
+        this.invalidateDisplayList();
+    }
+    // ── Override methods ──────────────────────────────────────────────────
+    updateDisplayList(unscaledWidth, unscaledHeight) {
+        super.updateDisplayList(unscaledWidth, unscaledHeight);
+        const g = this.graphics;
+        g.clear();
+        if (unscaledWidth <= 0 || unscaledHeight <= 0)
+            return;
+        const sw = this._strokeWeight;
+        const ew = this._ellipseWidth;
+        const eh = this._ellipseHeight;
+        const isRound = ew !== 0 || eh !== 0;
+        if (sw > 0) {
+            g.beginFill(this._fillColor, 0);
+            g.lineStyle(sw, this._strokeColor, this._strokeAlpha);
+            if (isRound) {
+                g.drawRoundRect(sw / 2, sw / 2, unscaledWidth - sw, unscaledHeight - sw, ew, eh);
+            }
+            else {
+                g.drawRect(sw / 2, sw / 2, unscaledWidth - sw, unscaledHeight - sw);
+            }
+            g.endFill();
+        }
+        g.beginFill(this._fillColor, this._fillAlpha);
+        g.lineStyle(sw, this._strokeColor, 0);
+        if (isRound) {
+            g.drawRoundRect(sw, sw, unscaledWidth - sw * 2, unscaledHeight - sw * 2, ew, eh);
+        }
+        else {
+            g.drawRect(sw, sw, unscaledWidth - sw * 2, unscaledHeight - sw * 2);
+        }
+        g.endFill();
+    }
+}
+//# sourceMappingURL=Rect.js.map

package/dist/kurot/components/Rect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rect.js","sourceRoot":"","sources":["../../../src/kurot/components/Rect.ts"],"names":[],"mappings":"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"}

package/dist/kurot/components/ScrollBarBase.d.ts

@@ -0,0 +1,27 @@
+import { Component } from './Component.js';
+import type { IViewport } from '../core/IViewport.js';
+import type { IUIComponent } from '../core/IUIComponent.js';
+import { PropertyEvent } from '../events/PropertyEvent.js';
+/**
+ * Base class for scroll bars.
+ *
+ * Connects to an IViewport and positions a `thumb` skin part based on the
+ * viewport's scroll position relative to its content size.
+ *
+ * @skinPart thumb — the draggable thumb indicator.
+ */
+export declare class ScrollBarBase extends Component {
+    thumb?: IUIComponent;
+    autoVisibility: boolean;
+    private _viewport?;
+    get viewport(): IViewport | undefined;
+    set viewport(value: IViewport | undefined);
+    /**
+     * Called when viewport properties (scrollH, scrollV, contentWidth, etc.) change.
+     * Override in subclasses to react.
+     */
+    protected onPropertyChanged(_event: PropertyEvent): void;
+    private _onPropChange;
+    private _onResize;
+}
+//# sourceMappingURL=ScrollBarBase.d.ts.map

package/dist/kurot/components/ScrollBarBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollBarBase.d.ts","sourceRoot":"","sources":["../../../src/kurot/components/ScrollBarBase.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAG3D;;;;;;;GAOG;AACH,qBAAa,aAAc,SAAQ,SAAS;IAGpC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,cAAc,UAAQ;IAE7B,OAAO,CAAC,SAAS,CAAC,CAAY;IAI9B,IAAW,QAAQ,IAAI,SAAS,GAAG,SAAS,CAE3C;IAED,IAAW,QAAQ,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,EAa/C;IAID;;;OAGG;IACH,SAAS,CAAC,iBAAiB,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI;IAIxD,OAAO,CAAC,aAAa,CAEnB;IAEF,OAAO,CAAC,SAAS,CAEf;CACF"}