@breadstone/mosaik-elements-foundation 0.0.31 → 0.0.33

package/Controls/Behaviors/TextFormattable.d.ts

@@ -1,8 +1,8 @@
 import type { CustomElement } from '../Components/Abstracts/CustomElement';
-import type { TextFormatter } from '../Types/TextFormatter';
+import { type TextFormatter } from '../Types/TextFormatter';
 import type { ControlBehaviorBase, ControlBehaviorReturn } from './Abstracts/Behavior';
 /**
- * Represents the `ITextFormattable` interface.
+ * Represents the `ITextFormattableProps` interface.
  *
  * @public
  */

package/Controls/Behaviors/TextFormattable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextFormattable.d.ts","sourceRoot":"","sources":["../../../src/Controls/Behaviors/TextFormattable.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAE3E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAIvF;;;;GAIG;AACH,MAAM,WAAW,qBAAqB;IAIlC,SAAS,EAAE,aAAa,GAAG,IAAI,CAAC;CAInC;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,mBAAmB,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,KAAG,qBAAqB,CAAC,CAAC,EAAE,qBAAqB,CAgDrI,CAAC"}
+{"version":3,"file":"TextFormattable.d.ts","sourceRoot":"","sources":["../../../src/Controls/Behaviors/TextFormattable.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAE3E,OAAO,EAAkB,KAAK,aAAa,EAAwB,MAAM,wBAAwB,CAAC;AAClG,OAAO,KAAK,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAIvF;;;;GAIG;AACH,MAAM,WAAW,qBAAqB;IAIlC,SAAS,EAAE,aAAa,GAAG,IAAI,CAAC;CAInC;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,mBAAmB,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,KAAG,qBAAqB,CAAC,CAAC,EAAE,qBAAqB,CAoErI,CAAC"}

package/Controls/Behaviors/TextFormattable.js

@@ -10,6 +10,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { Property } from '../Decorators/PropertyDecorator';
+import { TextFormatters } from '../Types/TextFormatter';
 /**
  * @public
  */
@@ -46,7 +47,24 @@ export const TextFormattable = (base) => {
         }
     }
     __decorate([
-        Property({ type: Object }),
+        Property({
+            type: Object,
+            converter: (value) => {
+                if (typeof value === 'function') {
+                    return value;
+                }
+                if (typeof value === 'string') {
+                    for (const [key, formatter] of Object.entries(TextFormatters)) {
+                        if (key.toLowerCase() === value.toLowerCase()) {
+                            value = formatter;
+                            break;
+                        }
+                    }
+                    return value;
+                }
+                return null;
+            }
+        }),
         __metadata("design:type", Object),
         __metadata("design:paramtypes", [Object])
     ], TextFormattableElement.prototype, "formatter", null);

