@breadstone/mosaik-elements-foundation 0.0.285 → 0.0.287

package/Controls/Components/Selectors/Carousel/CarouselItemElement.js

@@ -99,6 +99,7 @@ let CarouselItemElement = class CarouselItemElement extends Themeable(Disableabl
     _isDismissed;
     _isActive;
     _dismissDirection;
+    _timeout;
     // #endregion
     // #region Ctor
     /**
@@ -109,6 +110,7 @@ let CarouselItemElement = class CarouselItemElement extends Themeable(Disableabl
         this._isDismissed = false;
         this._isActive = false;
         this._dismissDirection = null;
+        this._timeout = null;
     }
     // #endregion
     // #region Properties
@@ -186,6 +188,25 @@ let CarouselItemElement = class CarouselItemElement extends Themeable(Disableabl
             this.requestUpdate('dismissDirection');
         }
     }
+    /**
+     * Gets or sets the `timeout` property.
+     * Optional override for the autoplay timeout duration specific to this item.
+     * If set, this value takes precedence over the parent Carousel's `timeout` when advancing to the next item.
+     * When null (default), the parent Carousel's timeout is used.
+     * Must be greater than 0 if set.
+     *
+     * @public
+     * @attr
+     */
+    get timeout() {
+        return this._timeout;
+    }
+    set timeout(value) {
+        if (this._timeout !== value) {
+            this._timeout = value;
+            this.requestUpdate('timeout');
+        }
+    }
     /**
      * Get the item parent.
      *
@@ -211,6 +232,11 @@ __decorate([
     __metadata("design:type", Object),
     __metadata("design:paramtypes", [Object])
 ], CarouselItemElement.prototype, "dismissDirection", null);
+__decorate([
+    Attribute({ type: Number }),
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [Object])
+], CarouselItemElement.prototype, "timeout", null);
 CarouselItemElement = __decorate([
     Component({
         selector: 'mosaik-carousel-item',

package/Controls/Components/Selectors/Carousel/CarouselItemElement.js.map

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

package/Controls/Components/Selectors/Carousel/ICarouselElementProps.d.ts

@@ -9,11 +9,52 @@ import type { ISelectorElementProps } from '../Abstracts/Selector/ISelectorEleme
  *
  * @public
  */
-export interface ICarouselElementProps extends ISelectorElementProps, IDisableableProps, IAppearanceableProps, IVariantableProps {
+export interface ICarouselElementProps extends IAppearanceableProps, IDisableableProps, IVariantableProps, ISelectorElementProps {
+    /**
+     * Enables or disables automatic carousel cycling to the next item.
+     * When enabled, the carousel advances at intervals defined by the `timeout` property.
+     * The timer pauses on pointer enter and resumes on pointer leave.
+     *
+     * @public
+     */
+    autoplay: boolean;
+    /**
+     * The timeout in milliseconds between automatic carousel item transitions.
+     * Only used when `autoplay` is enabled. Individual items can override this with their own timeout.
+     * Value must be greater than 0.
+     *
+     * @public
+     */
+    timeout: number;
+    /**
+     * Indicates whether the carousel should show navigation buttons.
+     *
+     * @public
+     */
     showNavigation: boolean;
+    /**
+     * Indicates whether the carousel should show the indicator dots.
+     *
+     * @public
+     */
     showIndicator: boolean;
+    /**
+     * Indicates whether the carousel should loop when reaching the end.
+     *
+     * @public
+     */
     loop: boolean;
+    /**
+     * The position where navigation controls are displayed.
+     *
+     * @public
+     */
     navigationPosition: CarouselNavigationPosition;
+    /**
+     * The display mode for carousel items (Slide or Deck).
+     *
+     * @public
+     */
     displayMode: CarouselDisplayMode;
 }
 //# sourceMappingURL=ICarouselElementProps.d.ts.map

package/Controls/Components/Selectors/Carousel/ICarouselElementProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ICarouselElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Carousel/ICarouselElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,2CAA2C,CAAC;AAC5F,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6CAA6C,CAAC;AAIzF;;;;GAIG;AACH,MAAM,WAAW,qBACb,SAAQ,qBAAqB,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,iBAAiB;IAEzF,cAAc,EAAE,OAAO,CAAC;IAExB,aAAa,EAAE,OAAO,CAAC;IAEvB,IAAI,EAAE,OAAO,CAAC;IAEd,kBAAkB,EAAE,0BAA0B,CAAC;IAE/C,WAAW,EAAE,mBAAmB,CAAC;CAEpC"}
+{"version":3,"file":"ICarouselElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Carousel/ICarouselElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,2CAA2C,CAAC;AAC5F,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6CAA6C,CAAC;AAIzF;;;;GAIG;AACH,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,qBAAqB;IAC5H;;;;;;OAMG;IACH,QAAQ,EAAE,OAAO,CAAC;IAElB;;;;;;OAMG;IACH,OAAO,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,cAAc,EAAE,OAAO,CAAC;IAExB;;;;OAIG;IACH,aAAa,EAAE,OAAO,CAAC;IAEvB;;;;OAIG;IACH,IAAI,EAAE,OAAO,CAAC;IAEd;;;;OAIG;IACH,kBAAkB,EAAE,0BAA0B,CAAC;IAE/C;;;;OAIG;IACH,WAAW,EAAE,mBAAmB,CAAC;CACpC"}

package/Controls/Components/Selectors/Carousel/ICarouselItemElementProps.d.ts

@@ -6,16 +6,31 @@ import type { ISelectorItemElementProps } from '../Abstracts/Selector/ISelectorI
  * @public
  */
 export interface ICarouselItemElementProps extends ISelectorItemElementProps, IDisableableProps {
+    /**
+     * Optional override for the autoplay timeout duration specific to this item.
+     * If set, this value takes precedence over the parent Carousel's `timeout` when advancing to the next item.
+     * When null (default), the parent Carousel's timeout is used.
+     * Must be greater than 0 if set.
+     *
+     * @public
+     */
+    timeout: number | null;
     /**
      * Indicates whether this item has been dismissed (swiped past) in deck display mode.
+     *
+     * @public
      */
     isDismissed: boolean;
     /**
      * Indicates whether this item is the currently active card in deck display mode.
+     *
+     * @public
      */
     isActive: boolean;
     /**
      * The direction this card is being dismissed or arriving from in deck mode.
+     *
+     * @public
      */
     dismissDirection: string | null;
 }

package/Controls/Components/Selectors/Carousel/ICarouselItemElementProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ICarouselItemElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Carousel/ICarouselItemElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iDAAiD,CAAC;AAIjG;;;;GAIG;AAEH,MAAM,WAAW,yBACb,SAAQ,yBAAyB,EACjC,iBAAiB;IAEjB;;OAEG;IACH,WAAW,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;CACnC"}
+{"version":3,"file":"ICarouselItemElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Carousel/ICarouselItemElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,iDAAiD,CAAC;AAIjG;;;;GAIG;AACH,MAAM,WAAW,yBAA0B,SAAQ,yBAAyB,EAAE,iBAAiB;IAC3F;;;;;;;OAOG;IACH,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAEvB;;;;OAIG;IACH,WAAW,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,QAAQ,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;CACnC"}

package/Controls/Components/Selectors/List/Themes/ListItemElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListItemElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,gCAAgC,IAAI,SAAS,CA8H5D"}
+{"version":3,"file":"ListItemElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListItemElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,gCAAgC,IAAI,SAAS,CAiI5D"}

package/Controls/Components/Selectors/List/Themes/ListItemElement.Cosmopolitan.js

@@ -91,7 +91,10 @@ export function listItemElementCosmopolitanStyle() {
   transition-duration: var(--list-item-transition-duration);
   transition-timing-function: var(--list-item-transition-mode);
   transition-property: var(--list-item-transition-property);
-  padding: var(--list-item-padding-top) var(--list-item-padding-right) var(--list-item-padding-bottom) var(--list-item-padding-left);
+  padding-top: var(--list-item-padding-top);
+  padding-right: var(--list-item-padding-right);
+  padding-bottom: var(--list-item-padding-bottom);
+  padding-left: var(--list-item-padding-left);
   gap: var(--list-item-gap);
   content-visibility: auto;
   align-items: center;

package/Controls/Components/Selectors/List/Themes/ListItemElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListItemElement.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,gCAAgC;IAC5C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4HT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ListItemElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListItemElement.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,gCAAgC;IAC5C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+HT,CAAC;AACN,CAAC"}

package/Controls/Components/Selectors/List/Themes/ListItemElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListItemElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CA2InD"}
+{"version":3,"file":"ListItemElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListItemElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CA8InD"}

package/Controls/Components/Selectors/List/Themes/ListItemElement.Joy.js

@@ -45,7 +45,7 @@ export function listItemElementJoyStyle() {
   --list-item-shadow-spread: unset;
   --list-item-transition-duration: var(--joy-duration-short);
   --list-item-transition-mode: ease;
-  --list-item-transition-property: all;
+  --list-item-transition-property: border-color, background-color;
   --list-item-translate: none;
 }
 
@@ -91,7 +91,10 @@ export function listItemElementJoyStyle() {
   transition-duration: var(--list-item-transition-duration);
   transition-timing-function: var(--list-item-transition-mode);
   transition-property: var(--list-item-transition-property);
-  padding: var(--list-item-padding-top) var(--list-item-padding-right) var(--list-item-padding-bottom) var(--list-item-padding-left);
+  padding-top: var(--list-item-padding-top);
+  padding-right: var(--list-item-padding-right);
+  padding-bottom: var(--list-item-padding-bottom);
+  padding-left: var(--list-item-padding-left);
   gap: var(--list-item-gap);
   content-visibility: auto;
   align-items: center;

package/Controls/Components/Selectors/List/Themes/ListItemElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListItemElement.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,uBAAuB;IACnC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyIT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ListItemElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListItemElement.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,uBAAuB;IACnC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4IT,CAAC;AACN,CAAC"}

package/Controls/Components/Selectors/List/Themes/ListItemElement.Memphis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListItemElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,SAAS,CA8HvD"}
+{"version":3,"file":"ListItemElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListItemElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,2BAA2B,IAAI,SAAS,CAiIvD"}

package/Controls/Components/Selectors/List/Themes/ListItemElement.Memphis.js

@@ -91,7 +91,10 @@ export function listItemElementMemphisStyle() {
   transition-duration: var(--list-item-transition-duration);
   transition-timing-function: var(--list-item-transition-mode);
   transition-property: var(--list-item-transition-property);
-  padding: var(--list-item-padding-top) var(--list-item-padding-right) var(--list-item-padding-bottom) var(--list-item-padding-left);
+  padding-top: var(--list-item-padding-top);
+  padding-right: var(--list-item-padding-right);
+  padding-bottom: var(--list-item-padding-bottom);
+  padding-left: var(--list-item-padding-left);
   gap: var(--list-item-gap);
   content-visibility: auto;
   align-items: center;

package/Controls/Components/Selectors/List/Themes/ListItemElement.Memphis.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListItemElement.Memphis.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,2BAA2B;IACvC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4HT,CAAC;AACN,CAAC"}
+{"version":3,"file":"ListItemElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/List/Themes/ListItemElement.Memphis.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,2BAA2B;IACvC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+HT,CAAC;AACN,CAAC"}

package/Controls/Components/Selectors/Menu/MenuElementTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Menu/MenuElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAIjD;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAM/E"}
+{"version":3,"file":"MenuElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Menu/MenuElementTemplate.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,CAAC,EAAE,CAAC,GAAG,cAAc,CAM/E"}

package/Controls/Components/Selectors/Menu/MenuElementTemplate.js

@@ -1,6 +1,5 @@
 // #region Imports
 import { html } from '../../../../Dom/Html';
-import { flex } from '../../../Directives/Flex/FlexDirective';
 // #endregion
 /**
  * The template of the `MenuElement`.
@@ -9,7 +8,7 @@ import { flex } from '../../../Directives/Flex/FlexDirective';
  */
 export function menuElementTemplate(e) {
     return html `
-        <div part="root" ${flex({ direction: 'column' })}>
+        <div part="root">
             <slot @slotchange="${(x) => e.onSlotChange(x)}"></slot>
         </div>
     `;

package/Controls/Components/Selectors/Menu/MenuElementTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Menu/MenuElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,wCAAwC,CAAC;AAG9D,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAwB,CAAI;IAC3D,OAAO,IAAI,CAAA;2BACY,IAAI,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC;iCACvB,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;;KAE3D,CAAC;AACN,CAAC"}
+{"version":3,"file":"MenuElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Menu/MenuElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AAGjE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAwB,CAAI;IAC3D,OAAO,IAAI,CAAA;;iCAEkB,CAAC,CAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;;KAE3D,CAAC;AACN,CAAC"}

package/Controls/Components/Selectors/Menu/MenuItemElementTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Menu/MenuItemElementTemplate.ts"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAYjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIzD;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,eAAe,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAkHvF"}
+{"version":3,"file":"MenuItemElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Menu/MenuItemElementTemplate.ts"],"names":[],"mappings":"AAGA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAKjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIzD;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,eAAe,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAgHvF"}

package/Controls/Components/Selectors/Menu/MenuItemElementTemplate.js

@@ -1,15 +1,8 @@
 // #region Imports
 import { prevent } from '@breadstone/mosaik-elements';
 import { html } from '../../../../Dom/Html';
-import { Icons } from '../../../../Resources/Icons';
 import { when } from '../../../Directives/Directives';
-import { Appearance } from '../../../Types/Appearance';
-import { CheckType } from '../../../Types/CheckType';
-import { Orientation } from '../../../Types/Orientation';
-import { Placement } from '../../../Types/Placement';
-import { Size } from '../../../Types/Size';
-import { SubMenuMode } from '../../../Types/SubMenuMode';
-import { TextOverflow } from '../../../Types/TextOverflow';
+import { setHost } from '../../../Directives/setHost';
 // #endregion
 /**
  * The template of the `MenuItemElement`.
@@ -36,9 +29,9 @@ export function menuItemElementTemplate(e) {
             `)}
             ${when(e.isChecked, () => html `
             <mosaik-checkmark part="checkmark"
-                              .appearance="${Appearance.Plain}"
+                              .appearance="${'plain'}"
                               .variant="${e.variant}"
-                              .type="${CheckType.Hook}"
+                              .type="${'hook'}"
                               .dir="${e.dir}"
                               .lang="${e.lang}"
                               ?checked="${e.isChecked}"
@@ -47,25 +40,23 @@ export function menuItemElementTemplate(e) {
             <slot name="start"></slot>
             <slot name="icon">
                 ${when(e.icon.trim(), () => html `
-                <mosaik-icon .size="${Size.Small}"
+                <mosaik-icon .size="${'small'}"
                              .data="${e.icon}"
                              .dir="${e.dir}"
                              .lang="${e.lang}"
                              ?disabled="${e.disabled}"></mosaik-icon>
                 `)}
             </slot>
-            <mosaik-stack part="text"
-                          .orientation="${Orientation.Vertical}"
-                          .dir="${e.dir}"
-                          .lang="${e.lang}">
+            <div part="content"
+                 ?hidden="${!setHost(e, 'has-content', e.hasSlotContent('label') || e.label.trim().length > 0 || e.hasSlotContent('subLabel') || e.subLabel.trim().length > 0)}">
                 <slot name="label">
                 ${when(e.label, () => html `
                     <mosaik-text .text="${e.label}"
                                  .dir="${e.dir}"
                                  .lang="${e.lang}"
                                  .formatter="${e.formatter}"
-                                 ?truncate="${e.textOverflow === TextOverflow.Truncate}"
-                                 ?wrap="${e.textOverflow === TextOverflow.Wrap}"
+                                 ?truncate="${e.textOverflow === 'truncate'}"
+                                 ?wrap="${e.textOverflow === 'wrap'}"
                                  ?disabled="${e.disabled}"></mosaik-text>
                 `)}
                 </slot>
@@ -75,28 +66,28 @@ export function menuItemElementTemplate(e) {
                                  .dir="${e.dir}"
                                  .lang="${e.lang}"
                                  .formatter="${e.formatter}"
-                                 ?truncate="${e.textOverflow === TextOverflow.Truncate}"
-                                 ?wrap="${e.textOverflow === TextOverflow.Wrap}"
+                                 ?truncate="${e.textOverflow === 'truncate'}"
+                                 ?wrap="${e.textOverflow === 'wrap'}"
                                  ?disabled="${e.disabled}"></mosaik-text>
                 `)}
                 </slot>
-            </mosaik-stack>
+            </div>
             ${when(e.hasChildren, () => html `
             <mosaik-button part="caret"
-                           .appearance="${Appearance.Plain}"
-                           .icon="${e.menuMode === SubMenuMode.Popover ? Icons.caretRight : Icons.caretDown}"
-                           .size="${Size.Small}"
+                           .appearance="${'plain'}"
+                           .icon="${e.menuMode === 'popover' ? 'caret-right' : 'caret-down'}"
+                           .size="${'small'}"
                            .dir="${e.dir}"
                            .lang="${e.lang}"
                            ?disabled="${e.disabled}"
-                           @click="${(x) => prevent(x, () => e.menuMode === SubMenuMode.Inline ? e.toggle() : void 0)}"></mosaik-button>
+                           @click="${(x) => prevent(x, () => e.menuMode === 'inline' ? e.toggle() : void 0)}"></mosaik-button>
             `)}
             <slot name="end"></slot>
         </div>
     `;
     return html `
         ${renderBody()}
-        ${when(e.menuMode === SubMenuMode.Popover, () => html `
+        ${when(e.menuMode === 'popover', () => html `
         <div part="submenu-container"
              style="display: none;">
             <slot name="submenu"></slot>
@@ -105,8 +96,8 @@ export function menuItemElementTemplate(e) {
         <mosaik-portal part="portal">
             <mosaik-floating part="popover"
                              .anchor="${e}"
-                             .placement="${Placement.RightStart}"
-                             .flipFallbackPlacements="${[Placement.LeftStart]}"
+                             .placement="${'right-start'}"
+                             .flipFallbackPlacements="${['left-start']}"
                              .active="${e.isExpanded}"
                              .strategy="${'fixed'}"
                              .flip="${true}"
@@ -123,7 +114,7 @@ export function menuItemElementTemplate(e) {
                            .dir="${e.dir}"
                            .lang="${e.lang}"
                            .isExpanded="${e.isExpanded}"
-                           ?hidden="${!e.hasSlotContent('submenu') && !e.hasSlotContent('')}">
+                           ?hidden="${!setHost(e, 'has-submenu', e.hasSlotContent('submenu') || e.hasSlotContent(''))}">
             <slot name="submenu"></slot>
             <slot></slot>
         </mosaik-expandable>

package/Controls/Components/Selectors/Menu/MenuItemElementTemplate.js.map

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

package/Controls/Components/Selectors/Menu/MenuItemGroupElementTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemGroupElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Menu/MenuItemGroupElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEjE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAInE;;;;GAIG;AACH,wBAAgB,4BAA4B,CAAC,CAAC,SAAS,oBAAoB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAkBjG"}
+{"version":3,"file":"MenuItemGroupElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Menu/MenuItemGroupElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAInE;;;;GAIG;AACH,wBAAgB,4BAA4B,CAAC,CAAC,SAAS,oBAAoB,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAejG"}

package/Controls/Components/Selectors/Menu/MenuItemGroupElementTemplate.js

@@ -1,6 +1,5 @@
 // #region Imports
 import { html } from '../../../../Dom/Html';
-import { TextOverflow } from '../../../Types/TextOverflow';
 // #endregion
 /**
  * The template of the `MenuItemGroupElement`.
@@ -11,19 +10,16 @@ export function menuItemGroupElementTemplate(e) {
     return html `
         <slot name="header">
             <mosaik-text part="header"
+                         .dir="${e.dir}"
+                         .lang="${e.lang}"
                          .text="${e.header}"
                          .formatter="${e.formatter}"
-                         ?truncate="${e.textOverflow === TextOverflow.Truncate}"
-                         ?wrap="${e.textOverflow === TextOverflow.Wrap}"
-                         .dir="${e.dir}"
-                         .lang="${e.lang}"></mosaik-text>
+                         ?truncate="${e.textOverflow === 'truncate'}"
+                         ?wrap="${e.textOverflow === 'wrap'}"></mosaik-text>
         </slot>
-        <mosaik-stack part="items"
-                      .orientation="${e.orientation}"
-                      .dir="${e.dir}"
-                      .lang="${e.lang}">
+        <div part="items">
             <slot></slot>
-        </mosaik-stack>
+        </div>
     `;
 }
 //# sourceMappingURL=MenuItemGroupElementTemplate.js.map

package/Controls/Components/Selectors/Menu/MenuItemGroupElementTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemGroupElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Menu/MenuItemGroupElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAG3D,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,4BAA4B,CAAiC,CAAI;IAC7E,OAAO,IAAI,CAAA;;;kCAGmB,CAAC,CAAC,MAAM;uCACH,CAAC,CAAC,SAAS;sCACZ,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,QAAQ;kCAC5C,CAAC,CAAC,YAAY,KAAK,YAAY,CAAC,IAAI;iCACrC,CAAC,CAAC,GAAG;kCACJ,CAAC,CAAC,IAAI;;;sCAGF,CAAC,CAAC,WAAW;8BACrB,CAAC,CAAC,GAAG;+BACJ,CAAC,CAAC,IAAI;;;KAGhC,CAAC;AACN,CAAC"}
+{"version":3,"file":"MenuItemGroupElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/Menu/MenuItemGroupElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AAGjE,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,4BAA4B,CAAiC,CAAI;IAC7E,OAAO,IAAI,CAAA;;;iCAGkB,CAAC,CAAC,GAAG;kCACJ,CAAC,CAAC,IAAI;kCACN,CAAC,CAAC,MAAM;uCACH,CAAC,CAAC,SAAS;sCACZ,CAAC,CAAC,YAAY,KAAK,UAAU;kCACjC,CAAC,CAAC,YAAY,KAAK,MAAM;;;;;KAKtD,CAAC;AACN,CAAC"}

package/Controls/Components/Selectors/Menu/Themes/MenuElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,4BAA4B,IAAI,SAAS,CA4GxD"}
+{"version":3,"file":"MenuElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,4BAA4B,IAAI,SAAS,CA8GxD"}

package/Controls/Components/Selectors/Menu/Themes/MenuElement.Cosmopolitan.js

@@ -96,6 +96,8 @@ export function menuElementCosmopolitanStyle() {
 
 :host [part="root"] {
   gap: var(--menu-gap);
+  flex-direction: column;
+  display: flex;
 }
 
 :host([inset*="none"]), :host([empty]) {

package/Controls/Components/Selectors/Menu/Themes/MenuElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuElement.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,4BAA4B;IACxC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0GT,CAAC;AACN,CAAC"}
+{"version":3,"file":"MenuElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuElement.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,4BAA4B;IACxC,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4GT,CAAC;AACN,CAAC"}

package/Controls/Components/Selectors/Menu/Themes/MenuElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,SAAS,CA4G/C"}
+{"version":3,"file":"MenuElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,SAAS,CA8G/C"}

package/Controls/Components/Selectors/Menu/Themes/MenuElement.Joy.js

@@ -96,6 +96,8 @@ export function menuElementJoyStyle() {
 
 :host [part="root"] {
   gap: var(--menu-gap);
+  flex-direction: column;
+  display: flex;
 }
 
 :host([inset*="none"]), :host([empty]) {

package/Controls/Components/Selectors/Menu/Themes/MenuElement.Joy.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuElement.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,mBAAmB;IAC/B,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0GT,CAAC;AACN,CAAC"}
+{"version":3,"file":"MenuElement.Joy.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuElement.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,mBAAmB;IAC/B,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4GT,CAAC;AACN,CAAC"}

package/Controls/Components/Selectors/Menu/Themes/MenuElement.Memphis.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CA4GnD"}
+{"version":3,"file":"MenuElement.Memphis.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuElement.Memphis.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CA8GnD"}

package/Controls/Components/Selectors/Menu/Themes/MenuElement.Memphis.js

@@ -96,6 +96,8 @@ export function menuElementMemphisStyle() {
 
 :host [part="root"] {
   gap: var(--menu-gap);
+  flex-direction: column;
+  display: flex;
 }
 
 :host([inset*="none"]), :host([empty]) {

package/Controls/Components/Selectors/Menu/Themes/MenuElement.Memphis.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuElement.Memphis.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA0GT,CAAC;AACN,CAAC"}
+{"version":3,"file":"MenuElement.Memphis.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuElement.Memphis.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4GT,CAAC;AACN,CAAC"}

package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Cosmopolitan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,gCAAgC,IAAI,SAAS,CA6K5D"}
+{"version":3,"file":"MenuItemElement.Cosmopolitan.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Cosmopolitan.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,gCAAgC,IAAI,SAAS,CAmL5D"}

package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Cosmopolitan.js

@@ -111,14 +111,20 @@ export function menuItemElementCosmopolitanStyle() {
   overflow: hidden;
 }
 
-:host [part="text"] {
+:host [part="content"] {
+  align-items: center;
+  gap: var(--menu-item-gap);
   text-overflow: ellipsis;
   white-space: nowrap;
   flex: 1;
-  display: block;
+  display: flex;
   overflow: hidden;
 }
 
+:host [part="content"].hidden {
+  display: none;
+}
+
 :host slot[name="label"] mosaik-text {
   color: inherit;
   font-family: inherit;

package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Cosmopolitan.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuItemElement.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,gCAAgC;IAC5C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2KT,CAAC;AACN,CAAC"}
+{"version":3,"file":"MenuItemElement.Cosmopolitan.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuItemElement.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,gCAAgC;IAC5C,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiLT,CAAC;AACN,CAAC"}

package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Joy.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CAgXnD"}
+{"version":3,"file":"MenuItemElement.Joy.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Joy.ts"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI7D;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,SAAS,CAsXnD"}

package/Controls/Components/Selectors/Menu/Themes/MenuItemElement.Joy.js

@@ -111,14 +111,20 @@ export function menuItemElementJoyStyle() {
   overflow: hidden;
 }
 
-:host [part="text"] {
+:host [part="content"] {
+  align-items: center;
+  gap: var(--menu-item-gap);
   text-overflow: ellipsis;
   white-space: nowrap;
   flex: 1;
-  display: block;
+  display: flex;
   overflow: hidden;
 }
 
+:host [part="content"].hidden {
+  display: none;
+}
+
 :host slot[name="label"] mosaik-text {
   color: inherit;
   font-family: inherit;