Class Core

Live tiles core implementation.

Hierarchy

SAEventTarget
- Core

Index

Constructors

constructor

new Core(
    params: {
        checkEnabled?: boolean;
        classNames: CoreClassNames;
        container: HTMLDivElement;
        direction: CoreDirection;
        dragEnabled?: boolean;
        groupGap: number;
        groupHeight?: number;
        groupWidth?: number;
        inlineGroups?: number;
        labelHeight: number;
        renamingGroupsEnabled?: boolean;
        rtl?: boolean;
        size1x1: number;
        tileGap: number;
    },
): Core
Constructs a Core instance.
Parameters
- params: {
      checkEnabled?: boolean;
      classNames: CoreClassNames;
      container: HTMLDivElement;
      direction: CoreDirection;
      dragEnabled?: boolean;
      groupGap: number;
      groupHeight?: number;
      groupWidth?: number;
      inlineGroups?: number;
      labelHeight: number;
      renamingGroupsEnabled?: boolean;
      rtl?: boolean;
      size1x1: number;
      tileGap: number;
  }
  - OptionalcheckEnabled?: boolean
    Whether checking tiles is enabled.
    
    Default
    true
  - classNames: CoreClassNames
    Specific class names to target for.
  - container: HTMLDivElement
    Container.
  - direction: CoreDirection
    The direction of the live tile layout.
  - OptionaldragEnabled?: boolean
    Whether drag-n-drop is enabled.
    
    Default
    true
  - groupGap: number
    Gap between groups in logical pixels.
  - OptionalgroupHeight?: number
    Height in 1x1 tiles, effective only in a horizontal layout (must be >= 4).
    
    Default
    6
  - OptionalgroupWidth?: number
    Group width in 1x1 tiles, effective only in a vertical layout (must be >= 4).
    
    Default
    6
  - OptionalinlineGroups?: number
    Number of inline groups, effective only in a vertical layout (must be >= 1).
    
    Default
    1
  - labelHeight: number
    Group label height in logical pixels.
  - OptionalrenamingGroupsEnabled?: boolean
    Whether renaming groups is enabled.
    
    Default
    true
  - Optionalrtl?: boolean
    Whether to use right-to-left group label inputs.
    
    Default
    false
  - size1x1: number
    The size of a 1x1 tile in logical pixels.
  - tileGap: number
    Gap between tiles in logical pixels.
Returns Core
Overrides SAEventTarget.constructor
- Defined in src/liveTiles/Core.ts:207

Properties

[EventRecord]

"[EventRecord]": {
    bulkChange: CustomEvent<BulkChange>;
    checkedChange: CustomEvent<{ tiles: string[] }>;
    click: CustomEvent<{ tile: string }>;
    contextMenu: CustomEvent<
        { clientX: number; clientY: number; tile: string },
    >;
    dragEnd: CustomEvent<{ dnd: HTMLElement; id: string }>;
    dragMove: CustomEvent<{ dnd: HTMLElement; id: string }>;
    dragStart: CustomEvent<{ dnd: HTMLElement; id: string }>;
    groupContextMenu: CustomEvent<
        { clientX: number; clientY: number; group: string; original: Event },
    >;
    groupDragEnd: CustomEvent<{ element: HTMLDivElement; id: string }>;
    groupDragMove: CustomEvent<{ element: HTMLDivElement; id: string }>;
    groupDragStart: CustomEvent<{ element: HTMLDivElement; id: string }>;
    renameGroup: CustomEvent<{ id: string; label: string }>;
    reorderGroups: CustomEvent<Map<number, string>>;
}

Type Declaration

