@breadstone/mosaik-elements-foundation 0.0.228 → 0.0.230

package/Controls/Components/Layouts/Grid/ColumnDefinitions.js

@@ -1,19 +1,133 @@
 // #region Imports
 import { ColumnDefinition } from './ColumnDefinition';
-import { convertGridLength } from './GridLength';
+import { GridLength, parseGridLength } from './GridLength';
 /**
  * @public
  */
 export var ColumnDefinitions;
 (function (ColumnDefinitions) {
     /**
+     * Parses a `ColumnDefinitions` value (array or space-separated
+     * string) into validated `ColumnDefinition` instances.
+     *
+     * When `self` is a `string`, it is first split on whitespace into
+     * individual tokens, each of which must be a valid
+     * `GridLengthInput` literal (`number`, `'auto'`, `'*'`,
+     * `` `${number}*` ``).
+     *
+     * When `self` is an array, each element is validated strictly:
+     * - Numbers must be non-negative (absolute pixel sizing).
+     * - String literals are parsed via `parseGridLength`.
+     * - Object entries must carry a valid `width` and optional
+     *   non-negative `minWidth` / `maxWidth` where `minWidth ≤ maxWidth`.
+     *
      * @public
+     * @param self The raw definitions to parse.
+     * @returns An array of fully validated `ColumnDefinition` instances.
+     * @throws {Error} If any entry is invalid.
      */
     function parse(self) {
-        return self.map((x) => typeof x === 'number' || typeof x === 'string'
-            ? new ColumnDefinition(convertGridLength(x.toString()))
-            : new ColumnDefinition(x.width, x.minWidth, x.maxWidth));
+        const entries = typeof self === 'string'
+            ? fromString(self)
+            : self;
+        return entries.map((entry, index) => {
+            try {
+                if (typeof entry === 'number' || typeof entry === 'string') {
+                    return new ColumnDefinition(parseGridLength(entry));
+                }
+                const width = entry.width instanceof GridLength
+                    ? entry.width
+                    : parseGridLength(entry.width);
+                return new ColumnDefinition(width, entry.minWidth ?? 0, entry.maxWidth ?? Number.MAX_SAFE_INTEGER);
+            }
+            catch (error) {
+                const message = error instanceof Error ? error.message : String(error);
+                throw new Error(`Invalid ColumnDefinition at index ${index}: ${message}`);
+            }
+        });
     }
     ColumnDefinitions.parse = parse;
+    /**
+     * Parses a space-separated string of grid-length tokens into an
+     * array of `ColumnDefinitionInput` values.
+     *
+     * Each whitespace-delimited token is interpreted as a
+     * `GridLengthInput`: a non-negative number (pixels), `"auto"`,
+     * `"*"`, or `"n*"` (star sizing).
+     *
+     * @example
+     * ```ts
+     * ColumnDefinitions.fromString('* 2* auto 120');
+     * // → ['*', '2*', 'auto', 120]
+     * ```
+     *
+     * @public
+     * @param value The space-separated definition string.
+     * @returns An array of parsed `ColumnDefinitionInput` values.
+     * @throws {Error} If the string is empty or any token is invalid.
+     */
+    function fromString(value) {
+        const trimmed = value.trim();
+        if (trimmed.length === 0) {
+            return [];
+        }
+        return trimmed.split(/\s+/).map((token, index) => {
+            try {
+                if (token === 'auto' || token === '*' || token.endsWith('*')) {
+                    parseGridLength(token);
+                    return token;
+                }
+                const numeric = Number(token);
+                if (isNaN(numeric)) {
+                    throw new Error(`Accepted formats: a non-negative number, "auto", "*", or "n*".`);
+                }
+                parseGridLength(numeric);
+                return numeric;
+            }
+            catch (error) {
+                const message = error instanceof Error ? error.message : String(error);
+                throw new Error(`Invalid column definition token at index ${index} ("${token}"): ${message}`);
+            }
+        });
+    }
+    ColumnDefinitions.fromString = fromString;
+    /**
+     * Serializes a `ColumnDefinitions` value into a space-separated
+     * string suitable for use as an HTML attribute value.
+     *
+     * Each entry is converted to its shortest `GridLength` string
+     * representation via `GridLength.toString`. Object entries
+     * (with `minWidth`/`maxWidth`) are serialized using their `width`
+     * component only, as min/max constraints cannot be expressed in the
+     * string format.
+     *
+     * @example
+     * ```ts
+     * ColumnDefinitions.toString(['*', '2*', 'auto', 120]);
+     * // → '* 2* auto 120'
+     * ```
+     *
+     * @public
+     * @param self The definitions to serialize.
+     * @returns A space-separated string representation.
+     */
+    function toString(self) {
+        if (typeof self === 'string') {
+            return self;
+        }
+        return self.map((entry) => {
+            if (typeof entry === 'number') {
+                return `${entry}`;
+            }
+            if (typeof entry === 'string') {
+                return entry;
+            }
+            const width = entry.width instanceof GridLength
+                ? entry.width
+                : parseGridLength(entry.width);
+            return width.toString();
+        }).join(' ');
+    }
+    ColumnDefinitions.toString = toString;
 })(ColumnDefinitions || (ColumnDefinitions = {}));
 //# sourceMappingURL=ColumnDefinitions.js.map

