@breadstone/mosaik-elements-foundation 0.0.231 → 0.0.233

package/Controls/Components/Selectors/DataList/DataListElement.d.ts

@@ -18,12 +18,36 @@ declare const DataListElement_base: (abstract new (...args: Array<any>) => impor
  *
  * @csspart list - The inner list container element
  *
- * @dependency {ListElement} - The underlying list component for rendering rows
- * @dependency {TextElement} - Text rendering component for cell content
+ * @cssprop {String} --data-list-font-family - The list font family CSS custom property.
+ * @cssprop {String} --data-list-font-letter-spacing - The list font letter spacing CSS custom property.
+ * @cssprop {String} --data-list-font-line-height - The list font line height CSS custom property.
+ * @cssprop {String} --data-list-font-size - The list font size CSS custom property.
+ * @cssprop {String} --data-list-font-text-decoration - The list font text decoration CSS custom property.
+ * @cssprop {String} --data-list-font-text-transform - The list font text transform CSS custom property.
+ * @cssprop {String} --data-list-font-weight - The list font weight CSS custom property.
+ * @cssprop {String} --data-list-gap - The list gap CSS custom property.
+ * @cssprop {String} --data-list-padding-bottom - The list padding bottom CSS custom property.
+ * @cssprop {String} --data-list-padding-left - The list padding left CSS custom property.
+ * @cssprop {String} --data-list-padding-right - The list padding right CSS custom property.
+ * @cssprop {String} --data-list-padding-top - The list padding top CSS custom property.
+ * @cssprop {String} --data-list-shadow - The list shadow CSS custom property.
+ * @cssprop {String} --data-list-shadow-blur - The list shadow blur CSS custom property.
+ * @cssprop {String} --data-list-shadow-color - The list shadow color CSS custom property.
+ * @cssprop {String} --data-list-shadow-offset-x - The list shadow offset x CSS custom property.
+ * @cssprop {String} --data-list-shadow-offset-y - The list shadow offset y CSS custom property.
+ * @cssprop {String} --data-list-shadow-spread - The list shadow spread CSS custom property.
+ * @cssprop {String} --data-list-transition-duration - The list transition duration CSS custom property.
+ * @cssprop {String} --data-list-transition-mode - The list transition mode CSS custom property.
+ * @cssprop {String} --data-list-transition-property - The list transition property CSS custom property.
+ * @cssprop {String} --data-list-translate - The list translate CSS custom property.
  *
  * @fires connected {ConnectedEvent} - Fired when the data list is connected to the DOM
  * @fires changed {PropertyChangedEvent} - Fired when data list properties change
  *
+ * @dependency mosaik-list - The List element.
+ * @dependency mosaik-list-item - The List Item element.
+ * @dependency mosaik-text - The Text element.
+ *
  * @example
  * Basic data list with item definitions:
  * ```html
@@ -31,9 +55,9 @@ declare const DataListElement_base: (abstract new (...args: Array<any>) => impor
  * <script>
  *   const list = document.getElementById('userList');
  *   list.itemDefinitions = [
- *     { key: 'name', path: 'name' },
- *     { key: 'email', path: 'email' },
- *     { key: 'role', path: 'role' }
+ *     { key: 'name', pathFn: 'name' },
+ *     { key: 'email', pathFn: 'email' },
+ *     { key: 'role', pathFn: 'role' }
  *   ];
  *   list.source = [
  *     { name: 'John Doe', email: 'john@example.com', role: 'Admin' },
@@ -49,9 +73,9 @@ declare const DataListElement_base: (abstract new (...args: Array<any>) => impor
  * <script>
  *   const list = document.getElementById('products');
  *   list.itemDefinitions = [
- *     { key: 'sku', path: 'sku' },
- *     { key: 'product', path: 'name' },
- *     { key: 'price', path: 'price' }
+ *     { key: 'sku', pathFn: 'sku' },
+ *     { key: 'product', pathFn: 'name' },
+ *     { key: 'price', pathFn: 'price' }
  *   ];
  *   list.source = productData;
  * </script>

package/Controls/Components/Selectors/DataList/DataListElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataListElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/DataList/DataListElement.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAG/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;;AAQzE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDG;AACH,qBAaa,eACT,SAAQ,oBACR,YAAW,qBAAqB;IAIhC,OAAO,CAAC,YAAY,CAAU;IAC9B,OAAO,CAAC,gBAAgB,CAAiC;IAMzD;;OAEG;;IAYH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IAEW,WAAW,IAAI,OAAO,CAEhC;IACD,IAAW,WAAW,CAAC,KAAK,EAAE,OAAO,EAKpC;IAED;;;;OAIG;IACH,IACW,eAAe,IAAI,KAAK,CAAC,uBAAuB,CAAC,CAE3D;IACD,IAAW,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,uBAAuB,CAAC,EAK/D;IAMD;;;OAGG;IACI,kBAAkB,IAAI,KAAK,CAAC,uBAAuB,CAAC;CA0B9D;AAED;;GAEG;AACH,yBAAiB,eAAe,CAAC;IAC7B,KAAY,KAAK,GAAG,qBAAqB,CAAC;CAC7C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,kBAAkB,EAAE,eAAe,CAAC;KACvC;CACJ"}
+{"version":3,"file":"DataListElement.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/DataList/DataListElement.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAG/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;;AAOzE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgFG;AACH,qBAaa,eACT,SAAQ,oBACR,YAAW,qBAAqB;IAIhC,OAAO,CAAC,YAAY,CAAU;IAC9B,OAAO,CAAC,gBAAgB,CAAiC;IAMzD;;OAEG;;IAYH;;;;;;;OAOG;IACH,WAAkB,EAAE,IAAI,MAAM,CAE7B;IAED;;;;;OAKG;IACH,IAIW,WAAW,IAAI,OAAO,CAEhC;IACD,IAAW,WAAW,CAAC,KAAK,EAAE,OAAO,EAKpC;IAED;;;;OAIG;IACH,IACW,eAAe,IAAI,KAAK,CAAC,uBAAuB,CAAC,CAE3D;IACD,IAAW,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,uBAAuB,CAAC,EAK/D;IAMD;;;OAGG;IACI,kBAAkB,IAAI,KAAK,CAAC,uBAAuB,CAAC;CA0B9D;AAED;;GAEG;AACH,yBAAiB,eAAe,CAAC;IAC7B,KAAY,KAAK,GAAG,qBAAqB,CAAC;CAC7C;AAED;;GAEG;AACH,OAAO,CAAC,MAAM,CAAC;IAEX,UAAU,qBAAqB;QAE3B,kBAAkB,EAAE,eAAe,CAAC;KACvC;CACJ"}

package/Controls/Components/Selectors/DataList/DataListElement.js

@@ -9,6 +9,7 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 import { Disableable } from '../../../Behaviors/Disableable';
+import { Themeable } from '../../../Behaviors/Themeable';
 import { Attribute } from '../../../Decorators/AttributeDecorator';
 import { Component } from '../../../Decorators/ComponentDecorator';
 import { Property } from '../../../Decorators/PropertyDecorator';
@@ -16,10 +17,9 @@ import { TextElement } from '../../Primitives/Text/TextElement';
 import { ItemsElement } from '../Abstracts/Items/ItemsElement';
 import { ListElement } from '../List/ListElement';
 import { dataListElementTemplate } from './DataListElementTemplate';
+import { dataListElementCosmopolitanStyle } from './Themes/DataListElement.Cosmopolitan';
 import { dataListElementJoyStyle } from './Themes/DataListElement.Joy';
 import { dataListElementMemphisStyle } from './Themes/DataListElement.Memphis';
-import { dataListElementCosmopolitanStyle } from './Themes/DataListElement.Cosmopolitan';
-import { Themeable } from '../../../Behaviors/Themeable';
 // #endregion
 /**
  * Data List - A structured list component for displaying tabular data with configurable columns.
@@ -37,12 +37,36 @@ import { Themeable } from '../../../Behaviors/Themeable';
  *
  * @csspart list - The inner list container element
  *
- * @dependency {ListElement} - The underlying list component for rendering rows
- * @dependency {TextElement} - Text rendering component for cell content
+ * @cssprop {String} --data-list-font-family - The list font family CSS custom property.
+ * @cssprop {String} --data-list-font-letter-spacing - The list font letter spacing CSS custom property.
+ * @cssprop {String} --data-list-font-line-height - The list font line height CSS custom property.
+ * @cssprop {String} --data-list-font-size - The list font size CSS custom property.
+ * @cssprop {String} --data-list-font-text-decoration - The list font text decoration CSS custom property.
+ * @cssprop {String} --data-list-font-text-transform - The list font text transform CSS custom property.
+ * @cssprop {String} --data-list-font-weight - The list font weight CSS custom property.
+ * @cssprop {String} --data-list-gap - The list gap CSS custom property.
+ * @cssprop {String} --data-list-padding-bottom - The list padding bottom CSS custom property.
+ * @cssprop {String} --data-list-padding-left - The list padding left CSS custom property.
+ * @cssprop {String} --data-list-padding-right - The list padding right CSS custom property.
+ * @cssprop {String} --data-list-padding-top - The list padding top CSS custom property.
+ * @cssprop {String} --data-list-shadow - The list shadow CSS custom property.
+ * @cssprop {String} --data-list-shadow-blur - The list shadow blur CSS custom property.
+ * @cssprop {String} --data-list-shadow-color - The list shadow color CSS custom property.
+ * @cssprop {String} --data-list-shadow-offset-x - The list shadow offset x CSS custom property.
+ * @cssprop {String} --data-list-shadow-offset-y - The list shadow offset y CSS custom property.
+ * @cssprop {String} --data-list-shadow-spread - The list shadow spread CSS custom property.
+ * @cssprop {String} --data-list-transition-duration - The list transition duration CSS custom property.
+ * @cssprop {String} --data-list-transition-mode - The list transition mode CSS custom property.
+ * @cssprop {String} --data-list-transition-property - The list transition property CSS custom property.
+ * @cssprop {String} --data-list-translate - The list translate CSS custom property.
  *
  * @fires connected {ConnectedEvent} - Fired when the data list is connected to the DOM
  * @fires changed {PropertyChangedEvent} - Fired when data list properties change
  *
+ * @dependency mosaik-list - The List element.
+ * @dependency mosaik-list-item - The List Item element.
+ * @dependency mosaik-text - The Text element.
+ *
  * @example
  * Basic data list with item definitions:
  * ```html
@@ -50,9 +74,9 @@ import { Themeable } from '../../../Behaviors/Themeable';
  * <script>
  *   const list = document.getElementById('userList');
  *   list.itemDefinitions = [
- *     { key: 'name', path: 'name' },
- *     { key: 'email', path: 'email' },
- *     { key: 'role', path: 'role' }
+ *     { key: 'name', pathFn: 'name' },
+ *     { key: 'email', pathFn: 'email' },
+ *     { key: 'role', pathFn: 'role' }
  *   ];
  *   list.source = [
  *     { name: 'John Doe', email: 'john@example.com', role: 'Admin' },
@@ -68,9 +92,9 @@ import { Themeable } from '../../../Behaviors/Themeable';
  * <script>
  *   const list = document.getElementById('products');
  *   list.itemDefinitions = [
- *     { key: 'sku', path: 'sku' },
- *     { key: 'product', path: 'name' },
- *     { key: 'price', path: 'price' }
+ *     { key: 'sku', pathFn: 'sku' },
+ *     { key: 'product', pathFn: 'name' },
+ *     { key: 'price', pathFn: 'price' }
  *   ];
  *   list.source = productData;
  * </script>
@@ -156,14 +180,16 @@ let DataListElement = class DataListElement extends Themeable(Disableable(ItemsE
         // }
         const definitions = this._itemDefinitions.map((x) => ({
             ...x,
-            ...{ path: x.path ?? x.key }
+            ...{ pathFn: x.pathFn ?? x.key }
         }));
         return definitions;
     }
 };
 __decorate([
-    Attribute({ type: Boolean,
-        useDefault: true }),
+    Attribute({
+        type: Boolean,
+        useDefault: true
+    }),
     __metadata("design:type", Boolean),
     __metadata("design:paramtypes", [Boolean])
 ], DataListElement.prototype, "alternating", null);

package/Controls/Components/Selectors/DataList/DataListElement.js.map

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

package/Controls/Components/Selectors/DataList/DataListElementTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataListElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/DataList/DataListElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIzD;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,eAAe,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAYvF"}
+{"version":3,"file":"DataListElementTemplate.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/DataList/DataListElementTemplate.ts"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGjE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAKzD;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,CAAC,SAAS,eAAe,EAAE,CAAC,EAAE,CAAC,GAAG,cAAc,CAevF"}

package/Controls/Components/Selectors/DataList/DataListElementTemplate.js

@@ -1,6 +1,7 @@
 // #region Imports
 import { html } from '../../../../Dom/Html';
 import { repeat } from '../../../Directives/Directives';
+import { when } from '../../../Directives/When/WhenDirective';
 // #endregion
 /**
  * The template of the `DataListElement`.
@@ -13,11 +14,69 @@ export function dataListElementTemplate(e) {
             ${repeat(e.source, (item) => item, (item) => html `
                 <mosaik-list-item>
                 ${repeat(e.getItemDefinitions(), (def) => def.key, (def) => html `
-                    <mosaik-text .text="${def.path ? item[def.path].toString() : ''}"></mosaik-text>
+                    ${when(def.itemTemplate, () => def.itemTemplate(item, def, resolveItemValue(item, def)), () => html `<mosaik-text .text="${resolveItemValue(item, def)}"></mosaik-text>`)}
                 `)}
                 </mosaik-list-item>
             `)}
         </mosaik-list>
     `;
 }
+/**
+ * Resolves the display value for an item definition from a data item.
+ * Supports both a dot-separated string path and a value getter callback function.
+ *
+ * @param item - The data item for the current row.
+ * @param definition - The item definition.
+ * @returns The resolved string value, or an empty string if no path or function is provided.
+ *
+ * @private
+ */
+function resolveItemValue(item, definition) {
+    const pathOrFn = definition.pathFn;
+    if (!pathOrFn) {
+        return '';
+    }
+    if (typeof pathOrFn === 'function') {
+        const value = pathOrFn(item);
+        return value !== undefined && value !== null ? String(value) : '';
+    }
+    return getObjectValueByPath(item, pathOrFn)?.toString() ?? '';
+}
+/**
+ * Retrieves the value of a nested property from an object using a dot-separated path.
+ * Supports array traversal via `[]` segments (e.g., `approvals.[].approvedBy`).
+ *
+ * @param obj - The object from which to retrieve the value.
+ * @param path - The dot-separated path to the property.
+ * @returns The value of the nested property, or `undefined` if any part of the path is invalid.
+ *
+ * @private
+ */
+function getObjectValueByPath(obj, path) {
+    if (!path) {
+        return obj;
+    }
+    const parts = path.split('.');
+    let current = obj;
+    for (let i = 0; i < parts.length; i++) {
+        const part = parts[i];
+        if (part === '[]') {
+            if (!Array.isArray(current)) {
+                return undefined;
+            }
+            const remainingPath = parts.slice(i + 1).join('.');
+            const values = current
+                .map((item) => getObjectValueByPath(item, remainingPath))
+                .filter((v) => v !== undefined && v !== null);
+            return values.join(', ');
+        }
+        if (current && typeof current === 'object' && part in current) {
+            current = current[part];
+        }
+        else {
+            return undefined;
+        }
+    }
+    return current;
+}
 //# sourceMappingURL=DataListElementTemplate.js.map

package/Controls/Components/Selectors/DataList/DataListElementTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataListElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/DataList/DataListElementTemplate.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,IAAI,EAAuB,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAGxD,aAAa;AAEb;;;;GAIG;AACH,MAAM,UAAU,uBAAuB,CAA4B,CAAI;IACnE,OAAO,IAAI,CAAA;;cAED,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;kBAE3C,MAAM,CAAC,CAAC,CAAC,kBAAkB,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAA;0CACtC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAE,IAAY,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE;iBAC3E,CAAC;;aAEL,CAAC;;KAET,CAAC;AACN,CAAC"}
+{"version":3,"file":"DataListElementTemplate.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/DataList/DataListElementTemplate.ts"],"names":[],"mappings":"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"}

package/Controls/Components/Selectors/DataList/IDataListItemDefinition.d.ts

@@ -1,9 +1,11 @@
+import type { PathFn } from '../DataTable/CellTemplateFunction';
+import type { ItemTemplateFunction } from './ItemTemplateFunction';
 /**
- * Represents the `IDataListColumnDefinition` interface.
+ * Represents the `IDataListItemDefinition` interface.
  *
  * @public
  */
-export interface IDataListItemDefinition {
+export interface IDataListItemDefinition<TItem = unknown> {
     /**
      * Identifies the data item to be displayed in this column
      */
@@ -13,12 +15,23 @@ export interface IDataListItemDefinition {
      */
     title?: string;
     /**
-     * The member path of the data to bind in the table cell
+     * The member path or value getter function for the data to bind in the list item cell.
+     * Accepts either a dot-separated string path (e.g., `'customer.name'`, `'approvals.[].approvedBy'`)
+     * or a callback function that extracts the display value from the data item.
+     *
+     * @public
      */
-    path?: string;
+    pathFn?: PathFn<TItem>;
     /**
      * Shows the column or not.
      */
     hidden?: string;
+    /**
+     * A custom template callback for rendering the item content.
+     * When provided, this callback is used instead of the default text rendering.
+     *
+     * @public
+     */
+    itemTemplate?: ItemTemplateFunction;
 }
 //# sourceMappingURL=IDataListItemDefinition.d.ts.map

package/Controls/Components/Selectors/DataList/IDataListItemDefinition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IDataListItemDefinition.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/DataList/IDataListItemDefinition.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,WAAW,uBAAuB;IAIpC;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CAInB"}
+{"version":3,"file":"IDataListItemDefinition.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/DataList/IDataListItemDefinition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAEnE;;;;GAIG;AACH,MAAM,WAAW,uBAAuB,CAAC,KAAK,GAAG,OAAO;IAIpD;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,oBAAoB,CAAC;CAIvC"}

package/Controls/Components/Selectors/DataList/ItemTemplateFunction.d.ts

@@ -0,0 +1,13 @@
+import type { TemplateResult } from '../../../../Dom/Html';
+/**
+ * A callback function that renders a custom item template for a data list item definition.
+ *
+ * @param item - The data item for the current row.
+ * @param definition - The item definition for the current field.
+ * @param resolvedValue - The pre-resolved display value produced by the definition's `pathFn`.
+ * @returns A `TemplateResult`, plain `string`, or `Node` to render in the item.
+ *
+ * @public
+ */
+export type ItemTemplateFunction<TItem = unknown, TDefinition = unknown> = (item: TItem, definition: TDefinition, resolvedValue: unknown) => TemplateResult | string | Node;
+//# sourceMappingURL=ItemTemplateFunction.d.ts.map

package/Controls/Components/Selectors/DataList/ItemTemplateFunction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemTemplateFunction.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/DataList/ItemTemplateFunction.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAI3D;;;;;;;;;GASG;AACH,MAAM,MAAM,oBAAoB,CAAC,KAAK,GAAG,OAAO,EAAE,WAAW,GAAG,OAAO,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,OAAO,KAAK,cAAc,GAAG,MAAM,GAAG,IAAI,CAAC"}

package/Controls/Components/Selectors/DataList/ItemTemplateFunction.js

@@ -0,0 +1,3 @@
+// #region Imports
+export {};
+//# sourceMappingURL=ItemTemplateFunction.js.map

package/Controls/Components/Selectors/DataList/ItemTemplateFunction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemTemplateFunction.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/DataList/ItemTemplateFunction.ts"],"names":[],"mappings":"AAAA,kBAAkB"}

package/Controls/Components/Selectors/DataList/Themes/DataListElement.Cosmopolitan.js

@@ -68,7 +68,7 @@ export function dataListElementCosmopolitanStyle() {
   height: 100%;
   overflow: overlay;
   display: block;
-  position: absolute;
+  position: relative;
 }
 
 :host [part="list"] {

package/Controls/Components/Selectors/DataList/Themes/DataListElement.Joy.js

@@ -68,7 +68,7 @@ export function dataListElementJoyStyle() {
   height: 100%;
   overflow: overlay;
   display: block;
-  position: absolute;
+  position: relative;
 }
 
 :host [part="list"] {

package/Controls/Components/Selectors/DataList/Themes/DataListElement.Memphis.js

@@ -68,7 +68,7 @@ export function dataListElementMemphisStyle() {
   height: 100%;
   overflow: overlay;
   display: block;
-  position: absolute;
+  position: relative;
 }
 
 :host [part="list"] {

package/Controls/Components/Selectors/DataTable/Accessors/DataTableElementValueAccessor.d.ts

@@ -0,0 +1,34 @@
+import { ElementValueAccessorBase } from '../../../../../Forms/Accessors/Abstracts/ElementValueAccessorBase';
+import type { ElementValueAccessorFn } from '../../../../../Forms/Accessors/Functions/ElementValueAccessorFn';
+import type { TableBodyCellElement } from '../../Table/TableBodyCellElement';
+import type { TableBodyRowElement } from '../../Table/TableBodyRowElement';
+import type { DataTableElement } from '../DataTableElement';
+/**
+ * The `DataTableElementValueAccessor` class.
+ *
+ * @public
+ */
+export declare class DataTableElementValueAccessor extends ElementValueAccessorBase<DataTableElement> {
+    /**
+     * @public
+     */
+    hostConnected(): void;
+    /**
+     * @public
+     * @override
+     */
+    writeValue(value: ReadonlyArray<TableBodyRowElement> | ReadonlyArray<TableBodyCellElement> | null): void;
+    /**
+     * @public
+     * @override
+     */
+    resetValue(): void;
+}
+/**
+ * The `dataTableElementValueAccessor` function for the `DataTableElement`.
+ * This accessor can be bind to form field controls.
+ *
+ * @public
+ */
+export declare const dataTableElementValueAccessor: ElementValueAccessorFn<DataTableElement>;
+//# sourceMappingURL=DataTableElementValueAccessor.d.ts.map

package/Controls/Components/Selectors/DataTable/Accessors/DataTableElementValueAccessor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableElementValueAccessor.d.ts","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/DataTable/Accessors/DataTableElementValueAccessor.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAC7G,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,iEAAiE,CAAC;AAG9G,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAC7E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAI5D;;;;GAIG;AACH,qBAAa,6BACT,SAAQ,wBAAwB,CAAC,gBAAgB,CAAC;IAIlD;;OAEG;IACI,aAAa,IAAI,IAAI;IAW5B;;;OAGG;IACa,UAAU,CAAC,KAAK,EAAE,aAAa,CAAC,mBAAmB,CAAC,GAAG,aAAa,CAAC,oBAAoB,CAAC,GAAG,IAAI,GAAG,IAAI;IAIxH;;;OAGG;IACa,UAAU,IAAI,IAAI;CAMrC;AAED;;;;;GAKG;AACH,eAAO,MAAM,6BAA6B,EAAE,sBAAsB,CAAC,gBAAgB,CAAqD,CAAC"}

package/Controls/Components/Selectors/DataTable/Accessors/DataTableElementValueAccessor.js

@@ -0,0 +1,48 @@
+// #region Imports
+import { ElementValueAccessorBase } from '../../../../../Forms/Accessors/Abstracts/ElementValueAccessorBase';
+import { TableSelectionType } from '../../../../Types/TableSelectionType';
+// #endregion
+/**
+ * The `DataTableElementValueAccessor` class.
+ *
+ * @public
+ */
+export class DataTableElementValueAccessor extends ElementValueAccessorBase {
+    // #region Methods
+    /**
+     * @public
+     */
+    hostConnected() {
+        this.host.on('tableSelectionChanged', (e) => {
+            if (this.host.selectionType === TableSelectionType.Cell) {
+                this.writeValue(e.detail.selectedCells);
+            }
+            else {
+                this.writeValue(e.detail.selectedRows);
+            }
+        });
+        this.host.on('blur', () => this.onTouched());
+    }
+    /**
+     * @public
+     * @override
+     */
+    writeValue(value) {
+        super.writeValue(value ?? []);
+    }
+    /**
+     * @public
+     * @override
+     */
+    resetValue() {
+        super.resetValue();
+    }
+}
+/**
+ * The `dataTableElementValueAccessor` function for the `DataTableElement`.
+ * This accessor can be bind to form field controls.
+ *
+ * @public
+ */
+export const dataTableElementValueAccessor = (host) => new DataTableElementValueAccessor(host);
+//# sourceMappingURL=DataTableElementValueAccessor.js.map

package/Controls/Components/Selectors/DataTable/Accessors/DataTableElementValueAccessor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableElementValueAccessor.js","sourceRoot":"","sources":["../../../../../../src/Controls/Components/Selectors/DataTable/Accessors/DataTableElementValueAccessor.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAElB,OAAO,EAAE,wBAAwB,EAAE,MAAM,mEAAmE,CAAC;AAG7G,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAK1E,aAAa;AAEb;;;;GAIG;AACH,MAAM,OAAO,6BACT,SAAQ,wBAA0C;IAElD,kBAAkB;IAElB;;OAEG;IACI,aAAa;QAChB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,uBAAuB,EAAE,CAAC,CAA6B,EAAE,EAAE;YACpE,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa,KAAK,kBAAkB,CAAC,IAAI,EAAE,CAAC;gBACtD,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,aAA4C,CAAC,CAAC;YAC3E,CAAC;iBAAM,CAAC;gBACJ,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,YAA0C,CAAC,CAAC;YACzE,CAAC;QACL,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;IACjD,CAAC;IAED;;;OAGG;IACa,UAAU,CAAC,KAAsF;QAC7G,KAAK,CAAC,UAAU,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAClC,CAAC;IAED;;;OAGG;IACa,UAAU;QACtB,KAAK,CAAC,UAAU,EAAE,CAAC;IACvB,CAAC;CAIJ;AAED;;;;;GAKG;AACH,MAAM,CAAC,MAAM,6BAA6B,GAA6C,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,6BAA6B,CAAC,IAAI,CAAC,CAAC"}

package/Controls/Components/Selectors/DataTable/CellTemplateFunction.d.ts

@@ -0,0 +1,51 @@
+import type { TemplateResult } from '../../../../Dom/Html';
+/**
+ * A callback function that renders a custom cell template for a data table column.
+ *
+ * @param item - The data item for the current row.
+ * @param column - The column definition for the current column.
+ * @param resolvedValue - The pre-resolved display value produced by the column's `pathFn`.
+ * @returns A `TemplateResult`, plain `string`, or `Node` to render in the cell.
+ *
+ * @public
+ */
+export type CellTemplateFunction<TItem = unknown, TColumn = unknown> = (item: TItem, column: TColumn, resolvedValue: unknown) => TemplateResult | string | Node;
+/**
+ * A callback function that renders a custom header cell template for a data table column.
+ *
+ * @param column - The column definition for the current column.
+ * @returns A `TemplateResult`, plain `string`, or `Node` to render in the header cell.
+ *
+ * @public
+ */
+export type HeaderCellTemplateFunction<TColumn = unknown> = (column: TColumn) => TemplateResult | string | Node;
+/**
+ * A custom comparator function for sorting a data table column.
+ * When provided on a column definition, this function is used instead of the default string comparison.
+ *
+ * @param a - The first data item to compare.
+ * @param b - The second data item to compare.
+ * @param direction - The current sort direction (`'asc'` or `'desc'`).
+ * @returns A negative number if `a` should come before `b`, a positive number if `a` should come after `b`, or `0` if they are equal.
+ *
+ * @public
+ */
+export type SortCompareFn<TItem = unknown> = (a: TItem, b: TItem, direction: 'asc' | 'desc') => number;
+/**
+ * A callback function that extracts the display value from a data item for a column.
+ * Used as a programmatic alternative to a dot-separated `path` string.
+ *
+ * @param item - The data item for the current row.
+ * @returns The extracted value to display in the cell.
+ *
+ * @public
+ */
+export type ValueGetterFn<TItem = unknown> = (item: TItem) => unknown;
+/**
+ * A type that represents either a dot-separated string path or a value getter function for extracting cell values.
+ * This is used in the `pathFn` property of column definitions to specify how to retrieve the value to display in a cell.
+ *
+ * @public
+ */
+export type PathFn<TItem = unknown> = string | ValueGetterFn<TItem>;
+//# sourceMappingURL=CellTemplateFunction.d.ts.map

package/Controls/Components/Selectors/DataTable/CellTemplateFunction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellTemplateFunction.d.ts","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/DataTable/CellTemplateFunction.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAI3D;;;;;;;;;GASG;AACH,MAAM,MAAM,oBAAoB,CAAC,KAAK,GAAG,OAAO,EAAE,OAAO,GAAG,OAAO,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,KAAK,cAAc,GAAG,MAAM,GAAG,IAAI,CAAC;AAEhK;;;;;;;GAOG;AACH,MAAM,MAAM,0BAA0B,CAAC,OAAO,GAAG,OAAO,IAAI,CAAC,MAAM,EAAE,OAAO,KAAK,cAAc,GAAG,MAAM,GAAG,IAAI,CAAC;AAEhH;;;;;;;;;;GAUG;AACH,MAAM,MAAM,aAAa,CAAC,KAAK,GAAG,OAAO,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,MAAM,CAAC;AAEvG;;;;;;;;GAQG;AACH,MAAM,MAAM,aAAa,CAAC,KAAK,GAAG,OAAO,IAAI,CAAC,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC;AAEtE;;;;;GAKG;AACH,MAAM,MAAM,MAAM,CAAC,KAAK,GAAG,OAAO,IAAI,MAAM,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC"}

package/Controls/Components/Selectors/DataTable/CellTemplateFunction.js

@@ -0,0 +1,3 @@
+// #region Imports
+export {};
+//# sourceMappingURL=CellTemplateFunction.js.map

package/Controls/Components/Selectors/DataTable/CellTemplateFunction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CellTemplateFunction.js","sourceRoot":"","sources":["../../../../../src/Controls/Components/Selectors/DataTable/CellTemplateFunction.ts"],"names":[],"mappings":"AAAA,kBAAkB"}