bulkChange: CustomEvent<BulkChange>
Bulk change event.
checkedChange: CustomEvent<{ tiles: string[] }>
Event indicating which tiles are currently checked.
click: CustomEvent<{ tile: string }>
Event that dispatches when a tile is clicked.
contextMenu: CustomEvent<{ clientX: number; clientY: number; tile: string }>
Event that dispatches when right click occurs in a tile. Default behavior is prevented beforehand.
dragEnd: CustomEvent<{ dnd: HTMLElement; id: string }>
Tile's drag start event.
dragMove: CustomEvent<{ dnd: HTMLElement; id: string }>
Tile's drag move event.
dragStart: CustomEvent<{ dnd: HTMLElement; id: string }>
Tile's drag start event.
groupContextMenu: CustomEvent<
{ clientX: number; clientY: number; group: string; original: Event },
>
Event that dispatches when right click occurs in a group's label. Default behavior is not prevented beforehand.
groupDragEnd: CustomEvent<{ element: HTMLDivElement; id: string }>
Group's drag start event.
groupDragMove: CustomEvent<{ element: HTMLDivElement; id: string }>
Group's drag move event.
groupDragStart: CustomEvent<{ element: HTMLDivElement; id: string }>
Group's drag start event.
renameGroup: CustomEvent<{ id: string; label: string }>
Rename group event.
reorderGroups: CustomEvent<Map<number, string>>
Reorder groups event. (index => groupId)

Accessors

checkEnabled

get checkEnabled(): boolean
Whether checking tiles is enabled.

Returns boolean
- Defined in src/liveTiles/Core.ts:563
set checkEnabled(val: boolean): void
Parameters
- val: boolean
Returns void
- Defined in src/liveTiles/Core.ts:566

direction

get direction(): CoreDirection
The direction of the live tile layout.

Returns CoreDirection
- Defined in src/liveTiles/Core.ts:361
set direction(val: CoreDirection): void
Parameters
- val: CoreDirection
Returns void
- Defined in src/liveTiles/Core.ts:364

dragEnabled

get dragEnabled(): boolean
Whether drag-n-drop is enabled.

Returns boolean
- Defined in src/liveTiles/Core.ts:550
set dragEnabled(val: boolean): void
Parameters
- val: boolean
Returns void
- Defined in src/liveTiles/Core.ts:553

groupGap

get groupGap(): number
Gap between groups in logical pixels.

Returns number
- Defined in src/liveTiles/Core.ts:536
set groupGap(val: number): void
Parameters
- val: number
Returns void
- Defined in src/liveTiles/Core.ts:539

groupHeight

get groupHeight(): number
Group height in 1x1 tiles, effective only in a horizontal layout (must be >= 4).

Returns number
- Defined in src/liveTiles/Core.ts:407
set groupHeight(val: number): void
Parameters
- val: number
Returns void
- Defined in src/liveTiles/Core.ts:410

groupWidth

get groupWidth(): number
Group width in 1x1 tiles, effective only in a vertical layout (must be >= 4).

Returns number
- Defined in src/liveTiles/Core.ts:388
set groupWidth(val: number): void
Parameters
- val: number
Returns void
- Defined in src/liveTiles/Core.ts:391

inlineGroups

get inlineGroups(): number
Number of inline groups, effective only in a vertical layout. (Must be >= 1.)

Returns number
- Defined in src/liveTiles/Core.ts:426
set inlineGroups(val: number): void
Parameters
- val: number
Returns void
- Defined in src/liveTiles/Core.ts:429

labelHeight

get labelHeight(): number
Group's label height in logical pixels.

Returns number
- Defined in src/liveTiles/Core.ts:495
set labelHeight(val: number): void
Parameters
- val: number
Returns void
- Defined in src/liveTiles/Core.ts:498

renamingGroupsEnabled

get renamingGroupsEnabled(): boolean
Whether renaming groups is enabled.

Returns boolean
- Defined in src/liveTiles/Core.ts:583
set renamingGroupsEnabled(val: boolean): void
Parameters
- val: boolean
Returns void
- Defined in src/liveTiles/Core.ts:586

rtl

get rtl(): boolean
Whether to use right-to-left group label inputs.

Returns boolean
- Defined in src/liveTiles/Core.ts:377
set rtl(val: boolean): void
Parameters
- val: boolean
Returns void
- Defined in src/liveTiles/Core.ts:380

size1x1

get size1x1(): number
1x1 tile size in logical pixels.

Returns number
- Defined in src/liveTiles/Core.ts:468
set size1x1(val: number): void
Parameters
- val: number
Returns void
- Defined in src/liveTiles/Core.ts:471

tileGap

get tileGap(): number
Gap between tiles in logical pixels.

Returns number
- Defined in src/liveTiles/Core.ts:509
set tileGap(val: number): void
Parameters
- val: number
Returns void
- Defined in src/liveTiles/Core.ts:512

Methods

checkAll

checkAll(): void
Checks all tiles.