package/Controls/Components/Layouts/Grid/ColumnDefinitions.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnDefinitions.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Grid/ColumnDefinitions.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAGlB,OAAO,EAAE,gBAAgB,EAA0B,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AASjD;;GAEG;AACH,MAAM,KAAW,iBAAiB,CAWjC;AAXD,WAAiB,iBAAiB;IAE9B;;OAEG;IACH,SAAgB,KAAK,CAAC,IAAuB;QACzC,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,QAAQ,IAAI,OAAO,CAAC,KAAK,QAAQ;YACjE,CAAC,CAAC,IAAI,gBAAgB,CAAC,iBAAiB,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;YACvD,CAAC,CAAC,IAAI,gBAAgB,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;IACjE,CAAC;IAJe,uBAAK,QAIpB,CAAA;AAEL,CAAC,EAXgB,iBAAiB,KAAjB,iBAAiB,QAWjC"}
+{"version":3,"file":"ColumnDefinitions.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Grid/ColumnDefinitions.ts"],"names":[],"mappings":"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"}

package/Controls/Components/Layouts/Grid/GridElement.d.ts

@@ -1,11 +1,9 @@
-import { HorizontalAlignment } from '../../../Types/HorizontalAlignment';
-import { VerticalAlignment } from '../../../Types/VerticalAlignment';
 import { LayoutElement } from '../Abstracts/LayoutElement';
 import { ColumnDefinitions } from './ColumnDefinitions';
 import { IGridElementProps } from './IGridElementProps';
-import type { IGridLayoutGap } from './IGridLayoutGapSettings';
+import { type GridLayoutGap } from './IGridLayoutGap';
 import { RowDefinitions } from './RowDefinitions';
