@geajs/ui 0.1.1 → 0.1.2

package/dist/index.d.mts

@@ -41,10 +41,11 @@ declare class ZagComponent extends Component {
   _api: any;
   _spreadCleanups: Map<string, SpreadCleanup>;
   _spreadScheduled: boolean;
+  _zagIdMap: Map<string, Element>;
   createMachine(_props: any): any;
   getMachineProps(_props: any): any;
   connectApi(_service: any): any;
-  getSpreadMap(): SpreadMap;
+  getSpreadMap(): {};
   syncState(_api: any): void;
   created(props: any): void;
   _syncMachineProps(): void;
@@ -53,6 +54,7 @@ declare class ZagComponent extends Component {
   _resolveProps(getter: PropsGetter, el: Element): Record<string, any> | null;
   _queryAllIncludingSelf(selector: string): Element[];
   _applyAllSpreads(): void;
+  __geaSyncMap(idx: number): void;
   onAfterRender(): void;
   _cacheArrayContainers(): void;
   dispose(): void;
@@ -81,7 +83,13 @@ declare class Accordion extends ZagComponent {
   connectApi(service: any): accordion.Api<_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>>;
-  getSpreadMap(): SpreadMap;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="item"]': (api: any, el: any) => any;
+    '[data-part="item-trigger"]': (api: any, el: any) => any;
+    '[data-part="item-content"]': (api: any, el: any) => any;
+    '[data-part="item-indicator"]': (api: any, el: any) => any;
+  };
   syncState(api: any): void;
   template(props: any): string;
 }
@@ -97,7 +105,11 @@ declare class Avatar extends ZagComponent {
   connectApi(service: any): avatar.Api<_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>>;
-  getSpreadMap(): SpreadMap;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="image"]': string;
+    '[data-part="fallback"]': string;
+  };
   syncState(api: any): void;
   template(props: any): string;
 }
@@ -122,7 +134,13 @@ declare class Checkbox extends ZagComponent {
   connectApi(service: any): checkbox.Api<_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>>;
-  getSpreadMap(): SpreadMap;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="label"]': string;
+    '[data-part="control"]': string;
+    '[data-part="indicator"]': string;
+    '[data-part="hidden-input"]': string;
+  };
   syncState(api: any): void;
   template(props: any): string;
 }
@@ -141,7 +159,15 @@ declare class Clipboard extends ZagComponent {
   connectApi(service: any): clipboard.Api<_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>>;
-  getSpreadMap(): SpreadMap;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="label"]': string;
+    '[data-part="control"]': string;
+    '[data-part="trigger"]': string;
+    '[data-part="input"]': string;
+    '[data-part="indicator-copied"]': (api: any) => any;
+    '[data-part="indicator-not-copied"]': (api: any) => any;
+  };
   syncState(api: any): void;
   template(props: any): string;
 }
@@ -160,7 +186,11 @@ declare class Collapsible extends ZagComponent {
   connectApi(service: any): collapsible.Api<_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>>;
-  getSpreadMap(): SpreadMap;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="trigger"]': string;
+    '[data-part="content"]': string;
+  };
   syncState(api: any): void;
   template(props: any): string;
 }
@@ -207,7 +237,20 @@ declare class Combobox extends ZagComponent {
   connectApi(service: any): combobox.Api<_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>, unknown>;
-  getSpreadMap(): SpreadMap;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="label"]': string;
+    '[data-part="control"]': string;
+    '[data-part="input"]': string;
+    '[data-part="trigger"]': string;
+    '[data-part="clear-trigger"]': string;
+    '[data-part="positioner"]': string;
+    '[data-part="content"]': string;
+    '[data-part="list"]': string;
+    '[data-part="item"]': (api: any, el: any) => any;
+    '[data-part="item-text"]': (api: any, el: any) => any;
+    '[data-part="item-indicator"]': (api: any, el: any) => any;
+  };
   syncState(api: any): void;
   template(props: any): string;
 }
@@ -232,7 +275,15 @@ declare class Dialog extends ZagComponent {
   connectApi(service: any): dialog.Api<_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>>;
-  getSpreadMap(): SpreadMap;
+  getSpreadMap(): {
+    '[data-part="backdrop"]': string;
+    '[data-part="positioner"]': (api: any) => any;
+    '[data-part="content"]': string;
+    '[data-part="title"]': string;
+    '[data-part="description"]': string;
+    '[data-part="close-trigger"]': (api: any) => any;
+    '[data-part="trigger"]': (api: any) => any;
+  };
   syncState(api: any): void;
   template(props: any): string;
 }
