@breadstone/mosaik-elements-foundation 0.0.220 → 0.0.222

package/Controls/Behaviors/Stickable.js

@@ -28,7 +28,7 @@ export const Stickable = (base) => {
          */
         constructor(...args) {
             super(args);
-            this._isSticky = false;
+            this._isSticky = IStickableProps.DEFAULTS.isSticky;
         }
         // #endregion
         // #region Properties
@@ -80,4 +80,13 @@ export const Stickable = (base) => {
     ], StickableElement.prototype, "onIsStickyChanged", null);
     return StickableElement;
 };
+/**
+ * @public
+ */
+export var IStickableProps;
+(function (IStickableProps) {
+    IStickableProps.DEFAULTS = {
+        isSticky: false
+    };
+})(IStickableProps || (IStickableProps = {}));
 //# sourceMappingURL=Stickable.js.map

package/Controls/Behaviors/Stickable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stickable.js","sourceRoot":"","sources":["../../../src/Controls/Behaviors/Stickable.ts"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAoBrD;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAA+C,IAAO,EAA6C,EAAE;IAC1H,MAAe,gBAAiB,SAAQ,IAAI;QAExC,iBAAiB;QAET,SAAS,CAAU;QAE3B,aAAa;QAEb,eAAe;QAEf;;;;WAIG;QACH,YAAmB,GAAG,IAAgB;YAClC,KAAK,CAAC,IAAI,CAAC,CAAC;YAEZ,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QAC3B,CAAC;QAED,aAAa;QAEb,qBAAqB;QAErB;;;;;;WAMG;QACH,IAIW,QAAQ;YACf,OAAO,IAAI,CAAC,SAAS,CAAC;QAC1B,CAAC;QAED,IAAW,QAAQ,CAAC,KAAc;YAC9B,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;gBAC3B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;gBACvB,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;YACnC,CAAC;QACL,CAAC;QAED,aAAa;QAEb,kBAAkB;QAElB;;WAEG;QAEO,iBAAiB,CAAC,IAAc,EAAE,IAAc;YACtD,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;gBAChB,IAAI,IAAI,EAAE,CAAC;oBACP,sBAAsB,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;gBAC5D,CAAC;YACL,CAAC;YAED,IAAI,CAAC,IAAI,EAAE,CAAC;gBACR,sBAAsB,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;YAC/D,CAAC;QACL,CAAC;KAIJ;IArCG;QAAC,SAAS,CAAC;YACP,IAAI,EAAE,OAAO;YACb,UAAU,EAAE,IAAI;SACnB,CAAC;;;oDAGD;IAiBS;QADT,KAAK,CAAC,UAAU,CAAC;;;;6DAWjB;IAML,OAAO,gBAAgB,CAAC;AAC5B,CAAC,CAAC"}
+{"version":3,"file":"Stickable.js","sourceRoot":"","sources":["../../../src/Controls/Behaviors/Stickable.ts"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAoBrD;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAA+C,IAAO,EAA6C,EAAE;IAC1H,MAAe,gBAAiB,SAAQ,IAAI;QAExC,iBAAiB;QAET,SAAS,CAAU;QAE3B,aAAa;QAEb,eAAe;QAEf;;;;WAIG;QACH,YAAmB,GAAG,IAAgB;YAClC,KAAK,CAAC,IAAI,CAAC,CAAC;YAEZ,IAAI,CAAC,SAAS,GAAG,eAAe,CAAC,QAAQ,CAAC,QAAQ,CAAC;QACvD,CAAC;QAED,aAAa;QAEb,qBAAqB;QAErB;;;;;;WAMG;QACH,IAIW,QAAQ;YACf,OAAO,IAAI,CAAC,SAAS,CAAC;QAC1B,CAAC;QAED,IAAW,QAAQ,CAAC,KAAc;YAC9B,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;gBAC3B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;gBACvB,IAAI,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;YACnC,CAAC;QACL,CAAC;QAED,aAAa;QAEb,kBAAkB;QAElB;;WAEG;QAEO,iBAAiB,CAAC,IAAc,EAAE,IAAc;YACtD,IAAI,IAAI,KAAK,IAAI,EAAE,CAAC;gBAChB,IAAI,IAAI,EAAE,CAAC;oBACP,sBAAsB,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;gBAC5D,CAAC;YACL,CAAC;YAED,IAAI,CAAC,IAAI,EAAE,CAAC;gBACR,sBAAsB,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;YAC/D,CAAC;QACL,CAAC;KAIJ;IArCG;QAAC,SAAS,CAAC;YACP,IAAI,EAAE,OAAO;YACb,UAAU,EAAE,IAAI;SACnB,CAAC;;;oDAGD;IAiBS;QADT,KAAK,CAAC,UAAU,CAAC;;;;6DAWjB;IAML,OAAO,gBAAgB,CAAC;AAC5B,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,KAAW,eAAe,CAI/B;AAJD,WAAiB,eAAe;IACf,wBAAQ,GAAoB;QACrC,QAAQ,EAAE,KAAK;KAClB,CAAC;AACN,CAAC,EAJgB,eAAe,KAAf,eAAe,QAI/B"}

package/Controls/Behaviors/TextFormattable.d.ts

@@ -13,4 +13,10 @@ export interface ITextFormattableProps {
  * @public
  */
 export declare const TextFormattable: <T extends ControlBehaviorBase<CustomElement>>(base: T) => ControlBehaviorReturn<T, ITextFormattableProps>;
+/**
+ * @public
+ */
+export declare namespace ITextFormattableProps {
+    const DEFAULTS: ITextFormattableProps;
+}
 //# sourceMappingURL=TextFormattable.d.ts.map

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,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,CAgFrI,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,CAgFrI,CAAC;AAEF;;GAEG;AACH,yBAAiB,qBAAqB,CAAC;IAC5B,MAAM,QAAQ,EAAE,qBAEtB,CAAC;CACL"}

package/Controls/Behaviors/TextFormattable.js

@@ -27,7 +27,7 @@ export const TextFormattable = (base) => {
          */
         constructor(...args) {
             super(args);
-            this._formatter = null;
+            this._formatter = ITextFormattableProps.DEFAULTS.formatter;
         }
         // #endregion
         // #region Properties
@@ -80,4 +80,13 @@ export const TextFormattable = (base) => {
     ], TextFormattableElement.prototype, "formatter", null);
     return TextFormattableElement;
 };
+/**
+ * @public
+ */
+export var ITextFormattableProps;
+(function (ITextFormattableProps) {
+    ITextFormattableProps.DEFAULTS = {
+        formatter: null
+    };
+})(ITextFormattableProps || (ITextFormattableProps = {}));
 //# sourceMappingURL=TextFormattable.js.map

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;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;;;;;WAKG;QACH,IAqBW,SAAS;YAChB,OAAO,IAAI,CAAC,UAAU,CAAC;QAC3B,CAAC;QAED,IAAW,SAAS,CAAC,KAA2B;YAC5C,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;gBAC5B,KAAK,MAAM,CAAC,GAAG,EAAE,SAAS,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;oBAC5D,IAAI,GAAG,CAAC,WAAW,EAAE,KAAK,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC;wBAC5C,KAAK,GAAG,SAAS,CAAC;wBAClB,MAAM;oBACV,CAAC;gBACL,CAAC;gBAED,KAAK,GAAG,KAAsB,CAAC;YACnC,CAAC;YAED,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;IA7CG;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;IAwBL,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,qBAAqB,CAAC,QAAQ,CAAC,SAAS,CAAC;QAC/D,CAAC;QAED,aAAa;QAEb,qBAAqB;QAErB;;;;;WAKG;QACH,IAqBW,SAAS;YAChB,OAAO,IAAI,CAAC,UAAU,CAAC;QAC3B,CAAC;QAED,IAAW,SAAS,CAAC,KAA2B;YAC5C,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;gBAC5B,KAAK,MAAM,CAAC,GAAG,EAAE,SAAS,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;oBAC5D,IAAI,GAAG,CAAC,WAAW,EAAE,KAAK,KAAK,CAAC,WAAW,EAAE,EAAE,CAAC;wBAC5C,KAAK,GAAG,SAAS,CAAC;wBAClB,MAAM;oBACV,CAAC;gBACL,CAAC;gBAED,KAAK,GAAG,KAAsB,CAAC;YACnC,CAAC;YAED,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;IA7CG;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;IAwBL,OAAO,sBAAsB,CAAC;AAClC,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,KAAW,qBAAqB,CAIrC;AAJD,WAAiB,qBAAqB;IACrB,8BAAQ,GAA0B;QAC3C,SAAS,EAAE,IAAI;KAClB,CAAC;AACN,CAAC,EAJgB,qBAAqB,KAArB,qBAAqB,QAIrC"}

package/Controls/Behaviors/TextOverflowable.d.ts

@@ -13,4 +13,10 @@ export interface ITextOverflowableProps {
  * @public
  */
 export declare const TextOverflowable: <T extends ControlBehaviorBase<CustomElement>>(base: T) => ControlBehaviorReturn<T, ITextOverflowableProps>;
+/**
+ * @public
+ */
+export declare namespace ITextOverflowableProps {
+    const DEFAULTS: ITextOverflowableProps;
+}
 //# sourceMappingURL=TextOverflowable.d.ts.map

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

@@ -1 +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,CAiDvI,CAAC"}
+{"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,CAiDvI,CAAC;AAEF;;GAEG;AACH,yBAAiB,sBAAsB,CAAC;IAC7B,MAAM,QAAQ,EAAE,sBAEtB,CAAC;CACL"}

package/Controls/Behaviors/TextOverflowable.js

@@ -27,7 +27,7 @@ export const TextOverflowable = (base) => {
          */
         constructor(...args) {
             super(args);
-            this._textOverflow = TextOverflow.Truncate;
+            this._textOverflow = ITextOverflowableProps.DEFAULTS.textOverflow;
         }
         // #endregion
         // #region Properties
@@ -55,4 +55,13 @@ export const TextOverflowable = (base) => {
     ], TextOverflowableElement.prototype, "textOverflow", null);
     return TextOverflowableElement;
 };
+/**
+ * @public
+ */
+export var ITextOverflowableProps;
+(function (ITextOverflowableProps) {
+    ITextOverflowableProps.DEFAULTS = {
+        textOverflow: TextOverflow.Truncate
+    };
+})(ITextOverflowableProps || (ITextOverflowableProps = {}));
 //# sourceMappingURL=TextOverflowable.js.map

package/Controls/Behaviors/TextOverflowable.js.map

@@ -1 +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;;;;;;WAMG;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"}
+{"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,sBAAsB,CAAC,QAAQ,CAAC,YAAY,CAAC;QACtE,CAAC;QAED,aAAa;QAEb,qBAAqB;QAErB;;;;;;WAMG;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;AAEF;;GAEG;AACH,MAAM,KAAW,sBAAsB,CAItC;AAJD,WAAiB,sBAAsB;IACtB,+BAAQ,GAA2B;QAC5C,YAAY,EAAE,YAAY,CAAC,QAAQ;KACtC,CAAC;AACN,CAAC,EAJgB,sBAAsB,KAAtB,sBAAsB,QAItC"}

package/Controls/Behaviors/Themeable.d.ts

@@ -9,6 +9,12 @@ import { CSSResultGroup } from '../../Dom/Css';
 export interface IThemeableProps {
     themeName: string;
 }
+/**
+ * @public
+ */
+export declare namespace IThemeableProps {
+    const DEFAULTS: IThemeableProps;
+}
 /**
  * Represents the `IThemeableConstructor` type.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"Themeable.d.ts","sourceRoot":"","sources":["../../../src/Controls/Behaviors/Themeable.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAE3E,OAAO,KAAK,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAQ/C;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAI5B,SAAS,EAAE,MAAM,CAAC;CAIrB;AAED;;;;GAIG;AACH,MAAM,WAAW,cAAc;IAC3B,KAAI,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,aAAa,CAAC;IACxC,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IACrD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,KAAK,IAAI,CAAC;CACpE;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,mBAAmB,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,KAAG,qBAAqB,CAAC,CAAC,EAAE,eAAe,CAAC,GAAG,cA8J7H,CAAC"}
+{"version":3,"file":"Themeable.d.ts","sourceRoot":"","sources":["../../../src/Controls/Behaviors/Themeable.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAE3E,OAAO,KAAK,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAQ/C;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAI5B,SAAS,EAAE,MAAM,CAAC;CAIrB;AAED;;GAEG;AACH,yBAAiB,eAAe,CAAC;IACtB,MAAM,QAAQ,EAAE,eAEtB,CAAC;CACL;AAED;;;;GAIG;AACH,MAAM,WAAW,cAAc;IAC3B,KAAI,GAAG,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,aAAa,CAAC;IACxC,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IACrD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,KAAK,IAAI,CAAC;CACpE;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,mBAAmB,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,KAAG,qBAAqB,CAAC,CAAC,EAAE,eAAe,CAAC,GAAG,cA8J7H,CAAC"}

package/Controls/Behaviors/Themeable.js

@@ -9,9 +9,18 @@ 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 { ThemeServiceLocator } from '../../Theming/Theme';
+import { ThemeService } from '../../Theming/ThemeService';
 import { getCompatibleStyle } from 'lit';
 import { ThemeObserverServiceLocator } from '@breadstone/mosaik-themes';
+/**
+ * @public
+ */
+export var IThemeableProps;
+(function (IThemeableProps) {
+    IThemeableProps.DEFAULTS = {
+        themeName: ''
+    };
+})(IThemeableProps || (IThemeableProps = {}));
 /**
  * @public
  */
@@ -30,7 +39,7 @@ export const Themeable = (base) => {
          */
         constructor(...args) {
             super(args);
-            this._themeName = '';
+            this._themeName = IThemeableProps.DEFAULTS.themeName;
             this._themeChangedSubscription = null;
         }
         // #endregion
@@ -73,8 +82,8 @@ export const Themeable = (base) => {
             // if (!this._theme) {
             //     this.theme = this.getGlobalTheme();
             // }
-            this._themeChangedSubscription = ThemeServiceLocator.current.themeChanged.subscribe(() => {
-                this.themeName = ThemeServiceLocator.current.getTheme().name;
+            this._themeChangedSubscription = ThemeService.instance.themeChanged.subscribe((x) => {
+                this.themeName = x?.name ?? '';
             });
             ThemeObserverServiceLocator.current.themeChanged.subscribe(() => {
                 this.forceStyleUpdate();

package/Controls/Behaviors/Themeable.js.map

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

package/Controls/Behaviors/Valueable.d.ts

@@ -13,4 +13,10 @@ export interface IValueableProps<TType = unknown> {
  * @public
  */
 export declare const Valueable: <TType, T extends ControlBehaviorBase<CustomElement>>(base: T) => ControlBehaviorReturn<T, IValueableProps<TType>>;
+/**
+ * @public
+ */
+export declare namespace IValueableProps {
+    const DEFAULTS: IValueableProps;
+}
 //# sourceMappingURL=Valueable.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Valueable.d.ts","sourceRoot":"","sources":["../../../src/Controls/Behaviors/Valueable.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAG3E,OAAO,KAAK,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAIvF;;;;;GAKG;AACH,MAAM,WAAW,eAAe,CAAC,KAAK,GAAG,OAAO;IAI5C,KAAK,EAAE,KAAK,CAAC;CAIhB;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,KAAK,EAAE,CAAC,SAAS,mBAAmB,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,KAAG,qBAAqB,CAAC,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAuEvI,CAAC"}
+{"version":3,"file":"Valueable.d.ts","sourceRoot":"","sources":["../../../src/Controls/Behaviors/Valueable.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAG3E,OAAO,KAAK,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAIvF;;;;;GAKG;AACH,MAAM,WAAW,eAAe,CAAC,KAAK,GAAG,OAAO;IAI5C,KAAK,EAAE,KAAK,CAAC;CAIhB;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,KAAK,EAAE,CAAC,SAAS,mBAAmB,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,KAAG,qBAAqB,CAAC,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAuEvI,CAAC;AAEF;;GAEG;AACH,yBAAiB,eAAe,CAAC;IACtB,MAAM,QAAQ,EAAE,eAEtB,CAAC;CACL"}

package/Controls/Behaviors/Valueable.js

@@ -28,7 +28,7 @@ export const Valueable = (base) => {
          */
         constructor(...args) {
             super(args);
-            this._value = undefined;
+            this._value = IValueableProps.DEFAULTS.value;
         }
         // #endregion
         // #region Properties
@@ -80,4 +80,13 @@ export const Valueable = (base) => {
     ], ValueableElement.prototype, "onValuePropertyChanged", null);
     return ValueableElement;
 };
+/**
+ * @public
+ */
+export var IValueableProps;
+(function (IValueableProps) {
+    IValueableProps.DEFAULTS = {
+        value: undefined
+    };
+})(IValueableProps || (IValueableProps = {}));
 //# sourceMappingURL=Valueable.js.map

package/Controls/Behaviors/Valueable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Valueable.js","sourceRoot":"","sources":["../../../src/Controls/Behaviors/Valueable.ts"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAqBrD;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAsD,IAAO,EAAoD,EAAE;IACxI,MAAe,gBAAiB,SAAQ,IAAI;QAExC,iBAAiB;QAET,MAAM,CAAQ;QAEtB,aAAa;QAEb,eAAe;QAEf;;;;WAIG;QACH,YAAmB,GAAG,IAAgB;YAClC,KAAK,CAAC,IAAI,CAAC,CAAC;YAEZ,IAAI,CAAC,MAAM,GAAG,SAAkB,CAAC;QACrC,CAAC;QAED,aAAa;QAEb,qBAAqB;QAErB;;;;;;WAMG;QACH,IAMW,KAAK;YACZ,OAAO,IAAI,CAAC,MAAM,CAAC;QACvB,CAAC;QAED,IAAW,KAAK,CAAC,KAAY;YACzB,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,EAAE,CAAC;gBACxB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;gBACpB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAChC,CAAC;QACL,CAAC;QAED,aAAa;QAEb,kBAAkB;QAElB;;WAEG;QAEO,sBAAsB,CAAC,KAAa,EAAE,IAAY;YACxD,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;gBACrB,sBAAsB,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;YAClF,CAAC;iBAAM,CAAC;gBACJ,sBAAsB,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;YACvE,CAAC;QACL,CAAC;KAIJ;IAnCG;QAAC,SAAS,CAAC;YACP,IAAI,EAAE,MAAM;YACZ,SAAS,EAAE;gBACP,WAAW,EAAE,CAAC,KAAmB,EAAiB,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;aACrE;SACJ,CAAC;;;iDAGD;IAiBS;QADT,KAAK,CAAC,OAAO,CAAC;;;;kEAOd;IAML,OAAO,gBAAgB,CAAC;AAC5B,CAAC,CAAC"}
+{"version":3,"file":"Valueable.js","sourceRoot":"","sources":["../../../src/Controls/Behaviors/Valueable.ts"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAqBrD;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAsD,IAAO,EAAoD,EAAE;IACxI,MAAe,gBAAiB,SAAQ,IAAI;QAExC,iBAAiB;QAET,MAAM,CAAQ;QAEtB,aAAa;QAEb,eAAe;QAEf;;;;WAIG;QACH,YAAmB,GAAG,IAAgB;YAClC,KAAK,CAAC,IAAI,CAAC,CAAC;YAEZ,IAAI,CAAC,MAAM,GAAG,eAAe,CAAC,QAAQ,CAAC,KAAc,CAAC;QAC1D,CAAC;QAED,aAAa;QAEb,qBAAqB;QAErB;;;;;;WAMG;QACH,IAMW,KAAK;YACZ,OAAO,IAAI,CAAC,MAAM,CAAC;QACvB,CAAC;QAED,IAAW,KAAK,CAAC,KAAY;YACzB,IAAI,IAAI,CAAC,MAAM,KAAK,KAAK,EAAE,CAAC;gBACxB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;gBACpB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAChC,CAAC;QACL,CAAC;QAED,aAAa;QAEb,kBAAkB;QAElB;;WAEG;QAEO,sBAAsB,CAAC,KAAa,EAAE,IAAY;YACxD,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;gBACrB,sBAAsB,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;YAClF,CAAC;iBAAM,CAAC;gBACJ,sBAAsB,CAAC,OAAO,CAAC,eAAe,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;YACvE,CAAC;QACL,CAAC;KAIJ;IAnCG;QAAC,SAAS,CAAC;YACP,IAAI,EAAE,MAAM;YACZ,SAAS,EAAE;gBACP,WAAW,EAAE,CAAC,KAAmB,EAAiB,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;aACrE;SACJ,CAAC;;;iDAGD;IAiBS;QADT,KAAK,CAAC,OAAO,CAAC;;;;kEAOd;IAML,OAAO,gBAAgB,CAAC;AAC5B,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,KAAW,eAAe,CAI/B;AAJD,WAAiB,eAAe;IACf,wBAAQ,GAAoB;QACrC,KAAK,EAAE,SAAS;KACnB,CAAC;AACN,CAAC,EAJgB,eAAe,KAAf,eAAe,QAI/B"}

package/Controls/Behaviors/Variantable.d.ts

@@ -13,4 +13,10 @@ export interface IVariantableProps {
  * @public
  */
 export declare const Variantable: <T extends ControlBehaviorBase<CustomElement>>(base: T) => ControlBehaviorReturn<T, IVariantableProps>;
+/**
+ * @public
+ */
+export declare namespace IVariantableProps {
+    const DEFAULTS: IVariantableProps;
+}
 //# sourceMappingURL=Variantable.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Variantable.d.ts","sourceRoot":"","sources":["../../../src/Controls/Behaviors/Variantable.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAE3E,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAIvF;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAI9B,OAAO,EAAE,OAAO,CAAC;CAIpB;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,mBAAmB,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,KAAG,qBAAqB,CAAC,CAAC,EAAE,iBAAiB,CAqD7H,CAAC"}
+{"version":3,"file":"Variantable.d.ts","sourceRoot":"","sources":["../../../src/Controls/Behaviors/Variantable.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAE3E,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAIvF;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAI9B,OAAO,EAAE,OAAO,CAAC;CAIpB;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,mBAAmB,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,KAAG,qBAAqB,CAAC,CAAC,EAAE,iBAAiB,CAqD7H,CAAC;AAEF;;GAEG;AACH,yBAAiB,iBAAiB,CAAC;IACxB,MAAM,QAAQ,EAAE,iBAEtB,CAAC;CACL"}

package/Controls/Behaviors/Variantable.js

@@ -27,7 +27,7 @@ export const Variantable = (base) => {
          */
         constructor(...args) {
             super(args);
-            this._variant = Variant.Default;
+            this._variant = IVariantableProps.DEFAULTS.variant;
         }
         // #endregion
         // #region Properties
@@ -58,4 +58,13 @@ export const Variantable = (base) => {
     ], VariantableElement.prototype, "variant", null);
     return VariantableElement;
 };
+/**
+ * @public
+ */
+export var IVariantableProps;
+(function (IVariantableProps) {
+    IVariantableProps.DEFAULTS = {
+        variant: Variant.Default
+    };
+})(IVariantableProps || (IVariantableProps = {}));
 //# sourceMappingURL=Variantable.js.map

package/Controls/Behaviors/Variantable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Variantable.js","sourceRoot":"","sources":["../../../src/Controls/Behaviors/Variantable.ts"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,kBAAkB;;;;;;;;;;AAGlB,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAoB3C;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAA+C,IAAO,EAA+C,EAAE;IAC9H,MAAe,kBAAmB,SAAQ,IAAI;QAE1C,iBAAiB;QAET,QAAQ,CAAU;QAE1B,aAAa;QAEb,eAAe;QAEf;;;;WAIG;QACH,YAAmB,GAAG,IAAgB;YAClC,KAAK,CAAC,IAAI,CAAC,CAAC;YAEZ,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,OAAO,CAAC;QACpC,CAAC;QAED,aAAa;QAEb,qBAAqB;QAErB;;;;;;WAMG;QACH,IAIW,OAAO;YACd,OAAO,IAAI,CAAC,QAAQ,CAAC;QACzB,CAAC;QAED,IAAW,OAAO,CAAC,KAAc;YAC7B,IAAI,IAAI,CAAC,QAAQ,KAAK,KAAK,EAAE,CAAC;gBAC1B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;gBACtB,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;YAClC,CAAC;QACL,CAAC;KAIJ;IAjBG;QAAC,SAAS,CAAC;YACP,IAAI,EAAE,OAAO;YACb,UAAU,EAAE,IAAI;SACnB,CAAC;;;qDAGD;IAaL,OAAO,kBAAkB,CAAC;AAC9B,CAAC,CAAC"}
+{"version":3,"file":"Variantable.js","sourceRoot":"","sources":["../../../src/Controls/Behaviors/Variantable.ts"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,kBAAkB;;;;;;;;;;AAGlB,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAoB3C;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAA+C,IAAO,EAA+C,EAAE;IAC9H,MAAe,kBAAmB,SAAQ,IAAI;QAE1C,iBAAiB;QAET,QAAQ,CAAU;QAE1B,aAAa;QAEb,eAAe;QAEf;;;;WAIG;QACH,YAAmB,GAAG,IAAgB;YAClC,KAAK,CAAC,IAAI,CAAC,CAAC;YAEZ,IAAI,CAAC,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,CAAC,OAAO,CAAC;QACvD,CAAC;QAED,aAAa;QAEb,qBAAqB;QAErB;;;;;;WAMG;QACH,IAIW,OAAO;YACd,OAAO,IAAI,CAAC,QAAQ,CAAC;QACzB,CAAC;QAED,IAAW,OAAO,CAAC,KAAc;YAC7B,IAAI,IAAI,CAAC,QAAQ,KAAK,KAAK,EAAE,CAAC;gBAC1B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;gBACtB,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;YAClC,CAAC;QACL,CAAC;KAIJ;IAjBG;QAAC,SAAS,CAAC;YACP,IAAI,EAAE,OAAO;YACb,UAAU,EAAE,IAAI;SACnB,CAAC;;;qDAGD;IAaL,OAAO,kBAAkB,CAAC;AAC9B,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,KAAW,iBAAiB,CAIjC;AAJD,WAAiB,iBAAiB;IACjB,0BAAQ,GAAsB;QACvC,OAAO,EAAE,OAAO,CAAC,OAAO;KAC3B,CAAC;AACN,CAAC,EAJgB,iBAAiB,KAAjB,iBAAiB,QAIjC"}

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

@@ -141,7 +141,7 @@ export function buttonElementCosmopolitanStyle() {
 
 :host [part="button"]:before {
   border-radius: var(--button-border-radius);
-  border-radius: calc(var(--button-border-radius)  - var(--button-border-width));
+  border-radius: calc(var(--button-border-radius) - var(--button-border-width));
   content: "";
   opacity: 0;
   pointer-events: none;
@@ -221,7 +221,7 @@ export function buttonElementCosmopolitanStyle() {
 }
 
 :host [part="progressRing"] {
-  --progress-ring-thickness: base. component-property($ props, progress-thickness);
+  --progress-ring-thickness: var(--button-progress-thickness);
   margin: -12px 0 0 -12px;
   position: absolute;
   top: 50%;
@@ -277,21 +277,21 @@ export function buttonElementCosmopolitanStyle() {
 }
 
 :host([size="tiny"]) {
-  --button-font-size: calc(var(--memphis-typography-button-font-size)  - 4px);
-  --button-font-line-height: calc(var(--memphis-typography-button-line-height)  - 4px);
-  --button-padding-top: calc(var(--memphis-layout-space)  - 4px);
-  --button-padding-right: calc(var(--memphis-layout-space)  - 4px);
-  --button-padding-bottom: calc(var(--memphis-layout-space)  - 4px);
-  --button-padding-left: calc(var(--memphis-layout-space)  - 4px);
+  --button-font-size: calc(var(--memphis-typography-button-font-size) - 4px);
+  --button-font-line-height: calc(var(--memphis-typography-button-line-height) - 4px);
+  --button-padding-top: calc(var(--memphis-layout-space) - 4px);
+  --button-padding-right: calc(var(--memphis-layout-space) - 4px);
+  --button-padding-bottom: calc(var(--memphis-layout-space) - 4px);
+  --button-padding-left: calc(var(--memphis-layout-space) - 4px);
 }
 
 :host([size="small"]) {
-  --button-font-size: calc(var(--memphis-typography-button-font-size)  - 2px);
-  --button-font-line-height: calc(var(--memphis-typography-button-line-height)  - 2px);
-  --button-padding-top: calc(var(--memphis-layout-space)  - 2px);
-  --button-padding-right: calc(var(--memphis-layout-space)  - 2px);
-  --button-padding-bottom: calc(var(--memphis-layout-space)  - 2px);
-  --button-padding-left: calc(var(--memphis-layout-space)  - 2px);
+  --button-font-size: calc(var(--memphis-typography-button-font-size) - 2px);
+  --button-font-line-height: calc(var(--memphis-typography-button-line-height) - 2px);
+  --button-padding-top: calc(var(--memphis-layout-space) - 2px);
+  --button-padding-right: calc(var(--memphis-layout-space) - 2px);
+  --button-padding-bottom: calc(var(--memphis-layout-space) - 2px);
+  --button-padding-left: calc(var(--memphis-layout-space) - 2px);
 }
 
 :host([size="medium"]) {
@@ -300,21 +300,21 @@ export function buttonElementCosmopolitanStyle() {
 }
 
 :host([size="large"]) {
-  --button-font-size: calc(var(--memphis-typography-button-font-size)  + 2px);
-  --button-font-line-height: calc(var(--memphis-typography-button-line-height)  + 2px);
-  --button-padding-top: calc(var(--memphis-layout-space)  + 4px);
-  --button-padding-right: calc(var(--memphis-layout-space)  + 4px);
-  --button-padding-bottom: calc(var(--memphis-layout-space)  + 4px);
-  --button-padding-left: calc(var(--memphis-layout-space)  + 4px);
+  --button-font-size: calc(var(--memphis-typography-button-font-size) + 2px);
+  --button-font-line-height: calc(var(--memphis-typography-button-line-height) + 2px);
+  --button-padding-top: calc(var(--memphis-layout-space) + 4px);
+  --button-padding-right: calc(var(--memphis-layout-space) + 4px);
+  --button-padding-bottom: calc(var(--memphis-layout-space) + 4px);
+  --button-padding-left: calc(var(--memphis-layout-space) + 4px);
 }
 
 :host([size="giant"]) {
-  --button-font-size: calc(var(--memphis-typography-button-font-size)  + 4px);
-  --button-font-line-height: calc(var(--memphis-typography-button-line-height)  + 4px);
-  --button-padding-top: calc(var(--memphis-layout-space)  + 8px);
-  --button-padding-right: calc(var(--memphis-layout-space)  + 8px);
-  --button-padding-bottom: calc(var(--memphis-layout-space)  + 8px);
-  --button-padding-left: calc(var(--memphis-layout-space)  + 8px);
+  --button-font-size: calc(var(--memphis-typography-button-font-size) + 4px);
+  --button-font-line-height: calc(var(--memphis-typography-button-line-height) + 4px);
+  --button-padding-top: calc(var(--memphis-layout-space) + 8px);
+  --button-padding-right: calc(var(--memphis-layout-space) + 8px);
+  --button-padding-bottom: calc(var(--memphis-layout-space) + 8px);
+  --button-padding-left: calc(var(--memphis-layout-space) + 8px);
 }
 
     `;

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

@@ -141,7 +141,7 @@ export function buttonElementJoyStyle() {
 
 :host [part="button"]:before {
   border-radius: var(--button-border-radius);
-  border-radius: calc(var(--button-border-radius)  - var(--button-border-width));
+  border-radius: calc(var(--button-border-radius) - var(--button-border-width));
   content: "";
   opacity: 0;
   pointer-events: none;
@@ -221,7 +221,7 @@ export function buttonElementJoyStyle() {
 }
 
 :host [part="progressRing"] {
-  --progress-ring-thickness: base. component-property($ props, progress-thickness);
+  --progress-ring-thickness: var(--button-progress-thickness);
   margin: -12px 0 0 -12px;
   position: absolute;
   top: 50%;
@@ -268,7 +268,7 @@ export function buttonElementJoyStyle() {
 }
 
 :host [part="focusRing"] {
-  border-radius: min(var(--button-border-radius), var(--button-border-radius)  + var(--joy-layout-thickness));
+  border-radius: min(var(--button-border-radius), var(--button-border-radius) + var(--joy-layout-thickness));
   --focus-ring-outward-offset: 0px;
 }
 
@@ -697,21 +697,21 @@ export function buttonElementJoyStyle() {
 }
 
 :host([size="tiny"]) {
-  --button-font-size: calc(var(--joy-typography-button-font-size)  - 4px);
-  --button-font-line-height: calc(var(--joy-typography-button-line-height)  - 4px);
-  --button-padding-top: calc(var(--joy-layout-space)  - 4px);
-  --button-padding-right: calc(var(--joy-layout-space)  - 4px);
-  --button-padding-bottom: calc(var(--joy-layout-space)  - 4px);
-  --button-padding-left: calc(var(--joy-layout-space)  - 4px);
+  --button-font-size: calc(var(--joy-typography-button-font-size) - 4px);
+  --button-font-line-height: calc(var(--joy-typography-button-line-height) - 4px);
+  --button-padding-top: calc(var(--joy-layout-space) - 4px);
+  --button-padding-right: calc(var(--joy-layout-space) - 4px);
+  --button-padding-bottom: calc(var(--joy-layout-space) - 4px);
+  --button-padding-left: calc(var(--joy-layout-space) - 4px);
 }
 
 :host([size="small"]) {
-  --button-font-size: calc(var(--joy-typography-button-font-size)  - 2px);
-  --button-font-line-height: calc(var(--joy-typography-button-line-height)  - 2px);
-  --button-padding-top: calc(var(--joy-layout-space)  - 2px);
-  --button-padding-right: calc(var(--joy-layout-space)  - 2px);
-  --button-padding-bottom: calc(var(--joy-layout-space)  - 2px);
-  --button-padding-left: calc(var(--joy-layout-space)  - 2px);
+  --button-font-size: calc(var(--joy-typography-button-font-size) - 2px);
+  --button-font-line-height: calc(var(--joy-typography-button-line-height) - 2px);
+  --button-padding-top: calc(var(--joy-layout-space) - 2px);
+  --button-padding-right: calc(var(--joy-layout-space) - 2px);
+  --button-padding-bottom: calc(var(--joy-layout-space) - 2px);
+  --button-padding-left: calc(var(--joy-layout-space) - 2px);
 }
 
 :host([size="medium"]) {
@@ -720,21 +720,21 @@ export function buttonElementJoyStyle() {
 }
 
 :host([size="large"]) {
-  --button-font-size: calc(var(--joy-typography-button-font-size)  + 2px);
-  --button-font-line-height: calc(var(--joy-typography-button-line-height)  + 2px);
-  --button-padding-top: calc(var(--joy-layout-space)  + 4px);
-  --button-padding-right: calc(var(--joy-layout-space)  + 4px);
-  --button-padding-bottom: calc(var(--joy-layout-space)  + 4px);
-  --button-padding-left: calc(var(--joy-layout-space)  + 4px);
+  --button-font-size: calc(var(--joy-typography-button-font-size) + 2px);
+  --button-font-line-height: calc(var(--joy-typography-button-line-height) + 2px);
+  --button-padding-top: calc(var(--joy-layout-space) + 4px);
+  --button-padding-right: calc(var(--joy-layout-space) + 4px);
+  --button-padding-bottom: calc(var(--joy-layout-space) + 4px);
+  --button-padding-left: calc(var(--joy-layout-space) + 4px);
 }
 
 :host([size="giant"]) {
-  --button-font-size: calc(var(--joy-typography-button-font-size)  + 4px);
-  --button-font-line-height: calc(var(--joy-typography-button-line-height)  + 4px);
-  --button-padding-top: calc(var(--joy-layout-space)  + 8px);
-  --button-padding-right: calc(var(--joy-layout-space)  + 8px);
-  --button-padding-bottom: calc(var(--joy-layout-space)  + 8px);
-  --button-padding-left: calc(var(--joy-layout-space)  + 8px);
+  --button-font-size: calc(var(--joy-typography-button-font-size) + 4px);
+  --button-font-line-height: calc(var(--joy-typography-button-line-height) + 4px);
+  --button-padding-top: calc(var(--joy-layout-space) + 8px);
+  --button-padding-right: calc(var(--joy-layout-space) + 8px);
+  --button-padding-bottom: calc(var(--joy-layout-space) + 8px);
+  --button-padding-left: calc(var(--joy-layout-space) + 8px);
 }
 
 :host(.button-group__button.first) {

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

@@ -146,7 +146,7 @@ export function buttonElementMemphisStyle() {
 
 :host [part="button"]:before {
   border-radius: var(--button-border-radius);
-  border-radius: calc(var(--button-border-radius)  - var(--button-border-width));
+  border-radius: calc(var(--button-border-radius) - var(--button-border-width));
   content: "";
   opacity: 0;
   pointer-events: none;
@@ -226,7 +226,7 @@ export function buttonElementMemphisStyle() {
 }
 
 :host [part="progressRing"] {
-  --progress-ring-thickness: base. component-property($ props, progress-thickness);
+  --progress-ring-thickness: var(--button-progress-thickness);
   margin: -12px 0 0 -12px;
   position: absolute;
   top: 50%;
@@ -511,21 +511,21 @@ export function buttonElementMemphisStyle() {
 }
 
 :host([size="tiny"]) {
-  --button-font-size: calc(var(--memphis-typography-button-font-size)  - 4px);
-  --button-font-line-height: calc(var(--memphis-typography-button-line-height)  - 4px);
-  --button-padding-top: calc(var(--memphis-layout-space)  - 4px);
-  --button-padding-right: calc(var(--memphis-layout-space)  - 4px);
-  --button-padding-bottom: calc(var(--memphis-layout-space)  - 4px);
-  --button-padding-left: calc(var(--memphis-layout-space)  - 4px);
+  --button-font-size: calc(var(--memphis-typography-button-font-size) - 4px);
+  --button-font-line-height: calc(var(--memphis-typography-button-line-height) - 4px);
+  --button-padding-top: calc(var(--memphis-layout-space) - 4px);
+  --button-padding-right: calc(var(--memphis-layout-space) - 4px);
+  --button-padding-bottom: calc(var(--memphis-layout-space) - 4px);
+  --button-padding-left: calc(var(--memphis-layout-space) - 4px);
 }
 
 :host([size="small"]) {
-  --button-font-size: calc(var(--memphis-typography-button-font-size)  - 2px);
-  --button-font-line-height: calc(var(--memphis-typography-button-line-height)  - 2px);
-  --button-padding-top: calc(var(--memphis-layout-space)  - 2px);
-  --button-padding-right: calc(var(--memphis-layout-space)  - 2px);
-  --button-padding-bottom: calc(var(--memphis-layout-space)  - 2px);
-  --button-padding-left: calc(var(--memphis-layout-space)  - 2px);
+  --button-font-size: calc(var(--memphis-typography-button-font-size) - 2px);
+  --button-font-line-height: calc(var(--memphis-typography-button-line-height) - 2px);
+  --button-padding-top: calc(var(--memphis-layout-space) - 2px);
+  --button-padding-right: calc(var(--memphis-layout-space) - 2px);
+  --button-padding-bottom: calc(var(--memphis-layout-space) - 2px);
+  --button-padding-left: calc(var(--memphis-layout-space) - 2px);
 }
 
 :host([size="medium"]) {
@@ -534,21 +534,21 @@ export function buttonElementMemphisStyle() {
 }
 
 :host([size="large"]) {
-  --button-font-size: calc(var(--memphis-typography-button-font-size)  + 2px);
-  --button-font-line-height: calc(var(--memphis-typography-button-line-height)  + 2px);
-  --button-padding-top: calc(var(--memphis-layout-space)  + 4px);
-  --button-padding-right: calc(var(--memphis-layout-space)  + 4px);
-  --button-padding-bottom: calc(var(--memphis-layout-space)  + 4px);
-  --button-padding-left: calc(var(--memphis-layout-space)  + 4px);
+  --button-font-size: calc(var(--memphis-typography-button-font-size) + 2px);
+  --button-font-line-height: calc(var(--memphis-typography-button-line-height) + 2px);
+  --button-padding-top: calc(var(--memphis-layout-space) + 4px);
+  --button-padding-right: calc(var(--memphis-layout-space) + 4px);
+  --button-padding-bottom: calc(var(--memphis-layout-space) + 4px);
+  --button-padding-left: calc(var(--memphis-layout-space) + 4px);
 }
 
 :host([size="giant"]) {
-  --button-font-size: calc(var(--memphis-typography-button-font-size)  + 4px);
-  --button-font-line-height: calc(var(--memphis-typography-button-line-height)  + 4px);
-  --button-padding-top: calc(var(--memphis-layout-space)  + 8px);
-  --button-padding-right: calc(var(--memphis-layout-space)  + 8px);
-  --button-padding-bottom: calc(var(--memphis-layout-space)  + 8px);
-  --button-padding-left: calc(var(--memphis-layout-space)  + 8px);
+  --button-font-size: calc(var(--memphis-typography-button-font-size) + 4px);
+  --button-font-line-height: calc(var(--memphis-typography-button-line-height) + 4px);
+  --button-padding-top: calc(var(--memphis-layout-space) + 8px);
+  --button-padding-right: calc(var(--memphis-layout-space) + 8px);
+  --button-padding-bottom: calc(var(--memphis-layout-space) + 8px);
+  --button-padding-left: calc(var(--memphis-layout-space) + 8px);
 }
 
     `;

package/Controls/Components/Buttons/CompoundButton/Themes/CompoundButtonElement.Cosmopolitan.js

@@ -201,23 +201,23 @@ export function compoundButtonElementCosmopolitanStyle() {
 }
 
 :host([size="tiny"]) {
-  --compound-button-font-size: calc(var(--compound-button-font-size)  - 4px);
-  --compound-button-line-height: calc(var(--compound-button-font-line-height)  - 4px);
+  --compound-button-font-size: calc(var(--compound-button-font-size) - 4px);
+  --compound-button-line-height: calc(var(--compound-button-font-line-height) - 4px);
 }
 
 :host([size="small"]) {
-  --compound-button-font-size: calc(var(--compound-button-font-size)  - 2px);
-  --compound-button-line-height: calc(var(--compound-button-font-line-height)  - 2px);
+  --compound-button-font-size: calc(var(--compound-button-font-size) - 2px);
+  --compound-button-line-height: calc(var(--compound-button-font-line-height) - 2px);
 }
 
 :host([size="large"]) {
-  --compound-button-font-size: calc(var(--compound-button-font-size)  + 2px);
-  --compound-button-line-height: calc(var(--compound-button-font-line-height)  + 2px);
+  --compound-button-font-size: calc(var(--compound-button-font-size) + 2px);
+  --compound-button-line-height: calc(var(--compound-button-font-line-height) + 2px);
 }
 
 :host([size="giant"]) {
-  --compound-button-font-size: calc(var(--compound-button-font-size)  + 4px);
-  --compound-button-line-height: calc(var(--compound-button-font-line-height)  + 4px);
+  --compound-button-font-size: calc(var(--compound-button-font-size) + 4px);
+  --compound-button-line-height: calc(var(--compound-button-font-line-height) + 4px);
 }
 
 :host([fit="width"]) {