package/Controls/Behaviors/TextFormattable.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextFormattable.js","sourceRoot":"","sources":["../../../src/Controls/Behaviors/TextFormattable.ts"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,kBAAkB;;;;;;;;;;AAGlB,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAqB3D;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAA+C,IAAO,EAAmD,EAAE;IACtI,MAAe,sBAAuB,SAAQ,IAAI;QAE9C,iBAAiB;QAET,UAAU,CAAuB;QAEzC,aAAa;QAEb,eAAe;QAEf;;;;WAIG;QACH,YAAmB,GAAG,IAAgB;YAClC,KAAK,CAAC,IAAI,CAAC,CAAC;YAEZ,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QAC3B,CAAC;QAED,aAAa;QAEb,qBAAqB;QAErB;;;;WAIG;QACH,IACW,SAAS;YAChB,OAAO,IAAI,CAAC,UAAU,CAAC;QAC3B,CAAC;QAED,IAAW,SAAS,CAAC,KAA2B;YAC5C,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE,CAAC;gBAC5B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;gBACxB,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;YACpC,CAAC;QACL,CAAC;KAIJ;IAdG;QAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;2DAG1B;IAaL,OAAO,sBAAsB,CAAC;AAClC,CAAC,CAAC"}
+{"version":3,"file":"TextFormattable.js","sourceRoot":"","sources":["../../../src/Controls/Behaviors/TextFormattable.ts"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,kBAAkB;;;;;;;;;;AAGlB,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,cAAc,EAA4C,MAAM,wBAAwB,CAAC;AAoBlG;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAA+C,IAAO,EAAmD,EAAE;IACtI,MAAe,sBAAuB,SAAQ,IAAI;QAE9C,iBAAiB;QAET,UAAU,CAAuB;QAEzC,aAAa;QAEb,eAAe;QAEf;;;;WAIG;QACH,YAAmB,GAAG,IAAgB;YAClC,KAAK,CAAC,IAAI,CAAC,CAAC;YAEZ,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QAC3B,CAAC;QAED,aAAa;QAEb,qBAAqB;QAErB;;;;WAIG;QACH,IAqBW,SAAS;YAChB,OAAO,IAAI,CAAC,UAAU,CAAC;QAC3B,CAAC;QAED,IAAW,SAAS,CAAC,KAA2B;YAC5C,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,EAAE,CAAC;gBAC5B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;gBACxB,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;YACpC,CAAC;QACL,CAAC;KAIJ;IAlCG;QAAC,QAAQ,CAAC;YACN,IAAI,EAAE,MAAM;YACZ,SAAS,EAAE,CAAC,KAAU,EAAwB,EAAE;gBAC5C,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE,CAAC;oBAC9B,OAAO,KAAwB,CAAC;gBACpC,CAAC;gBAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;oBAC5B,KAAK,MAAM,CAAC,GAAG,EAAE,SAAS,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;wBAC5D,IAAI,GAAG,CAAC,WAAW,EAAE,KAAK,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC;4BAC5C,KAAK,GAAG,SAAS,CAAC;4BAClB,MAAM;wBACV,CAAC;oBACL,CAAC;oBAED,OAAO,KAAsB,CAAC;gBAClC,CAAC;gBAED,OAAO,IAAI,CAAC;YAChB,CAAC;SACJ,CAAC;;;2DAGD;IAaL,OAAO,sBAAsB,CAAC;AAClC,CAAC,CAAC"}

package/Controls/Behaviors/TextOverflowable.d.ts

@@ -0,0 +1,16 @@
+import type { CustomElement } from '../Components/Abstracts/CustomElement';
+import { TextOverflow } from '../Types/TextOverflow';
+import type { ControlBehaviorBase, ControlBehaviorReturn } from './Abstracts/Behavior';
+/**
+ * Represents the `ITextOverflowableProps` interface.
+ *
+ * @public
+ */
+export interface ITextOverflowableProps {
+    textOverflow: TextOverflow;
+}
+/**
+ * @public
+ */
+export declare const TextOverflowable: <T extends ControlBehaviorBase<CustomElement>>(base: T) => ControlBehaviorReturn<T, ITextOverflowableProps>;
+//# sourceMappingURL=TextOverflowable.d.ts.map

package/Controls/Behaviors/TextOverflowable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextOverflowable.d.ts","sourceRoot":"","sources":["../../../src/Controls/Behaviors/TextOverflowable.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAE3E,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAIvF;;;;GAIG;AACH,MAAM,WAAW,sBAAsB;IAInC,YAAY,EAAE,YAAY,CAAC;CAI9B;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,mBAAmB,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,KAAG,qBAAqB,CAAC,CAAC,EAAE,sBAAsB,CAgDvI,CAAC"}

package/Controls/Behaviors/TextOverflowable.js

@@ -0,0 +1,57 @@
+/* eslint-disable @typescript-eslint/naming-convention */
+// #region Imports
+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 __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { Attribute } from '../Decorators/AttributeDecorator';
+import { TextOverflow } from '../Types/TextOverflow';
+/**
+ * @public
+ */
+export const TextOverflowable = (base) => {
+    class TextOverflowableElement extends base {
+        // #region Fields
+        _textOverflow;
+        // #endregion
+        // #region Ctor
+        /**
+         * Constructs a new instance of the `TextOverflowableElement` class.
+         *
+         * @public
+         */
+        constructor(...args) {
+            super(args);
+            this._textOverflow = TextOverflow.Truncate;
+        }
+        // #endregion
+        // #region Properties
+        /**
+         * Gets or sets the `textOverflow` property.
+         *
+         * @public
+         * @attr
+         */
+        get textOverflow() {
+            return this._textOverflow;
+        }
+        set textOverflow(value) {
+            if (this._textOverflow !== value) {
+                this._textOverflow = value;
+                this.requestUpdate('textOverflow');
+            }
+        }
+    }
+    __decorate([
+        Attribute({ type: TextOverflow }),
+        __metadata("design:type", String),
+        __metadata("design:paramtypes", [String])
+    ], TextOverflowableElement.prototype, "textOverflow", null);
+    return TextOverflowableElement;
+};
+//# sourceMappingURL=TextOverflowable.js.map

package/Controls/Behaviors/TextOverflowable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextOverflowable.js","sourceRoot":"","sources":["../../../src/Controls/Behaviors/TextOverflowable.ts"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,kBAAkB;;;;;;;;;;AAGlB,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAoBrD;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAA+C,IAAO,EAAoD,EAAE;IACxI,MAAe,uBAAwB,SAAQ,IAAI;QAE/C,iBAAiB;QAET,aAAa,CAAe;QAEpC,aAAa;QAEb,eAAe;QAEf;;;;WAIG;QACH,YAAmB,GAAG,IAAgB;YAClC,KAAK,CAAC,IAAI,CAAC,CAAC;YAEZ,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC;QAC/C,CAAC;QAED,aAAa;QAEb,qBAAqB;QAErB;;;;;WAKG;QACH,IACW,YAAY;YACnB,OAAO,IAAI,CAAC,aAAa,CAAC;QAC9B,CAAC;QACD,IAAW,YAAY,CAAC,KAAmB;YACvC,IAAI,IAAI,CAAC,aAAa,KAAK,KAAK,EAAE,CAAC;gBAC/B,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;gBAC3B,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;YACvC,CAAC;QACL,CAAC;KAIJ;IAbG;QAAC,SAAS,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;;;+DAGjC;IAYL,OAAO,uBAAuB,CAAC;AACnC,CAAC,CAAC"}

package/Controls/Components/Abstracts/CustomElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomElement.d.ts","sourceRoot":"","sources":["../../../../src/Controls/Components/Abstracts/CustomElement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"CustomElement.d.ts","sourceRoot":"","sources":["../../../../src/Controls/Components/Abstracts/CustomElement.ts"],"names":[],"mappings":"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"}

