@breadstone/mosaik-elements-foundation 0.0.228 → 0.0.230

package/Controls/Components/Layouts/Page/PagePreContentElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PagePreContentElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PagePreContentElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;;AASjF;;;;;GAKG;AACH,qBAea,qBACT,SAAQ,0BACR,YAAW,2BAA2B;IAOtC;;OAEG;;IASH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;CAQJ;AAED;;GAEG;AACH,yBAAiB,qBAAqB,CAAC;IACnC,KAAY,KAAK,GAAG,2BAA2B,CAAC;CACnD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,yBAAyB,EAAE,qBAAqB,CAAC;KACpD;CACJ"}
+{"version":3,"file":"PagePreContentElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PagePreContentElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;;AASjF;;;;;;;;;;;;;GAaG;AACH,qBAea,qBACT,SAAQ,0BACR,YAAW,2BAA2B;IAOtC;;OAEG;;IASH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;CAQJ;AAED;;GAEG;AACH,yBAAiB,qBAAqB,CAAC;IACnC,KAAY,KAAK,GAAG,2BAA2B,CAAC;CACnD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,yBAAyB,EAAE,qBAAqB,CAAC;KACpD;CACJ"}

package/Controls/Components/Layouts/Page/PagePreContentElement.js

@@ -22,6 +22,14 @@ import { Themeable } from '../../../Behaviors/Themeable';
  * Page Pre Content - An optional secondary content area within a page, often used to display additional details, features, or related information.
  *
  * @element mosaik-page-pre-content