Returns void
- Defined in src/liveTiles/Core.ts:638

checked

checked(tileId: string, value: boolean): void
Sets whether a tile is checked or not.
Parameters
- tileId: string
- value: boolean
Returns void
- Defined in src/liveTiles/Core.ts:603

destroy

destroy(removeFromDOM?: boolean): void
Destroys the Core instance, disposing of any observers and handlers.
Parameters
- removeFromDOM: boolean = true
Returns void
- Defined in src/liveTiles/Core.ts:321

detect

detect(node: HTMLElement): void
Detects a node (tile or group) and checks if it has changed, re-positioning and rearranging things up, transferring group or removing item.
Parameters
- node: HTMLElement
Returns void
- Defined in src/liveTiles/Core.ts:596

emit

emit<
    K extends
        | "contextMenu"
        | "click"
        | "bulkChange"
        | "dragStart"
        | "dragMove"
        | "dragEnd"
        | "groupDragStart"
        | "groupDragMove"
        | "groupDragEnd"
        | "reorderGroups"
        | "checkedChange"
        | "groupContextMenu"
        | "renameGroup",
    C extends new (type: K) => EventResult,
    EventResult extends

            | CustomEvent<BulkChange>
            | CustomEvent<Map<number, string>>
            | CustomEvent<{ tile: string }>
            | CustomEvent<{ clientX: number; clientY: number; tile: string }>
            | CustomEvent<
                { clientX: number; clientY: number; group: string; original: Event },
            >
            | CustomEvent<{ id: string; label: string }>
            | CustomEvent<{ dnd: HTMLElement; id: string }>
            | CustomEvent<{ dnd: HTMLElement; id: string }>
            | CustomEvent<{ dnd: HTMLElement; id: string }>
            | CustomEvent<{ element: HTMLDivElement; id: string }>
            | CustomEvent<{ element: HTMLDivElement; id: string }>
            | CustomEvent<{ element: HTMLDivElement; id: string }>
            | CustomEvent<{ tiles: string[] }>,
>(
    type: K,
    constructor: C,
): boolean
Type Parameters
- K extends
      | "contextMenu"
      | "click"
      | "bulkChange"
      | "dragStart"
      | "dragMove"
      | "dragEnd"
      | "groupDragStart"
      | "groupDragMove"
      | "groupDragEnd"
      | "reorderGroups"
      | "checkedChange"
      | "groupContextMenu"
      | "renameGroup"
- C extends new (type: K) => EventResult
- EventResult extends
      | CustomEvent<BulkChange>
      | CustomEvent<Map<number, string>>
      | CustomEvent<{ tile: string }>
      | CustomEvent<{ clientX: number; clientY: number; tile: string }>
      | CustomEvent<
          { clientX: number; clientY: number; group: string; original: Event },
      >
      | CustomEvent<{ id: string; label: string }>
      | CustomEvent<{ dnd: HTMLElement; id: string }>
      | CustomEvent<{ dnd: HTMLElement; id: string }>
      | CustomEvent<{ dnd: HTMLElement; id: string }>
      | CustomEvent<{ element: HTMLDivElement; id: string }>
      | CustomEvent<{ element: HTMLDivElement; id: string }>
      | CustomEvent<{ element: HTMLDivElement; id: string }>
      | CustomEvent<{ tiles: string[] }>
Parameters
- type: K
- constructor: C
Returns boolean
Inherited from SAEventTarget.emit
- Defined in node_modules/com.sweaxizone.w3c.extension/dist/index.d.ts:28
emit<
    K extends
        | "contextMenu"
        | "click"
        | "bulkChange"
        | "dragStart"
        | "dragMove"
        | "dragEnd"
        | "groupDragStart"
        | "groupDragMove"
        | "groupDragEnd"
        | "reorderGroups"
        | "checkedChange"
        | "groupContextMenu"
        | "renameGroup",
    C extends new (type: K, options: O) => EventResult,
    O,
    EventResult extends

            | CustomEvent<BulkChange>
            | CustomEvent<Map<number, string>>
            | CustomEvent<{ tile: string }>
            | CustomEvent<{ clientX: number; clientY: number; tile: string }>
            | CustomEvent<
                { clientX: number; clientY: number; group: string; original: Event },
            >
            | CustomEvent<{ id: string; label: string }>
            | CustomEvent<{ dnd: HTMLElement; id: string }>
            | CustomEvent<{ dnd: HTMLElement; id: string }>
            | CustomEvent<{ dnd: HTMLElement; id: string }>
            | CustomEvent<{ element: HTMLDivElement; id: string }>
            | CustomEvent<{ element: HTMLDivElement; id: string }>
            | CustomEvent<{ element: HTMLDivElement; id: string }>
            | CustomEvent<{ tiles: string[] }>,