@@ -257,7 +308,14 @@ declare class FileUpload extends ZagComponent {
   connectApi(service: any): fileUpload.Api<_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>>;
-  getSpreadMap(): SpreadMap;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="label"]': string;
+    '[data-part="dropzone"]': string;
+    '[data-part="trigger"]': string;
+    '[data-part="hidden-input"]': string;
+    '[data-part="clear-trigger"]': string;
+  };
   syncState(api: any): void;
   template(props: any): string;
 }
@@ -278,7 +336,13 @@ declare class HoverCard extends ZagComponent {
   connectApi(service: any): hoverCard.Api<_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>>;
-  getSpreadMap(): SpreadMap;
+  getSpreadMap(): {
+    '[data-part="trigger"]': string;
+    '[data-part="positioner"]': string;
+    '[data-part="content"]': string;
+    '[data-part="arrow"]': string;
+    '[data-part="arrow-tip"]': string;
+  };
   syncState(api: any): void;
   template(props: any): string;
 }
@@ -300,7 +364,15 @@ declare class Menu extends ZagComponent {
   connectApi(service: any): menu.Api<_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>>;
-  getSpreadMap(): SpreadMap;
+  getSpreadMap(): {
+    '[data-part="trigger"]': string;
+    '[data-part="positioner"]': string;
+    '[data-part="content"]': string;
+    '[data-part="separator"]': string;
+    '[data-part="item"]': (api: any, el: any) => any;
+    '[data-part="item-group"]': (api: any, el: any) => any;
+    '[data-part="item-group-label"]': (api: any, el: any) => any;
+  };
   syncState(api: any): void;
   template(props: any): string;
 }
@@ -332,7 +404,15 @@ declare class NumberInput extends ZagComponent {
   connectApi(service: any): numberInput.Api<_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>>;
-  getSpreadMap(): SpreadMap;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="label"]': string;
+    '[data-part="control"]': string;
+    '[data-part="input"]': string;
+    '[data-part="increment-trigger"]': string;
+    '[data-part="decrement-trigger"]': string;
+    '[data-part="scrubber"]': string;
+  };
   syncState(api: any): void;
   template(props: any): string;
 }
@@ -357,7 +437,13 @@ declare class Pagination extends ZagComponent {
   connectApi(service: any): pagination.Api<_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>>;
-  getSpreadMap(): SpreadMap;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="prev-trigger"]': string;
+    '[data-part="next-trigger"]': string;
+    '[data-part="item"]': (api: any, el: any) => any;
+    '[data-part="ellipsis"]': (api: any, el: any) => any;
+  };
   syncState(api: any): void;
   template(props: any): string;
 }
@@ -390,7 +476,13 @@ declare class PinInput extends ZagComponent {
   connectApi(service: any): pinInput.Api<_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>>;
-  getSpreadMap(): SpreadMap;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="label"]': string;
+    '[data-part="control"]': string;
+    '[data-part="hidden-input"]': string;
+    '[data-part="input"]': (api: any, el: any) => any;
+  };
   syncState(api: any): void;
   template(props: any): string;
 }
@@ -414,7 +506,16 @@ declare class Popover extends ZagComponent {
   connectApi(service: any): popover.Api<_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>>;
-  getSpreadMap(): SpreadMap;
+  getSpreadMap(): {
+    '[data-part="trigger"]': string;
+    '[data-part="positioner"]': string;
+    '[data-part="content"]': string;
+    '[data-part="title"]': string;
+    '[data-part="description"]': string;
+    '[data-part="close-trigger"]': string;
+    '[data-part="arrow"]': string;
+    '[data-part="arrow-tip"]': string;
+  };
   syncState(api: any): void;
   template(props: any): string;
 }
@@ -436,7 +537,13 @@ declare class Progress extends ZagComponent {
   connectApi(service: any): progress.Api<_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>>;
-  getSpreadMap(): SpreadMap;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="label"]': string;
+    '[data-part="track"]': string;
+    '[data-part="range"]': string;
+    '[data-part="value-text"]': string;
+  };
   syncState(api: any): void;
   template(props: any): string;
 }
