@breadstone/mosaik-elements-foundation 0.0.120 → 0.0.121

package/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonElementValueAccessor.d.ts

@@ -13,7 +13,7 @@ export declare class ToggleButtonElementValueAccessor extends ElementValueAccess
      * @public
      * @override
      */
-    writeValue(value: boolean): void;
+    writeValue(value: unknown): void;
     /**
      * @public
      * @override

package/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonElementValueAccessor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButtonElementValueAccessor.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonElementValueAccessor.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAC7G,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iEAAiE,CAAC;AAC9G,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAIlE;;GAEG;AACH,qBAAa,gCACT,SAAQ,wBAAwB,CAAC,mBAAmB,CAAC;IAIrD;;OAEG;IACI,aAAa,IAAI,IAAI;IAW5B;;;OAGG;IACa,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAKhD;;;OAGG;IACa,UAAU,IAAI,IAAI;CAOrC;AAED;;GAEG;AACH,eAAO,MAAM,gCAAgC,EAAE,sBAAsB,CAAC,mBAAmB,CAAwD,CAAC"}
+{"version":3,"file":"ToggleButtonElementValueAccessor.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonElementValueAccessor.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAC7G,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iEAAiE,CAAC;AAC9G,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAIlE;;GAEG;AACH,qBAAa,gCACT,SAAQ,wBAAwB,CAAC,mBAAmB,CAAC;IAIrD;;OAEG;IACI,aAAa,IAAI,IAAI;IAU5B;;;OAGG;IACa,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAKhD;;;OAGG;IACa,UAAU,IAAI,IAAI;CAOrC;AAED;;GAEG;AACH,eAAO,MAAM,gCAAgC,EAAE,sBAAsB,CAAC,mBAAmB,CAAwD,CAAC"}

package/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonElementValueAccessor.js

@@ -10,8 +10,7 @@ export class ToggleButtonElementValueAccessor extends ElementValueAccessorBase {
      * @public
      */
     hostConnected() {
-        this.host.on('checked', () => this.writeValue(true));
-        this.host.on('unchecked', () => this.writeValue(false));
+        this.host.on('checked', (e) => this.writeValue(e.target.value));
         this.host.on('blur', () => this.onTouched());
         // we need to set the value here because the host element may have a value before the accessor is connected
         void this.host.updateComplete.then(() => {
@@ -24,7 +23,7 @@ export class ToggleButtonElementValueAccessor extends ElementValueAccessorBase {
      */
     writeValue(value) {
         super.writeValue(value);
-        this.host.isChecked = value;
+        this.host.value = value;
     }
     /**
      * @public

package/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonElementValueAccessor.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButtonElementValueAccessor.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonElementValueAccessor.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAI7G,aAAa;AAEb;;GAEG;AACH,MAAM,OAAO,gCACT,SAAQ,wBAA6C;IAErD,kBAAkB;IAElB;;OAEG;IACI,aAAa;QAChB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;QACrD,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;QACxD,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QAE7C,2GAA2G;QAC3G,KAAK,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;YACpC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;QACrC,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;;OAGG;IACa,UAAU,CAAC,KAAc;QACrC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IAChC,CAAC;IAED;;;OAGG;IACa,UAAU;QACtB,KAAK,CAAC,UAAU,EAAE,CAAC;QACnB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;IACtB,CAAC;CAIJ;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAgD,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,gCAAgC,CAAC,IAAI,CAAC,CAAC"}
+{"version":3,"file":"ToggleButtonElementValueAccessor.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonElementValueAccessor.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAI7G,aAAa;AAEb;;GAEG;AACH,MAAM,OAAO,gCACT,SAAQ,wBAA6C;IAErD,kBAAkB;IAElB;;OAEG;IACI,aAAa;QAChB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAE,CAAC,CAAC,MAA8B,CAAC,KAAK,CAAC,CAAC,CAAC;QACzF,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QAE7C,2GAA2G;QAC3G,KAAK,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;YACpC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;QACrC,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;;OAGG;IACa,UAAU,CAAC,KAAc;QACrC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IAC5B,CAAC;IAED;;;OAGG;IACa,UAAU;QACtB,KAAK,CAAC,UAAU,EAAE,CAAC;QACnB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;IACtB,CAAC;CAIJ;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAgD,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,gCAAgC,CAAC,IAAI,CAAC,CAAC"}

package/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonGroupElementValueAccessor.d.ts

@@ -0,0 +1,32 @@
+import { ElementValueAccessorBase } from '../../../../../Forms/Accessors/Abstracts/ElementValueAccessorBase';
+import type { ElementValueAccessorFn } from '../../../../../Forms/Accessors/Functions/ElementValueAccessorFn';
+/**
+ * @public
+ */
+interface IToggleButtonGroupHost extends HTMLElement {
+    value: unknown;
+    updateComplete: Promise<void>;
+    on: (type: string, listener: (e: Event) => void, options?: AddEventListenerOptions) => unknown;
+}
+export declare class ToggleButtonGroupElementValueAccessor extends ElementValueAccessorBase<IToggleButtonGroupHost> {
+    /**
+     * @public
+     */
+    hostConnected(): void;
+    /**
+     * @public
+     * @override
+     */
+    writeValue(value: unknown | null): void;
+    /**
+     * @public
+     * @override
+     */
+    resetValue(): void;
+}
+/**
+ * @public
+ */
+export declare const toggleButtonGroupElementValueAccessor: ElementValueAccessorFn<IToggleButtonGroupHost>;
+export {};
+//# sourceMappingURL=ToggleButtonGroupElementValueAccessor.d.ts.map

package/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonGroupElementValueAccessor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonGroupElementValueAccessor.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonGroupElementValueAccessor.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAC7G,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iEAAiE,CAAC;AAK9G;;GAEG;AACH,UAAU,sBAAuB,SAAQ,WAAW;IAChD,KAAK,EAAE,OAAO,CAAC;IACf,cAAc,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,EAAE,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,EAAE,OAAO,CAAC,EAAE,uBAAuB,KAAK,OAAO,CAAC;CAClG;AAED,qBAAa,qCACT,SAAQ,wBAAwB,CAAC,sBAAsB,CAAC;IAIxD;;OAEG;IACI,aAAa,IAAI,IAAI;IAS5B;;;OAGG;IACa,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,GAAG,IAAI;IAKvD;;;OAGG;IACa,UAAU,IAAI,IAAI;CAQrC;AAED;;GAEG;AACH,eAAO,MAAM,qCAAqC,EAAE,sBAAsB,CAAC,sBAAsB,CAA6D,CAAC"}

package/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonGroupElementValueAccessor.js

@@ -0,0 +1,39 @@
+// libs/mosaik-elements-foundation/src/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonGroupElementValueAccessor.ts
+// libs/mosaik-elements-foundation/src/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonGroupElementValueAccessor.ts
+// #region Imports
+import { ElementValueAccessorBase } from '../../../../../Forms/Accessors/Abstracts/ElementValueAccessorBase';
+export class ToggleButtonGroupElementValueAccessor extends ElementValueAccessorBase {
+    // #region Methods
+    /**
+     * @public
+     */
+    hostConnected() {
+        this.host.on('toggleChanged', (e) => this.writeValue(e.detail.value ?? null));
+        // we need to set the value here because the host element may have a value before the accessor is connected
+        void this.host.updateComplete.then(() => {
+            this.value = this.host.value;
+        });
+    }
+    /**
+     * @public
+     * @override
+     */
+    writeValue(value) {
+        super.writeValue(value);
+        this.host.value = value;
+    }
+    /**
+     * @public
+     * @override
+     */
+    resetValue() {
+        super.resetValue();
+        // host implements reset() on the custom element; guard in case of plain HTMLElement
+        this.host.reset?.();
+    }
+}
+/**
+ * @public
+ */
+export const toggleButtonGroupElementValueAccessor = (host) => new ToggleButtonGroupElementValueAccessor(host);
+//# sourceMappingURL=ToggleButtonGroupElementValueAccessor.js.map

package/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonGroupElementValueAccessor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonGroupElementValueAccessor.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/ToggleButton/Accessors/ToggleButtonGroupElementValueAccessor.ts"],"names":[],"mappings":"AAAA,kIAAkI;AAClI,kIAAkI;AAClI,kBAAkB;AAElB,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAe7G,MAAM,OAAO,qCACT,SAAQ,wBAAgD;IAExD,kBAAkB;IAElB;;OAEG;IACI,aAAa;QAChB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,eAAe,EAAE,CAAC,CAAQ,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAE,CAAoC,CAAC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC;QAEzH,2GAA2G;QAC3G,KAAK,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE;YACpC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;QACjC,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;;OAGG;IACa,UAAU,CAAC,KAAqB;QAC5C,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IAC5B,CAAC;IAED;;;OAGG;IACa,UAAU;QACtB,KAAK,CAAC,UAAU,EAAE,CAAC;QACnB,oFAAoF;QACnF,IAAI,CAAC,IAA0C,CAAC,KAAK,EAAE,EAAE,CAAC;IAC/D,CAAC;CAIJ;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,qCAAqC,GAAmD,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,qCAAqC,CAAC,IAAI,CAAC,CAAC"}

package/Controls/Components/Buttons/ToggleButton/Events/ToggleButtonGroupChangedEventDetail.d.ts

@@ -0,0 +1,16 @@
+import type { IEventDetail } from '@breadstone/mosaik-elements';
+/**
+ * Represents the `IToggleButtonGroupChangedEventDetail` interface.
+ *
+ * @public
+ */
+export interface IToggleButtonGroupChangedEventDetail extends IEventDetail {
+    readonly value?: unknown;
+}
+/**
+ * Represents the `IToggleButtonGroupChangedEvent` interface.
+ *
+ * @public
+ */
+export type IToggleButtonGroupChangedEvent = CustomEvent<IToggleButtonGroupChangedEventDetail>;
+//# sourceMappingURL=ToggleButtonGroupChangedEventDetail.d.ts.map

package/Controls/Components/Buttons/ToggleButton/Events/ToggleButtonGroupChangedEventDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonGroupChangedEventDetail.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/ToggleButton/Events/ToggleButtonGroupChangedEventDetail.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAIhE;;;;GAIG;AACH,MAAM,WAAW,oCAAqC,SAAQ,YAAY;IAItE,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;CAI5B;AAED;;;;GAIG;AACH,MAAM,MAAM,8BAA8B,GAAG,WAAW,CAAC,oCAAoC,CAAC,CAAC"}

package/Controls/Components/Buttons/ToggleButton/Events/ToggleButtonGroupChangedEventDetail.js

@@ -0,0 +1,4 @@
+// libs/mosaik-elements-foundation/src/Controls/Components/Buttons/ToggleButton/Events/ToggleButtonGroupChangedEventDetail.ts
+// #region Imports
+export {};
+//# sourceMappingURL=ToggleButtonGroupChangedEventDetail.js.map

package/Controls/Components/Buttons/ToggleButton/Events/ToggleButtonGroupChangedEventDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonGroupChangedEventDetail.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/ToggleButton/Events/ToggleButtonGroupChangedEventDetail.ts"],"names":[],"mappings":"AAAA,6HAA6H;AAC7H,kBAAkB"}

package/Controls/Components/Buttons/ToggleButton/IToggleButtonGroupElementEvents.d.ts

@@ -0,0 +1,11 @@
+import type { IEventEmitter } from '@breadstone/mosaik-elements';
+import type { IToggleButtonGroupChangedEventDetail } from './Events/ToggleButtonGroupChangedEventDetail';
+/**
+ * Represents the `{@link IToggleButtonGroupElementEvents}` interface.
+ *
+ * @public
+ */
+export interface IToggleButtonGroupElementEvents {
+    toggleChanged: IEventEmitter<IToggleButtonGroupChangedEventDetail>;
+}
+//# sourceMappingURL=IToggleButtonGroupElementEvents.d.ts.map

package/Controls/Components/Buttons/ToggleButton/IToggleButtonGroupElementEvents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IToggleButtonGroupElementEvents.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/ToggleButton/IToggleButtonGroupElementEvents.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,KAAK,EAAE,oCAAoC,EAAE,MAAM,8CAA8C,CAAC;AAIzG;;;;GAIG;AACH,MAAM,WAAW,+BAA+B;IAI5C,aAAa,EAAE,aAAa,CAAC,oCAAoC,CAAC,CAAC;CAItE"}

package/Controls/Components/Buttons/ToggleButton/IToggleButtonGroupElementEvents.js

@@ -0,0 +1,3 @@
+// #region Imports
+export {};
+//# sourceMappingURL=IToggleButtonGroupElementEvents.js.map

package/Controls/Components/Buttons/ToggleButton/IToggleButtonGroupElementEvents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IToggleButtonGroupElementEvents.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/ToggleButton/IToggleButtonGroupElementEvents.ts"],"names":[],"mappings":"AAAA,kBAAkB"}

package/Controls/Components/Buttons/ToggleButton/IToggleButtonGroupElementProps.d.ts

@@ -0,0 +1,15 @@
+import type { IAppearanceableProps } from '../../../Behaviors/Appearanceable';
+import type { IDisableableProps } from '../../../Behaviors/Disableable';
+import type { IInvalidableProps } from '../../../Behaviors/Invalidable';
+import type { IOrientableProps } from '../../../Behaviors/Orientable';
+import type { ISlottableProps } from '../../../Behaviors/Slottable';
+import type { IValueableProps } from '../../../Behaviors/Valueable';
+import type { IVariantableProps } from '../../../Behaviors/Variantable';
+/**
+ * Represents the `{@link IToggleButtonGroupElementProps}` interface.
+ *
+ * @public
+ */
+export interface IToggleButtonGroupElementProps extends IValueableProps, IDisableableProps, IVariantableProps, IAppearanceableProps, IOrientableProps, IInvalidableProps, ISlottableProps {
+}
+//# sourceMappingURL=IToggleButtonGroupElementProps.d.ts.map

package/Controls/Components/Buttons/ToggleButton/IToggleButtonGroupElementProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IToggleButtonGroupElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/ToggleButton/IToggleButtonGroupElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAIxE;;;;GAIG;AACH,MAAM,WAAW,8BACb,SAAQ,eAAe,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,eAAe;CAC5I"}

package/Controls/Components/Buttons/ToggleButton/IToggleButtonGroupElementProps.js

@@ -0,0 +1,3 @@
+// #region Imports
+export {};
+//# sourceMappingURL=IToggleButtonGroupElementProps.js.map

package/Controls/Components/Buttons/ToggleButton/IToggleButtonGroupElementProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IToggleButtonGroupElementProps.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/ToggleButton/IToggleButtonGroupElementProps.ts"],"names":[],"mappings":"AAAA,kBAAkB"}

package/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonGroupElement.Cosmopolitan.d.ts

@@ -0,0 +1,6 @@
+import { type CSSResult } from '../../../../../Dom/Css';
+/**
+ * @public
+ */
+export declare function toggleButtonGroupElementCosmopolitanStyle(): CSSResult;
+//# sourceMappingURL=ToggleButtonGroupElement.Cosmopolitan.d.ts.map

package/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonGroupElement.Cosmopolitan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonGroupElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonGroupElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,yCAAyC,IAAI,SAAS,CAyKrE"}

package/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonGroupElement.Cosmopolitan.js

@@ -0,0 +1,183 @@
+// ------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//     Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+// </auto-generated>
+// ------------------------------------------------------------------------------
+// #region Imports
+import { css } from '../../../../../Dom/Css';
+// #endregion
+/**
+ * @public
+ */
+export function toggleButtonGroupElementCosmopolitanStyle() {
+    return css `
+:host {
+  --toggle-button-group-background-color: unset;
+  --toggle-button-group-border-color: unset;
+  --toggle-button-group-border-radius: unset;
+  --toggle-button-group-border-style: unset;
+  --toggle-button-group-border-width: unset;
+  --toggle-button-group-font-family: unset;
+  --toggle-button-group-font-letter-spacing: unset;
+  --toggle-button-group-font-line-height: unset;
+  --toggle-button-group-font-size: unset;
+  --toggle-button-group-font-text-decoration: unset;
+  --toggle-button-group-font-text-transform: unset;
+  --toggle-button-group-font-weight: unset;
+  --toggle-button-group-foreground-color: unset;
+  --toggle-button-group-gap: unset;
+  --toggle-button-group-padding-bottom: unset;
+  --toggle-button-group-padding-left: unset;
+  --toggle-button-group-padding-right: unset;
+  --toggle-button-group-padding-top: unset;
+  --toggle-button-group-transition-duration: unset;
+  --toggle-button-group-transition-mode: unset;
+  --toggle-button-group-transition-property: unset;
+  --toggle-button-group-translate: unset;
+}
+
+@media screen and (prefers-reduced-motion: reduce) {
+  :host {
+    transition-duration: .01ms;
+  }
+}
+
+:host {
+  box-sizing: border-box;
+  display: block;
+  position: relative;
+}
+
+:host *, :host :before, :host :after {
+  box-sizing: border-box;
+  background-repeat: no-repeat;
+}
+
+:host :before, :host :after {
+  text-decoration: inherit;
+  vertical-align: inherit;
+}
+
+:host([hidden]) {
+  display: none !important;
+}
+
+:host {
+  font-family: var(--toggle-button-group-font-family);
+  font-size: var(--toggle-button-group-font-size);
+  line-height: var(--toggle-button-group-font-line-height);
+  font-weight: var(--toggle-button-group-font-weight);
+  letter-spacing: var(--toggle-button-group-font-letter-spacing);
+  -webkit-text-decoration: var(--toggle-button-group-font-text-decoration);
+  text-decoration: var(--toggle-button-group-font-text-decoration);
+  text-transform: var(--toggle-button-group-font-text-transform);
+  padding-top: var(--toggle-button-group-padding-top);
+  padding-right: var(--toggle-button-group-padding-right);
+  padding-bottom: var(--toggle-button-group-padding-bottom);
+  padding-left: var(--toggle-button-group-padding-left);
+  gap: var(--toggle-button-group-gap);
+  transition-duration: var(--toggle-button-group-transition-duration);
+  transition-timing-function: var(--toggle-button-group-transition-mode);
+  transition-property: var(--toggle-button-group-transition-property);
+  background-color: var(--toggle-button-group-background-color);
+  border-color: var(--toggle-button-group-border-color);
+  color: var(--toggle-button-group-foreground-color);
+  border-width: var(--toggle-button-group-border-width);
+  border-radius: var(--toggle-button-group-border-radius);
+  border-style: var(--toggle-button-group-border-style);
+  grid-auto-columns: minmax(0, 1fr);
+  grid-auto-flow: column;
+  display: grid;
+}
+
+:host ::slotted(mosaik-toggle-button) {
+  --button-border-radius: 0;
+  --button-border-width: 0;
+}
+
+:host ::slotted(mosaik-toggle-button:focus) {
+  z-index: 1;
+}
+
+:host ::slotted(mosaik-toggle-button:hover) {
+  z-index: 2;
+}
+
+:host ::slotted(mosaik-toggle-button.first) {
+  border-start-start-radius: var(--toggle-button-group-border-radius);
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
+  border-end-start-radius: var(--toggle-button-group-border-radius);
+}
+
+:host ::slotted(mosaik-toggle-button.last) {
+  border-start-start-radius: 0;
+  border-start-end-radius: var(--toggle-button-group-border-radius);
+  border-end-end-radius: var(--toggle-button-group-border-radius);
+  border-end-start-radius: 0;
+}
+
+:host([disabled]:not([disabled="false"])) {
+  cursor: default;
+}
+
+:host([orientation="horizontal"]) {
+  grid-auto-flow: column;
+}
+
+:host([orientation="vertical"]) {
+  grid-auto-flow: row;
+}
+
+:host([orientation="vertical"]) ::slotted(mosaik-toggle-button.first) {
+  border-start-start-radius: var(--toggle-button-group-border-radius);
+  border-start-end-radius: var(--toggle-button-group-border-radius);
+  border-end-end-radius: 0;
+  border-end-start-radius: 0;
+}
+
+:host([orientation="vertical"]) ::slotted(mosaik-toggle-button.last) {
+  border-start-start-radius: 0;
+  border-start-end-radius: 0;
+  border-end-end-radius: var(--toggle-button-group-border-radius);
+  border-end-start-radius: var(--toggle-button-group-border-radius);
+}
+
+:host([appearance="outline"]) ::slotted(mosaik-toggle-button.inner), :host([appearance="outline"]) ::slotted(mosaik-toggle-button.last) {
+  border-left-width: var(--toggle-button-group-border-width);
+  border-left-style: solid;
+}
+
+:host([appearance="outline"][orientation="vertical"]) ::slotted(mosaik-toggle-button.inner), :host([appearance="outline"][orientation="vertical"]) ::slotted(mosaik-toggle-button.last) {
+  border-left-width: unset;
+  border-left-style: unset;
+  border-top-width: var(--toggle-button-group-border-width);
+  border-top-style: solid;
+}
+
+:host([appearance="plain"][orientation="vertical"]) ::slotted(mosaik-toggle-button.inner), :host([appearance="plain"][orientation="vertical"]) ::slotted(mosaik-toggle-button.last) {
+  border-left-width: unset;
+  border-left-style: unset;
+}
+
+:host([appearance="soft"]) {
+  --toggle-button-group-gap: 0;
+  --toggle-button-group-border-width: 0;
+}
+
+:host([appearance="soft"]) ::slotted(mosaik-toggle-button.inner), :host([appearance="soft"]) ::slotted(mosaik-toggle-button.last) {
+  border-left-style: solid;
+  border-left-width: 2px;
+}
+
+:host([appearance="soft"][orientation="vertical"]) ::slotted(mosaik-toggle-button.inner), :host([appearance="soft"][orientation="vertical"]) ::slotted(mosaik-toggle-button.last) {
+  border-left-width: unset;
+  border-left-style: unset;
+  border-top-style: solid;
+  border-top-width: 2px;
+}
+
+    `;
+}
+//# sourceMappingURL=ToggleButtonGroupElement.Cosmopolitan.js.map

package/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonGroupElement.Cosmopolitan.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonGroupElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonGroupElement.Cosmopolitan.ts"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,mBAAmB;AACnB,yCAAyC;AACzC,qGAAqG;AACrG,oBAAoB;AACpB,iFAAiF;AAEjF,kBAAkB;AAElB,OAAO,EAAE,GAAG,EAAkB,MAAM,wBAAwB,CAAC;AAE7D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,yCAAyC;IACrD,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAuKT,CAAC;AACN,CAAC"}

package/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonGroupElement.Joy.d.ts

@@ -0,0 +1,6 @@
+import { type CSSResult } from '../../../../../Dom/Css';
+/**
+ * @public
+ */
+export declare function toggleButtonGroupElementJoyStyle(): CSSResult;
+//# sourceMappingURL=ToggleButtonGroupElement.Joy.d.ts.map

package/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonGroupElement.Joy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleButtonGroupElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/ToggleButton/Themes/ToggleButtonGroupElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,gCAAgC,IAAI,SAAS,CAsW5D"}