>(
    type: K,
    constructor: C,
    options: O,
): boolean
Type Parameters
- K extends
      | "contextMenu"
      | "click"
      | "bulkChange"
      | "dragStart"
      | "dragMove"
      | "dragEnd"
      | "groupDragStart"
      | "groupDragMove"
      | "groupDragEnd"
      | "reorderGroups"
      | "checkedChange"
      | "groupContextMenu"
      | "renameGroup"
- C extends new (type: K, options: O) => EventResult
- O
- EventResult extends
      | CustomEvent<BulkChange>
      | CustomEvent<Map<number, string>>
      | CustomEvent<{ tile: string }>
      | CustomEvent<{ clientX: number; clientY: number; tile: string }>
      | CustomEvent<
          { clientX: number; clientY: number; group: string; original: Event },
      >
      | CustomEvent<{ id: string; label: string }>
      | CustomEvent<{ dnd: HTMLElement; id: string }>
      | CustomEvent<{ dnd: HTMLElement; id: string }>
      | CustomEvent<{ dnd: HTMLElement; id: string }>
      | CustomEvent<{ element: HTMLDivElement; id: string }>
      | CustomEvent<{ element: HTMLDivElement; id: string }>
      | CustomEvent<{ element: HTMLDivElement; id: string }>
      | CustomEvent<{ tiles: string[] }>
Parameters
- type: K
- constructor: C
- options: O
Returns boolean
Inherited from SAEventTarget.emit
- Defined in node_modules/com.sweaxizone.w3c.extension/dist/index.d.ts:29
emit(event: Event): boolean
Parameters
- event: Event
Returns boolean
Inherited from SAEventTarget.emit
- Defined in node_modules/com.sweaxizone.w3c.extension/dist/index.d.ts:30

inlineGroupsAvailable

inlineGroupsAvailable(width: string): number
Returns the number of inline groups available for the given width (either in px or rem). Applies to a vertical layout only.
Parameters
- width: string
Returns number
Throws
If not in a vertical layout.
- Defined in src/liveTiles/Core.ts:445

off

off<
    K extends
        | "contextMenu"
        | "click"
        | "bulkChange"
        | "dragStart"
        | "dragMove"
        | "dragEnd"
        | "groupDragStart"
        | "groupDragMove"
        | "groupDragEnd"
        | "reorderGroups"
        | "checkedChange"
        | "groupContextMenu"
        | "renameGroup",
>(
    type: K,
    listener: (
        e: {
            bulkChange: CustomEvent<BulkChange>;
            checkedChange: CustomEvent<{ tiles: string[] }>;
            click: CustomEvent<{ tile: string }>;
            contextMenu: CustomEvent<
                { clientX: number; clientY: number; tile: string },
            >;
            dragEnd: CustomEvent<{ dnd: HTMLElement; id: string }>;
            dragMove: CustomEvent<{ dnd: HTMLElement; id: string }>;
            dragStart: CustomEvent<{ dnd: HTMLElement; id: string }>;
            groupContextMenu: CustomEvent<
                { clientX: number; clientY: number; group: string; original: Event },
            >;
            groupDragEnd: CustomEvent<{ element: HTMLDivElement; id: string }>;
            groupDragMove: CustomEvent<{ element: HTMLDivElement; id: string }>;
            groupDragStart: CustomEvent<{ element: HTMLDivElement; id: string }>;
            renameGroup: CustomEvent<{ id: string; label: string }>;
            reorderGroups: CustomEvent<Map<number, string>>;
        }[K] extends Event
            ? any[any]
            : never,
    ) => void
    | undefined,
    options?: boolean | SAOffEventOptions,
): void
Type Parameters
- K extends
      | "contextMenu"
      | "click"
      | "bulkChange"
      | "dragStart"
      | "dragMove"
      | "dragEnd"
      | "groupDragStart"
      | "groupDragMove"
      | "groupDragEnd"
      | "reorderGroups"
      | "checkedChange"
      | "groupContextMenu"
      | "renameGroup"
