@deepfuture/dui-components 0.0.12 → 0.0.14

package/textarea/textarea.js

@@ -1,9 +1,37 @@
 /** Ported from original DUI: deep-future-app/app/client/components/dui/textarea */
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
 };
 import { css, html, LitElement } from "lit";
 import { property } from "lit/decorators.js";
@@ -53,62 +81,123 @@ const styles = css `
 /**
  * A multi-line text input with resize modes including auto-grow.
  */
-export class DuiTextarea extends LitElement {
-    static { this.tagName = "dui-textarea"; }
-    static { this.shadowRootOptions = {
-        ...LitElement.shadowRootOptions,
-        delegatesFocus: true,
-    }; }
-    static { this.styles = [base, styles]; }
-    #value_accessor_storage = "";
-    /** Current textarea value. */
-    get value() { return this.#value_accessor_storage; }
-    set value(value) { this.#value_accessor_storage = value; }
-    #placeholder_accessor_storage = "";
-    /** Placeholder text. */
-    get placeholder() { return this.#placeholder_accessor_storage; }
-    set placeholder(value) { this.#placeholder_accessor_storage = value; }
-    #disabled_accessor_storage = false;
-    get disabled() { return this.#disabled_accessor_storage; }
-    set disabled(value) { this.#disabled_accessor_storage = value; }
-    #required_accessor_storage = false;
-    get required() { return this.#required_accessor_storage; }
-    set required(value) { this.#required_accessor_storage = value; }
-    #readonly_accessor_storage = false;
-    get readonly() { return this.#readonly_accessor_storage; }
-    set readonly(value) { this.#readonly_accessor_storage = value; }
-    #rows_accessor_storage = undefined;
-    /** Number of visible text rows. */
-    get rows() { return this.#rows_accessor_storage; }
-    set rows(value) { this.#rows_accessor_storage = value; }
-    #minLength_accessor_storage = undefined;
-    get minLength() { return this.#minLength_accessor_storage; }
-    set minLength(value) { this.#minLength_accessor_storage = value; }
-    #maxLength_accessor_storage = undefined;
-    get maxLength() { return this.#maxLength_accessor_storage; }
-    set maxLength(value) { this.#maxLength_accessor_storage = value; }
-    #name_accessor_storage = "";
-    get name() { return this.#name_accessor_storage; }
-    set name(value) { this.#name_accessor_storage = value; }
-    #resize_accessor_storage = "vertical";
-    /** Resize behavior: "none" | "vertical" | "horizontal" | "both" | "auto". */
-    get resize() { return this.#resize_accessor_storage; }
-    set resize(value) { this.#resize_accessor_storage = value; }
-    #maxHeight_accessor_storage = undefined;
-    /** Maximum height (CSS value). Textarea scrolls when content exceeds this. */
-    get maxHeight() { return this.#maxHeight_accessor_storage; }
-    set maxHeight(value) { this.#maxHeight_accessor_storage = value; }
-    #onInput = (event) => {
-        const target = event.target;
-        this.value = target.value;
-        this.dispatchEvent(textareaChangeEvent({ value: this.value }));
-    };
-    render() {
-        const textAreaStyles = styleMap({
-            overflowY: this.maxHeight === undefined ? "auto" : "initial",
-            maxHeight: this.maxHeight ?? "initial",
+let DuiTextarea = (() => {
+    let _classSuper = LitElement;
+    let _value_decorators;
+    let _value_initializers = [];
+    let _value_extraInitializers = [];
+    let _placeholder_decorators;
+    let _placeholder_initializers = [];
+    let _placeholder_extraInitializers = [];
+    let _disabled_decorators;
+    let _disabled_initializers = [];
+    let _disabled_extraInitializers = [];
+    let _required_decorators;
+    let _required_initializers = [];
+    let _required_extraInitializers = [];
+    let _readonly_decorators;
+    let _readonly_initializers = [];
+    let _readonly_extraInitializers = [];
+    let _rows_decorators;
+    let _rows_initializers = [];
+    let _rows_extraInitializers = [];
+    let _minLength_decorators;
+    let _minLength_initializers = [];
+    let _minLength_extraInitializers = [];
+    let _maxLength_decorators;
+    let _maxLength_initializers = [];
+    let _maxLength_extraInitializers = [];
+    let _name_decorators;
+    let _name_initializers = [];
+    let _name_extraInitializers = [];
+    let _resize_decorators;
+    let _resize_initializers = [];
+    let _resize_extraInitializers = [];
+    let _maxHeight_decorators;
+    let _maxHeight_initializers = [];
+    let _maxHeight_extraInitializers = [];
+    return class DuiTextarea extends _classSuper {
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _value_decorators = [property()];
+            _placeholder_decorators = [property()];
+            _disabled_decorators = [property({ type: Boolean, reflect: true })];
+            _required_decorators = [property({ type: Boolean })];
+            _readonly_decorators = [property({ type: Boolean })];
+            _rows_decorators = [property({ type: Number })];
+            _minLength_decorators = [property({ type: Number, attribute: "minlength" })];
+            _maxLength_decorators = [property({ type: Number, attribute: "maxlength" })];
+            _name_decorators = [property()];
+            _resize_decorators = [property()];
+            _maxHeight_decorators = [property({ attribute: "max-height" })];
+            __esDecorate(this, null, _value_decorators, { kind: "accessor", name: "value", static: false, private: false, access: { has: obj => "value" in obj, get: obj => obj.value, set: (obj, value) => { obj.value = value; } }, metadata: _metadata }, _value_initializers, _value_extraInitializers);
+            __esDecorate(this, null, _placeholder_decorators, { kind: "accessor", name: "placeholder", static: false, private: false, access: { has: obj => "placeholder" in obj, get: obj => obj.placeholder, set: (obj, value) => { obj.placeholder = value; } }, metadata: _metadata }, _placeholder_initializers, _placeholder_extraInitializers);
+            __esDecorate(this, null, _disabled_decorators, { kind: "accessor", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
+            __esDecorate(this, null, _required_decorators, { kind: "accessor", name: "required", static: false, private: false, access: { has: obj => "required" in obj, get: obj => obj.required, set: (obj, value) => { obj.required = value; } }, metadata: _metadata }, _required_initializers, _required_extraInitializers);
+            __esDecorate(this, null, _readonly_decorators, { kind: "accessor", name: "readonly", static: false, private: false, access: { has: obj => "readonly" in obj, get: obj => obj.readonly, set: (obj, value) => { obj.readonly = value; } }, metadata: _metadata }, _readonly_initializers, _readonly_extraInitializers);
+            __esDecorate(this, null, _rows_decorators, { kind: "accessor", name: "rows", static: false, private: false, access: { has: obj => "rows" in obj, get: obj => obj.rows, set: (obj, value) => { obj.rows = value; } }, metadata: _metadata }, _rows_initializers, _rows_extraInitializers);
+            __esDecorate(this, null, _minLength_decorators, { kind: "accessor", name: "minLength", static: false, private: false, access: { has: obj => "minLength" in obj, get: obj => obj.minLength, set: (obj, value) => { obj.minLength = value; } }, metadata: _metadata }, _minLength_initializers, _minLength_extraInitializers);
+            __esDecorate(this, null, _maxLength_decorators, { kind: "accessor", name: "maxLength", static: false, private: false, access: { has: obj => "maxLength" in obj, get: obj => obj.maxLength, set: (obj, value) => { obj.maxLength = value; } }, metadata: _metadata }, _maxLength_initializers, _maxLength_extraInitializers);
+            __esDecorate(this, null, _name_decorators, { kind: "accessor", name: "name", static: false, private: false, access: { has: obj => "name" in obj, get: obj => obj.name, set: (obj, value) => { obj.name = value; } }, metadata: _metadata }, _name_initializers, _name_extraInitializers);
+            __esDecorate(this, null, _resize_decorators, { kind: "accessor", name: "resize", static: false, private: false, access: { has: obj => "resize" in obj, get: obj => obj.resize, set: (obj, value) => { obj.resize = value; } }, metadata: _metadata }, _resize_initializers, _resize_extraInitializers);
+            __esDecorate(this, null, _maxHeight_decorators, { kind: "accessor", name: "maxHeight", static: false, private: false, access: { has: obj => "maxHeight" in obj, get: obj => obj.maxHeight, set: (obj, value) => { obj.maxHeight = value; } }, metadata: _metadata }, _maxHeight_initializers, _maxHeight_extraInitializers);
+            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static tagName = "dui-textarea";
+        static shadowRootOptions = {
+            ...LitElement.shadowRootOptions,
+            delegatesFocus: true,
+        };
+        static styles = [base, styles];
+        #value_accessor_storage = __runInitializers(this, _value_initializers, "");
+        /** Current textarea value. */
+        get value() { return this.#value_accessor_storage; }
+        set value(value) { this.#value_accessor_storage = value; }
+        #placeholder_accessor_storage = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _placeholder_initializers, ""));
+        /** Placeholder text. */
+        get placeholder() { return this.#placeholder_accessor_storage; }
+        set placeholder(value) { this.#placeholder_accessor_storage = value; }
+        #disabled_accessor_storage = (__runInitializers(this, _placeholder_extraInitializers), __runInitializers(this, _disabled_initializers, false));
+        get disabled() { return this.#disabled_accessor_storage; }
+        set disabled(value) { this.#disabled_accessor_storage = value; }
+        #required_accessor_storage = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _required_initializers, false));
+        get required() { return this.#required_accessor_storage; }
+        set required(value) { this.#required_accessor_storage = value; }
+        #readonly_accessor_storage = (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _readonly_initializers, false));
+        get readonly() { return this.#readonly_accessor_storage; }
+        set readonly(value) { this.#readonly_accessor_storage = value; }
+        #rows_accessor_storage = (__runInitializers(this, _readonly_extraInitializers), __runInitializers(this, _rows_initializers, undefined));
+        /** Number of visible text rows. */
+        get rows() { return this.#rows_accessor_storage; }
+        set rows(value) { this.#rows_accessor_storage = value; }
+        #minLength_accessor_storage = (__runInitializers(this, _rows_extraInitializers), __runInitializers(this, _minLength_initializers, undefined));
+        get minLength() { return this.#minLength_accessor_storage; }
+        set minLength(value) { this.#minLength_accessor_storage = value; }
+        #maxLength_accessor_storage = (__runInitializers(this, _minLength_extraInitializers), __runInitializers(this, _maxLength_initializers, undefined));
+        get maxLength() { return this.#maxLength_accessor_storage; }
+        set maxLength(value) { this.#maxLength_accessor_storage = value; }
+        #name_accessor_storage = (__runInitializers(this, _maxLength_extraInitializers), __runInitializers(this, _name_initializers, ""));
+        get name() { return this.#name_accessor_storage; }
+        set name(value) { this.#name_accessor_storage = value; }
+        #resize_accessor_storage = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _resize_initializers, "vertical"));
+        /** Resize behavior: "none" | "vertical" | "horizontal" | "both" | "auto". */
+        get resize() { return this.#resize_accessor_storage; }
+        set resize(value) { this.#resize_accessor_storage = value; }
+        #maxHeight_accessor_storage = (__runInitializers(this, _resize_extraInitializers), __runInitializers(this, _maxHeight_initializers, undefined));
+        /** Maximum height (CSS value). Textarea scrolls when content exceeds this. */
+        get maxHeight() { return this.#maxHeight_accessor_storage; }
+        set maxHeight(value) { this.#maxHeight_accessor_storage = value; }
+        #onInput = (__runInitializers(this, _maxHeight_extraInitializers), (event) => {
+            const target = event.target;
+            this.value = target.value;
+            this.dispatchEvent(textareaChangeEvent({ value: this.value }));
         });
-        return html `
+        render() {
+            const textAreaStyles = styleMap({
+                overflowY: this.maxHeight === undefined ? "auto" : "initial",
+                maxHeight: this.maxHeight ?? "initial",
+            });
+            return html `
       <textarea
         part="textarea"
         style=${textAreaStyles}
@@ -125,38 +214,7 @@ export class DuiTextarea extends LitElement {
         @input=${this.#onInput}
       ></textarea>
     `;
-    }
-}
-__decorate([
-    property()
-], DuiTextarea.prototype, "value", null);
-__decorate([
-    property()
-], DuiTextarea.prototype, "placeholder", null);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], DuiTextarea.prototype, "disabled", null);
-__decorate([
-    property({ type: Boolean })
-], DuiTextarea.prototype, "required", null);
-__decorate([
-    property({ type: Boolean })
-], DuiTextarea.prototype, "readonly", null);
-__decorate([
-    property({ type: Number })
-], DuiTextarea.prototype, "rows", null);
-__decorate([
-    property({ type: Number, attribute: "minlength" })
-], DuiTextarea.prototype, "minLength", null);
-__decorate([
-    property({ type: Number, attribute: "maxlength" })
-], DuiTextarea.prototype, "maxLength", null);
-__decorate([
-    property()
-], DuiTextarea.prototype, "name", null);
-__decorate([
-    property()
-], DuiTextarea.prototype, "resize", null);
-__decorate([
-    property({ attribute: "max-height" })
-], DuiTextarea.prototype, "maxHeight", null);
+        }
+    };
+})();
+export { DuiTextarea };