@@ -459,7 +566,15 @@ declare class RadioGroup extends ZagComponent {
   connectApi(service: any): radioGroup.Api<_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>>;
-  getSpreadMap(): SpreadMap;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="label"]': string;
+    '[data-part="indicator"]': string;
+    '[data-part="item"]': (api: any, el: any) => any;
+    '[data-part="item-text"]': (api: any, el: any) => any;
+    '[data-part="item-control"]': (api: any, el: any) => any;
+    '[data-part="item-hidden-input"]': (api: any, el: any) => any;
+  };
   syncState(api: any): void;
   template(props: any): string;
 }
@@ -484,7 +599,13 @@ declare class RatingGroup extends ZagComponent {
   connectApi(service: any): ratingGroup.Api<_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>>;
-  getSpreadMap(): SpreadMap;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="label"]': string;
+    '[data-part="control"]': string;
+    '[data-part="hidden-input"]': string;
+    '[data-part="item"]': (api: any, el: any) => any;
+  };
   syncState(api: any): void;
   _applyAllSpreads(): void;
   template(props: any): string;
@@ -519,7 +640,21 @@ declare class Select extends ZagComponent {
   connectApi(service: any): select.Api<_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>, any>;
-  getSpreadMap(): SpreadMap;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="label"]': string;
+    '[data-part="control"]': string;
+    '[data-part="trigger"]': string;
+    '[data-part="indicator"]': string;
+    '[data-part="clear-trigger"]': string;
+    '[data-part="value-text"]': string;
+    '[data-part="positioner"]': string;
+    '[data-part="content"]': string;
+    '[data-part="list"]': string;
+    '[data-part="item"]': (api: any, el: any) => any;
+    '[data-part="item-text"]': (api: any, el: any) => any;
+    '[data-part="item-indicator"]': (api: any, el: any) => any;
+  };
   syncState(api: any): void;
   template(props: any): string;
 }
@@ -547,7 +682,15 @@ declare class Slider extends ZagComponent {
   connectApi(service: any): slider.Api<_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>>;
-  getSpreadMap(): SpreadMap;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="label"]': string;
+    '[data-part="control"]': string;
+    '[data-part="track"]': string;
+    '[data-part="range"]': string;
+    '[data-part="thumb"]': (api: any, el: any) => any;
+    '[data-part="hidden-input"]': (api: any, el: any) => any;
+  };
   _syncThumbs(): void;
   syncState(api: any): void;
   _applyAllSpreads(): void;
@@ -574,7 +717,13 @@ declare class Switch extends ZagComponent {
   connectApi(service: any): switchMachine.Api<_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>>;
-  getSpreadMap(): SpreadMap;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="label"]': string;
+    '[data-part="control"]': string;
+    '[data-part="thumb"]': string;
+    '[data-part="hidden-input"]': string;
+  };
   syncState(api: any): void;
   template(props: any): string;
 }
@@ -597,7 +746,13 @@ declare class Tabs extends ZagComponent {
     [x: string]: any;
   }>>;
   _syncMachineProps(): void;
-  getSpreadMap(): SpreadMap;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="list"]': string;
+    '[data-part="indicator"]': (api: any) => any;
+    '[data-part="trigger"]': (api: any, el: any) => any;
+    '[data-part="content"]': (api: any, el: any) => any;
+  };
   syncState(api: any): void;
   onAfterRender(): void;
   template(props: any): string;
@@ -629,7 +784,18 @@ declare class TagsInput extends ZagComponent {
   connectApi(service: any): tagsInput.Api<_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>>;
-  getSpreadMap(): SpreadMap;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="label"]': string;
+    '[data-part="control"]': string;
+    '[data-part="input"]': string;
+    '[data-part="hidden-input"]': string;
+    '[data-part="clear-trigger"]': string;
+    '[data-part="item"]': (api: any, el: any) => any;
+    '[data-part="item-preview"]': (api: any, el: any) => any;
+    '[data-part="item-text"]': (api: any, el: any) => any;
+    '[data-part="item-delete-trigger"]': (api: any, el: any) => any;
+  };
   syncState(api: any): void;
   template(props: any): string;
 }
@@ -679,7 +845,10 @@ declare class ToggleGroup extends ZagComponent {
   connectApi(service: any): toggleGroup.Api<_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>>;
-  getSpreadMap(): SpreadMap;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="item"]': (api: any, el: any) => any;
+  };
   syncState(api: any): void;
   template(props: any): string;
 }
@@ -706,7 +875,13 @@ declare class Tooltip extends ZagComponent {
   connectApi(service: any): tooltip.Api<_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>>;
-  getSpreadMap(): SpreadMap;
+  getSpreadMap(): {
+    '[data-part="trigger"]': string;
+    '[data-part="positioner"]': string;
+    '[data-part="content"]': string;
+    '[data-part="arrow"]': string;
+    '[data-part="arrow-tip"]': string;
+  };
   syncState(api: any): void;
   template(props: any): string;
 }