Parameters
- type: K
- listener: (
      e: {
          bulkChange: CustomEvent<BulkChange>;
          checkedChange: CustomEvent<{ tiles: string[] }>;
          click: CustomEvent<{ tile: string }>;
          contextMenu: CustomEvent<
              { clientX: number; clientY: number; tile: string },
          >;
          dragEnd: CustomEvent<{ dnd: HTMLElement; id: string }>;
          dragMove: CustomEvent<{ dnd: HTMLElement; id: string }>;
          dragStart: CustomEvent<{ dnd: HTMLElement; id: string }>;
          groupContextMenu: CustomEvent<
              { clientX: number; clientY: number; group: string; original: Event },
          >;
          groupDragEnd: CustomEvent<{ element: HTMLDivElement; id: string }>;
          groupDragMove: CustomEvent<{ element: HTMLDivElement; id: string }>;
          groupDragStart: CustomEvent<{ element: HTMLDivElement; id: string }>;
          renameGroup: CustomEvent<{ id: string; label: string }>;
          reorderGroups: CustomEvent<Map<number, string>>;
      }[K] extends Event
          ? any[any]
          : never,
  ) => void
  | undefined
- Optionaloptions: boolean | SAOffEventOptions
Returns void
Inherited from SAEventTarget.off
- Defined in node_modules/com.sweaxizone.w3c.extension/dist/index.d.ts:26
off(
    type: string,
    listener: (e: Event) => void | undefined,
    options?: boolean | SAOffEventOptions,
): void
Parameters
- type: string
- listener: (e: Event) => void | undefined
- Optionaloptions: boolean | SAOffEventOptions
Returns void
Inherited from SAEventTarget.off
- Defined in node_modules/com.sweaxizone.w3c.extension/dist/index.d.ts:27

on

on<
    K extends
        | "contextMenu"
        | "click"
        | "bulkChange"
        | "dragStart"
        | "dragMove"
        | "dragEnd"
        | "groupDragStart"
        | "groupDragMove"
        | "groupDragEnd"
        | "reorderGroups"
        | "checkedChange"
        | "groupContextMenu"
        | "renameGroup",
>(
    type: K,
    listener: (
        e: {
            bulkChange: CustomEvent<BulkChange>;
            checkedChange: CustomEvent<{ tiles: string[] }>;
            click: CustomEvent<{ tile: string }>;
            contextMenu: CustomEvent<
                { clientX: number; clientY: number; tile: string },
            >;
            dragEnd: CustomEvent<{ dnd: HTMLElement; id: string }>;
            dragMove: CustomEvent<{ dnd: HTMLElement; id: string }>;
            dragStart: CustomEvent<{ dnd: HTMLElement; id: string }>;
            groupContextMenu: CustomEvent<
                { clientX: number; clientY: number; group: string; original: Event },
            >;
            groupDragEnd: CustomEvent<{ element: HTMLDivElement; id: string }>;
            groupDragMove: CustomEvent<{ element: HTMLDivElement; id: string }>;
            groupDragStart: CustomEvent<{ element: HTMLDivElement; id: string }>;
            renameGroup: CustomEvent<{ id: string; label: string }>;
            reorderGroups: CustomEvent<Map<number, string>>;
        }[K] extends Event
            ? any[any]
            : never,
    ) => void
    | undefined,
    options?: boolean | SAOnEventOptions,
): void
Type Parameters
- K extends
      | "contextMenu"
      | "click"
      | "bulkChange"
      | "dragStart"
      | "dragMove"
      | "dragEnd"
      | "groupDragStart"
      | "groupDragMove"
      | "groupDragEnd"
      | "reorderGroups"
      | "checkedChange"
      | "groupContextMenu"
      | "renameGroup"
