@ethlete/components 0.1.0-next.7 → 0.1.0-next.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ethlete/components",
-  "version": "0.1.0-next.7",
+  "version": "0.1.0-next.8",
   "license": "MIT",
   "sideEffects": false,
   "peerDependencies": {

package/types/ethlete-components.d.ts

@@ -1004,6 +1004,10 @@ type GridConfig = {
     readonlyAriaLabel: string;
     dragHandleAriaLabel: string;
     transformer: (text: string, locale: string) => string;
+    /** Replaces the default drag handle for all registered items. Receives `data` and `itemId` as inputs. */
+    dragHandleComponent?: Type<unknown>;
+    /** Replaces the default ✕ button for all registered items. Receives `data` and `itemId` as inputs. */
+    actionsComponent?: Type<unknown>;
 };
 declare const provideGridConfig: (valueOverride?: Partial<GridConfig> | undefined) => _angular_core.Provider[];
 declare const injectGridConfig: {
@@ -1039,6 +1043,13 @@ declare class GridComponent {
     private ghostRef;
     private gridConfig;
     private locale;
+    protected isReadOnly: _angular_core.Signal<boolean>;
+    protected dragHandleComponent: _angular_core.Signal<_angular_core.Type<unknown> | undefined>;
+    protected actionsComponent: _angular_core.Signal<_angular_core.Type<unknown> | undefined>;
+    protected registeredItems: _angular_core.Signal<{
+        item: _ethlete_components.GridItemConfig;
+        reg: _ethlete_components.GridComponentRegistration;
+    }[]>;
     protected ariaLabel: _angular_core.Signal<string>;
     protected gridColumns: _angular_core.Signal<number>;
     protected gridGap: _angular_core.Signal<string>;
@@ -1051,17 +1062,22 @@ declare class GridComponent {
 declare class GridItemComponent {
     private grid;
     private gridItem;
+    private provideSurface;
+    private parentSurfaceProvider;
     gridDrag: GridDragDirective;
     gridResize: GridResizeDirective;
     ariaLabel: _angular_core.InputSignal<string>;
     removed: _angular_core.OutputEmitterRef<void>;
+    private surfaceThemes;
     private gridConfig;
     private locale;
     protected isReadOnly: _angular_core.Signal<boolean>;
     protected dragHandleAriaLabel: _angular_core.Signal<string>;
+    private resolvedSurface;
+    constructor();
     applyKeyboardShortcut(event: KeyboardEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<GridItemComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GridItemComponent, "et-grid-item, [et-grid-item]", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "removed": "removed"; }, never, ["[etGridItemDragHandle]", "*", "[etGridItemAction]"], true, [{ directive: typeof GridItemDirective; inputs: { "itemId": "itemId"; "minColSpan": "minColSpan"; "maxColSpan": "maxColSpan"; "minRowSpan": "minRowSpan"; "maxRowSpan": "maxRowSpan"; }; outputs: {}; }, { directive: typeof GridDragDirective; inputs: {}; outputs: {}; }, { directive: typeof GridResizeDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<GridItemComponent, "et-grid-item, [et-grid-item]", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "removed": "removed"; }, never, ["[etGridItemDragHandle]", "*", "[etGridItemAction]"], true, [{ directive: typeof GridItemDirective; inputs: { "itemId": "itemId"; "minColSpan": "minColSpan"; "maxColSpan": "maxColSpan"; "minRowSpan": "minRowSpan"; "maxRowSpan": "maxRowSpan"; }; outputs: {}; }, { directive: typeof GridDragDirective; inputs: {}; outputs: {}; }, { directive: typeof GridResizeDirective; inputs: {}; outputs: {}; }, { directive: typeof _ethlete_core.ProvideSurfaceDirective; inputs: {}; outputs: {}; }]>;
 }
 
 /**