@breadstone/mosaik-elements-foundation 0.0.231 → 0.0.232

package/Controls/Components/Layouts/TileManager/Themes/TileManagerTileElement.Joy.js

@@ -22,10 +22,10 @@ export function tileManagerTileElementJoyStyle() {
   --tile-manager-tile-border-color: var(--joy-scheme-stroke);
   --tile-manager-tile-border-radius: var(--joy-layout-radius);
   --tile-manager-tile-border-width: 1px;
-  --tile-manager-tile-content-padding-bottom: 16px;
-  --tile-manager-tile-content-padding-left: 16px;
-  --tile-manager-tile-content-padding-right: 16px;
-  --tile-manager-tile-content-padding-top: 16px;
+  --tile-manager-tile-content-padding-bottom: calc(var(--joy-layout-space) * 2);
+  --tile-manager-tile-content-padding-left: calc(var(--joy-layout-space) * 2);
+  --tile-manager-tile-content-padding-right: calc(var(--joy-layout-space) * 2);
+  --tile-manager-tile-content-padding-top: calc(var(--joy-layout-space) * 2);
   --tile-manager-tile-dragging-opacity: .8;
   --tile-manager-tile-drop-target-color: var(--joy-color-primary-500);
   --tile-manager-tile-focus-ring-active-width: 8px;
@@ -42,10 +42,10 @@ export function tileManagerTileElementJoyStyle() {
   --tile-manager-tile-gap: unset;
   --tile-manager-tile-header-background: transparent;
   --tile-manager-tile-header-border-color: var(--joy-scheme-stroke);
-  --tile-manager-tile-header-padding-bottom: 12px;
-  --tile-manager-tile-header-padding-left: 16px;
-  --tile-manager-tile-header-padding-right: 16px;
-  --tile-manager-tile-header-padding-top: 12px;
+  --tile-manager-tile-header-padding-bottom: calc(var(--joy-layout-space) * 1.5);
+  --tile-manager-tile-header-padding-left: calc(var(--joy-layout-space) * 2);
+  --tile-manager-tile-header-padding-right: calc(var(--joy-layout-space) * 2);
+  --tile-manager-tile-header-padding-top: calc(var(--joy-layout-space) * 1.5);
   --tile-manager-tile-padding-bottom: unset;
   --tile-manager-tile-padding-left: unset;
   --tile-manager-tile-padding-right: unset;
@@ -292,6 +292,108 @@ export function tileManagerTileElementJoyStyle() {
   display: none;
 }
 
+@keyframes elastic-tile-maximize {
+  0% {
+    opacity: 0;
+    transform: scale(.15);
+  }
+
+  12% {
+    opacity: .5;
+    transform: scale(.3);
+  }
+
+  25% {
+    opacity: .75;
+    transform: scale(.5);
+  }
+
+  40% {
+    opacity: .9;
+    transform: scale(.72);
+  }
+
+  55% {
+    opacity: 1;
+    transform: scale(.9);
+  }
+
+  65% {
+    transform: scale(1.05);
+  }
+
+  75% {
+    transform: scale(.98);
+  }
+
+  85% {
+    transform: scale(1);
+  }
+
+  100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+@keyframes elastic-tile-restore {
+  0% {
+    opacity: 0;
+    transform: scale(1.5);
+  }
+
+  12% {
+    opacity: .5;
+    transform: scale(1.35);
+  }
+
+  25% {
+    opacity: .75;
+    transform: scale(1.2);
+  }
+
+  40% {
+    opacity: .9;
+    transform: scale(1.1);
+  }
+
+  55% {
+    opacity: 1;
+    transform: scale(1.04);
+  }
+
+  65% {
+    transform: scale(.97);
+  }
+
+  75% {
+    transform: scale(1.01);
+  }
+
+  85% {
+    transform: scale(1);
+  }
+
+  100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+:host([maximized]) {
+  animation: elastic-tile-maximize var(--joy-duration-long) cubic-bezier(.4, 0, .2, 1);
+}
+
+:host([part~="restoring"]) {
+  animation: elastic-tile-restore var(--joy-duration-long) cubic-bezier(.4, 0, .2, 1);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  :host([maximized]), :host([part~="restoring"]) {
+    animation: none;
+  }
+}
+
     `;
 }
 //# sourceMappingURL=TileManagerTileElement.Joy.js.map

package/Controls/Components/Layouts/TileManager/Themes/TileManagerTileElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"TileManagerTileElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/TileManager/Themes/TileManagerTileElement.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,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyRT,CAAC;AACN,CAAC"}
+{"version":3,"file":"TileManagerTileElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Layouts/TileManager/Themes/TileManagerTileElement.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,8BAA8B;IAC1C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+XT,CAAC;AACN,CAAC"}

package/Controls/Components/Layouts/TileManager/TileManagerGhostUtil.js

@@ -129,9 +129,9 @@ function buildDragGhostStyles(rect) {
         'z-index: 10000',
         'opacity: 0.85',
         'box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2), 0 2px 8px rgba(0, 0, 0, 0.1)',
-        'border-radius: var(--mosaik-tile-border-radius, 12px)',
-        'background: linear-gradient(135deg, var(--mosaik-surface-background, #fff) 0%, var(--mosaik-surface-variant, #f5f5f5) 100%)',
-        'border: 2px solid var(--mosaik-primary-color, #007bff)',
+        'border-radius: var(--mosaik-layout-radius, 12px)',
+        'background: linear-gradient(135deg, var(--mosaik-scheme-surface, #fff) 0%, var(--mosaik-scheme-background, #f5f5f5) 100%)',
+        'border: 2px solid var(--mosaik-color-primary-500, #007bff)',
         'backdrop-filter: blur(4px)',
         'transition: box-shadow 0.2s ease, transform 0.1s ease'
     ];
@@ -152,10 +152,10 @@ function buildResizeGhostStyles(rect) {
         `height: ${rect.height.toString()}px`,
         'pointer-events: none',
         'z-index: 10000',
-        'border-radius: var(--mosaik-tile-border-radius, 12px)',
-        'background: linear-gradient(135deg, rgba(var(--mosaik-primary-rgb, 0, 123, 255), 0.15) 0%, rgba(var(--mosaik-primary-rgb, 0, 123, 255), 0.25) 100%)',
-        'border: 2px dashed var(--mosaik-primary-color, #007bff)',
-        'box-shadow: inset 0 0 0 1px rgba(var(--mosaik-primary-rgb, 0, 123, 255), 0.3), 0 4px 16px rgba(0, 0, 0, 0.1)',
+        'border-radius: var(--mosaik-layout-radius, 12px)',
+        'background: linear-gradient(135deg, rgba(var(--mosaik-color-primary-500-rgb, 0, 123, 255), 0.15) 0%, rgba(var(--mosaik-color-primary-500-rgb, 0, 123, 255), 0.25) 100%)',
+        'border: 2px dashed var(--mosaik-color-primary-500, #007bff)',
+        'box-shadow: inset 0 0 0 1px rgba(var(--mosaik-color-primary-500-rgb, 0, 123, 255), 0.3), 0 4px 16px rgba(0, 0, 0, 0.1)',
         'backdrop-filter: blur(2px)',
         `animation: ${GHOST_PULSE_ANIMATION} 1.5s ease-in-out infinite`,
         'transition: width 0.15s ease-out, height 0.15s ease-out'

package/Controls/Components/Layouts/TileManager/TileManagerGhostUtil.js.map

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

package/Controls/Components/Layouts/Wrap/WrapElement.d.ts

@@ -1,6 +1,7 @@
+import { type IGapableProps } from '../../../Behaviors/Gapable';
 import { LayoutElement } from '../Abstracts/LayoutElement';
 import type { IWrapElementProps } from './IWrapElementProps';
-declare const WrapElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Reversible").IReversibleProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Orientable").IOrientableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Fitable").IFitableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Gapable").IGapableProps) & typeof LayoutElement & import("../../../Behaviors/Themeable").IThemeableCtor;
+declare const WrapElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Reversible").IReversibleProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Orientable").IOrientableProps) & (abstract new (...args: Array<any>) => import("../../../Behaviors/Fitable").IFitableProps) & (abstract new (...args: Array<any>) => IGapableProps) & typeof LayoutElement & import("../../../Behaviors/Themeable").IThemeableCtor;
 /**
  * Wrap - A flexible layout container that automatically wraps child elements to new lines based on available space.
  *
@@ -46,6 +47,7 @@ declare const WrapElement_base: (abstract new (...args: Array<any>) => import(".
  * @public
  */
 export declare class WrapElement extends WrapElement_base implements IWrapElementProps {
+    private readonly _inlineStyleController;
     private _columns;
     private readonly _reverse;
     /**
@@ -63,6 +65,12 @@ export declare class WrapElement extends WrapElement_base implements IWrapElemen
      * @readonly
     */
     static get is(): string;
+    /**
+     * @public
+     * @override
+     */
+    get gap(): IGapableProps['gap'];
+    set gap(value: IGapableProps['gap']);
     /**
      * The `columns` property represents the number of columns before wrapping.
      *

package/Controls/Components/Layouts/Wrap/WrapElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WrapElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Wrap/WrapElement.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;;AAU7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,qBASa,WACT,SAAQ,gBACR,YAAW,iBAAiB;IAI5B,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAU;IAMnC;;;;OAIG;;IAYH;;;;;;;MAOE;IACF,WAA2B,EAAE,IAAI,MAAM,CAEtC;IAED;;;;OAIG;IACH,IACW,OAAO,IAAI,MAAM,CAE3B;IAED,IAAW,OAAO,CAAC,KAAK,EAAE,MAAM,EAK/B;IAMD;;;OAGG;cACgB,cAAc,IAAI,IAAI;IAMzC;;OAEG;IAEH,SAAS,CAAC,YAAY,IAAI,IAAI;IAI9B;;OAEG;IAEH,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAIlC;;OAEG;IACH,OAAO,CAAC,WAAW;CAQtB;AAED;;GAEG;AACH,yBAAiB,WAAW,CAAC;IACzB,KAAY,KAAK,GAAG,iBAAiB,CAAC;CACzC;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,aAAa,EAAE,WAAW,CAAC;KAC9B;CACJ"}
+{"version":3,"file":"WrapElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Wrap/WrapElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAW,KAAK,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAQzE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;;AAQ7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,qBASa,WACT,SAAQ,gBACR,YAAW,iBAAiB;IAI5B,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAwB;IAC/D,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAU;IAMnC;;;;OAIG;;IAeH;;;;;;;MAOE;IACF,WAA2B,EAAE,IAAI,MAAM,CAEtC;IAED;;;OAGG;IACH,IAAoB,GAAG,IAAI,aAAa,CAAC,KAAK,CAAC,CAE9C;IACD,IAAoB,GAAG,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,EAGlD;IAED;;;;OAIG;IACH,IACW,OAAO,IAAI,MAAM,CAE3B;IACD,IAAW,OAAO,CAAC,KAAK,EAAE,MAAM,EAM/B;IAMD;;;OAGG;cACgB,cAAc,IAAI,IAAI;IAMzC;;OAEG;IAEH,SAAS,CAAC,YAAY,IAAI,IAAI;IAI9B;;OAEG;IAEH,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAIlC;;OAEG;IACH,OAAO,CAAC,WAAW;CAQtB;AAED;;GAEG;AACH,yBAAiB,WAAW,CAAC;IACzB,KAAY,KAAK,GAAG,iBAAiB,CAAC;CACzC;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,aAAa,EAAE,WAAW,CAAC;KAC9B;CACJ"}

package/Controls/Components/Layouts/Wrap/WrapElement.js

@@ -10,18 +10,19 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 };
 import { RendererServiceLocator } from '../../../../Dom/Renderer';
 import { Fitable } from '../../../Behaviors/Fitable';
+import { Gapable } from '../../../Behaviors/Gapable';
 import { Orientable } from '../../../Behaviors/Orientable';
 import { Reversible } from '../../../Behaviors/Reversible';
+import { Themeable } from '../../../Behaviors/Themeable';
+import { InlineStyleController } from '../../../Controllers/InlineStyleController';
 import { Attribute } from '../../../Decorators/AttributeDecorator';
 import { Component } from '../../../Decorators/ComponentDecorator';
 import { Watch } from '../../../Decorators/WatchDecorator';
 import { LayoutElement } from '../Abstracts/LayoutElement';
-import { wrapElementTemplate } from './WrapElementTemplate';
+import { wrapElementCosmopolitanStyle } from './Themes/WrapElement.Cosmopolitan';
 import { wrapElementJoyStyle } from './Themes/WrapElement.Joy';
 import { wrapElementMemphisStyle } from './Themes/WrapElement.Memphis';
-import { wrapElementCosmopolitanStyle } from './Themes/WrapElement.Cosmopolitan';
-import { Themeable } from '../../../Behaviors/Themeable';
-import { Gapable } from '../../../Behaviors/Gapable';
+import { wrapElementTemplate } from './WrapElementTemplate';
 // #endregion
 /**
  * Wrap - A flexible layout container that automatically wraps child elements to new lines based on available space.
@@ -69,6 +70,7 @@ import { Gapable } from '../../../Behaviors/Gapable';
  */
 let WrapElement = class WrapElement extends Themeable(Reversible(Orientable(Fitable(Gapable(LayoutElement))))) {
     // #region Fields
+    _inlineStyleController;
     _columns;
     _reverse;
     // #endregion
@@ -82,6 +84,9 @@ let WrapElement = class WrapElement extends Themeable(Reversible(Orientable(Fita
         super();
         this._columns = 1;
         this._reverse = false;
+        this._inlineStyleController = new InlineStyleController(this);
+        this._inlineStyleController.set('wrap-gap', '0');
+        this._inlineStyleController.set('wrap-columns', '1');
     }
     // #endregion
     // #region Properties
@@ -96,6 +101,17 @@ let WrapElement = class WrapElement extends Themeable(Reversible(Orientable(Fita
     static get is() {
         return 'mosaik-wrap';
     }
+    /**
+     * @public
+     * @override
+     */
+    get gap() {
+        return super.gap;
+    }
+    set gap(value) {
+        super.gap = value;
+        this._inlineStyleController.set('wrap-gap', `${this.gap}`);
+    }
     /**
      * The `columns` property represents the number of columns before wrapping.
      *
@@ -107,6 +123,7 @@ let WrapElement = class WrapElement extends Themeable(Reversible(Orientable(Fita
     set columns(value) {
         if (this._columns !== value) {
             this._columns = value;
+            this._inlineStyleController.set('wrap-columns', `${value}`);
             this.requestUpdate('columns');
         }
     }

package/Controls/Components/Layouts/Wrap/WrapElement.js.map

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

package/Controls/Components/Layouts/Wrap/WrapElementTemplate.d.ts

@@ -5,5 +5,5 @@ import type { WrapElement } from './WrapElement';
  *
  * @public
  */
-export declare function wrapElementTemplate<T extends WrapElement>(e: T): TemplateResult;
+export declare function wrapElementTemplate<T extends WrapElement>(_e: T): TemplateResult;
 //# sourceMappingURL=WrapElementTemplate.d.ts.map

package/Controls/Components/Layouts/Wrap/WrapElementTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WrapElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Wrap/WrapElementTemplate.ts"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAIjD;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAU/E"}
+{"version":3,"file":"WrapElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Wrap/WrapElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAIjD;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,WAAW,EAAE,EAAE,EAAE,CAAC,GAAG,cAAc,CAIhF"}

package/Controls/Components/Layouts/Wrap/WrapElementTemplate.js

@@ -1,4 +1,3 @@
-/* eslint-disable lit/prefer-static-styles */
 // #region Imports
 import { html } from '../../../../Dom/Html';
 // #endregion
@@ -7,14 +6,8 @@ import { html } from '../../../../Dom/Html';
  *
  * @public
  */
-export function wrapElementTemplate(e) {
+export function wrapElementTemplate(_e) {
     return html `
-        <style>
-            :host {
-                --wrap-gap: ${e.gap};
-                --wrap-columns: ${e.columns};
-            }
-        </style>
         <slot></slot>
     `;
 }

package/Controls/Components/Layouts/Wrap/WrapElementTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"WrapElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Wrap/WrapElementTemplate.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AAGjE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAwB,CAAI;IAC3D,OAAO,IAAI,CAAA;;;8BAGe,CAAC,CAAC,GAAG;kCACD,CAAC,CAAC,OAAO;;;;KAItC,CAAC;AACN,CAAC"}
+{"version":3,"file":"WrapElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Wrap/WrapElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AAGjE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAwB,EAAK;IAC5D,OAAO,IAAI,CAAA;;KAEV,CAAC;AACN,CAAC"}

package/Controls/Components/Media/Audio/AudioElement.d.ts

@@ -12,8 +12,47 @@ declare const AudioElement_base: (abstract new (...args: Array<any>) => import("
  * @slot legend - The legend slot.
  *
  * @csspart audio - The native audio element part.
- * @csspart legend - The legend part.
  * @csspart content - The content overlay part.
+ * @csspart legend - The legend part.
+ *
+ * @cssprop {String} --audio-aspect-ratio - The aspect ratio CSS custom property.
+ * @cssprop {String} --audio-background-color - The background color CSS custom property.
+ * @cssprop {String} --audio-border-color - The border color CSS custom property.
+ * @cssprop {String} --audio-border-radius - The border radius CSS custom property.
+ * @cssprop {String} --audio-border-style - The border style CSS custom property.
+ * @cssprop {String} --audio-border-width - The border width CSS custom property.
+ * @cssprop {String} --audio-font-family - The font family CSS custom property.
+ * @cssprop {String} --audio-font-letter-spacing - The font letter spacing CSS custom property.
+ * @cssprop {String} --audio-font-line-height - The font line height CSS custom property.
+ * @cssprop {String} --audio-font-size - The font size CSS custom property.
+ * @cssprop {String} --audio-font-text-decoration - The font text decoration CSS custom property.
+ * @cssprop {String} --audio-font-text-transform - The font text transform CSS custom property.
+ * @cssprop {String} --audio-font-weight - The font weight CSS custom property.
+ * @cssprop {String} --audio-foreground-color - The foreground color CSS custom property.
+ * @cssprop {String} --audio-gap - The gap CSS custom property.
+ * @cssprop {String} --audio-legend-font-family - The legend font family CSS custom property.
+ * @cssprop {String} --audio-legend-font-letter-spacing - The legend font letter spacing CSS custom property.
+ * @cssprop {String} --audio-legend-font-line-height - The legend font line height CSS custom property.
+ * @cssprop {String} --audio-legend-font-size - The legend font size CSS custom property.
+ * @cssprop {String} --audio-legend-font-text-decoration - The legend font text decoration CSS custom property.
+ * @cssprop {String} --audio-legend-font-text-transform - The legend font text transform CSS custom property.
+ * @cssprop {String} --audio-legend-font-weight - The legend font weight CSS custom property.
+ * @cssprop {String} --audio-padding-bottom - The padding bottom CSS custom property.
+ * @cssprop {String} --audio-padding-left - The padding left CSS custom property.
+ * @cssprop {String} --audio-padding-right - The padding right CSS custom property.
+ * @cssprop {String} --audio-padding-top - The padding top CSS custom property.
+ * @cssprop {String} --audio-shadow - The shadow CSS custom property.
+ * @cssprop {String} --audio-shadow-blur - The shadow blur CSS custom property.
+ * @cssprop {String} --audio-shadow-color - The shadow color CSS custom property.
+ * @cssprop {String} --audio-shadow-offset-x - The shadow offset x CSS custom property.
+ * @cssprop {String} --audio-shadow-offset-y - The shadow offset y CSS custom property.
+ * @cssprop {String} --audio-shadow-spread - The shadow spread CSS custom property.
+ * @cssprop {String} --audio-transition-duration - The transition duration CSS custom property.
+ * @cssprop {String} --audio-transition-mode - The transition mode CSS custom property.
+ * @cssprop {String} --audio-transition-property - The transition property CSS custom property.
+ * @cssprop {String} --audio-translate - The translate CSS custom property.
+ *
+ * @dependency mosaik-text - The Text element.
  *
  * @example
  * Basic audio player with controls:

package/Controls/Components/Media/Audio/AudioElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AudioElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Audio/AudioElement.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAS3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAG9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;;AAO/D;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,qBAYa,YACT,SAAQ,iBACR,YAAW,kBAAkB;IAI7B,OAAO,CAAC,aAAa,CAAoB;IACzC,OAAO,CAAC,IAAI,CAAmD;IAC/D,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,aAAa,CAAU;IAC/B,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,eAAe,CAAsB;IAC7C,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,MAAM,CAAU;IACxB,OAAO,CAAC,KAAK,CAAU;IAMvB;;OAEG;;IAkBH;;;OAGG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,GAAG,IAAI,MAAM,GAAG,WAAW,GAAG,WAAW,GAAG,IAAI,GAAG,IAAI,CAEjE;IACD,IAAW,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,WAAW,GAAG,IAAI,GAAG,IAAI,EAKrE;IAED;;;;;OAKG;IACH,IAIW,QAAQ,IAAI,OAAO,CAE7B;IACD,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAKjC;IAED;;;;;OAKG;IACH,IAIW,YAAY,IAAI,OAAO,CAEjC;IACD,IAAW,YAAY,CAAC,KAAK,EAAE,OAAO,EAKrC;IAED;;;;;OAKG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IACD,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAK9B;IAED;;;;;OAKG;IACH,IACW,cAAc,IAAI,mBAAmB,CAE/C;IACD,IAAW,cAAc,CAAC,KAAK,EAAE,mBAAmB,EAKnD;IAED;;;;;OAKG;IACH,IACW,KAAK,IAAI,cAAc,CAEjC;IACD,IAAW,KAAK,CAAC,KAAK,EAAE,cAAc,EAKrC;IAED;;;;;OAKG;IACH,IAIW,KAAK,IAAI,OAAO,CAE1B;IACD,IAAW,KAAK,CAAC,KAAK,EAAE,OAAO,EAK9B;IAED;;;;;OAKG;IACH,IAIW,IAAI,IAAI,OAAO,CAEzB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,OAAO,EAK7B;IAED;;;;;OAKG;IACH,IAAW,MAAM,IAAI,OAAO,CAE3B;IAMD;;OAEG;IACI,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAI5B;;OAEG;IACI,KAAK,IAAI,IAAI;IAIpB;;OAEG;IACI,MAAM,IAAI,IAAI;IAarB;;OAEG;IACI,IAAI,IAAI,IAAI;IAInB;;;OAGG;cACgB,eAAe,IAAI,IAAI;IAK1C;;OAEG;IAEH,SAAS,CAAC,yBAAyB,CAAC,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,GAAG,IAAI;IAOlF,SAAS,CAAC,OAAO,IAAI,IAAI;CAQ5B;AAED;;GAEG;AACH,yBAAiB,YAAY,CAAC;IAC1B,KAAY,KAAK,GAAG,kBAAkB,CAAC;CAC1C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,cAAc,EAAE,YAAY,CAAC;KAChC;CACJ"}
+{"version":3,"file":"AudioElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Audio/AudioElement.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAS3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAG9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;;AAO/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgEG;AACH,qBAYa,YACT,SAAQ,iBACR,YAAW,kBAAkB;IAI7B,OAAO,CAAC,aAAa,CAAoB;IACzC,OAAO,CAAC,IAAI,CAAmD;IAC/D,OAAO,CAAC,SAAS,CAAU;IAC3B,OAAO,CAAC,aAAa,CAAU;IAC/B,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,eAAe,CAAsB;IAC7C,OAAO,CAAC,MAAM,CAAiB;IAC/B,OAAO,CAAC,MAAM,CAAU;IACxB,OAAO,CAAC,KAAK,CAAU;IAMvB;;OAEG;;IAkBH;;;OAGG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;OAIG;IACH,IACW,GAAG,IAAI,MAAM,GAAG,WAAW,GAAG,WAAW,GAAG,IAAI,GAAG,IAAI,CAEjE;IACD,IAAW,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,WAAW,GAAG,IAAI,GAAG,IAAI,EAKrE;IAED;;;;;OAKG;IACH,IAIW,QAAQ,IAAI,OAAO,CAE7B;IACD,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAKjC;IAED;;;;;OAKG;IACH,IAIW,YAAY,IAAI,OAAO,CAEjC;IACD,IAAW,YAAY,CAAC,KAAK,EAAE,OAAO,EAKrC;IAED;;;;;OAKG;IACH,IACW,MAAM,IAAI,MAAM,CAE1B;IACD,IAAW,MAAM,CAAC,KAAK,EAAE,MAAM,EAK9B;IAED;;;;;OAKG;IACH,IACW,cAAc,IAAI,mBAAmB,CAE/C;IACD,IAAW,cAAc,CAAC,KAAK,EAAE,mBAAmB,EAKnD;IAED;;;;;OAKG;IACH,IACW,KAAK,IAAI,cAAc,CAEjC;IACD,IAAW,KAAK,CAAC,KAAK,EAAE,cAAc,EAKrC;IAED;;;;;OAKG;IACH,IAIW,KAAK,IAAI,OAAO,CAE1B;IACD,IAAW,KAAK,CAAC,KAAK,EAAE,OAAO,EAK9B;IAED;;;;;OAKG;IACH,IAIW,IAAI,IAAI,OAAO,CAEzB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,OAAO,EAK7B;IAED;;;;;OAKG;IACH,IAAW,MAAM,IAAI,OAAO,CAE3B;IAMD;;OAEG;IACI,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAI5B;;OAEG;IACI,KAAK,IAAI,IAAI;IAIpB;;OAEG;IACI,MAAM,IAAI,IAAI;IAarB;;OAEG;IACI,IAAI,IAAI,IAAI;IAInB;;;OAGG;cACgB,eAAe,IAAI,IAAI;IAK1C;;OAEG;IAEH,SAAS,CAAC,yBAAyB,CAAC,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,GAAG,IAAI;IAOlF,SAAS,CAAC,OAAO,IAAI,IAAI;CAQ5B;AAED;;GAEG;AACH,yBAAiB,YAAY,CAAC;IAC1B,KAAY,KAAK,GAAG,kBAAkB,CAAC;CAC1C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,cAAc,EAAE,YAAY,CAAC;KAChC;CACJ"}

package/Controls/Components/Media/Audio/AudioElement.js

@@ -34,8 +34,47 @@ import { audioElementMemphisStyle } from './Themes/AudioElement.Memphis';
  * @slot legend - The legend slot.
  *
  * @csspart audio - The native audio element part.
- * @csspart legend - The legend part.
  * @csspart content - The content overlay part.
+ * @csspart legend - The legend part.
+ *
+ * @cssprop {String} --audio-aspect-ratio - The aspect ratio CSS custom property.
+ * @cssprop {String} --audio-background-color - The background color CSS custom property.
+ * @cssprop {String} --audio-border-color - The border color CSS custom property.
+ * @cssprop {String} --audio-border-radius - The border radius CSS custom property.
+ * @cssprop {String} --audio-border-style - The border style CSS custom property.
+ * @cssprop {String} --audio-border-width - The border width CSS custom property.
+ * @cssprop {String} --audio-font-family - The font family CSS custom property.
+ * @cssprop {String} --audio-font-letter-spacing - The font letter spacing CSS custom property.
+ * @cssprop {String} --audio-font-line-height - The font line height CSS custom property.
+ * @cssprop {String} --audio-font-size - The font size CSS custom property.
+ * @cssprop {String} --audio-font-text-decoration - The font text decoration CSS custom property.
+ * @cssprop {String} --audio-font-text-transform - The font text transform CSS custom property.
+ * @cssprop {String} --audio-font-weight - The font weight CSS custom property.
+ * @cssprop {String} --audio-foreground-color - The foreground color CSS custom property.
+ * @cssprop {String} --audio-gap - The gap CSS custom property.
+ * @cssprop {String} --audio-legend-font-family - The legend font family CSS custom property.
+ * @cssprop {String} --audio-legend-font-letter-spacing - The legend font letter spacing CSS custom property.
+ * @cssprop {String} --audio-legend-font-line-height - The legend font line height CSS custom property.
+ * @cssprop {String} --audio-legend-font-size - The legend font size CSS custom property.
+ * @cssprop {String} --audio-legend-font-text-decoration - The legend font text decoration CSS custom property.
+ * @cssprop {String} --audio-legend-font-text-transform - The legend font text transform CSS custom property.
+ * @cssprop {String} --audio-legend-font-weight - The legend font weight CSS custom property.
+ * @cssprop {String} --audio-padding-bottom - The padding bottom CSS custom property.
+ * @cssprop {String} --audio-padding-left - The padding left CSS custom property.
+ * @cssprop {String} --audio-padding-right - The padding right CSS custom property.
+ * @cssprop {String} --audio-padding-top - The padding top CSS custom property.
+ * @cssprop {String} --audio-shadow - The shadow CSS custom property.
+ * @cssprop {String} --audio-shadow-blur - The shadow blur CSS custom property.
+ * @cssprop {String} --audio-shadow-color - The shadow color CSS custom property.
+ * @cssprop {String} --audio-shadow-offset-x - The shadow offset x CSS custom property.
+ * @cssprop {String} --audio-shadow-offset-y - The shadow offset y CSS custom property.
+ * @cssprop {String} --audio-shadow-spread - The shadow spread CSS custom property.
+ * @cssprop {String} --audio-transition-duration - The transition duration CSS custom property.
+ * @cssprop {String} --audio-transition-mode - The transition mode CSS custom property.
+ * @cssprop {String} --audio-transition-property - The transition property CSS custom property.
+ * @cssprop {String} --audio-translate - The translate CSS custom property.
+ *
+ * @dependency mosaik-text - The Text element.
  *
  * @example
  * Basic audio player with controls:

package/Controls/Components/Media/Audio/AudioElement.js.map

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

package/Controls/Components/Media/Audio/Themes/AudioElement.Joy.js

@@ -22,12 +22,12 @@ export function audioElementJoyStyle() {
   --audio-font-family: var(--joy-font-family);
   --audio-font-letter-spacing: unset;
   --audio-font-line-height: unset;
-  --audio-font-size: 12px;
+  --audio-font-size: var(--joy-typography-body1-font-size);
   --audio-font-text-decoration: unset;
   --audio-font-text-transform: unset;
-  --audio-font-weight: normal;
+  --audio-font-weight: var(--joy-typography-body1-font-weight);
   --audio-foreground-color: var(--joy-scheme-foreground);
-  --audio-gap: 8px;
+  --audio-gap: var(--joy-layout-space);
   --audio-legend-font-family: var(--joy-font-family);
   --audio-legend-font-letter-spacing: var(--joy-typography-caption-letter-spacing);
   --audio-legend-font-line-height: var(--joy-typography-caption-line-height);
@@ -35,10 +35,10 @@ export function audioElementJoyStyle() {
   --audio-legend-font-text-decoration: var(--joy-typography-caption-text-decoration);
   --audio-legend-font-text-transform: var(--joy-typography-caption-text-transform);
   --audio-legend-font-weight: var(--joy-typography-caption-font-weight);
-  --audio-padding-bottom: 16px;
-  --audio-padding-left: 16px;
-  --audio-padding-right: 16px;
-  --audio-padding-top: 16px;
+  --audio-padding-bottom: calc(var(--joy-layout-space) * 2);
+  --audio-padding-left: calc(var(--joy-layout-space) * 2);
+  --audio-padding-right: calc(var(--joy-layout-space) * 2);
+  --audio-padding-top: calc(var(--joy-layout-space) * 2);
   --audio-shadow: unset unset unset unset unset;
   --audio-shadow-blur: unset;
   --audio-shadow-color: unset;

package/Controls/Components/Media/Avatar/AvatarElement.d.ts

@@ -18,21 +18,49 @@ declare const AvatarElement_base: (abstract new (...args: Array<any>) => import(
  * @slot - Default content for avatar display (overrides automatic text/icon generation)
  * @slot badge - Status indicator or notification badge positioned on the avatar
  *
- * @csspart image - The avatar image container when using image source
+ * @csspart backplate - The circular background container for all avatar content
+ * @csspart icon - The icon part.
  * @csspart icon - The fallback icon element when no image or text available
  * @csspart text - The text/initials container for text-based avatars
- * @csspart backplate - The circular background container for all avatar content
  *
- * @cssprop {String} --avatar-size - Size of the avatar (width and height)
  * @cssprop {Color} --avatar-background-color - Background color for text/icon avatars
- * @cssprop {Color} --avatar-foreground-color - Text and icon color
+ * @cssprop {String} --avatar-badge-gap - The badge gap CSS custom property.
+ * @cssprop {String} --avatar-badge-horizontal-align - The badge horizontal align CSS custom property.
+ * @cssprop {String} --avatar-badge-radius - The badge radius CSS custom property.
+ * @cssprop {String} --avatar-badge-vertical-align - The badge vertical align CSS custom property.
+ * @cssprop {String} --avatar-border-color - The border color CSS custom property.
  * @cssprop {String} --avatar-border-radius - Border radius (typically 50% for circular)
+ * @cssprop {String} --avatar-border-style - The border style CSS custom property.
+ * @cssprop {String} --avatar-border-width - The border width CSS custom property.
+ * @cssprop {String} --avatar-diameter - The diameter CSS custom property.
+ * @cssprop {String} --avatar-font-family - The font family CSS custom property.
+ * @cssprop {String} --avatar-font-letter-spacing - The font letter spacing CSS custom property.
+ * @cssprop {String} --avatar-font-line-height - The font line height CSS custom property.
  * @cssprop {String} --avatar-font-size - Font size for initials text
+ * @cssprop {String} --avatar-font-text-decoration - The font text decoration CSS custom property.
+ * @cssprop {String} --avatar-font-text-transform - The font text transform CSS custom property.
  * @cssprop {String} --avatar-font-weight - Font weight for initials text
+ * @cssprop {Color} --avatar-foreground-color - Text and icon color
+ * @cssprop {String} --avatar-gap - The gap CSS custom property.
+ * @cssprop {String} --avatar-offset - The offset CSS custom property.
+ * @cssprop {String} --avatar-padding-bottom - The padding bottom CSS custom property.
+ * @cssprop {String} --avatar-padding-left - The padding left CSS custom property.
+ * @cssprop {String} --avatar-padding-right - The padding right CSS custom property.
+ * @cssprop {String} --avatar-padding-top - The padding top CSS custom property.
+ * @cssprop {String} --avatar-shadow - The shadow CSS custom property.
+ * @cssprop {String} --avatar-shadow-blur - The shadow blur CSS custom property.
+ * @cssprop {String} --avatar-shadow-color - The shadow color CSS custom property.
+ * @cssprop {String} --avatar-shadow-offset-x - The shadow offset x CSS custom property.
+ * @cssprop {String} --avatar-shadow-offset-y - The shadow offset y CSS custom property.
+ * @cssprop {String} --avatar-shadow-spread - The shadow spread CSS custom property.
+ * @cssprop {String} --avatar-transition-duration - The transition duration CSS custom property.
+ * @cssprop {String} --avatar-transition-mode - The transition mode CSS custom property.
+ * @cssprop {String} --avatar-transition-property - The transition property CSS custom property.
+ * @cssprop {String} --avatar-translate - The translate CSS custom property.
  *
- * @dependency TextElement - For rendering initials and text content
- * @dependency IconElement - For fallback icon display
- * @dependency ImageElement - For profile image rendering
+ * @dependency mosaik-icon - The Icon element.
+ * @dependency mosaik-image - The Image element.
+ * @dependency mosaik-text - The Text element.
  *
  * @example
  * ```html

package/Controls/Components/Media/Avatar/AvatarElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Avatar/AvatarElement.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAM9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;AAOjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,qBAca,aACT,SAAQ,kBACR,YAAW,mBAAmB;IAI9B,OAAO,CAAC,QAAQ,CAAC,YAAY,CAE1B;IACH,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,aAAa,CAA4B;IACjD,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,YAAY,CAAmC;IAMvD;;OAEG;;IA+BH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;OAEG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED;;OAEG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED;;OAEG;IACH,IACW,GAAG,IAAI,MAAM,CAEvB;IACD,IAAW,GAAG,CAAC,KAAK,EAAE,MAAM,EAK3B;IAED;;;;;;OAMG;IACH,IACW,WAAW,IAAI,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAEzD;IACD,OAAO,KAAK,WAAW,QAKtB;IAED;;;;;OAKG;IACH,IACW,YAAY,IAAI,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAEnD;IACD,IAAW,YAAY,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,EAKvD;IAED;;;OAGG;IACH,IAAoB,IAAI,IAAI,IAAI,CAE/B;IACD,IAAoB,IAAI,CAAC,KAAK,EAAE,IAAI,EAGnC;IAED;;;OAGG;IACH,IAAoB,QAAQ,IAAI,OAAO,CAEtC;IACD,IAAoB,QAAQ,CAAC,KAAK,EAAE,OAAO,EAG1C;IAED;;;OAGG;IACH,IAAoB,OAAO,IAAI,OAAO,CAErC;IACD,IAAoB,OAAO,CAAC,KAAK,EAAE,OAAO,EAGzC;IAED;;;OAGG;IACH,IAAoB,UAAU,IAAI,UAAU,CAE3C;IACD,IAAoB,UAAU,CAAC,KAAK,EAAE,UAAU,EAG/C;IAED;;;;;;OAMG;IACH,IAIW,QAAQ,IAAI,OAAO,CAG7B;IAMD;;;;OAIG;IACI,kBAAkB,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI;IAIpE;;OAEG;IAEH,SAAS,CAAC,qBAAqB,IAAI,IAAI;IAIvC;;OAEG;IAEH,SAAS,CAAC,qBAAqB,IAAI,IAAI;IAIvC;;OAEG;IAEH,SAAS,CAAC,oBAAoB,IAAI,IAAI;IAItC;;OAEG;IACH,OAAO,CAAC,cAAc;CAgBzB;AAED;;GAEG;AACH,yBAAiB,aAAa,CAAC;IAC3B,KAAY,KAAK,GAAG,mBAAmB,CAAC;CAC3C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,aAAa,CAAC;KAClC;CACJ"}
+{"version":3,"file":"AvatarElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Media/Avatar/AvatarElement.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAM9D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;AAOjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyEG;AACH,qBAca,aACT,SAAQ,kBACR,YAAW,mBAAmB;IAI9B,OAAO,CAAC,QAAQ,CAAC,YAAY,CAE1B;IACH,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,aAAa,CAA4B;IACjD,OAAO,CAAC,KAAK,CAAS;IACtB,OAAO,CAAC,IAAI,CAAS;IACrB,OAAO,CAAC,YAAY,CAAmC;IAMvD;;OAEG;;IA+BH;;;;;;MAME;IACF,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;OAEG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED;;OAEG;IACH,IACW,IAAI,IAAI,MAAM,CAExB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAK5B;IAED;;OAEG;IACH,IACW,GAAG,IAAI,MAAM,CAEvB;IACD,IAAW,GAAG,CAAC,KAAK,EAAE,MAAM,EAK3B;IAED;;;;;;OAMG;IACH,IACW,WAAW,IAAI,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAEzD;IACD,OAAO,KAAK,WAAW,QAKtB;IAED;;;;;OAKG;IACH,IACW,YAAY,IAAI,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAEnD;IACD,IAAW,YAAY,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,EAKvD;IAED;;;OAGG;IACH,IAAoB,IAAI,IAAI,IAAI,CAE/B;IACD,IAAoB,IAAI,CAAC,KAAK,EAAE,IAAI,EAGnC;IAED;;;OAGG;IACH,IAAoB,QAAQ,IAAI,OAAO,CAEtC;IACD,IAAoB,QAAQ,CAAC,KAAK,EAAE,OAAO,EAG1C;IAED;;;OAGG;IACH,IAAoB,OAAO,IAAI,OAAO,CAErC;IACD,IAAoB,OAAO,CAAC,KAAK,EAAE,OAAO,EAGzC;IAED;;;OAGG;IACH,IAAoB,UAAU,IAAI,UAAU,CAE3C;IACD,IAAoB,UAAU,CAAC,KAAK,EAAE,UAAU,EAG/C;IAED;;;;;;OAMG;IACH,IAIW,QAAQ,IAAI,OAAO,CAG7B;IAMD;;;;OAIG;IACI,kBAAkB,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI;IAIpE;;OAEG;IAEH,SAAS,CAAC,qBAAqB,IAAI,IAAI;IAIvC;;OAEG;IAEH,SAAS,CAAC,qBAAqB,IAAI,IAAI;IAIvC;;OAEG;IAEH,SAAS,CAAC,oBAAoB,IAAI,IAAI;IAItC;;OAEG;IACH,OAAO,CAAC,cAAc;CAgBzB;AAED;;GAEG;AACH,yBAAiB,aAAa,CAAC;IAC3B,KAAY,KAAK,GAAG,mBAAmB,CAAC;CAC3C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,eAAe,EAAE,aAAa,CAAC;KAClC;CACJ"}