package/Controls/Components/Abstracts/CustomElement.js

@@ -262,6 +262,7 @@ export class CustomElement extends LitElement {
      */
     getTemplatePart(name) {
         let root = null;
+        const owner = this.localName || this.tagName;
         if (this.renderRoot !== this.shadowRoot) {
             root = this.renderRoot;
         }
@@ -269,12 +270,12 @@ export class CustomElement extends LitElement {
             root = this.shadowRoot;
         }
         if (!this.isConnected) {
-            const msg = 'Cannot access any template child because the element is not connected to the DOM.';
+            const msg = `Cannot access any template child because the element '${name}' is not connected to the DOM.`;
             throw new Error(msg);
         }
         const child = DomServiceLocator.current.findDescendant(root, `[part="${name}"]`);
         if (!child) {
-            const msg = `The template child with name '${name}' not found.\nCheck the 'part' attribute of the child element.\ne.g. <div part="${name}"></div>\n`;
+            const msg = `The template child with name '${name}' not found in ${owner}.\nCheck the 'part' attribute of the child element.\ne.g. <div part="${name}"></div>\n`;
             throw new Error(msg);
         }
         return child;

package/Controls/Components/Abstracts/CustomElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomElement.js","sourceRoot":"","sources":["../../../../src/Controls/Components/Abstracts/CustomElement.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"CustomElement.js","sourceRoot":"","sources":["../../../../src/Controls/Components/Abstracts/CustomElement.ts"],"names":[],"mappings":"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"}

package/Controls/Components/Buttons/Anchor/Themes/AnchorElement.Cosmopolitan.js

@@ -13,25 +13,25 @@ import { css } from '../../../../../Dom/Css';
 export function anchorElementCosmopolitanStyle() {
     return css `
 :host {
+  --anchor-background-color: var(--cosmopolitan-scheme-background);
+  --anchor-border-color: var(--cosmopolitan-scheme-highlight);
   --anchor-font-family: var(--cosmopolitan-typography-content-font-family);
-  --anchor-font-size: var(--cosmopolitan-typography-content-font-size);
-  --anchor-font-line-height: var(--cosmopolitan-typography-content-line-height);
-  --anchor-font-weight: var(--cosmopolitan-typography-content-font-weight);
   --anchor-font-letter-spacing: var(--cosmopolitan-typography-content-letter-spacing);
+  --anchor-font-line-height: var(--cosmopolitan-typography-content-line-height);
+  --anchor-font-size: var(--cosmopolitan-typography-content-font-size);
   --anchor-font-text-decoration: var(--cosmopolitan-typography-content-text-decoration);
   --anchor-font-text-transform: var(--cosmopolitan-typography-content-text-transform);
-  --anchor-padding-top: unset;
-  --anchor-padding-right: unset;
+  --anchor-font-weight: var(--cosmopolitan-typography-content-font-weight);
+  --anchor-foreground-color: var(--cosmopolitan-scheme-foreground);
+  --anchor-gap: unset;
   --anchor-padding-bottom: unset;
   --anchor-padding-left: unset;
-  --anchor-gap: unset;
+  --anchor-padding-right: unset;
+  --anchor-padding-top: unset;
   --anchor-transition-duration: .2s;
   --anchor-transition-mode: ease;
   --anchor-transition-property: background-color, color, border-color, opacity, box-shadow;
   --anchor-translate: unset;
-  --anchor-background-color: var(--cosmopolitan-scheme-background);
-  --anchor-border-color: var(--cosmopolitan-scheme-highlight);
-  --anchor-foreground-color: var(--cosmopolitan-scheme-foreground);
 }
 
 @media screen and (prefers-reduced-motion: reduce) {

package/Controls/Components/Buttons/Anchor/Themes/AnchorElement.Joy.js

@@ -13,25 +13,25 @@ import { css } from '../../../../../Dom/Css';
 export function anchorElementJoyStyle() {
     return css `
 :host {
+  --anchor-background-color: var(--joy-scheme-background);
+  --anchor-border-color: var(--joy-scheme-highlight);
   --anchor-font-family: var(--joy-typography-button-font-family);
-  --anchor-font-size: var(--joy-typography-button-font-size);
-  --anchor-font-line-height: var(--joy-typography-button-line-height);
-  --anchor-font-weight: var(--joy-typography-button-font-weight);
   --anchor-font-letter-spacing: var(--joy-typography-button-letter-spacing);
+  --anchor-font-line-height: var(--joy-typography-button-line-height);
+  --anchor-font-size: var(--joy-typography-button-font-size);
   --anchor-font-text-decoration: var(--joy-typography-button-text-decoration);
   --anchor-font-text-transform: var(--joy-typography-button-text-transform);
-  --anchor-padding-top: unset;
-  --anchor-padding-right: unset;
+  --anchor-font-weight: var(--joy-typography-button-font-weight);
+  --anchor-foreground-color: var(--joy-scheme-foreground);
+  --anchor-gap: unset;
   --anchor-padding-bottom: unset;
   --anchor-padding-left: unset;
-  --anchor-gap: unset;
+  --anchor-padding-right: unset;
+  --anchor-padding-top: unset;
   --anchor-transition-duration: .2s;
   --anchor-transition-mode: ease;
   --anchor-transition-property: background-color, color, border-color, opacity, box-shadow;
   --anchor-translate: unset;
-  --anchor-background-color: var(--joy-scheme-background);
-  --anchor-border-color: var(--joy-scheme-highlight);
-  --anchor-foreground-color: var(--joy-scheme-foreground);
 }
 
 @media screen and (prefers-reduced-motion: reduce) {

package/Controls/Components/Buttons/Anchor/Themes/AnchorElement.Retro.js

@@ -13,25 +13,25 @@ import { css } from '../../../../../Dom/Css';
 export function anchorElementRetroStyle() {
     return css `
 :host {
+  --anchor-background-color: var(--retro-scheme-background);
+  --anchor-border-color: var(--retro-scheme-highlight);
   --anchor-font-family: var(--retro-font-family);
-  --anchor-font-size: var(--retro-typography-button-font-size);
-  --anchor-font-line-height: var(--retro-typography-button-line-height);
-  --anchor-font-weight: var(--retro-typography-button-font-weight);
   --anchor-font-letter-spacing: var(--retro-typography-button-letter-spacing);
+  --anchor-font-line-height: var(--retro-typography-button-line-height);
+  --anchor-font-size: var(--retro-typography-button-font-size);
   --anchor-font-text-decoration: var(--retro-typography-button-text-decoration);
   --anchor-font-text-transform: var(--retro-typography-button-text-transform);
-  --anchor-padding-top: unset;
-  --anchor-padding-right: unset;
+  --anchor-font-weight: var(--retro-typography-button-font-weight);
+  --anchor-foreground-color: var(--retro-scheme-foreground);
+  --anchor-gap: unset;
   --anchor-padding-bottom: unset;
   --anchor-padding-left: unset;
-  --anchor-gap: unset;
+  --anchor-padding-right: unset;
+  --anchor-padding-top: unset;
   --anchor-transition-duration: .2s;
   --anchor-transition-mode: ease;
   --anchor-transition-property: background-color, color, border-color, opacity, box-shadow;
   --anchor-translate: unset;
-  --anchor-background-color: var(--retro-scheme-background);
-  --anchor-border-color: var(--retro-scheme-highlight);
-  --anchor-foreground-color: var(--retro-scheme-foreground);
 }
 
 @media screen and (prefers-reduced-motion: reduce) {

package/Controls/Components/Buttons/Button/ButtonElementTemplate.js

@@ -55,7 +55,7 @@ export function buttonElementTemplate(e) {
         ${when(e.isBusy, () => html `
         <mosaik-progress-ring part="progressRing"
                               .thickness="${styleSheetVar('--button-progress-thickness')}"
-                              .radius="${12}"
+                              .radius="${'12px'}"
                               .variant="${e.variant}"
                               .isIndeterminate="${true}"
                               ?disabled="${e.disabled}"></mosaik-progress-ring>

package/Controls/Components/Buttons/Button/ButtonElementTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/Button/ButtonElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAG3D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,qBAAqB,CAA0B,CAAI;IAC/D,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;UACxB,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;uCAEC,CAAC,CAAC,OAAO;uCACT,CAAC,CAAC,SAAS;0CACR,QAAQ;mCACf,QAAQ;SAClC,CAAC;;;wBAGc,CAAC,CAAC,IAAI;cAChB,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;uCAEH,CAAC,CAAC,OAAO;mCACb,QAAQ;aAC9B,CAAC;0CAC4B,CAAC,CAAC,WAAW;gDACP,CAAC,CAAC,wBAAwB;kDACxB,CAAC,CAAC,0BAA0B;kCAC5C,aAAa,CAAC,cAAc,CAAC;sCACzB,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,KAAK;;kBAEzD,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;gDAEO,UAAU,CAAC,KAAK;6CACnB,CAAC,CAAC,OAAO;0CACZ,CAAC,CAAC,IAAI;0CACN,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI;4CAClB,IAAI;8CACF,CAAC,CAAC,QAAQ;iBACvC,CAAC;;;kBAGA,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;0CAEA,CAAC,CAAC,KAAK;6CACJ,CAAC,CAAC,OAAO;8CACR,CAAC,CAAC,QAAQ;iBACvC,CAAC;;;;UAIR,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;4CAES,aAAa,CAAC,6BAA6B,CAAC;yCAC/C,EAAE;0CACD,CAAC,CAAC,OAAO;kDACD,IAAI;2CACX,CAAC,CAAC,QAAQ;SAC5C,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;mBAEL,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;kBAClB,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC;qBACb,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;yCACC,CAAC,CAAC,WAAW;gDACN,CAAC,CAAC,wBAAwB;kDACxB,CAAC,CAAC,0BAA0B;kCAC5C,aAAa,CAAC,cAAc,CAAC;sCACzB,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,KAAK;;sBAErD,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;gDAEG,UAAU,CAAC,KAAK;6CACnB,CAAC,CAAC,OAAO;0CACZ,CAAC,CAAC,IAAI;0CACN,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI;4CAClB,IAAI;8CACF,CAAC,CAAC,QAAQ;qBACnC,CAAC;;;sBAGA,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;0CAEJ,CAAC,CAAC,KAAK;6CACJ,CAAC,CAAC,OAAO;8CACR,CAAC,CAAC,QAAQ;qBACnC,CAAC;;;;SAIb,CAAC;;KAEL,CAAC;AACN,CAAC"}
+{"version":3,"file":"ButtonElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Buttons/Button/ButtonElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAG3D,aAAa;AAEb;;GAEG;AACH,MAAM,UAAU,qBAAqB,CAA0B,CAAI;IAC/D,OAAO,IAAI,CAAA;UACL,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;UACxB,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;uCAEC,CAAC,CAAC,OAAO;uCACT,CAAC,CAAC,SAAS;0CACR,QAAQ;mCACf,QAAQ;SAClC,CAAC;;;wBAGc,CAAC,CAAC,IAAI;cAChB,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;uCAEH,CAAC,CAAC,OAAO;mCACb,QAAQ;aAC9B,CAAC;0CAC4B,CAAC,CAAC,WAAW;gDACP,CAAC,CAAC,wBAAwB;kDACxB,CAAC,CAAC,0BAA0B;kCAC5C,aAAa,CAAC,cAAc,CAAC;sCACzB,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,KAAK;;kBAEzD,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;gDAEO,UAAU,CAAC,KAAK;6CACnB,CAAC,CAAC,OAAO;0CACZ,CAAC,CAAC,IAAI;0CACN,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI;4CAClB,IAAI;8CACF,CAAC,CAAC,QAAQ;iBACvC,CAAC;;;kBAGA,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;0CAEA,CAAC,CAAC,KAAK;6CACJ,CAAC,CAAC,OAAO;8CACR,CAAC,CAAC,QAAQ;iBACvC,CAAC;;;;UAIR,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;4CAES,aAAa,CAAC,6BAA6B,CAAC;yCAC/C,MAAM;0CACL,CAAC,CAAC,OAAO;kDACD,IAAI;2CACX,CAAC,CAAC,QAAQ;SAC5C,CAAC,EAAE,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;mBAEL,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;kBAClB,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC;qBACb,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;yCACC,CAAC,CAAC,WAAW;gDACN,CAAC,CAAC,wBAAwB;kDACxB,CAAC,CAAC,0BAA0B;kCAC5C,aAAa,CAAC,cAAc,CAAC;sCACzB,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,KAAK;;sBAErD,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;gDAEG,UAAU,CAAC,KAAK;6CACnB,CAAC,CAAC,OAAO;0CACZ,CAAC,CAAC,IAAI;0CACN,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI;4CAClB,IAAI;8CACF,CAAC,CAAC,QAAQ;qBACnC,CAAC;;;sBAGA,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;0CAEJ,CAAC,CAAC,KAAK;6CACJ,CAAC,CAAC,OAAO;8CACR,CAAC,CAAC,QAAQ;qBACnC,CAAC;;;;SAIb,CAAC;;KAEL,CAAC;AACN,CAAC"}

package/Controls/Components/Buttons/Button/Themes/ButtonElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,SAAS,CA0R1D"}
+{"version":3,"file":"ButtonElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,8BAA8B,IAAI,SAAS,CAuS1D"}

package/Controls/Components/Buttons/Button/Themes/ButtonElement.Cosmopolitan.js

@@ -13,31 +13,36 @@ import { css } from '../../../../../Dom/Css';
 export function buttonElementCosmopolitanStyle() {
     return css `
 :host {
+  --button-background-color: var(--cosmopolitan-scheme-background);
+  --button-border-color: var(--cosmopolitan-scheme-highlight);
+  --button-border-radius: var(--cosmopolitan-layout-radius);
+  --button-border-style: solid;
+  --button-border-width: var(--cosmopolitan-layout-thickness);
+  --button-focus-ring-active-width: 8px;
+  --button-focus-ring-color: var(--cosmopolitan-scheme-highlight);
+  --button-focus-ring-inward-offset: 2px;
+  --button-focus-ring-outward-offset: 2px;
   --button-font-family: var(--cosmopolitan-typography-button-font-family);
-  --button-font-size: var(--cosmopolitan-typography-button-font-size);
-  --button-font-line-height: var(--cosmopolitan-typography-button-line-height);
-  --button-font-weight: var(--cosmopolitan-typography-button-font-weight);
   --button-font-letter-spacing: var(--cosmopolitan-typography-button-letter-spacing);
+  --button-font-line-height: var(--cosmopolitan-typography-button-line-height);
+  --button-font-size: var(--cosmopolitan-typography-button-font-size);
   --button-font-text-decoration: var(--cosmopolitan-typography-button-text-decoration);
   --button-font-text-transform: var(--cosmopolitan-typography-button-text-transform);
-  --button-padding-top: var(--cosmopolitan-layout-space);
-  --button-padding-right: var(--cosmopolitan-layout-space);
+  --button-font-weight: var(--cosmopolitan-typography-button-font-weight);
+  --button-foreground-color: var(--cosmopolitan-scheme-foreground);
+  --button-gap: var(--cosmopolitan-layout-space);
+  --button-height: auto;
   --button-padding-bottom: var(--cosmopolitan-layout-space);
   --button-padding-left: var(--cosmopolitan-layout-space);
-  --button-gap: var(--cosmopolitan-layout-space);
+  --button-padding-right: var(--cosmopolitan-layout-space);
+  --button-padding-top: var(--cosmopolitan-layout-space);
+  --button-progress-thickness: var(--cosmopolitan-layout-thickness);
+  --button-ripple-color: unset;
+  --button-ripple-duration: .2s;
   --button-transition-duration: var(--cosmopolitan-layout-transition);
   --button-transition-mode: ease;
   --button-transition-property: background-color, color, border-color, opacity, box-shadow;
   --button-translate: unset;
-  --button-background-color: var(--cosmopolitan-scheme-background);
-  --button-border-color: var(--cosmopolitan-scheme-highlight);
-  --button-border-radius: var(--cosmopolitan-layout-radius);
-  --button-border-style: solid;
-  --button-border-width: var(--cosmopolitan-layout-thickness);
-  --button-focus-ring-color: var(--cosmopolitan-scheme-highlight);
-  --button-foreground-color: var(--cosmopolitan-scheme-foreground);
-  --button-height: auto;
-  --button-progress-thickness: var(--cosmopolitan-layout-thickness);
   --button-width: auto;
 }
 
@@ -92,6 +97,14 @@ export function buttonElementCosmopolitanStyle() {
 
 :host [part="focusRing"] {
   --focus-ring-color: var(--button-focus-ring-color);
+  --focus-ring-active-width: var(--button-focus-ring-active-width);
+  --focus-ring-inward-offset: var(--button-focus-ring-inward-offset);
+  --focus-ring-outward-offset: var(--button-focus-ring-outward-offset);
+}
+
+:host [part="ripple"] {
+  --ripple-background-color: var(--button-ripple-color);
+  --ripple-duration: var(--button-ripple-duration);
 }
 
 :host [part="button"] {

package/Controls/Components/Buttons/Button/Themes/ButtonElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonElement.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,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAwRT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ButtonElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonElement.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,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAqST,CAAC;AACN,CAAC"}

package/Controls/Components/Buttons/Button/Themes/ButtonElement.Joy.d.ts.map

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

package/Controls/Components/Buttons/Button/Themes/ButtonElement.Joy.js

@@ -13,31 +13,36 @@ import { css } from '../../../../../Dom/Css';
 export function buttonElementJoyStyle() {
     return css `
 :host {
+  --button-background-color: var(--joy-scheme-background);
+  --button-border-color: var(--joy-scheme-highlight);
+  --button-border-radius: var(--joy-layout-radius);
+  --button-border-style: solid;
+  --button-border-width: var(--joy-layout-thickness);
+  --button-focus-ring-active-width: 8px;
+  --button-focus-ring-color: var(--joy-scheme-highlight);
+  --button-focus-ring-inward-offset: 2px;
+  --button-focus-ring-outward-offset: 2px;
   --button-font-family: var(--joy-typography-button-font-family);
-  --button-font-size: var(--joy-typography-button-font-size);
-  --button-font-line-height: var(--joy-typography-button-line-height);
-  --button-font-weight: var(--joy-typography-button-font-weight);
   --button-font-letter-spacing: var(--joy-typography-button-letter-spacing);
+  --button-font-line-height: var(--joy-typography-button-line-height);
+  --button-font-size: var(--joy-typography-button-font-size);
   --button-font-text-decoration: var(--joy-typography-button-text-decoration);
   --button-font-text-transform: var(--joy-typography-button-text-transform);
-  --button-padding-top: var(--joy-layout-space);
-  --button-padding-right: var(--joy-layout-space);
+  --button-font-weight: var(--joy-typography-button-font-weight);
+  --button-foreground-color: var(--joy-scheme-foreground);
+  --button-gap: var(--joy-layout-space);
+  --button-height: calc(var(--joy-layout-space) * 5 - var(--joy-layout-space) / 2);
   --button-padding-bottom: var(--joy-layout-space);
   --button-padding-left: var(--joy-layout-space);
-  --button-gap: var(--joy-layout-space);
+  --button-padding-right: var(--joy-layout-space);
+  --button-padding-top: var(--joy-layout-space);
+  --button-progress-thickness: var(--joy-layout-thickness);
+  --button-ripple-color: unset;
+  --button-ripple-duration: .2s;
   --button-transition-duration: var(--joy-layout-transition);
   --button-transition-mode: ease;
   --button-transition-property: background-color, color, border-color, opacity, box-shadow, translate;
   --button-translate: none;
-  --button-background-color: var(--joy-scheme-background);
-  --button-border-color: var(--joy-scheme-highlight);
-  --button-border-radius: var(--joy-layout-radius);
-  --button-border-style: solid;
-  --button-border-width: var(--joy-layout-thickness);
-  --button-focus-ring-color: var(--joy-scheme-highlight);
-  --button-foreground-color: var(--joy-scheme-foreground);
-  --button-height: calc(var(--joy-layout-space) * 5 - var(--joy-layout-space) / 2);
-  --button-progress-thickness: var(--joy-layout-thickness);
   --button-width: auto;
 }
 
@@ -92,6 +97,14 @@ export function buttonElementJoyStyle() {
 
 :host [part="focusRing"] {
   --focus-ring-color: var(--button-focus-ring-color);
+  --focus-ring-active-width: var(--button-focus-ring-active-width);
+  --focus-ring-inward-offset: var(--button-focus-ring-inward-offset);
+  --focus-ring-outward-offset: var(--button-focus-ring-outward-offset);
+}
+
+:host [part="ripple"] {
+  --ripple-background-color: var(--button-ripple-color);
+  --ripple-duration: var(--button-ripple-duration);
 }
 
 :host [part="button"] {

package/Controls/Components/Buttons/Button/Themes/ButtonElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonElement.Joy.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,qBAAqB;IACjC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAotBT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ButtonElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonElement.Joy.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,qBAAqB;IACjC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiuBT,CAAC;AACN,CAAC"}

package/Controls/Components/Buttons/Button/Themes/ButtonElement.Retro.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CAigBnD"}
+{"version":3,"file":"ButtonElement.Retro.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonElement.Retro.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CA8gBnD"}

package/Controls/Components/Buttons/Button/Themes/ButtonElement.Retro.js

@@ -13,36 +13,41 @@ import { css } from '../../../../../Dom/Css';
 export function buttonElementRetroStyle() {
     return css `
 :host {
-  --button-font-family: var(--retro-typography-button-font-family);
-  --button-font-size: var(--retro-typography-button-font-size);
-  --button-font-line-height: var(--retro-typography-button-line-height);
-  --button-font-weight: var(--retro-typography-button-font-weight);
-  --button-font-letter-spacing: var(--retro-typography-button-letter-spacing);
-  --button-font-text-decoration: var(--retro-typography-button-text-decoration);
-  --button-font-text-transform: var(--retro-typography-button-text-transform);
-  --button-padding-top: var(--retro-layout-space);
-  --button-padding-right: var(--retro-layout-space);
-  --button-padding-bottom: var(--retro-layout-space);
-  --button-padding-left: var(--retro-layout-space);
-  --button-gap: var(--retro-layout-space);
-  --button-transition-duration: var(--retro-layout-transition);
-  --button-transition-mode: ease;
-  --button-transition-property: background-color, color, border-color, opacity, box-shadow, translate;
-  --button-translate: none;
   --button-background-color: var(--retro-scheme-background);
   --button-border-color: var(--retro-scheme-contrast);
   --button-border-radius: var(--retro-layout-radius);
   --button-border-style: solid;
   --button-border-width: var(--retro-layout-thickness);
+  --button-focus-ring-active-width: 8px;
   --button-focus-ring-color: var(--retro-scheme-highlight);
+  --button-focus-ring-inward-offset: 2px;
+  --button-focus-ring-outward-offset: 2px;
+  --button-font-family: var(--retro-typography-button-font-family);
+  --button-font-letter-spacing: var(--retro-typography-button-letter-spacing);
+  --button-font-line-height: var(--retro-typography-button-line-height);
+  --button-font-size: var(--retro-typography-button-font-size);
+  --button-font-text-decoration: var(--retro-typography-button-text-decoration);
+  --button-font-text-transform: var(--retro-typography-button-text-transform);
+  --button-font-weight: var(--retro-typography-button-font-weight);
   --button-foreground-color: var(--retro-scheme-foreground);
+  --button-gap: var(--retro-layout-space);
   --button-height: calc(var(--retro-layout-space) * 5 - var(--retro-layout-space) / 2);
+  --button-padding-bottom: var(--retro-layout-space);
+  --button-padding-left: var(--retro-layout-space);
+  --button-padding-right: var(--retro-layout-space);
+  --button-padding-top: var(--retro-layout-space);
   --button-progress-thickness: var(--retro-layout-thickness);
+  --button-ripple-color: unset;
+  --button-ripple-duration: .2s;
   --button-shadow-blur: var(--retro-elevation-semilight-blur-0);
   --button-shadow-color: var(--retro-elevation-semilight-color-0);
   --button-shadow-offset-x: var(--retro-elevation-semilight-offset-x-0);
   --button-shadow-offset-y: var(--retro-elevation-semilight-offset-y-0);
   --button-shadow-spread: var(--retro-elevation-semilight-spread-0);
+  --button-transition-duration: var(--retro-layout-transition);
+  --button-transition-mode: ease;
+  --button-transition-property: background-color, color, border-color, opacity, box-shadow, translate;
+  --button-translate: none;
   --button-width: auto;
 }
 
@@ -101,6 +106,14 @@ export function buttonElementRetroStyle() {
 
 :host [part="focusRing"] {
   --focus-ring-color: var(--button-focus-ring-color);
+  --focus-ring-active-width: var(--button-focus-ring-active-width);
+  --focus-ring-inward-offset: var(--button-focus-ring-inward-offset);
+  --focus-ring-outward-offset: var(--button-focus-ring-outward-offset);
+}
+
+:host [part="ripple"] {
+  --ripple-background-color: var(--button-ripple-color);
+  --ripple-duration: var(--button-ripple-duration);
 }
 
 :host [part="button"] {

package/Controls/Components/Buttons/Button/Themes/ButtonElement.Retro.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonElement.Retro.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,uBAAuB;IACnC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+fT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ButtonElement.Retro.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Buttons/Button/Themes/ButtonElement.Retro.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,uBAAuB;IACnC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4gBT,CAAC;AACN,CAAC"}