@@ -731,7 +906,11 @@ declare class TreeView extends ZagComponent {
   connectApi(service: any): treeView.Api<_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>, any>;
-  getSpreadMap(): SpreadMap;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="label"]': string;
+    '[data-part="tree"]': string;
+  };
   syncState(api: any): void;
   template(props: any): string;
 }
@@ -802,5 +981,94 @@ declare class Skeleton extends Component {
   template(props: any): string;
 }
 //#endregion
-export { Accordion, Alert, AlertDescription, AlertTitle, Avatar, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Clipboard, Collapsible, Combobox, Dialog, FileUpload, HoverCard, Input, Label, Menu, NumberInput, Pagination, PinInput, Popover, Progress, RadioGroup, RatingGroup, Select, Separator, Skeleton, Slider, type SpreadMap, Switch, Tabs, TagsInput, Textarea, ToastStore, Toaster, ToggleGroup, Tooltip, TreeView, ZagComponent, cn };
+//#region src/components/dnd-manager.d.ts
+interface DragResult {
+  draggableId: string;
+  source: {
+    droppableId: string;
+    index: number;
+  };
+  destination: {
+    droppableId: string;
+    index: number;
+  };
+}
+declare class DndManager {
+  droppables: Map<string, HTMLElement>;
+  private _onDragEnd;
+  get onDragEnd(): ((result: DragResult) => void) | null;
+  set onDragEnd(fn: ((result: DragResult) => void) | null);
+  private _dragging;
+  private _started;
+  private _draggedId;
+  private _sourceDroppableId;
+  private _sourceIndex;
+  private _sourceEl;
+  private _sourceHeight;
+  private _sourceRect;
+  private _savedCssText;
+  private _placeholder;
+  private _startX;
+  private _startY;
+  private _offsetX;
+  private _offsetY;
+  private _currentDroppableId;
+  private _currentIndex;
+  private _lastClientY;
+  private _cleanedUp;
+  private _boundMove;
+  private _boundUp;
+  private _boundKeyDown;
+  private _boundDocDown;
+  private _docListenerAttached;
+  get isDragging(): boolean;
+  private _ensureDocListener;
+  private _onDocumentPointerDown;
+  registerDroppable(id: string, el: HTMLElement): void;
+  unregisterDroppable(id: string): void;
+  startTracking(e: PointerEvent, draggableId: string, el: HTMLElement): void;
+  private _onPointerMove;
+  private _initDrag;
+  private _updateTarget;
+  private _onKeyDown;
+  private _cancelDrag;
+  private _onPointerUp;
+  private _getComponentFromElement;
+  private _restoreElStyles;
+  private _returnToSource;
+  private _performTransfer;
+  private _findCompiledArray;
+  private _animateDrop;
+  private _animateReturn;
+  private _removeGlobalListeners;
+  private _cleanup;
+  destroy(): void;
+}
+declare const dndManager: DndManager;
+//#endregion
+//#region src/components/draggable.d.ts
+declare class Draggable extends Component {
+  _didDrag: boolean;
+  _onPointerDown(e: PointerEvent): void;
+  template(props: any): string;
+}
+//#endregion
+//#region src/components/droppable.d.ts
+declare class Droppable extends Component {
+  private _registered;
+  _registerWithManager(): void;
+  created(): void;
+  onAfterRender(): void;
+  dispose(): void;
+  template(props: any): string;
+}
+//#endregion
+//#region src/components/drag-drop-context.d.ts
+declare class DragDropContext extends Component {
+  created(): void;
+  dispose(): void;
+  template(props: any): string;
+}
+//#endregion
+export { Accordion, Alert, AlertDescription, AlertTitle, Avatar, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Clipboard, Collapsible, Combobox, Dialog, DragDropContext, type DragResult, Draggable, Droppable, FileUpload, HoverCard, Input, Label, Menu, NumberInput, Pagination, PinInput, Popover, Progress, RadioGroup, RatingGroup, Select, Separator, Skeleton, Slider, type SpreadMap, Switch, Tabs, TagsInput, Textarea, ToastStore, Toaster, ToggleGroup, Tooltip, TreeView, ZagComponent, cn, dndManager };
 //# sourceMappingURL=index.d.mts.map