+ *
+ * @example
+ * ```html
+ * <mosaik-page-pre-content>
+ *   <nav>Breadcrumb navigation</nav>
+ * </mosaik-page-pre-content>
+ * ```
+ *
  * @public
  */
 let PagePreContentElement = class PagePreContentElement extends Themeable(Insetable(CustomElement)) {
@@ -37,8 +45,8 @@ let PagePreContentElement = class PagePreContentElement extends Themeable(Inseta
     // #endregion
     // #region Properties
     /**
-     * Returns the `{@link is}` property.
-     * The `{@link is}` property represents natural name of this element.
+     * Returns the `is` property.
+     * The `is` property represents natural name of this element.
      *
      * @public
      * @static

package/Controls/Components/Layouts/Page/PagePreContentElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"PagePreContentElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PagePreContentElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAE,iCAAiC,EAAE,MAAM,wCAAwC,CAAC;AAC3F,OAAO,EAAE,sCAAsC,EAAE,MAAM,6CAA6C,CAAC;AACrG,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;GAKG;AAgBI,IAAM,qBAAqB,GAA3B,MAAM,qBACT,SAAQ,SAAS,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAG3C,iBAAiB;IACjB,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;IACZ,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,yBAAyB,CAAC;IACrC,CAAC;CAQJ,CAAA;AAtCY,qBAAqB;IAfjC,SAAS,CAAC;QACP,QAAQ,EAAE,yBAAyB;QACnC,QAAQ,EAAE,6BAA6B;QACvC,MAAM,EAAE;YACJ,GAAG,EAAE,6BAA6B;YAClC,OAAO,EAAE,iCAAiC;YAC1C,YAAY,EAAE,sCAAsC;SACvD;QACD,IAAI,EAAE;YACF,IAAI,EAAE,YAAY;SACrB;QACD,OAAO,EAAE;YACL,WAAW;SACd;KACJ,CAAC;;GACW,qBAAqB,CAsCjC"}
+{"version":3,"file":"PagePreContentElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PagePreContentElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAE,iCAAiC,EAAE,MAAM,wCAAwC,CAAC;AAC3F,OAAO,EAAE,sCAAsC,EAAE,MAAM,6CAA6C,CAAC;AACrG,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;;;;;;;;GAaG;AAgBI,IAAM,qBAAqB,GAA3B,MAAM,qBACT,SAAQ,SAAS,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAG3C,iBAAiB;IACjB,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;IACZ,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,yBAAyB,CAAC;IACrC,CAAC;CAQJ,CAAA;AAtCY,qBAAqB;IAfjC,SAAS,CAAC;QACP,QAAQ,EAAE,yBAAyB;QACnC,QAAQ,EAAE,6BAA6B;QACvC,MAAM,EAAE;YACJ,GAAG,EAAE,6BAA6B;YAClC,OAAO,EAAE,iCAAiC;YAC1C,YAAY,EAAE,sCAAsC;SACvD;QACD,IAAI,EAAE;YACF,IAAI,EAAE,YAAY;SACrB;QACD,OAAO,EAAE;YACL,WAAW;SACd;KACJ,CAAC;;GACW,qBAAqB,CAsCjC"}

package/Controls/Components/Layouts/Page/PagePreContentElementTemplate.d.ts

@@ -1,7 +1,7 @@
 import { type TemplateResult } from '../../../../Dom/Html';
 import type { PagePreContentElement } from './PagePreContentElement';
 /**
- * The template of the {@link PagePreContentElement}.
+ * The template of the `PagePreContentElement`.
  *
  * @public
  */

package/Controls/Components/Layouts/Page/PagePreContentElementTemplate.js

@@ -2,7 +2,7 @@
 import { html } from '../../../../Dom/Html';
 // #endregion
 /**
- * The template of the {@link PagePreContentElement}.
+ * The template of the `PagePreContentElement`.
  *
  * @public
  */

package/Controls/Components/Layouts/Page/PagePreHeaderElement.d.ts

@@ -5,6 +5,14 @@ declare const PagePreHeaderElement_base: (abstract new (...args: Array<any>) =>
  * Page Pre Header - An optional secondary header area within a page, often used to display additional details, features, or related information.
  *
  * @element mosaik-page-pre-header
+ *
+ * @example
+ * ```html
+ * <mosaik-page-pre-header>
+ *   <div>Alert: System maintenance scheduled tonight.</div>
+ * </mosaik-page-pre-header>
+ * ```
+ *
  * @public
  */
 export declare class PagePreHeaderElement extends PagePreHeaderElement_base implements IPagePreHeaderElementProps {
@@ -13,8 +21,8 @@ export declare class PagePreHeaderElement extends PagePreHeaderElement_base impl
      */
     constructor();
     /**
-     * Returns the `{@link is}` property.
-     * The `{@link is}` property represents natural name of this element.
+     * Returns the `is` property.
+     * The `is` property represents natural name of this element.
      *
      * @public
      * @static

package/Controls/Components/Layouts/Page/PagePreHeaderElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PagePreHeaderElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PagePreHeaderElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;;AAS/E;;;;;GAKG;AACH,qBAea,oBACT,SAAQ,yBACR,YAAW,0BAA0B;IAOrC;;OAEG;;IASH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;CAQJ;AAED;;GAEG;AACH,yBAAiB,oBAAoB,CAAC;IAClC,KAAY,KAAK,GAAG,0BAA0B,CAAC;CAClD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,wBAAwB,EAAE,oBAAoB,CAAC;KAClD;CACJ"}
+{"version":3,"file":"PagePreHeaderElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PagePreHeaderElement.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;;AAS/E;;;;;;;;;;;;;GAaG;AACH,qBAea,oBACT,SAAQ,yBACR,YAAW,0BAA0B;IAOrC;;OAEG;;IASH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;CAQJ;AAED;;GAEG;AACH,yBAAiB,oBAAoB,CAAC;IAClC,KAAY,KAAK,GAAG,0BAA0B,CAAC;CAClD;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,qBAAqB;QAC3B,wBAAwB,EAAE,oBAAoB,CAAC;KAClD;CACJ"}

package/Controls/Components/Layouts/Page/PagePreHeaderElement.js

@@ -22,6 +22,14 @@ import { Themeable } from '../../../Behaviors/Themeable';
  * Page Pre Header - An optional secondary header area within a page, often used to display additional details, features, or related information.
  *
  * @element mosaik-page-pre-header
+ *
+ * @example
+ * ```html
+ * <mosaik-page-pre-header>
+ *   <div>Alert: System maintenance scheduled tonight.</div>
+ * </mosaik-page-pre-header>
+ * ```
+ *
  * @public
  */
 let PagePreHeaderElement = class PagePreHeaderElement extends Themeable(Insetable(CustomElement)) {
@@ -37,8 +45,8 @@ let PagePreHeaderElement = class PagePreHeaderElement extends Themeable(Insetabl
     // #endregion
     // #region Properties
     /**
-     * Returns the `{@link is}` property.
-     * The `{@link is}` property represents natural name of this element.
+     * Returns the `is` property.
+     * The `is` property represents natural name of this element.
      *
      * @public
      * @static

package/Controls/Components/Layouts/Page/PagePreHeaderElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"PagePreHeaderElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PagePreHeaderElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC;AACzF,OAAO,EAAE,qCAAqC,EAAE,MAAM,4CAA4C,CAAC;AACnG,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;GAKG;AAgBI,IAAM,oBAAoB,GAA1B,MAAM,oBACT,SAAQ,SAAS,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAG3C,iBAAiB;IACjB,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;IACZ,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,wBAAwB,CAAC;IACpC,CAAC;CAQJ,CAAA;AAtCY,oBAAoB;IAfhC,SAAS,CAAC;QACP,QAAQ,EAAE,wBAAwB;QAClC,QAAQ,EAAE,4BAA4B;QACtC,MAAM,EAAE;YACJ,GAAG,EAAE,4BAA4B;YACjC,OAAO,EAAE,gCAAgC;YACzC,YAAY,EAAE,qCAAqC;SACtD;QACD,IAAI,EAAE;YACF,IAAI,EAAE,WAAW;SACpB;QACD,OAAO,EAAE;YACL,WAAW;SACd;KACJ,CAAC;;GACW,oBAAoB,CAsChC"}
+{"version":3,"file":"PagePreHeaderElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Page/PagePreHeaderElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,4BAA4B,EAAE,MAAM,mCAAmC,CAAC;AACjF,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC;AACzF,OAAO,EAAE,qCAAqC,EAAE,MAAM,4CAA4C,CAAC;AACnG,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,aAAa;AAEb;;;;;;;;;;;;;GAaG;AAgBI,IAAM,oBAAoB,GAA1B,MAAM,oBACT,SAAQ,SAAS,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAG3C,iBAAiB;IACjB,aAAa;IAEb,eAAe;IAEf;;OAEG;IACH;QACI,KAAK,EAAE,CAAC;IACZ,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;OAOG;IACI,MAAM,KAAK,EAAE;QAChB,OAAO,wBAAwB,CAAC;IACpC,CAAC;CAQJ,CAAA;AAtCY,oBAAoB;IAfhC,SAAS,CAAC;QACP,QAAQ,EAAE,wBAAwB;QAClC,QAAQ,EAAE,4BAA4B;QACtC,MAAM,EAAE;YACJ,GAAG,EAAE,4BAA4B;YACjC,OAAO,EAAE,gCAAgC;YACzC,YAAY,EAAE,qCAAqC;SACtD;QACD,IAAI,EAAE;YACF,IAAI,EAAE,WAAW;SACpB;QACD,OAAO,EAAE;YACL,WAAW;SACd;KACJ,CAAC;;GACW,oBAAoB,CAsChC"}

package/Controls/Components/Layouts/Page/PagePreHeaderElementTemplate.d.ts

@@ -1,7 +1,7 @@
 import { type TemplateResult } from '../../../../Dom/Html';
 import type { PagePreContentElement } from './PagePreContentElement';
 /**
- * The template of the {@link PagePreContentElement}.
+ * The template of the `PagePreContentElement`.
  *
  * @public
  */

package/Controls/Components/Layouts/Page/PagePreHeaderElementTemplate.js

@@ -2,7 +2,7 @@
 import { html } from '../../../../Dom/Html';
 // #endregion
 /**
- * The template of the {@link PagePreContentElement}.
+ * The template of the `PagePreContentElement`.
  *
  * @public
  */

package/Controls/Components/Layouts/Resize/IResizeElementProps.d.ts

@@ -1,7 +1,7 @@
 import type { ResizeGhostFactory } from '../../../Controllers/ResizeContainerController';
 import type { ContainerResizeMode } from '../../../Types/ContainerResizeMode';
 /**
- * The properties of the {@link ResizeElement}.
+ * The properties of the `ResizeElement`.
  *
  * @public
  */

package/Controls/Components/Layouts/Resize/ResizeElement.d.ts

@@ -40,14 +40,14 @@ export declare class ResizeElement extends ResizeElement_base implements ISlotta
     private readonly _cornerThumbElement?;
     private readonly _bottomThumbElement?;
     /**
-     * Constructs a new instance of the `{@link ResizeElement}` class.
+     * Constructs a new instance of the `ResizeElement` class.
      *
      * @public
      */
     constructor();
     /**
-     * Returns the `{@link is}` property.
-     * The `{@link is}` property represents natural name of this element.
+     * Returns the `is` property.
+     * The `is` property represents natural name of this element.
      *
      * @public
      * @static

package/Controls/Components/Layouts/Resize/ResizeElement.js

@@ -61,7 +61,7 @@ let ResizeElement = class ResizeElement extends Themeable(Slottable(CustomElemen
     // #endregion
     // #region Ctor
     /**
-     * Constructs a new instance of the `{@link ResizeElement}` class.
+     * Constructs a new instance of the `ResizeElement` class.
      *
      * @public
      */
@@ -88,8 +88,8 @@ let ResizeElement = class ResizeElement extends Themeable(Slottable(CustomElemen
     // #endregion
     // #region Properties
     /**
-     * Returns the `{@link is}` property.
-     * The `{@link is}` property represents natural name of this element.
+     * Returns the `is` property.
+     * The `is` property represents natural name of this element.
      *
      * @public
      * @static

package/Controls/Components/Layouts/Resize/ResizeElementTemplate.d.ts

@@ -1,7 +1,7 @@
 import { type TemplateResult } from '../../../../Dom/Html';
 import type { ResizeElement } from './ResizeElement';
 /**
- * The template of the {@link ResizeElement}.
+ * The template of the `ResizeElement`.
  *
  * @public
  */

package/Controls/Components/Layouts/Resize/ResizeElementTemplate.js

@@ -5,7 +5,7 @@ import { partMap } from '../../../Directives/part-map/PartMapDirective';
 import { ResizeDirection } from '../../../Types/ResizeDirection';
 // #endregion
 /**
- * The template of the {@link ResizeElement}.
+ * The template of the `ResizeElement`.
  *
  * @public
  */

package/Controls/Components/Layouts/Split/ISplitElementProps.d.ts

@@ -6,7 +6,7 @@ import type { IReversibleProps } from '../../../Behaviors/Reversible';
 import type { ISlottableProps } from '../../../Behaviors/Slottable';
 import type { SplitLock } from '../../../Types/SplitLock';
 /**
- * Represents the `{@link ISplitElementProps}` interface.
+ * Represents the `ISplitElementProps` interface.
  *
  * @public
  */

package/Controls/Components/Layouts/Split/SplitElement.d.ts

@@ -83,8 +83,8 @@ export declare class SplitElement extends SplitElement_base implements ISplitEle
      */
     constructor();
     /**
-     * Returns the `{@link is}` property.
-     * The `{@link is}` property represents natural name of this element.
+     * Returns the `is` property.
+     * The `is` property represents natural name of this element.
      *
      * @public
      * @static
@@ -273,7 +273,7 @@ export declare class SplitElement extends SplitElement_base implements ISplitEle
     get positionInPixels(): number;
     /**
      * Called when the split is repositioned.
-     * Provides reference to `{@link IEventDetail}` as event detail.
+     * Provides reference to `IEventDetail` as event detail.
      *
      * @public
      * @readonly
@@ -320,7 +320,7 @@ export declare class SplitElement extends SplitElement_base implements ISplitEle
      */
     expand(panel: Exclude<SplitCollapsedPanel, 'none'>): void;
     /**
-     * Emits the {@link splitReposition} event.
+     * Emits the `splitReposition` event.
      *
      * @protected
      */

package/Controls/Components/Layouts/Split/SplitElement.js

@@ -131,8 +131,8 @@ let SplitElement = class SplitElement extends Themeable(Reversible(Orientable(Di
     // #endregion
     // #region Properties
     /**
-     * Returns the `{@link is}` property.
-     * The `{@link is}` property represents natural name of this element.
+     * Returns the `is` property.
+     * The `is` property represents natural name of this element.
      *
      * @public
      * @static
@@ -398,7 +398,7 @@ let SplitElement = class SplitElement extends Themeable(Reversible(Orientable(Di
     }
     /**
      * Called when the split is repositioned.
-     * Provides reference to `{@link IEventDetail}` as event detail.
+     * Provides reference to `IEventDetail` as event detail.
      *
      * @public
      * @readonly
@@ -633,7 +633,7 @@ let SplitElement = class SplitElement extends Themeable(Reversible(Orientable(Di
         }
     }
     /**
-     * Emits the {@link splitReposition} event.
+     * Emits the `splitReposition` event.
      *
      * @protected
      */

package/Controls/Components/Layouts/Split/SplitElementTemplate.d.ts

@@ -1,7 +1,7 @@
 import { type TemplateResult } from '../../../../Dom/Html';
 import type { SplitElement } from './SplitElement';
 /**
- * The template of the {@link SplitElement}.
+ * The template of the `SplitElement`.
  *
  * @public
  */

package/Controls/Components/Layouts/Split/SplitElementTemplate.js

@@ -6,7 +6,7 @@ import { isRtl } from '../../../Types/FlowDirection';
 import { isHorizontal, isVertical } from '../../../Types/Orientation';
 // #endregion
 /**
- * The template of the {@link SplitElement}.
+ * The template of the `SplitElement`.
  *
  * @public
  */

package/Controls/Components/Layouts/Stack/IStackElementProps.d.ts

@@ -1,17 +1,14 @@
+import type { IAlignableProps } from '../../../Behaviors/Alignable';
 import type { IFitableProps } from '../../../Behaviors/Fitable';
+import type { IGapableProps } from '../../../Behaviors/Gapable';
 import type { IOrientableProps } from '../../../Behaviors/Orientable';
 import type { IReversibleProps } from '../../../Behaviors/Reversible';
-import type { HorizontalAlignment } from '../../../Types/HorizontalAlignment';
-import type { VerticalAlignment } from '../../../Types/VerticalAlignment';
-import type { IGapableProps } from '../../../Behaviors/Gapable';
 /**
- * The properties of the {@link StackElement}.
+ * The properties of the `StackElement`.
  *
  * @public
  */
-export interface IStackElementProps extends IOrientableProps, IFitableProps, IReversibleProps, IGapableProps {
-    horizontalAlignment: HorizontalAlignment;
-    verticalAlignment: VerticalAlignment;
+export interface IStackElementProps extends IOrientableProps, IFitableProps, IReversibleProps, IGapableProps, IAlignableProps {
     wrap: boolean;
 }
 //# sourceMappingURL=IStackElementProps.d.ts.map

package/Controls/Components/Layouts/Stack/IStackElementProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IStackElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Stack/IStackElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAC1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAIhE;;;;GAIG;AACH,MAAM,WAAW,kBACb,SAAQ,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,aAAa;IAExE,mBAAmB,EAAE,mBAAmB,CAAC;IAEzC,iBAAiB,EAAE,iBAAiB,CAAC;IAErC,IAAI,EAAE,OAAO,CAAC;CAEjB"}
+{"version":3,"file":"IStackElementProps.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Stack/IStackElementProps.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAItE;;;;GAIG;AACH,MAAM,WAAW,kBACb,SAAQ,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,aAAa,EAAE,eAAe;IAEzF,IAAI,EAAE,OAAO,CAAC;CAEjB"}

package/Controls/Components/Layouts/Stack/StackElement.d.ts

@@ -1,8 +1,6 @@
-import { HorizontalAlignment } from '../../../Types/HorizontalAlignment';
-import { VerticalAlignment } from '../../../Types/VerticalAlignment';
 import { LayoutElement } from '../Abstracts/LayoutElement';
 import type { IStackElementProps } from './IStackElementProps';
-declare const StackElement_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 StackElement_base: import("../../../../Index").ControlBehaviorReturn<(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, import("../../../Behaviors/Alignable").IAlignableProps>;
 /**
  * Stack - A flexible layout component for arranging child elements in vertical or horizontal linear sequences.
  *
@@ -25,72 +23,33 @@ declare const StackElement_base: (abstract new (...args: Array<any>) => import("
  * ```html
  * <!-- Basic vertical stack -->
  * <mosaik-stack>
- *   <mosaik-button>Action 1</mosaik-button>
- *   <mosaik-button>Action 2</mosaik-button>
- *   <mosaik-button>Action 3</mosaik-button>
+ *   <mosaik-button label="Action 1"></mosaik-button>
+ *   <mosaik-button label="Action 2"></mosaik-button>
+ *   <mosaik-button label="Action 3"></mosaik-button>
  * </mosaik-stack>
  *
  * <!-- Horizontal button group -->
  * <mosaik-stack orientation="horizontal" gap="small">
- *   <mosaik-button appearance="solid">Save</mosaik-button>
- *   <mosaik-button appearance="plain">Cancel</mosaik-button>
- *   <mosaik-button appearance="plain">Reset</mosaik-button>
- * </mosaik-stack>
- *
- * <!-- Card content stack -->
- * <mosaik-stack gap="medium" alignment="stretch">
- *   <mosaik-text variant="headline">Card Title</mosaik-text>
- *   <mosaik-text variant="body">
- *     Card content with multiple lines of text that should be properly stacked
- *     with consistent spacing between elements.
- *   </mosaik-text>
- *   <mosaik-stack orientation="horizontal" gap="small" alignment="end">
- *     <mosaik-button size="small">Learn More</mosaik-button>
- *     <mosaik-button appearance="solid" size="small">Get Started</mosaik-button>
- *   </mosaik-stack>
+ *   <mosaik-button appearance="solid" label="Save"></mosaik-button>
+ *   <mosaik-button appearance="plain" label="Cancel"></mosaik-button>
  * </mosaik-stack>
  *
  * <!-- Navigation menu stack -->
  * <mosaik-stack gap="none">
  *   <mosaik-cell>
- *     <mosaik-icon slot="start" data="home"></mosaik-icon>
- *     <mosaik-text slot="label">Dashboard</mosaik-text>
+ *     <span slot="start">🏠</span>
+ *     <span slot="label">Dashboard</span>
  *   </mosaik-cell>
  *   <mosaik-cell>
- *     <mosaik-icon slot="start" data="users"></mosaik-icon>
- *     <mosaik-text slot="label">Users</mosaik-text>
- *   </mosaik-cell>
- *   <mosaik-cell>
- *     <mosaik-icon slot="start" data="settings"></mosaik-icon>
- *     <mosaik-text slot="label">Settings</mosaik-text>
+ *     <span slot="start">👥</span>
+ *     <span slot="label">Users</span>
  *   </mosaik-cell>
  * </mosaik-stack>
- *
- * <!-- Form field stack -->
- * <mosaik-stack gap="large" fit="width">
- *   <mosaik-text-box label="First Name" placeholder="Enter first name"></mosaik-text-box>
- *   <mosaik-text-box label="Last Name" placeholder="Enter last name"></mosaik-text-box>
- *   <mosaik-text-box label="Email" type="email" placeholder="Enter email"></mosaik-text-box>
- * </mosaik-stack>
- *
- * <!-- Centered content stack -->
- * <mosaik-stack
- *   alignment="center"
- *   justify="center"
- *   style="min-height: 200px;">
- *   <mosaik-icon data="check-circle" size="large" style="color: green;"></mosaik-icon>
- *   <mosaik-text variant="headline">Success!</mosaik-text>
- *   <mosaik-text variant="body" alignment="center">
- *     Your action has been completed successfully.
- *   </mosaik-text>
- * </mosaik-stack>
  * ```
  *
  * @public
  */
 export declare class StackElement extends StackElement_base implements IStackElementProps {
-    private _horizontalAlignment;
-    private _verticalAlignment;
     private _wrap;
     /**
      * Constructs a new instance of the `StackElement` class.
@@ -107,22 +66,6 @@ export declare class StackElement extends StackElement_base implements IStackEle
      * @readonly
     */
     static get is(): string;
-    /**
-     * Gets or sets the `horizontalAlignment` property.
-     *
-     * @public
-     * @attr
-     */
-    get horizontalAlignment(): HorizontalAlignment;
-    set horizontalAlignment(value: HorizontalAlignment);
-    /**
-     * Gets or sets the `verticalAlignment` property.
-     *
-     * @public
-     * @attr
-     */
-    get verticalAlignment(): VerticalAlignment;
-    set verticalAlignment(value: VerticalAlignment);
     /**
      * Gets or sets the `wrap` property.
      *

package/Controls/Components/Layouts/Stack/StackElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StackElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Stack/StackElement.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;;AAQ/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoFG;AACH,qBAUa,YACT,SAAQ,iBACR,YAAW,kBAAkB;IAI7B,OAAO,CAAC,oBAAoB,CAAsB;IAClD,OAAO,CAAC,kBAAkB,CAAoB;IAC9C,OAAO,CAAC,KAAK,CAAU;IAMvB;;;;OAIG;;IAaH;;;;;;;MAOE;IACF,WAA2B,EAAE,IAAI,MAAM,CAEtC;IAED;;;;;OAKG;IACH,IACW,mBAAmB,IAAI,mBAAmB,CAEpD;IACD,IAAW,mBAAmB,CAAC,KAAK,EAAE,mBAAmB,EAKxD;IAED;;;;;OAKG;IACH,IACW,iBAAiB,IAAI,iBAAiB,CAEhD;IACD,IAAW,iBAAiB,CAAC,KAAK,EAAE,iBAAiB,EAKpD;IAED;;;;;OAKG;IACH,IAIW,IAAI,IAAI,OAAO,CAEzB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,OAAO,EAK7B;CAIJ;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":"StackElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Stack/StackElement.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;;AAQ/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,qBAUa,YACT,SAAQ,iBACR,YAAW,kBAAkB;IAI7B,OAAO,CAAC,KAAK,CAAU;IAMvB;;;;OAIG;;IAWH;;;;;;;MAOE;IACF,WAA2B,EAAE,IAAI,MAAM,CAEtC;IAED;;;;;OAKG;IACH,IAIW,IAAI,IAAI,OAAO,CAEzB;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,OAAO,EAK7B;CAIJ;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/Layouts/Stack/StackElement.js

@@ -8,6 +8,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
+import { Alignable } from '../../../Behaviors/Alignable';
 import { Fitable } from '../../../Behaviors/Fitable';
 import { Gapable } from '../../../Behaviors/Gapable';
 import { Orientable } from '../../../Behaviors/Orientable';
@@ -15,8 +16,6 @@ import { Reversible } from '../../../Behaviors/Reversible';
 import { Themeable } from '../../../Behaviors/Themeable';
 import { Attribute } from '../../../Decorators/AttributeDecorator';
 import { Component } from '../../../Decorators/ComponentDecorator';
-import { HorizontalAlignment } from '../../../Types/HorizontalAlignment';
-import { VerticalAlignment } from '../../../Types/VerticalAlignment';
 import { LayoutElement } from '../Abstracts/LayoutElement';
 import { stackElementTemplate } from './StackElementTemplate';
 import { stackElementCosmopolitanStyle } from './Themes/StackElement.Cosmopolitan';
@@ -45,73 +44,34 @@ import { stackElementMemphisStyle } from './Themes/StackElement.Memphis';
  * ```html
  * <!-- Basic vertical stack -->
  * <mosaik-stack>
- *   <mosaik-button>Action 1</mosaik-button>
- *   <mosaik-button>Action 2</mosaik-button>
- *   <mosaik-button>Action 3</mosaik-button>
+ *   <mosaik-button label="Action 1"></mosaik-button>
+ *   <mosaik-button label="Action 2"></mosaik-button>
+ *   <mosaik-button label="Action 3"></mosaik-button>
  * </mosaik-stack>
  *
  * <!-- Horizontal button group -->
  * <mosaik-stack orientation="horizontal" gap="small">
- *   <mosaik-button appearance="solid">Save</mosaik-button>
- *   <mosaik-button appearance="plain">Cancel</mosaik-button>
- *   <mosaik-button appearance="plain">Reset</mosaik-button>
- * </mosaik-stack>
- *
- * <!-- Card content stack -->
- * <mosaik-stack gap="medium" alignment="stretch">
- *   <mosaik-text variant="headline">Card Title</mosaik-text>
- *   <mosaik-text variant="body">
- *     Card content with multiple lines of text that should be properly stacked
- *     with consistent spacing between elements.
- *   </mosaik-text>
- *   <mosaik-stack orientation="horizontal" gap="small" alignment="end">
- *     <mosaik-button size="small">Learn More</mosaik-button>
- *     <mosaik-button appearance="solid" size="small">Get Started</mosaik-button>
- *   </mosaik-stack>
+ *   <mosaik-button appearance="solid" label="Save"></mosaik-button>
+ *   <mosaik-button appearance="plain" label="Cancel"></mosaik-button>
  * </mosaik-stack>
  *
  * <!-- Navigation menu stack -->
  * <mosaik-stack gap="none">
  *   <mosaik-cell>
- *     <mosaik-icon slot="start" data="home"></mosaik-icon>
- *     <mosaik-text slot="label">Dashboard</mosaik-text>
- *   </mosaik-cell>
- *   <mosaik-cell>
- *     <mosaik-icon slot="start" data="users"></mosaik-icon>
- *     <mosaik-text slot="label">Users</mosaik-text>
+ *     <span slot="start">🏠</span>
+ *     <span slot="label">Dashboard</span>
  *   </mosaik-cell>
  *   <mosaik-cell>
- *     <mosaik-icon slot="start" data="settings"></mosaik-icon>
- *     <mosaik-text slot="label">Settings</mosaik-text>
+ *     <span slot="start">👥</span>
+ *     <span slot="label">Users</span>
  *   </mosaik-cell>
  * </mosaik-stack>
- *
- * <!-- Form field stack -->
- * <mosaik-stack gap="large" fit="width">
- *   <mosaik-text-box label="First Name" placeholder="Enter first name"></mosaik-text-box>
- *   <mosaik-text-box label="Last Name" placeholder="Enter last name"></mosaik-text-box>
- *   <mosaik-text-box label="Email" type="email" placeholder="Enter email"></mosaik-text-box>
- * </mosaik-stack>
- *
- * <!-- Centered content stack -->
- * <mosaik-stack
- *   alignment="center"
- *   justify="center"
- *   style="min-height: 200px;">
- *   <mosaik-icon data="check-circle" size="large" style="color: green;"></mosaik-icon>
- *   <mosaik-text variant="headline">Success!</mosaik-text>
- *   <mosaik-text variant="body" alignment="center">
- *     Your action has been completed successfully.
- *   </mosaik-text>
- * </mosaik-stack>
  * ```
  *
  * @public
  */
-let StackElement = class StackElement extends Themeable(Reversible(Orientable(Fitable(Gapable(LayoutElement))))) {
+let StackElement = class StackElement extends Alignable(Themeable(Reversible(Orientable(Fitable(Gapable(LayoutElement)))))) {
     // #region Fields
-    _horizontalAlignment;
-    _verticalAlignment;
     _wrap;
     // #endregion
     // #region Ctor
@@ -122,8 +82,6 @@ let StackElement = class StackElement extends Themeable(Reversible(Orientable(Fi
      */
     constructor() {
         super();
-        this._horizontalAlignment = HorizontalAlignment.Stretch;
-        this._verticalAlignment = VerticalAlignment.Stretch;
         this._wrap = false;
     }
     // #endregion
@@ -139,36 +97,6 @@ let StackElement = class StackElement extends Themeable(Reversible(Orientable(Fi
     static get is() {
         return 'mosaik-stack';
     }
-    /**
-     * Gets or sets the `horizontalAlignment` property.
-     *
-     * @public
-     * @attr
-     */
-    get horizontalAlignment() {
-        return this._horizontalAlignment;
-    }
-    set horizontalAlignment(value) {
-        if (this._horizontalAlignment !== value) {
-            this._horizontalAlignment = value;
-            this.requestUpdate('horizontalAlignment');
-        }
-    }
-    /**
-     * Gets or sets the `verticalAlignment` property.
-     *
-     * @public
-     * @attr
-     */
-    get verticalAlignment() {
-        return this._verticalAlignment;
-    }
-    set verticalAlignment(value) {
-        if (this._verticalAlignment !== value) {
-            this._verticalAlignment = value;
-            this.requestUpdate('verticalAlignment');
-        }
-    }
     /**
      * Gets or sets the `wrap` property.
      *
@@ -185,16 +113,6 @@ let StackElement = class StackElement extends Themeable(Reversible(Orientable(Fi
         }
     }
 };
-__decorate([
-    Attribute({ type: String }),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], StackElement.prototype, "horizontalAlignment", null);
-__decorate([
-    Attribute({ type: String }),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [String])
-], StackElement.prototype, "verticalAlignment", null);
 __decorate([
     Attribute({
         type: Boolean,

package/Controls/Components/Layouts/Stack/StackElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"StackElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Stack/StackElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEzE,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoFG;AAWI,IAAM,YAAY,GAAlB,MAAM,YACT,SAAQ,SAAS,CAAC,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;IAG1E,iBAAiB;IAET,oBAAoB,CAAsB;IAC1C,kBAAkB,CAAoB;IACtC,KAAK,CAAU;IAEvB,aAAa;IAEb,eAAe;IAEf;;;;OAIG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,oBAAoB,GAAG,mBAAmB,CAAC,OAAO,CAAC;QACxD,IAAI,CAAC,kBAAkB,GAAG,iBAAiB,CAAC,OAAO,CAAC;QACpD,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACvB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;MAOE;IACK,MAAM,KAAc,EAAE;QACzB,OAAO,cAAc,CAAC;IAC1B,CAAC;IAED;;;;;OAKG;IACH,IACW,mBAAmB;QAC1B,OAAO,IAAI,CAAC,oBAAoB,CAAC;IACrC,CAAC;IACD,IAAW,mBAAmB,CAAC,KAA0B;QACrD,IAAI,IAAI,CAAC,oBAAoB,KAAK,KAAK,EAAE,CAAC;YACtC,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;YAClC,IAAI,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;QAC9C,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IACW,iBAAiB;QACxB,OAAO,IAAI,CAAC,kBAAkB,CAAC;IACnC,CAAC;IACD,IAAW,iBAAiB,CAAC,KAAwB;QACjD,IAAI,IAAI,CAAC,kBAAkB,KAAK,KAAK,EAAE,CAAC;YACpC,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;YAChC,IAAI,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QAC5C,CAAC;IACL,CAAC;IAED;;;;;OAKG;IACH,IAIW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IACD,IAAW,IAAI,CAAC,KAAc;QAC1B,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC;IACL,CAAC;CAIJ,CAAA;AAlDG;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;uDAG3B;AAcD;IAAC,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;;qDAG3B;AAcD;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;wCAGD;AAzFQ,YAAY;IAVxB,SAAS,CAAC;QACP,QAAQ,EAAE,cAAc;QACxB,QAAQ,EAAE,oBAAoB;QAC9B,MAAM,EAAE;YACJ,GAAG,EAAE,oBAAoB;YACzB,OAAO,EAAE,wBAAwB;YACjC,YAAY,EAAE,6BAA6B;SAC9C;QACD,OAAO,EAAE,EAAE;KACd,CAAC;;GACW,YAAY,CAmGxB"}
+{"version":3,"file":"StackElement.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Stack/StackElement.ts"],"names":[],"mappings":"AAAA,kBAAkB;;;;;;;;;;AAElB,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,6BAA6B,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AAEzE,aAAa;AAEb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AAWI,IAAM,YAAY,GAAlB,MAAM,YACT,SAAQ,SAAS,CAAC,SAAS,CAAC,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAGrF,iBAAiB;IAET,KAAK,CAAU;IAEvB,aAAa;IAEb,eAAe;IAEf;;;;OAIG;IACH;QACI,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACvB,CAAC;IAED,aAAa;IAEb,qBAAqB;IAErB;;;;;;;MAOE;IACK,MAAM,KAAc,EAAE;QACzB,OAAO,cAAc,CAAC;IAC1B,CAAC;IAED;;;;;OAKG;IACH,IAIW,IAAI;QACX,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IACD,IAAW,IAAI,CAAC,KAAc;QAC1B,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;YACnB,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAC/B,CAAC;IACL,CAAC;CAIJ,CAAA;AAhBG;IAAC,SAAS,CAAC;QACP,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,IAAI;KACnB,CAAC;;;wCAGD;AAnDQ,YAAY;IAVxB,SAAS,CAAC;QACP,QAAQ,EAAE,cAAc;QACxB,QAAQ,EAAE,oBAAoB;QAC9B,MAAM,EAAE;YACJ,GAAG,EAAE,oBAAoB;YACzB,OAAO,EAAE,wBAAwB;YACjC,YAAY,EAAE,6BAA6B;SAC9C;QACD,OAAO,EAAE,EAAE;KACd,CAAC;;GACW,YAAY,CA6DxB"}