Parameters
- type: K
- listener: (
      e: {
          bulkChange: CustomEvent<BulkChange>;
          checkedChange: CustomEvent<{ tiles: string[] }>;
          click: CustomEvent<{ tile: string }>;
          contextMenu: CustomEvent<
              { clientX: number; clientY: number; tile: string },
          >;
          dragEnd: CustomEvent<{ dnd: HTMLElement; id: string }>;
          dragMove: CustomEvent<{ dnd: HTMLElement; id: string }>;
          dragStart: CustomEvent<{ dnd: HTMLElement; id: string }>;
          groupContextMenu: CustomEvent<
              { clientX: number; clientY: number; group: string; original: Event },
          >;
          groupDragEnd: CustomEvent<{ element: HTMLDivElement; id: string }>;
          groupDragMove: CustomEvent<{ element: HTMLDivElement; id: string }>;
          groupDragStart: CustomEvent<{ element: HTMLDivElement; id: string }>;
          renameGroup: CustomEvent<{ id: string; label: string }>;
          reorderGroups: CustomEvent<Map<number, string>>;
      }[K] extends Event
          ? any[any]
          : never,
  ) => void
  | undefined
- Optionaloptions: boolean | SAOnEventOptions
Returns void
Inherited from SAEventTarget.on
- Defined in node_modules/com.sweaxizone.w3c.extension/dist/index.d.ts:24
on(
    type: string,
    listener: (e: Event) => void | undefined,
    options?: boolean | SAOnEventOptions,
): void
Parameters
- type: string
- listener: (e: Event) => void | undefined
- Optionaloptions: boolean | SAOnEventOptions
Returns void
Inherited from SAEventTarget.on
- Defined in node_modules/com.sweaxizone.w3c.extension/dist/index.d.ts:25

rearrange

rearrange(): void
Requests a deferred rearrangement.

Returns void
- Defined in src/liveTiles/Core.ts:682

rearrangeMin

rearrangeMin(): AbortController
Rearranges the layout when the minimum scale to make it work is reached.

Calling this method may be necessary if the container is initially scaled to zero.

Returns AbortController
- Defined in src/liveTiles/Core.ts:698

uncheckAll

uncheckAll(): void
Unchecks all tiles.

Returns void
- Defined in src/liveTiles/Core.ts:662

Class Core

Hierarchy

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

Parameters

OptionalcheckEnabled?: boolean

Default

classNames: CoreClassNames

container: HTMLDivElement

direction: CoreDirection

OptionaldragEnabled?: boolean

Default

groupGap: number

OptionalgroupHeight?: number

Default

OptionalgroupWidth?: number

Default

OptionalinlineGroups?: number

Default

labelHeight: number

OptionalrenamingGroupsEnabled?: boolean

Default

Optionalrtl?: boolean

Default

size1x1: number

tileGap: number

Returns Core

Properties

[EventRecord]

Type Declaration

bulkChange: CustomEvent<BulkChange>

checkedChange: CustomEvent<{ tiles: string[] }>

click: CustomEvent<{ tile: string }>

contextMenu: CustomEvent<{ clientX: number; clientY: number; tile: string }>

dragEnd: CustomEvent<{ dnd: HTMLElement; id: string }>

dragMove: CustomEvent<{ dnd: HTMLElement; id: string }>

dragStart: CustomEvent<{ dnd: HTMLElement; id: string }>

groupContextMenu: CustomEvent< { clientX: number; clientY: number; group: string; original: Event },>

groupDragEnd: CustomEvent<{ element: HTMLDivElement; id: string }>

groupDragMove: CustomEvent<{ element: HTMLDivElement; id: string }>

groupDragStart: CustomEvent<{ element: HTMLDivElement; id: string }>

renameGroup: CustomEvent<{ id: string; label: string }>

reorderGroups: CustomEvent<Map<number, string>>

Accessors

checkEnabled

Returns boolean

Parameters

Returns void

direction

Returns CoreDirection

Parameters

Returns void

dragEnabled

Returns boolean

Parameters

Returns void

groupGap

Returns number

Parameters

Returns void

groupHeight

Returns number

Parameters

Returns void

groupWidth

Returns number

Parameters

Returns void

inlineGroups

Returns number

Parameters

Returns void

labelHeight

Returns number

Parameters

`Optional`checkEnabled?: boolean

`Optional`dragEnabled?: boolean

`Optional`groupHeight?: number

`Optional`groupWidth?: number

`Optional`inlineGroups?: number

`Optional`renamingGroupsEnabled?: boolean

`Optional`rtl?: boolean

groupContextMenu: CustomEvent<
{ clientX: number; clientY: number; group: string; original: Event },
>