-declare const GridElement_base: (abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof LayoutElement & import("../../../Behaviors/Themeable").IThemeableCtor;
+declare const GridElement_base: import("../../../../Index").ControlBehaviorReturn<(abstract new (...args: Array<any>) => import("../../../Behaviors/Themeable").IThemeableProps) & typeof LayoutElement & import("../../../Behaviors/Themeable").IThemeableCtor, import("../../../Behaviors/Alignable").IAlignableProps>;
 /**
  * Grid - A layout system that arranges elements in a structured grid pattern.
  *
@@ -21,11 +19,22 @@ declare const GridElement_base: (abstract new (...args: Array<any>) => import(".
  * @slot - The default slot for grid items.
  *
  * @example
+ * Dashboard with a fixed sidebar and a flexible main content area:
  * ```html
- * <mosaik-grid>
- *   <mosaik-grid-item row="1" column="1">Item 1</mosaik-grid-item>
- *   <mosaik-grid-item row="1" column="2">Item 2</mosaik-grid-item>
- *   <mosaik-grid-item row="2" column="1,2">Item 3</mosaik-grid-item>
+ * <mosaik-grid column-definitions="240 *" row-definitions="auto *" gap="16">
+ *   <mosaik-grid-item column="1" row="1" row-span="2">Sidebar</mosaik-grid-item>
+ *   <mosaik-grid-item column="2" row="1">Header</mosaik-grid-item>
+ *   <mosaik-grid-item column="2" row="2">Main Content</mosaik-grid-item>
+ * </mosaik-grid>
+ * ```
+ *
+ * @example
+ * Equal-width card layout with consistent spacing:
+ * ```html
+ * <mosaik-grid column-definitions="* * *" row-definitions="auto" gap="24">
+ *   <mosaik-grid-item column="1" row="1">Card 1</mosaik-grid-item>
+ *   <mosaik-grid-item column="2" row="1">Card 2</mosaik-grid-item>
+ *   <mosaik-grid-item column="3" row="1">Card 3</mosaik-grid-item>
  * </mosaik-grid>
  * ```
  *
@@ -35,8 +44,6 @@ export declare class GridElement extends GridElement_base implements IGridElemen
     private _rowDefinitions;
     private _columnDefinitions;
     private _gap;
-    private _horizontalAlignment;
-    private _verticalAlignment;
     /**
      * Constructs a new instance of the `GridElement` class.
      *
@@ -54,72 +61,144 @@ export declare class GridElement extends GridElement_base implements IGridElemen
     static get is(): string;
     /**
      * Gets or sets the `rowDefinitions` property.
-     * Specifies the number of rows and their height
      *
-     * Accepts an array, which serves two purposes:
+     * Specifies the number of rows and their heights using `GridLength` sizing.
+     * The array length defines the number of rows; each element defines the sizing of one row track.
+     *
+     * **Accepted forms**
+     * - Array of `RowDefinitionInput` entries (JavaScript property binding).
+     * - Space-separated string of grid-length tokens (HTML attribute), e.g. `"auto * 2* 100"`.
      *
-     * The number of elements in the array defines the number of rows.
-     * Each array element defines the size of the corresponding row. The possible array values are:
-     * * `number` - Defines the size in pixels.
-     * * `string` - Enables the usage of arbitrary units e.g. `20%` or `auto`.
-     * * `IRowDefinition` - Configuration object, which accepts a `height` key.
+     * **Accepted element / token forms**
+     * - `number` - fixed height in pixels/DIPs (e.g. `100`).
+     * - `string` - `"auto"`, `"*"`, `"n*"`, or a numeric string (e.g. `"2*"`).
+     * - `IRowDefinition` - `{ height, minHeight?, maxHeight? }` (array form only).
+     *
+     * CSS units (`px`, `em`, `%`, `fr`, …) are **not** supported and will
+     * throw. Negative values are rejected.
      *
      * @public
+     * @attr row-definitions
      */
     get rowDefinitions(): RowDefinitions;
     set rowDefinitions(value: RowDefinitions);
     /**
      * Gets or sets the `columnDefinitions` property.
-     * Specifies the number of columns and their widths
      *
-     * Accepts an array, which serves two purposes:
+     * Specifies the number of columns and their widths using `GridLength` sizing.
+     * The array length defines the number of columns; each element defines the sizing of one column track.
+     *
+     * **Accepted forms**
+     * - Array of `ColumnDefinitionInput` entries (JavaScript property binding).
+     * - Space-separated string of grid-length tokens (HTML attribute), e.g. `"* 2* auto 120"`.
      *
-     * The number of elements in the array defines the number of columns.
-     * Each array element defines the size of the corresponding column. The possible array values are:
-     * * `number` - Defines the size in pixels.
-     * * `string` - Enables the usage of arbitrary units e.g. `20%` or `auto`.
-     * * `IColumnDefinition` - Configuration object, which accepts a `width` key.
+     * **Accepted element / token forms**
+     * - `number` - fixed width in pixels/DIPs (e.g. `120`).
+     * - `string` - `"auto"`, `"*"`, `"n*"`, or a numeric string (e.g. `"2*"`).
+     * - `IColumnDefinition` - `{ width, minWidth?, maxWidth? }` (array form only).
+     *
+     * CSS units (`px`, `em`, `%`, `fr`, …) are **not** supported and will
+     * throw. Negative values are rejected.
      *
      * @public
+     * @attr column-definitions
      */
     get columnDefinitions(): ColumnDefinitions;
     set columnDefinitions(value: ColumnDefinitions);
     /**
      * Gets or sets the `gap` property.
-     * Specifies the gaps between the elements. The default value is `0`
      *
+     * Specifies the spacing between grid tracks (rows and columns).
+     *
+     * **Accepted forms**
+     * - `number` - uniform gap in pixels on both axes (e.g. `16`).
+     * - `CssLength` string - uniform gap with a CSS unit (e.g. `'1rem'`, `'8px'`).
+     * - `IGridLayoutGap` object - separate gap per axis (`{ rows, columns }`) (JS only).
+     *
+     * When set via HTML attribute, the value is parsed as a CSS length
+     * string (e.g. `gap="16"`, `gap="1rem"`).
+     *
+     * Negative values are rejected.
+     *
+     * @defaultValue `0`
      * @public
+     * @attr gap
      */
-    get gap(): string | number | IGridLayoutGap;
-    set gap(value: string | number | IGridLayoutGap);
+    get gap(): GridLayoutGap;
+    set gap(value: GridLayoutGap);
     /**
-     * Gets or sets the `horizontalAlignment` property.
+     * Called when the `rowDefinitions` property changes.
+     * Re-evaluates child item positions against the updated row track count.
      *
-     * @public
-     * @attr
+     * @protected
      */
-    get horizontalAlignment(): HorizontalAlignment;
-    set horizontalAlignment(value: HorizontalAlignment);
+    protected onRowDefinitionsChanged(): void;
     /**
-     * Gets or sets the `verticalAlignment` property.
+     * Called when the `columnDefinitions` property changes.
+     * Re-evaluates child item positions against the updated column track count.
      *
-     * @public
-     * @attr
+     * @protected
+     */
+    protected onColumnDefinitionsChanged(): void;
+    /**
+     * @protected
+     * @override
      */
-    get verticalAlignment(): VerticalAlignment;
-    set verticalAlignment(value: VerticalAlignment);
+    protected onItemsChanged(): void;
     /**
+     * Resolves the `gap` property into a CSS `gap` shorthand value.
+     *
+     * Delegates to `parseGridLayoutGap` for validation and
+     * normalisation, then produces the shortest valid CSS `gap` string.
+     *
      * @private
+     * @param gap - A `GridLayoutGap` input.
+     * @returns A CSS `gap` value string.
      */
     private generateGapStyle;
     /**
+     * Generates a CSS `grid-template-columns` value from the parsed `ColumnDefinitions`.
+     *
      * @private
+     * @param definition The raw column definitions array.
+     * @returns A space-separated CSS track-list string.
      */
     private generateColumnStyle;
     /**
+     * Generates a CSS `grid-template-rows` value from the parsed `RowDefinitions`.
+     *
      * @private
+     * @param definition The raw row definitions array.
+     * @returns A space-separated CSS track-list string.
      */
     private generateRowStyle;
+    /**
+     * Converts a `GridLength` with optional min/max constraints into
+     * an equivalent CSS `grid-template-*` track size string.
+     *
+     * **Mapping rules**
+     *
+     * | GridLength type | No constraints  | With min/max                   |
+     * |-----------------|-----------------|--------------------------------|
+     * | `pixel`         | `{value}px`     | `{clamp(min, value, max)}px`   |
+     * | `auto`          | `auto`          | `minmax({min}px, {max/auto})`  |
+     * | `star`          | `{factor}fr`    | `minmax({min}px, {max/Nfr})`   |
+     *
+     * @private
+     * @param length The grid length specification.
+     * @param minBound Minimum track size in pixels (0 = unconstrained).
+     * @param maxBound Maximum track size in pixels (MAX_SAFE_INTEGER = unbounded).
+     * @returns A CSS track-size value string.
+     */
+    private generateTrack;
+    /**
+     * Iterates all slotted child items and requests each `GridItemElement`
+     * to re-evaluate its CSS `grid-area` placement against the current
+     * column/row definitions.
+     *
+     * @private
+     */
+    private invalidateItemPositions;
 }
 /**
  * @public

package/Controls/Components/Layouts/Grid/GridElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Grid/GridElement.ts"],"names":[],"mappings":"AAMA,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,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;;AAOlD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBASa,WACT,SAAQ,gBACR,YAAW,iBAAiB;IAI5B,OAAO,CAAC,eAAe,CAAiB;IACxC,OAAO,CAAC,kBAAkB,CAAoB;IAC9C,OAAO,CAAC,IAAI,CAAmC;IAC/C,OAAO,CAAC,oBAAoB,CAAsB;IAClD,OAAO,CAAC,kBAAkB,CAAoB;IAM9C;;;;OAIG;;IAeH;;;;;;;MAOE;IACF,WAA2B,EAAE,IAAI,MAAM,CAEtC;IAED;;;;;;;;;;;;;OAaG;IACH,IACW,cAAc,IAAI,cAAc,CAE1C;IAED,IAAW,cAAc,CAAC,KAAK,EAAE,cAAc,EAM9C;IAED;;;;;;;;;;;;;OAaG;IACH,IACW,iBAAiB,IAAI,iBAAiB,CAEhD;IAED,IAAW,iBAAiB,CAAC,KAAK,EAAE,iBAAiB,EAMpD;IAED;;;;;OAKG;IACH,IACW,GAAG,IAAI,MAAM,GAAG,MAAM,GAAG,cAAc,CAEjD;IAED,IAAW,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,cAAc,EAMrD;IAED;;;;;OAKG;IACH,IACW,mBAAmB,IAAI,mBAAmB,CAEpD;IAED,IAAW,mBAAmB,CAAC,KAAK,EAAE,mBAAmB,EAKxD;IAED;;;;;OAKG;IACH,IACW,iBAAiB,IAAI,iBAAiB,CAEhD;IAED,IAAW,iBAAiB,CAAC,KAAK,EAAE,iBAAiB,EAKpD;IAMD;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAoBxB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IA6B3B;;OAEG;IACH,OAAO,CAAC,gBAAgB;CA+B3B;AAED;;GAEG;AACH,yBAAiB,WAAW,CAAC;IACzB,KAAY,KAAK,GAAG,iBAAiB,CAAC;CACzC;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,aAAa,EAAE,WAAW,CAAC;KAC9B;CACJ"}
+{"version":3,"file":"GridElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Layouts/Grid/GridElement.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAE3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,KAAK,aAAa,EAAsB,MAAM,kBAAkB,CAAC;AAE1E,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;;AAOlD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,qBASa,WACT,SAAQ,gBACR,YAAW,iBAAiB;IAI5B,OAAO,CAAC,eAAe,CAAiB;IACxC,OAAO,CAAC,kBAAkB,CAAoB;IAC9C,OAAO,CAAC,IAAI,CAAgB;IAM5B;;;;OAIG;;IAaH;;;;;;;MAOE;IACF,WAA2B,EAAE,IAAI,MAAM,CAEtC;IAED;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,IAeW,cAAc,IAAI,cAAc,CAE1C;IACD,IAAW,cAAc,CAAC,KAAK,EAAE,cAAc,EAM9C;IAED;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,IAeW,iBAAiB,IAAI,iBAAiB,CAEhD;IACD,IAAW,iBAAiB,CAAC,KAAK,EAAE,iBAAiB,EAMpD;IAED;;;;;;;;;;;;;;;;;;OAkBG;IACH,IAYW,GAAG,IAAI,aAAa,CAE9B;IACD,IAAW,GAAG,CAAC,KAAK,EAAE,aAAa,EAMlC;IAMD;;;;;OAKG;IAEH,SAAS,CAAC,uBAAuB,IAAI,IAAI;IAIzC;;;;;OAKG;IAEH,SAAS,CAAC,0BAA0B,IAAI,IAAI;IAI5C;;;OAGG;cACgB,cAAc,IAAI,IAAI;IAKzC;;;;;;;;;OASG;IACH,OAAO,CAAC,gBAAgB;IAQxB;;;;;;OAMG;IACH,OAAO,CAAC,mBAAmB;IAM3B;;;;;;OAMG;IACH,OAAO,CAAC,gBAAgB;IAMxB;;;;;;;;;;;;;;;;;OAiBG;IACH,OAAO,CAAC,aAAa;IA4CrB;;;;;;OAMG;IACH,OAAO,CAAC,uBAAuB;CAiBlC;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"}