package/toggle/toggle-group.js

@@ -1,8 +1,40 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+var __setFunctionName = (this && this.__setFunctionName) || function (f, name, prefix) {
+    if (typeof name === "symbol") name = name.description ? "[".concat(name.description, "]") : "";
+    return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
 };
 import { css, html, LitElement } from "lit";
 import { property, state } from "lit/decorators.js";
@@ -32,108 +64,155 @@ const styles = css `
  * @csspart root - The group container.
  * @fires value-change - Fired when selection changes. Detail: { value: string[] }
  */
-export class DuiToggleGroup extends LitElement {
-    static { this.tagName = "dui-toggle-group"; }
-    static { this.styles = [base, styles]; }
-    #value_accessor_storage = undefined;
-    get value() { return this.#value_accessor_storage; }
-    set value(value) { this.#value_accessor_storage = value; }
-    #defaultValue_accessor_storage = [];
-    get defaultValue() { return this.#defaultValue_accessor_storage; }
-    set defaultValue(value) { this.#defaultValue_accessor_storage = value; }
-    #type_accessor_storage = "single";
-    get type() { return this.#type_accessor_storage; }
-    set type(value) { this.#type_accessor_storage = value; }
-    #orientation_accessor_storage = "horizontal";
-    get orientation() { return this.#orientation_accessor_storage; }
-    set orientation(value) { this.#orientation_accessor_storage = value; }
-    #disabled_accessor_storage = false;
-    get disabled() { return this.#disabled_accessor_storage; }
-    set disabled(value) { this.#disabled_accessor_storage = value; }
-    #loop_accessor_storage = true;
-    get loop() { return this.#loop_accessor_storage; }
-    set loop(value) { this.#loop_accessor_storage = value; }
-    #internalValue_accessor_storage = [];
-    get #internalValue() { return this.#internalValue_accessor_storage; }
-    set #internalValue(value) { this.#internalValue_accessor_storage = value; }
-    get #currentValue() {
-        return this.value ?? this.#internalValue;
-    }
-    #toggle = (itemValue) => {
-        if (this.disabled)
-            return;
-        const current = this.#currentValue;
-        let next;
-        if (this.type === "single") {
-            next = current.includes(itemValue) ? [] : [itemValue];
-        }
-        else {
-            next = current.includes(itemValue)
-                ? current.filter((v) => v !== itemValue)
-                : [...current, itemValue];
-        }
-        if (this.value === undefined) {
-            this.#internalValue = next;
+let DuiToggleGroup = (() => {
+    let _classSuper = LitElement;
+    let _value_decorators;
+    let _value_initializers = [];
+    let _value_extraInitializers = [];
+    let _defaultValue_decorators;
+    let _defaultValue_initializers = [];
+    let _defaultValue_extraInitializers = [];
+    let _type_decorators;
+    let _type_initializers = [];
+    let _type_extraInitializers = [];
+    let _orientation_decorators;
+    let _orientation_initializers = [];
+    let _orientation_extraInitializers = [];
+    let _disabled_decorators;
+    let _disabled_initializers = [];
+    let _disabled_extraInitializers = [];
+    let _loop_decorators;
+    let _loop_initializers = [];
+    let _loop_extraInitializers = [];
+    let _private_internalValue_decorators;
+    let _private_internalValue_initializers = [];
+    let _private_internalValue_extraInitializers = [];
+    let _private_internalValue_descriptor;
+    let __ctx_decorators;
+    let __ctx_initializers = [];
+    let __ctx_extraInitializers = [];
+    return class DuiToggleGroup extends _classSuper {
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _value_decorators = [property({ type: Array })];
+            _defaultValue_decorators = [property({ type: Array, attribute: "default-value" })];
+            _type_decorators = [property({ reflect: true })];
+            _orientation_decorators = [property({ reflect: true })];
+            _disabled_decorators = [property({ type: Boolean, reflect: true })];
+            _loop_decorators = [property({ type: Boolean })];
+            _private_internalValue_decorators = [state()];
+            __ctx_decorators = [provide({ context: toggleGroupContext }), state()];
+            __esDecorate(this, null, _value_decorators, { kind: "accessor", name: "value", static: false, private: false, access: { has: obj => "value" in obj, get: obj => obj.value, set: (obj, value) => { obj.value = value; } }, metadata: _metadata }, _value_initializers, _value_extraInitializers);
+            __esDecorate(this, null, _defaultValue_decorators, { kind: "accessor", name: "defaultValue", static: false, private: false, access: { has: obj => "defaultValue" in obj, get: obj => obj.defaultValue, set: (obj, value) => { obj.defaultValue = value; } }, metadata: _metadata }, _defaultValue_initializers, _defaultValue_extraInitializers);
+            __esDecorate(this, null, _type_decorators, { kind: "accessor", name: "type", static: false, private: false, access: { has: obj => "type" in obj, get: obj => obj.type, set: (obj, value) => { obj.type = value; } }, metadata: _metadata }, _type_initializers, _type_extraInitializers);
+            __esDecorate(this, null, _orientation_decorators, { kind: "accessor", name: "orientation", static: false, private: false, access: { has: obj => "orientation" in obj, get: obj => obj.orientation, set: (obj, value) => { obj.orientation = value; } }, metadata: _metadata }, _orientation_initializers, _orientation_extraInitializers);
+            __esDecorate(this, null, _disabled_decorators, { kind: "accessor", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
+            __esDecorate(this, null, _loop_decorators, { kind: "accessor", name: "loop", static: false, private: false, access: { has: obj => "loop" in obj, get: obj => obj.loop, set: (obj, value) => { obj.loop = value; } }, metadata: _metadata }, _loop_initializers, _loop_extraInitializers);
+            __esDecorate(this, _private_internalValue_descriptor = { get: __setFunctionName(function () { return this.#internalValue_accessor_storage; }, "#internalValue", "get"), set: __setFunctionName(function (value) { this.#internalValue_accessor_storage = value; }, "#internalValue", "set") }, _private_internalValue_decorators, { kind: "accessor", name: "#internalValue", static: false, private: true, access: { has: obj => #internalValue in obj, get: obj => obj.#internalValue, set: (obj, value) => { obj.#internalValue = value; } }, metadata: _metadata }, _private_internalValue_initializers, _private_internalValue_extraInitializers);
+            __esDecorate(this, null, __ctx_decorators, { kind: "accessor", name: "_ctx", static: false, private: false, access: { has: obj => "_ctx" in obj, get: obj => obj._ctx, set: (obj, value) => { obj._ctx = value; } }, metadata: _metadata }, __ctx_initializers, __ctx_extraInitializers);
+            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
-        this.dispatchEvent(valueChangeEvent({ value: next }));
-    };
-    #_ctx_accessor_storage = this.#buildContext();
-    get _ctx() { return this.#_ctx_accessor_storage; }
-    set _ctx(value) { this.#_ctx_accessor_storage = value; }
-    #buildContext() {
-        return {
-            value: this.#currentValue,
-            disabled: this.disabled,
-            type: this.type,
-            toggle: this.#toggle,
-        };
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        if (this.value === undefined && this.defaultValue.length > 0) {
-            this.#internalValue = [...this.defaultValue];
+        static tagName = "dui-toggle-group";
+        static styles = [base, styles];
+        #value_accessor_storage = __runInitializers(this, _value_initializers, undefined);
+        get value() { return this.#value_accessor_storage; }
+        set value(value) { this.#value_accessor_storage = value; }
+        #defaultValue_accessor_storage = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _defaultValue_initializers, []));
+        get defaultValue() { return this.#defaultValue_accessor_storage; }
+        set defaultValue(value) { this.#defaultValue_accessor_storage = value; }
+        #type_accessor_storage = (__runInitializers(this, _defaultValue_extraInitializers), __runInitializers(this, _type_initializers, "single"));
+        get type() { return this.#type_accessor_storage; }
+        set type(value) { this.#type_accessor_storage = value; }
+        #orientation_accessor_storage = (__runInitializers(this, _type_extraInitializers), __runInitializers(this, _orientation_initializers, "horizontal"));
+        get orientation() { return this.#orientation_accessor_storage; }
+        set orientation(value) { this.#orientation_accessor_storage = value; }
+        #disabled_accessor_storage = (__runInitializers(this, _orientation_extraInitializers), __runInitializers(this, _disabled_initializers, false));
+        get disabled() { return this.#disabled_accessor_storage; }
+        set disabled(value) { this.#disabled_accessor_storage = value; }
+        #loop_accessor_storage = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _loop_initializers, true));
+        get loop() { return this.#loop_accessor_storage; }
+        set loop(value) { this.#loop_accessor_storage = value; }
+        #internalValue_accessor_storage = (__runInitializers(this, _loop_extraInitializers), __runInitializers(this, _private_internalValue_initializers, []));
+        get #internalValue() { return _private_internalValue_descriptor.get.call(this); }
+        set #internalValue(value) { return _private_internalValue_descriptor.set.call(this, value); }
+        get #currentValue() {
+            return this.value ?? this.#internalValue;
         }
-        this._ctx = this.#buildContext();
-    }
-    willUpdate() {
-        this._ctx = this.#buildContext();
-    }
-    #onKeyDown = (e) => {
-        const isHorizontal = this.orientation === "horizontal";
-        const nextKey = isHorizontal ? "ArrowRight" : "ArrowDown";
-        const prevKey = isHorizontal ? "ArrowLeft" : "ArrowUp";
-        if (e.key !== nextKey && e.key !== prevKey)
-            return;
-        e.preventDefault();
-        const toggles = [
-            ...this.querySelectorAll("dui-toggle"),
-        ];
-        const focusable = toggles.filter((t) => !t.hasAttribute("disabled"));
-        if (focusable.length === 0)
-            return;
-        const active = this.shadowRoot?.activeElement ??
-            document.activeElement;
-        const currentToggle = toggles.find((t) => t === active || t.shadowRoot?.activeElement === active || t.contains(active));
-        const currentIndex = currentToggle
-            ? focusable.indexOf(currentToggle)
-            : -1;
-        let nextIndex;
-        if (e.key === nextKey) {
-            nextIndex = currentIndex + 1;
-            if (nextIndex >= focusable.length) {
-                nextIndex = this.loop ? 0 : focusable.length - 1;
+        #toggle = (__runInitializers(this, _private_internalValue_extraInitializers), (itemValue) => {
+            if (this.disabled)
+                return;
+            const current = this.#currentValue;
+            let next;
+            if (this.type === "single") {
+                next = current.includes(itemValue) ? [] : [itemValue];
+            }
+            else {
+                next = current.includes(itemValue)
+                    ? current.filter((v) => v !== itemValue)
+                    : [...current, itemValue];
             }
+            if (this.value === undefined) {
+                this.#internalValue = next;
+            }
+            this.dispatchEvent(valueChangeEvent({ value: next }));
+        });
+        #_ctx_accessor_storage = __runInitializers(this, __ctx_initializers, this.#buildContext());
+        get _ctx() { return this.#_ctx_accessor_storage; }
+        set _ctx(value) { this.#_ctx_accessor_storage = value; }
+        #buildContext() {
+            return {
+                value: this.#currentValue,
+                disabled: this.disabled,
+                type: this.type,
+                toggle: this.#toggle,
+            };
         }
-        else {
-            nextIndex = currentIndex - 1;
-            if (nextIndex < 0) {
-                nextIndex = this.loop ? focusable.length - 1 : 0;
+        connectedCallback() {
+            super.connectedCallback();
+            if (this.value === undefined && this.defaultValue.length > 0) {
+                this.#internalValue = [...this.defaultValue];
             }
+            this._ctx = this.#buildContext();
         }
-        focusable[nextIndex]?.focus();
-    };
-    render() {
-        return html `
+        willUpdate() {
+            this._ctx = this.#buildContext();
+        }
+        #onKeyDown = (__runInitializers(this, __ctx_extraInitializers), (e) => {
+            const isHorizontal = this.orientation === "horizontal";
+            const nextKey = isHorizontal ? "ArrowRight" : "ArrowDown";
+            const prevKey = isHorizontal ? "ArrowLeft" : "ArrowUp";
+            if (e.key !== nextKey && e.key !== prevKey)
+                return;
+            e.preventDefault();
+            const toggles = [
+                ...this.querySelectorAll("dui-toggle"),
+            ];
+            const focusable = toggles.filter((t) => !t.hasAttribute("disabled"));
+            if (focusable.length === 0)
+                return;
+            const active = this.shadowRoot?.activeElement ??
+                document.activeElement;
+            const currentToggle = toggles.find((t) => t === active || t.shadowRoot?.activeElement === active || t.contains(active));
+            const currentIndex = currentToggle
+                ? focusable.indexOf(currentToggle)
+                : -1;
+            let nextIndex;
+            if (e.key === nextKey) {
+                nextIndex = currentIndex + 1;
+                if (nextIndex >= focusable.length) {
+                    nextIndex = this.loop ? 0 : focusable.length - 1;
+                }
+            }
+            else {
+                nextIndex = currentIndex - 1;
+                if (nextIndex < 0) {
+                    nextIndex = this.loop ? focusable.length - 1 : 0;
+                }
+            }
+            focusable[nextIndex]?.focus();
+        });
+        render() {
+            return html `
       <div
         part="root"
         role="group"
@@ -143,27 +222,7 @@ export class DuiToggleGroup extends LitElement {
         <slot></slot>
       </div>
     `;
-    }
-}
-__decorate([
-    property({ type: Array })
-], DuiToggleGroup.prototype, "value", null);
-__decorate([
-    property({ type: Array, attribute: "default-value" })
-], DuiToggleGroup.prototype, "defaultValue", null);
-__decorate([
-    property({ reflect: true })
-], DuiToggleGroup.prototype, "type", null);
-__decorate([
-    property({ reflect: true })
-], DuiToggleGroup.prototype, "orientation", null);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], DuiToggleGroup.prototype, "disabled", null);
-__decorate([
-    property({ type: Boolean })
-], DuiToggleGroup.prototype, "loop", null);
-__decorate([
-    provide({ context: toggleGroupContext }),
-    state()
-], DuiToggleGroup.prototype, "_ctx", null);
+        }
+    };
+})();
+export { DuiToggleGroup };