diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml index 90da0a500..7c1de2f65 100644 --- a/.github/workflows/main.yml +++ b/.github/workflows/main.yml @@ -18,13 +18,13 @@ jobs: # Steps represent a sequence of tasks that will be executed as part of the job steps: # Checks-out your repository under $GITHUB_WORKSPACE, so your job can access it - - uses: actions/checkout@v2 + - uses: actions/checkout@v4 - id: vars run: echo ::set-output name=short_ref::${GITHUB_REF#refs/*/} - - uses: actions/setup-node@v2 + - uses: actions/setup-node@v4 with: - node-version: '16.15.0' + node-version: '18.19.0' - run: yarn install - run: yarn build diff --git a/docs/api/cell_manager/add_method.md b/docs/api/cell_manager/add_method.md index 6611a2a8a..ef5f310d4 100644 --- a/docs/api/cell_manager/add_method.md +++ b/docs/api/cell_manager/add_method.md @@ -16,7 +16,7 @@ The **add()** method is automatically validated by the system. The cell won't be ### Usage -~~~js +~~~jsx add( cellIndex: number, dir: string // "up" | "down" | "left" | "right" @@ -30,7 +30,7 @@ add( ### Example -~~~js +~~~jsx // initialization of the diagram const diagram = new dhx.Diagram("diagram_container", { // config options @@ -44,4 +44,4 @@ diagram.cellManager.add(0, "down"); // adds cells as rows **Change log**: Added in v4.0 -**Related articles**: [Configuring Swimlanes](../../../swimlanes/) \ No newline at end of file +**Related articles**: [Configuring Swimlanes](../../../swimlanes/) diff --git a/docs/api/cell_manager/aftercellsadd_event.md b/docs/api/cell_manager/aftercellsadd_event.md index 4c4a6fab1..fe826bd24 100644 --- a/docs/api/cell_manager/aftercellsadd_event.md +++ b/docs/api/cell_manager/aftercellsadd_event.md @@ -12,7 +12,7 @@ description: You can learn about the afterCellsAdd event of Cell Manager in the ### Usage -~~~js +~~~jsx afterCellsAdd: (swimlaneId: string | number) => void; ~~~ @@ -24,7 +24,7 @@ The callback of the event takes the following parameter: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" diff --git a/docs/api/cell_manager/aftercellsmove_event.md b/docs/api/cell_manager/aftercellsmove_event.md index dfe21aed7..1db1fcfb4 100644 --- a/docs/api/cell_manager/aftercellsmove_event.md +++ b/docs/api/cell_manager/aftercellsmove_event.md @@ -12,7 +12,7 @@ description: You can learn about the afterCellsMove event of Cell Manager in the ### Usage -~~~js +~~~jsx afterCellsMove: (swimlaneId: string | number) => void; ~~~ @@ -24,7 +24,7 @@ The callback of the event takes the following parameter: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" diff --git a/docs/api/cell_manager/aftercellsremove_event.md b/docs/api/cell_manager/aftercellsremove_event.md index 74bea47e2..e33fea6b7 100644 --- a/docs/api/cell_manager/aftercellsremove_event.md +++ b/docs/api/cell_manager/aftercellsremove_event.md @@ -12,7 +12,7 @@ description: You can learn about the afterCellsRemove event of Cell Manager in t ### Usage -~~~js +~~~jsx afterCellsRemove: (swimlaneId: string | number) => void; ~~~ @@ -24,7 +24,7 @@ The callback of the event takes the following parameter: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" diff --git a/docs/api/cell_manager/aftercellsvalidation_event.md b/docs/api/cell_manager/aftercellsvalidation_event.md index e52e6b567..e7da1d193 100644 --- a/docs/api/cell_manager/aftercellsvalidation_event.md +++ b/docs/api/cell_manager/aftercellsvalidation_event.md @@ -12,7 +12,7 @@ description: You can learn about the afterCellsValidation event of Cell Manager ### Usage -~~~js +~~~jsx afterCellsValidation: ( swimlaneId: string | number, validate: boolean, @@ -30,7 +30,7 @@ The callback of the event takes the following parameters: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" diff --git a/docs/api/cell_manager/beforecellsadd_event.md b/docs/api/cell_manager/beforecellsadd_event.md index 76a40fcea..f7f1f9ff1 100644 --- a/docs/api/cell_manager/beforecellsadd_event.md +++ b/docs/api/cell_manager/beforecellsadd_event.md @@ -12,7 +12,7 @@ description: You can learn about the beforeCellsAdd event of Cell Manager in the ### Usage -~~~js +~~~jsx beforeCellsAdd: (swimlaneId: string | number) => boolean | void; ~~~ @@ -28,7 +28,7 @@ Return `false` to prevent adding of new cells, otherwise `true` ### Example -~~~js {9-12} +~~~jsx {9-12} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" diff --git a/docs/api/cell_manager/beforecellsmove_event.md b/docs/api/cell_manager/beforecellsmove_event.md index 51d3be251..bee83a290 100644 --- a/docs/api/cell_manager/beforecellsmove_event.md +++ b/docs/api/cell_manager/beforecellsmove_event.md @@ -12,7 +12,7 @@ description: You can learn about the beforeCellsMove event of Cell Manager in th ### Usage -~~~js +~~~jsx beforeCellsMove: (swimlaneId: string | number) => boolean | void; ~~~ @@ -28,7 +28,7 @@ Return `false` to prevent moving of the cells, otherwise `true` ### Example -~~~js {9-12} +~~~jsx {9-12} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" diff --git a/docs/api/cell_manager/beforecellsremove_event.md b/docs/api/cell_manager/beforecellsremove_event.md index 1b5560a09..f890c924a 100644 --- a/docs/api/cell_manager/beforecellsremove_event.md +++ b/docs/api/cell_manager/beforecellsremove_event.md @@ -12,7 +12,7 @@ description: You can learn about the beforeCellsRemove event of Cell Manager in ### Usage -~~~js +~~~jsx beforeCellsRemove: (swimlaneId: string | number) => boolean | void; ~~~ @@ -28,7 +28,7 @@ Return `false` to prevent removing of the cells, otherwise `true` ### Example -~~~js {9-12} +~~~jsx {9-12} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" diff --git a/docs/api/cell_manager/beforecellsvalidation_event.md b/docs/api/cell_manager/beforecellsvalidation_event.md index 2c78ca4f3..9e797c253 100644 --- a/docs/api/cell_manager/beforecellsvalidation_event.md +++ b/docs/api/cell_manager/beforecellsvalidation_event.md @@ -12,7 +12,7 @@ description: You can learn about the beforeCellsValidation event of Cell Manager ### Usage -~~~js +~~~jsx beforeCellsValidation: ( swimlaneId: string | number, action: "move" | "remove" | "add" @@ -32,7 +32,7 @@ Return `false` to prevent validation of new cells, otherwise `true` ### Example -~~~js {9-12} +~~~jsx {9-12} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -50,4 +50,3 @@ diagram.events.on("beforeCellsValidation", (swimlaneId, action) => { **Change log**: Added in v4.0 **Related articles**: [Configuring Swimlanes](../../../swimlanes/) - diff --git a/docs/api/cell_manager/getcellid_method.md b/docs/api/cell_manager/getcellid_method.md index 65d4dcc44..951cc21ec 100644 --- a/docs/api/cell_manager/getcellid_method.md +++ b/docs/api/cell_manager/getcellid_method.md @@ -12,7 +12,7 @@ description: You can learn about the getCellId method of Cell Manager in the doc ### Usage -~~~js +~~~jsx getCellId( cellIndex: number, type: string // "row" | "col" @@ -30,7 +30,7 @@ The method returns the id of the cell ### Example -~~~js +~~~jsx // initialization of the diagram const diagram = new dhx.Diagram("diagram_container", { // config options diff --git a/docs/api/cell_manager/getcellindex_method.md b/docs/api/cell_manager/getcellindex_method.md index 9e9800bca..c0720fef7 100644 --- a/docs/api/cell_manager/getcellindex_method.md +++ b/docs/api/cell_manager/getcellindex_method.md @@ -12,7 +12,7 @@ description: You can learn about the getCellIndex method of Cell Manager in the ### Usage -~~~js +~~~jsx getCellIndex( cellId: string | number, type: string // "row" | "col" @@ -30,7 +30,7 @@ The method returns the index of the cell. The count of the index starts from 0 ### Example -~~~js +~~~jsx // initialization of the diagram const diagram = new dhx.Diagram("diagram_container", { // config options diff --git a/docs/api/cell_manager/getsubheadercellid_method.md b/docs/api/cell_manager/getsubheadercellid_method.md index 17b1b836b..90d043894 100644 --- a/docs/api/cell_manager/getsubheadercellid_method.md +++ b/docs/api/cell_manager/getsubheadercellid_method.md @@ -12,7 +12,7 @@ description: You can learn about the getSubHeaderCellId method of Cell Manager i ### Usage -~~~js +~~~jsx getSubHeaderCellId(subheaderId: string): string | number; ~~~ @@ -26,7 +26,7 @@ The method returns the id of the cell ### Example -~~~js +~~~jsx // initialization of the diagram const diagram = new dhx.Diagram("diagram_container", { // config options diff --git a/docs/api/cell_manager/getsubheadercellindex_method.md b/docs/api/cell_manager/getsubheadercellindex_method.md index a1b1f0ef3..9b52d487d 100644 --- a/docs/api/cell_manager/getsubheadercellindex_method.md +++ b/docs/api/cell_manager/getsubheadercellindex_method.md @@ -12,7 +12,7 @@ description: You can learn about the getSubHeaderCellIndex method of Cell Manage ### Usage -~~~js +~~~jsx getSubHeaderCellIndex(subheaderId: string): number; ~~~ @@ -26,7 +26,7 @@ The method returns the index of the cell. The count of the index starts from 0 ### Example -~~~js +~~~jsx // initialization of the diagram const diagram = new dhx.Diagram("diagram_container", { // config options diff --git a/docs/api/cell_manager/getsubheadertype_method.md b/docs/api/cell_manager/getsubheadertype_method.md index dcb151f8f..d4081d95b 100644 --- a/docs/api/cell_manager/getsubheadertype_method.md +++ b/docs/api/cell_manager/getsubheadertype_method.md @@ -12,7 +12,7 @@ description: You can learn about the getSubHeaderType method of Cell Manager in ### Usage -~~~js +~~~jsx getSubHeaderType(subheaderId: string): "row" | "col" | undefined; ~~~ @@ -26,7 +26,7 @@ The method returns the type of the subheader of the swimlane: "row" | "col" | un ### Example -~~~js +~~~jsx // initialization of the diagram const diagram = new dhx.Diagram("diagram_container", { // config options diff --git a/docs/api/cell_manager/index.md b/docs/api/cell_manager/index.md index 140d57823..00e202537 100644 --- a/docs/api/cell_manager/index.md +++ b/docs/api/cell_manager/index.md @@ -6,7 +6,7 @@ description: You can have an overview of CellManager in the documentation of the # CellManager overview -The DHTMLX Diagram library provides you with a set of API to manipulate [a swimlane and its cells](../../swimlanes/) dynamically. The API can be used both in the diagram and in the editor. +The DHTMLX Diagram library provides you with a set of APIs to manipulate [a swimlane and its cells](../../swimlanes/) dynamically. The API can be used both in the diagram and in the editor. ## Methods diff --git a/docs/api/cell_manager/move_method.md b/docs/api/cell_manager/move_method.md index c22506531..c67927b7b 100644 --- a/docs/api/cell_manager/move_method.md +++ b/docs/api/cell_manager/move_method.md @@ -16,7 +16,7 @@ The **move()** method is automatically validated by the system. The cell won't b ### Usage -~~~js +~~~jsx move( cellIndex: number, dir: string // "up" | "down" | "left" | "right" @@ -30,7 +30,7 @@ move( ### Example -~~~js +~~~jsx // initialization of the diagram const diagram = new dhx.Diagram("diagram_container", { // config options diff --git a/docs/api/cell_manager/remove_method.md b/docs/api/cell_manager/remove_method.md index 438f118ea..570d20c93 100644 --- a/docs/api/cell_manager/remove_method.md +++ b/docs/api/cell_manager/remove_method.md @@ -16,7 +16,7 @@ The **remove()** method is automatically validated by the system. The cell won't ### Usage -~~~js +~~~jsx remove( cellIndex: number, type: string // "row" | "col" @@ -30,7 +30,7 @@ remove( ### Example -~~~js +~~~jsx // initialization of the diagram const diagram = new dhx.Diagram("diagram_container", { // config options diff --git a/docs/api/cell_manager/resetswimlane_method.md b/docs/api/cell_manager/resetswimlane_method.md index 3e5ff2d20..c3771f88e 100644 --- a/docs/api/cell_manager/resetswimlane_method.md +++ b/docs/api/cell_manager/resetswimlane_method.md @@ -12,13 +12,13 @@ description: You can learn about the resetSwimlane method of Cell Manager in the ### Usage -~~~js +~~~jsx resetSwimlane(): void; ~~~ ### Example -~~~js +~~~jsx // initialization of the diagram const diagram = new dhx.Diagram("diagram_container", { // config options diff --git a/docs/api/cell_manager/setswimlane_method.md b/docs/api/cell_manager/setswimlane_method.md index 6abcc0901..bccc3dd95 100644 --- a/docs/api/cell_manager/setswimlane_method.md +++ b/docs/api/cell_manager/setswimlane_method.md @@ -12,7 +12,7 @@ description: You can learn about the setSwimlane method of Cell Manager in the d ### Usage -~~~js +~~~jsx setSwimlane(id: string | number): boolean; ~~~ @@ -26,7 +26,7 @@ The method returns `true` if the swimlane is set, otherwise `false`. ### Example -~~~js +~~~jsx // initialization of the diagram const diagram = new dhx.Diagram("diagram_container", { // config options diff --git a/docs/api/cell_manager/validation_method.md b/docs/api/cell_manager/validation_method.md index 3cfa30b7e..00f517166 100644 --- a/docs/api/cell_manager/validation_method.md +++ b/docs/api/cell_manager/validation_method.md @@ -12,7 +12,7 @@ description: You can learn about the validation method of Cell Manager in the do ### Usage -~~~js +~~~jsx validation( cellIndex: number, dir: string, // "up" | "down" | "left" | "right" @@ -32,7 +32,7 @@ The method returns `true` if the cell is validated, otherwise `false` ### Example -~~~js +~~~jsx // initialization of the diagram const diagram = new dhx.Diagram("diagram_container", { // config options diff --git a/docs/api/data_collection/add_method.md b/docs/api/data_collection/add_method.md index 0a3a33650..69b3ca6ed 100644 --- a/docs/api/data_collection/add_method.md +++ b/docs/api/data_collection/add_method.md @@ -12,7 +12,7 @@ description: You can learn about the add method of data collection in the docume ### Usage -~~~js +~~~jsx add(new_item: object | array): string | number | array; ~~~ @@ -21,14 +21,14 @@ add(new_item: object | array): string | number | array; - `new_item` - (required) the object of a new item or an array of item objects ### Returns - + The method returns the item's id or an array with ids of items ### Example There are two ways to link shapes. You can add a shape with a parent ID defined: -~~~js {2,6} +~~~jsx {2,6} const diagram = new dhx.Diagram("diagram_container", { type: "org" }); @@ -39,7 +39,7 @@ diagram.data.add({ id: "3.2", text: "New Item", type: "card", parent: "3" }); or you can add a shape and a connector line objects: -~~~js {2,6-7} +~~~jsx {2,6-7} const diagram = new dhx.Diagram("diagram_container", { type: "default" }); @@ -51,4 +51,4 @@ diagram.data.add({ type: "line", from: "3", to: "3.2" }); **Related articles**: [Adding an item](../../../guides/manipulating_items/#adding-an-item) -**Related sample**: [Diagram. Data. Add/delete item](https://snippet.dhtmlx.com/8wi20uop) \ No newline at end of file +**Related sample**: [Diagram. Data. Add/delete item](https://snippet.dhtmlx.com/8wi20uop) diff --git a/docs/api/data_collection/afteradd_event.md b/docs/api/data_collection/afteradd_event.md index bd865d434..7fcda804a 100644 --- a/docs/api/data_collection/afteradd_event.md +++ b/docs/api/data_collection/afteradd_event.md @@ -12,7 +12,7 @@ description: You can learn about the afterAdd event of data collection in the do ### Usage -~~~js +~~~jsx afterAdd: (newItem: object) => void; ~~~ @@ -24,7 +24,7 @@ The callback of the event takes the following parameter: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -33,9 +33,9 @@ const diagram = new dhx.Diagram("diagram_container", { diagram.data.parse(data); // attaching a handler to the event -diagram.events.on("afterAdd", function(newItem){ - console.log("A new item is added"); +diagram.events.on("afterAdd", (newItem) => { + console.log("A new item is added"); }); ~~~ -The event can be used to provide default values or a default formatting for the item's data \ No newline at end of file +The event can be used to provide default values or a default formatting for the item's data diff --git a/docs/api/data_collection/afterremove_event.md b/docs/api/data_collection/afterremove_event.md index 4666257de..42fda3889 100644 --- a/docs/api/data_collection/afterremove_event.md +++ b/docs/api/data_collection/afterremove_event.md @@ -12,7 +12,7 @@ description: You can learn about the afterRemove event of data collection in the ### Usage -~~~js +~~~jsx afterRemove: (removedItem: object) => void; ~~~ @@ -24,7 +24,7 @@ The callback of the event takes the following parameter: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -33,7 +33,7 @@ const diagram = new dhx.Diagram("diagram_container", { diagram.data.parse(data); // attaching a handler to the event -diagram.events.on("afterRemove", function(newItem){ - console.log("afterRemove "+ item) +diagram.events.on("afterRemove", (newItem) => { + console.log("afterRemove "+ item); }); -~~~ \ No newline at end of file +~~~ diff --git a/docs/api/data_collection/beforeadd_event.md b/docs/api/data_collection/beforeadd_event.md index cbba79dc1..16bb33c67 100644 --- a/docs/api/data_collection/beforeadd_event.md +++ b/docs/api/data_collection/beforeadd_event.md @@ -12,7 +12,7 @@ description: You can learn about the beforeAdd event of data collection in the d ### Usage -~~~js +~~~jsx beforeAdd: (newItem: object) => boolean | void; ~~~ @@ -28,7 +28,7 @@ Return `false` to prevent adding an item into a data collection; otherwise, `tru ### Example -~~~js {9-13} +~~~jsx {9-13} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -37,9 +37,9 @@ const diagram = new dhx.Diagram("diagram_container", { diagram.data.parse(data); // attaching a handler to the event -diagram.events.on("beforeAdd", function(newItem){ - if (some_check) - return false; - return true; +diagram.events.on("beforeAdd", (newItem) => { + if (some_check) + return false; + return true; }); -~~~ \ No newline at end of file +~~~ diff --git a/docs/api/data_collection/beforeremove_event.md b/docs/api/data_collection/beforeremove_event.md index 346b04353..489945038 100644 --- a/docs/api/data_collection/beforeremove_event.md +++ b/docs/api/data_collection/beforeremove_event.md @@ -12,7 +12,7 @@ description: You can learn about the beforeRemove event of data collection in th ### Usage -~~~js +~~~jsx beforeRemove: (removedItem: any) => boolean | void; ~~~ @@ -28,7 +28,7 @@ Return `false` to block removing an item from a data collection; otherwise, `tru ### Example -~~~js {9-12} +~~~jsx {9-12} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -37,8 +37,8 @@ const diagram = new dhx.Diagram("diagram_container", { diagram.data.parse(data); // attaching a handler to the event -diagram.events.on("beforeRemove", function(newItem){ - console.log("beforeRemove "+ item); +diagram.events.on("beforeRemove", (newItem) => { + console.log("beforeRemove "+ item); return true; }); -~~~ \ No newline at end of file +~~~ diff --git a/docs/api/data_collection/change_event.md b/docs/api/data_collection/change_event.md index 5b167a6c0..a2d2fa231 100644 --- a/docs/api/data_collection/change_event.md +++ b/docs/api/data_collection/change_event.md @@ -12,11 +12,11 @@ description: You can learn about the change event of data collection in the docu ### Usage -~~~js +~~~jsx change: ( - id?: string, - status?: "add" | "update" | "delete", - updatedItem?: object + id?: string, + status?: "add" | "update" | "delete", + updatedItem?: object ) => void; ~~~ @@ -34,7 +34,7 @@ There are cases when the handler function doesn't take any parameters, e.g. whil ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -44,6 +44,6 @@ diagram.data.parse(data); // attaching a handler to the event diagram.events.on("change", function (id, status, shape) { - console.log("The " + id + " has been " + status); + console.log("The " + id + " has been " + status); }); ~~~ diff --git a/docs/api/data_collection/copy_method.md b/docs/api/data_collection/copy_method.md index f6d3c8023..bcac677c7 100644 --- a/docs/api/data_collection/copy_method.md +++ b/docs/api/data_collection/copy_method.md @@ -12,7 +12,7 @@ description: You can learn about the copy method of data collection in the docum ### Usage -~~~js +~~~jsx copy( id: string | number | array, index: number, @@ -32,7 +32,7 @@ The method returns the item's id or an array with ids of items ### Example -~~~js {6} +~~~jsx {6} const diagram = new dhx.Diagram("diagram_container", { type: "default" }); diff --git a/docs/api/data_collection/eachchild_method.md b/docs/api/data_collection/eachchild_method.md index ee47e4c8e..1521d180e 100644 --- a/docs/api/data_collection/eachchild_method.md +++ b/docs/api/data_collection/eachchild_method.md @@ -12,7 +12,7 @@ description: You can learn about the eachChild method of data collection in the ### Usage -~~~js +~~~jsx eachChild( id: string | number, callback: function, @@ -28,7 +28,7 @@ eachChild( ### Example -~~~js {6-8} +~~~jsx {6-8} const diagram = new dhx.Diagram("diagram_container", { type: "default" }); diff --git a/docs/api/data_collection/eachparent_method.md b/docs/api/data_collection/eachparent_method.md index 47a2536d4..c55c0d50d 100644 --- a/docs/api/data_collection/eachparent_method.md +++ b/docs/api/data_collection/eachparent_method.md @@ -12,7 +12,7 @@ description: You can learn about the eachParent method of data collection in the ### Usage -~~~js +~~~jsx eachParent( id: string | number, callback: function, @@ -28,7 +28,7 @@ eachParent( ### Example -~~~js {6-8} +~~~jsx {6-8} const diagram = new dhx.Diagram("diagram_container", { type: "default" }); diff --git a/docs/api/data_collection/exists_method.md b/docs/api/data_collection/exists_method.md index 3b764aa4f..0b9ca3a49 100644 --- a/docs/api/data_collection/exists_method.md +++ b/docs/api/data_collection/exists_method.md @@ -12,7 +12,7 @@ description: You can learn about the exists method of data collection in the doc ### Usage -~~~js +~~~jsx exists(id: string | number): boolean; ~~~ @@ -26,7 +26,7 @@ The method returns `true` if the item exists, otherwise `false` ### Example -~~~js {6} +~~~jsx {6} const diagram = new dhx.Diagram("diagram_container", { type: "default" }); @@ -34,4 +34,3 @@ diagram.data.parse(data); const shape = diagram.data.exists("1"); ~~~ - diff --git a/docs/api/data_collection/filter_event.md b/docs/api/data_collection/filter_event.md new file mode 100644 index 000000000..adc036aa0 --- /dev/null +++ b/docs/api/data_collection/filter_event.md @@ -0,0 +1,43 @@ +--- +sidebar_label: filter +title: filter Event of Data Collection +description: You can learn about the filter event of data collection in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# filter + +### Description + +@short: fires after filtering a data collection + +### Usage + +~~~jsx +filter: (filter?: object) => void; +~~~ + +### Parameters + +The callback of the **filter** event is called with the following parameter: + +- `object: {key: object }` - an object with all the active filters, where + - `key` - the id of an active filter + - `object` - an object with the [**rule** and **config** properties](api/data_collection/filter_method.md#parameters) + +:::info +For handling the inner events of Diagram Data Collection you can use the **on()** method. +::: + +### Example + +~~~jsx {7-9} +// initializing Diagram +const diagram = new dhx.Diagram("diagram_container", { + type: "default" +}); +diagram.data.parse(data); + +diagram.events.on("filter", (filter) => { + console.log("Items were filtered"); +}); +~~~ diff --git a/docs/api/data_collection/filter_method.md b/docs/api/data_collection/filter_method.md index 7a655b7a4..e494c80fd 100644 --- a/docs/api/data_collection/filter_method.md +++ b/docs/api/data_collection/filter_method.md @@ -12,38 +12,51 @@ description: You can learn about the filter method of data collection in the doc ### Usage -~~~js +~~~jsx filter( - rule?: function, - config?: object + rule?: function, + config?: { + id?: string, + add?: boolean, + permanent?: boolean + } ): void; // or filter( - rule?: object, - config?: object + rule?:{ + by?: string | number, + match?: string | number | boolean, + compare?: (value, match, item) => {} + }, + config?:{ + id?: string, + add?: boolean, + permanent?: boolean + } ): void; ~~~ ### Parameters -- `rule` - (optional) the filtering criteria. The parameter can be: - - a function - - or an object which can have following attributes: - - `by: string | number` - (optional) the key of the item attribute - - `match: string | number | boolean` - (optional) a pattern to match - - `compare: function` - (optional) a function for extended filtering. The function returns either *true* or *false* and takes three parameters: - - `value: any` - the value to compare - - `match: any` - a pattern to match - - `item: any` - a data item the values of which should be compared (e.g. a shape) - - `config` - (optional) an object which defines the parameters of filtering. The object may contain two properties: - - `add: boolean` - (optional) defines whether each next filtering will be applied to the already filtered data (true), or to the initial data (false, default) - - `smartFilter: boolean` - (optional) defines whether a filtering rule will be applied after adding and editing items of the collection +- `rule` - (optional) the filtering criteria + - If set as a *function*, filtering will be applied by the rule specified in the function. The function takes an object of a data item as a parameter + - If set as an *object*, the parameter can have the following attributes: + - `by` - (optional) the key of the item attribute + - `match` - (optional) a pattern to match + - `compare` - (optional) a function for extended filtering. The function returns either *true* or *false* and takes three parameters: + - `value` - the value to compare + - `match` - a pattern to match + - `item` - a data item the values of which should be compared (e.g. a shape) +- `config` - (optional) an object which defines the parameters of filtering. The object may contain the following properties: + - `id` - (optional) the id of the filter + - `add` - (optional) defines whether each next filtering will be applied to the already filtered data (true), or to the initial data (false, default) + - `permanent` - (optional) *true* to make the current filter permanent. It will be applied even if the next filtering doesn't have the `add:true` property in its configuration object. Such a filter can be removed just with the [***resetFilter***()](api/data_collection/resetfilter_method.md) method ### Example -~~~js {7-9,12} +~~~jsx {6-9,11-12} const diagram = new dhx.Diagram("diagram_container", { type: "default" }); @@ -58,12 +71,14 @@ diagram.data.filter(function (shape) { diagram.data.filter({ by: "text", match: "Read N" }); ~~~ -To revert the diagram to the initial state, call the **filter()** method without parameters. +To revert the diagram to the initial state, call the `filter()` method without parameters. -~~~js +~~~jsx diagram.data.filter(); ~~~ **Related articles**: [Filtering items](../../../guides/manipulating_items/#filtering-items) -**Related sample**: [Diagram. Data. Filtering shapes](https://snippet.dhtmlx.com/tm43bsgn) \ No newline at end of file +**Related sample**: [Diagram. Data. Filtering shapes](https://snippet.dhtmlx.com/tm43bsgn) + +**Change log**: Updated in v6.0 diff --git a/docs/api/data_collection/find_method.md b/docs/api/data_collection/find_method.md index 1ab89460f..e9eebe6bc 100644 --- a/docs/api/data_collection/find_method.md +++ b/docs/api/data_collection/find_method.md @@ -12,7 +12,7 @@ description: You can learn about the find method of data collection in the docum ### Usage -~~~js +~~~jsx find(rule: object): object; // or @@ -34,7 +34,7 @@ The method returns the first object of the item that matches the specified crite ### Example -~~~js {7,10-12} +~~~jsx {7,10-12} const diagram = new dhx.Diagram("diagram_container", { type: "default" }); @@ -44,11 +44,11 @@ diagram.data.parse(data); const shape = diagram.data.find({ by: "text", match: "Manager" }); //searching for a shape by the rule specified in the function -const shape = diagram.data.find(function(shape){ - if(shape.text==="Manager"||shape.text==="Marketer"){return true} +const shape = diagram.data.find((shape) => { + if(shape.text==="Manager"||shape.text==="Marketer"){return true} }); ~~~ **Related articles**: [Finding the necessary item](../../../guides/manipulating_items/#finding-the-necessary-item) -**Related sample**: [Diagram. Data. Finding necessary shape](https://snippet.dhtmlx.com/sete9z73) \ No newline at end of file +**Related sample**: [Diagram. Data. Finding necessary shape](https://snippet.dhtmlx.com/sete9z73) diff --git a/docs/api/data_collection/findall_method.md b/docs/api/data_collection/findall_method.md index c99d0085d..9b7480007 100644 --- a/docs/api/data_collection/findall_method.md +++ b/docs/api/data_collection/findall_method.md @@ -12,7 +12,7 @@ description: You can learn about the findAll method of data collection in the do ### Usage -~~~js +~~~jsx findAll(rule: object): array; // or @@ -34,7 +34,7 @@ The method returns an array of matching item objects ### Example -~~~js {7,10-14} +~~~jsx {7,10-14} const diagram = new dhx.Diagram("diagram_container", { type: "default" }); @@ -45,9 +45,9 @@ const shapes = diagram.data.findAll({ by: "text", match: "Manager" }); //searching for shapes by the function const shapes = diagram.data.findAll(function (shapes) { - if( shapes.text === "Manager" || shapes.text === "Marketer" ){ - return true - } + if( shapes.text === "Manager" || shapes.text === "Marketer" ){ + return true; + } }); ~~~ diff --git a/docs/api/data_collection/getfilters_method.md b/docs/api/data_collection/getfilters_method.md new file mode 100644 index 000000000..3d59f61f9 --- /dev/null +++ b/docs/api/data_collection/getfilters_method.md @@ -0,0 +1,41 @@ +--- +sidebar_label: getFilters() +title: getFilters Method of Data Collection +description: You can learn about the getFilters method of data collection in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# getFilters() + +### Description + +@short: Returns an object with the applied filters + +### Usage + +~~~jsx +getFilters({ permanent?: boolean }): object; +~~~ + +### Parameters + +- `permanent` - (optional) *false* by default. Allows getting the list of permanent filters + +### Returns + +The method returns an object with the applied filters, where: +- `key` - the id of a filter +- `value` - an object with the [**rule** and **config** properties](/api/data_collection/filter_method.md#parameters) + +### Example + +~~~jsx {6-7} +const diagram = new dhx.Diagram("diagram_container", { + // configuration settings +}); +diagram.data.parse(data); + +const filters = diagram.data.getFilters(); // gets all the applied filters +console.log(filters); +~~~ + +**Change log**: Added in v6.0 diff --git a/docs/api/data_collection/getid_method.md b/docs/api/data_collection/getid_method.md index d9248f7eb..b7c541428 100644 --- a/docs/api/data_collection/getid_method.md +++ b/docs/api/data_collection/getid_method.md @@ -12,7 +12,7 @@ description: You can learn about the getId method of data collection in the docu ### Usage -~~~js +~~~jsx getId(index: number): string | number; ~~~ @@ -26,7 +26,7 @@ The method returns the id of the item ### Example -~~~js {6} +~~~jsx {6} const diagram = new dhx.Diagram("diagram_container", { type: "default" }); diff --git a/docs/api/data_collection/getindex_method.md b/docs/api/data_collection/getindex_method.md index 000e67fbf..a41a09dd6 100644 --- a/docs/api/data_collection/getindex_method.md +++ b/docs/api/data_collection/getindex_method.md @@ -12,7 +12,7 @@ description: You can learn about the getIndex method of data collection in the d ### Usage -~~~js +~~~jsx getIndex(id: string | number): number; ~~~ @@ -26,11 +26,11 @@ The method returns the index of the item ### Example -~~~js {6} +~~~jsx {6} const diagram = new dhx.Diagram("diagram_container", { type: "default" }); diagram.data.parse(data); const index = diagram.data.getIndex("1"); // -> returns 0 -~~~ \ No newline at end of file +~~~ diff --git a/docs/api/data_collection/getitem_method.md b/docs/api/data_collection/getitem_method.md index 4b4dfcfbc..0a1173c1a 100644 --- a/docs/api/data_collection/getitem_method.md +++ b/docs/api/data_collection/getitem_method.md @@ -12,7 +12,7 @@ description: You can learn about the getItem method of data collection in the do ### Usage -~~~js +~~~jsx getItem(id: string | number): object; ~~~ @@ -26,7 +26,7 @@ The method returns the object of an item ### Example -~~~js {6} +~~~jsx {6} const diagram = new dhx.Diagram("diagram_container", { type: "default" }); @@ -37,7 +37,7 @@ const shape = diagram.data.getItem(123); You can access the original properties of an item like this: -~~~js +~~~jsx // accessing the properties of the shape const shape = diagram.data.getItem(123); const text = shape.text; diff --git a/docs/api/data_collection/getnearid_method.md b/docs/api/data_collection/getnearid_method.md index 5fd9f9af7..7f9ebdb4c 100644 --- a/docs/api/data_collection/getnearid_method.md +++ b/docs/api/data_collection/getnearid_method.md @@ -12,7 +12,7 @@ description: You can learn about the getNearId method of data collection in the ### Usage -~~~js +~~~jsx getNearId(id: string | number): string | number; ~~~ @@ -26,7 +26,7 @@ The method returns the id of the nearest item ### Example -~~~js {6} +~~~jsx {6} const diagram = new dhx.Diagram("diagram_container", { type: "default" }); diff --git a/docs/api/data_collection/getroot_method.md b/docs/api/data_collection/getroot_method.md index 166bc6c88..dc4f12f62 100644 --- a/docs/api/data_collection/getroot_method.md +++ b/docs/api/data_collection/getroot_method.md @@ -12,7 +12,7 @@ description: You can learn about the getRoot method of data collection in the do ### Usage -~~~js +~~~jsx getRoot(id: string | number): string | number; ~~~ @@ -26,7 +26,7 @@ The method returns the id of the root item. The root item is the first item of a ### Example -~~~js {6} +~~~jsx {6} const diagram = new dhx.Diagram("diagram_container", { type: "default" }); diff --git a/docs/api/data_collection/getroots_method.md b/docs/api/data_collection/getroots_method.md index d4c0dfd39..700a38065 100644 --- a/docs/api/data_collection/getroots_method.md +++ b/docs/api/data_collection/getroots_method.md @@ -12,7 +12,7 @@ description: You can learn about the getRoots method of data collection in the d ### Usage -~~~js +~~~jsx getRoots(): array ~~~ @@ -22,7 +22,7 @@ The method returns an array with the ids of the root items ### Example -~~~js {6} +~~~jsx {6} const diagram = new dhx.Diagram("diagram_container", { type: "default" }); diff --git a/docs/api/data_collection/index.md b/docs/api/data_collection/index.md index 335be6f7a..0a773fb25 100644 --- a/docs/api/data_collection/index.md +++ b/docs/api/data_collection/index.md @@ -20,6 +20,7 @@ A set of APIs that allow you to work with data of a diagram. The API can be used | [](api/data_collection/filter_method.md) | @getshort(api/data_collection/filter_method.md) | | [](api/data_collection/find_method.md) | @getshort(api/data_collection/find_method.md) | | [](api/data_collection/findall_method.md) | @getshort(api/data_collection/findall_method.md) | +| [](api/data_collection/getfilters_method.md) | @getshort(api/data_collection/getfilters_method.md) | | [](api/data_collection/getid_method.md) | @getshort(api/data_collection/getid_method.md) | | [](api/data_collection/getindex_method.md) | @getshort(api/data_collection/getindex_method.md) | | [](api/data_collection/getitem_method.md) | @getshort(api/data_collection/getitem_method.md) | @@ -32,6 +33,7 @@ A set of APIs that allow you to work with data of a diagram. The API can be used | [](api/data_collection/parse_method.md) | @getshort(api/data_collection/parse_method.md) | | [](api/data_collection/remove_method.md) | @getshort(api/data_collection/remove_method.md) | | [](api/data_collection/removeall_method.md) | @getshort(api/data_collection/removeall_method.md) | +| [](api/data_collection/resetfilter_method.md)| @getshort(api/data_collection/resetfilter_method.md)| | [](api/data_collection/serialize_method.md) | @getshort(api/data_collection/serialize_method.md) | | [](api/data_collection/update_method.md) | @getshort(api/data_collection/update_method.md) | @@ -44,5 +46,5 @@ A set of APIs that allow you to work with data of a diagram. The API can be used | [](api/data_collection/beforeadd_event.md) | @getshort(api/data_collection/beforeadd_event.md) | | [](api/data_collection/beforeremove_event.md) | @getshort(api/data_collection/beforeremove_event.md) | | [](api/data_collection/change_event.md) | @getshort(api/data_collection/change_event.md) | +| [](api/data_collection/filter_event.md) | @getshort(api/data_collection/filter_event.md) | | [](api/data_collection/load_event.md) | @getshort(api/data_collection/load_event.md) | - diff --git a/docs/api/data_collection/load_event.md b/docs/api/data_collection/load_event.md index 8d33a38cc..e2c305e46 100644 --- a/docs/api/data_collection/load_event.md +++ b/docs/api/data_collection/load_event.md @@ -12,13 +12,13 @@ description: You can learn about the load event of data collection in the docume ### Usage -~~~js +~~~jsx load: () => void; ~~~ ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -27,7 +27,7 @@ const diagram = new dhx.Diagram("diagram_container", { diagram.data.parse(data); // attaching a handler to the event -diagram.events.on("load", function(){ - // some logic here +diagram.events.on("load", () => { + // some logic here }); -~~~ \ No newline at end of file +~~~ diff --git a/docs/api/data_collection/load_method.md b/docs/api/data_collection/load_method.md index 695e0b7c4..9abd9c0b2 100644 --- a/docs/api/data_collection/load_method.md +++ b/docs/api/data_collection/load_method.md @@ -12,10 +12,10 @@ description: You can learn about the load method of data collection in the docum ### Usage -~~~js +~~~jsx load( - url: string | object, - driver?: object | string + url: string | object, + driver?: object | string ): promise; ~~~ @@ -30,7 +30,7 @@ The method returns a promise of data loading ### Example -~~~js {6} +~~~jsx {6} const diagram = new dhx.Diagram("diagram_container", { type: "default" }); @@ -45,12 +45,12 @@ The component will make an AJAX call and expect the remote URL to provide valid Data loading is asynchronous, so you need to wrap any after-loading code into a promise: -~~~js -diagram.data.load("../some/data").then(function(){ - diagram.selection.add(123); +~~~jsx +diagram.data.load("../some/data").then(() => { + diagram.selection.add(123); }); ~~~ **Related articles**: [Loading and storing data](../../../guides/loading_data/) -**Related sample**: [Diagram. Data. Data loading](https://snippet.dhtmlx.com/09isp2d8) \ No newline at end of file +**Related sample**: [Diagram. Data. Data loading](https://snippet.dhtmlx.com/09isp2d8) diff --git a/docs/api/data_collection/map_method.md b/docs/api/data_collection/map_method.md index 866c956ba..e872afe01 100644 --- a/docs/api/data_collection/map_method.md +++ b/docs/api/data_collection/map_method.md @@ -12,7 +12,7 @@ description: You can learn about the map method of data collection in the docume ### Usage -~~~js +~~~jsx map(callback: function): array; ~~~ @@ -26,14 +26,14 @@ The method returns a new array of items where each item is the result of the cal ### Example -~~~js {7-9} +~~~jsx {7-9} const diagram = new dhx.Diagram("diagram_container", { type: "default" }); diagram.data.parse(data); //getting ids of all items of the diagram (shapes, links, groups, swimlanes) -diagram.data.map(function(item){ +diagram.data.map((item) => { console.log(item.id); }); ~~~ diff --git a/docs/api/data_collection/move_method.md b/docs/api/data_collection/move_method.md index 6e702fdd8..635a61e69 100644 --- a/docs/api/data_collection/move_method.md +++ b/docs/api/data_collection/move_method.md @@ -12,7 +12,7 @@ description: You can learn about the move method of data collection in the docum ### Usage -~~~js +~~~jsx move( id: string | number | array, index: number, @@ -32,7 +32,7 @@ The method returns either a string with the item's id or an array of string valu ### Example -~~~js {6} +~~~jsx {6} const diagram = new dhx.Diagram("diagram_container", { type: "default" }); diff --git a/docs/api/data_collection/parse_method.md b/docs/api/data_collection/parse_method.md index b3d9f86e5..6c4dd0222 100644 --- a/docs/api/data_collection/parse_method.md +++ b/docs/api/data_collection/parse_method.md @@ -12,10 +12,10 @@ description: You can learn about the parse method of data collection in the docu ### Usage -~~~js +~~~jsx parse( - data: array | string, - driver?: object | string + data: array | string, + driver?: object | string ): void; ~~~ @@ -26,28 +26,28 @@ parse( ### Example -~~~js +~~~jsx const data = [ - { - id: "1", - text: "Chairman & CEO", - title: "Henry Bennett", - img: "../common/img/avatar-1.png" - }, - { - id: "2", - text: "Manager", - title: "Mildred Kim", - img: "../common/img/avatar-2.png" - }, - { - id: "3", - text: "Technical Director", - title: "Jerry Wagner", - img: "../common/img/avatar-3.png" - }, - { id: "1-2", from: "1", to: "2", type: "line" }, - { id: "1-3", from: "1", to: "3", type: "line" } + { + id: "1", + text: "Chairman & CEO", + title: "Henry Bennett", + img: "../common/img/avatar-1.png" + }, + { + id: "2", + text: "Manager", + title: "Mildred Kim", + img: "../common/img/avatar-2.png" + }, + { + id: "3", + text: "Technical Director", + title: "Jerry Wagner", + img: "../common/img/avatar-3.png" + }, + { id: "1-2", from: "1", to: "2", type: "line" }, + { id: "1-3", from: "1", to: "3", type: "line" } ]; const diagram = new dhx.Diagram("diagram_container", { type: "org" }); @@ -56,4 +56,4 @@ diagram.data.parse(data); **Related articles**: [Loading and storing data](../../../guides/loading_data/) -**Related sample**: [Diagram. Org chart mode. Basic initialization](https://snippet.dhtmlx.com/5ign6fyy) \ No newline at end of file +**Related sample**: [Diagram. Org chart mode. Basic initialization](https://snippet.dhtmlx.com/5ign6fyy) diff --git a/docs/api/data_collection/remove_method.md b/docs/api/data_collection/remove_method.md index 3b8c1153a..b11ebd560 100644 --- a/docs/api/data_collection/remove_method.md +++ b/docs/api/data_collection/remove_method.md @@ -16,7 +16,7 @@ If the diagram is initialized in the org (*type: "org"*) or mindmap (*type: "min ### Usage -~~~js +~~~jsx remove(id: string | number | array): void; ~~~ @@ -26,7 +26,7 @@ remove(id: string | number | array): void; ### Example -~~~js {6} +~~~jsx {6} const diagram = new dhx.Diagram("diagram_container", { type: "default" }); @@ -37,4 +37,4 @@ diagram.data.remove("2"); **Related articles**: [Deleting items](../../../guides/manipulating_items/#deleting-items) -**Related sample**: [Diagram. Data. Add/delete item](https://snippet.dhtmlx.com/8wi20uop) \ No newline at end of file +**Related sample**: [Diagram. Data. Add/delete item](https://snippet.dhtmlx.com/8wi20uop) diff --git a/docs/api/data_collection/removeall_method.md b/docs/api/data_collection/removeall_method.md index 37061a4bd..23305c801 100644 --- a/docs/api/data_collection/removeall_method.md +++ b/docs/api/data_collection/removeall_method.md @@ -12,13 +12,13 @@ description: You can learn about the removeAll method of data collection in the ### Usage -~~~js +~~~jsx removeAll(): void; ~~~ ### Example -~~~js {6} +~~~jsx {6} const diagram = new dhx.Diagram("diagram_container", { type: "default" }); @@ -29,4 +29,4 @@ diagram.data.removeAll(); **Related articles**: [Deleting items](../../../guides/manipulating_items/#deleting-items) -**Related sample**: [Diagram. Data. Add/delete item](https://snippet.dhtmlx.com/8wi20uop) \ No newline at end of file +**Related sample**: [Diagram. Data. Add/delete item](https://snippet.dhtmlx.com/8wi20uop) diff --git a/docs/api/data_collection/resetfilter_method.md b/docs/api/data_collection/resetfilter_method.md new file mode 100644 index 000000000..5a09fc0e6 --- /dev/null +++ b/docs/api/data_collection/resetfilter_method.md @@ -0,0 +1,50 @@ +--- +sidebar_label: resetFilter() +title: resetFilter Method of Data Collection +description: You can explore the resetFilter method of data collection in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# resetFilter() + +### Description + +@short: Resets the active filters + +### Usage + +~~~jsx +resetFilter({ + id?: string, + permanent?: boolean +}): boolean; +~~~ + +### Parameters + +- `config` - (optional) specifies the parameters of resetting the active filters. If the config isn't specified or it is empty, all the filters except for those that have the ***permanent*** property in the configuration object will be reset. Can contain the following properties: + - `id` - (optional) the id of the filter to reset + - `permanent` - (optional) *true* to reset all the active filters, including those that have the `permanent:true` setting in their config + +### Returns + +The method returns *true*, if all the filters including the permanent ones have been reset; otherwise *false* + +### Example + +~~~jsx {6-7,9-10,12-13} +const diagram = new dhx.Diagram("diagram_container", { + // configuration settings +}); +diagram.data.parse(data); + +// resets all the filters, except for those that have the "permanent" property in the config +diagram.data.resetFilter(); + +// resets all the filters, including those that have the "permanent" property in the config +diagram.data.resetFilter({ permanent: true }); + +// resets the filter with the specified id +diagram.data.resetFilter({ id: "filter_id" }); +~~~ + +**Change log**: Added in v6.0 diff --git a/docs/api/data_collection/serialize_method.md b/docs/api/data_collection/serialize_method.md index e59bb3aa1..24566c2d5 100644 --- a/docs/api/data_collection/serialize_method.md +++ b/docs/api/data_collection/serialize_method.md @@ -12,7 +12,7 @@ description: You can learn about the serialize method of data collection in the ### Usage -~~~js +~~~jsx serialize(): array; ~~~ @@ -22,7 +22,7 @@ The method returns an array of JSON objects for each item and link from Diagram ### Example -~~~js {6} +~~~jsx {6} const diagram = new dhx.Diagram("diagram_container", { type: "default" }); diff --git a/docs/api/data_collection/update_method.md b/docs/api/data_collection/update_method.md index d505f1d34..2eb352d6f 100644 --- a/docs/api/data_collection/update_method.md +++ b/docs/api/data_collection/update_method.md @@ -16,7 +16,7 @@ The method can't be used to change the *id* or *type* of the item ### Usage -~~~js +~~~jsx update( id: string | number, newItem: object @@ -30,7 +30,7 @@ update( ### Example -~~~js {6} +~~~jsx {6} const diagram = new dhx.Diagram("diagram_container", { type: "default" }); diff --git a/docs/api/diagram/addshape_method.md b/docs/api/diagram/addshape_method.md index 5963331d4..119889061 100644 --- a/docs/api/diagram/addshape_method.md +++ b/docs/api/diagram/addshape_method.md @@ -1,18 +1,16 @@ --- -sidebar_label: addShape() +sidebar_label: addShape() title: addShape Method description: You can learn about the addShape method in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. --- -# addShape() - -:::info -The **addShape()** method can be used both in the diagram and in the editor.
Check the **related sample**: [Diagram. Mindmap mode. Site map and user flow example](https://snippet.dhtmlx.com/do1jwmw1). -::: +# addShape() ### Description -@short: Creates a custom shape and sets sidebar options for its editing in the right panel of the editor +@short: Creates a custom shape + +The `addShape()` method can be used both in the diagram and in the editor. [Check the examples below](#example) ### Usage @@ -27,13 +25,9 @@ addShape( - `type` - (required) the unique name for the type of a custom shape. The name must differ from the names of default shapes - `parameters` - (required) an object with the additional parameters of the **addShape()** method. Here you can specify the following attributes: - - `template: function` - (required) the function that takes the configuration object of the shape as a parameter and returns either an HTML or SVG template. Check [the available formats of the template](#formats-of-the-shape-template) + - `template: function` - (required) the function that takes the configuration object of the shape as a parameter and returns either an HTML or SVG template - [`defaults: object`](../../../shapes/custom_shape/) - (optional) the default configuration for a created shape. See [the full list of the configuration properties of a shape](../../../shapes/configuration_properties/) - - [`properties: array`](../../../guides/diagram_editor/right_panel/#configuring-options-for-editing-custom-shapes) - (optional, and is available only in the **editor** mode) an array of objects that defines which sidebar options will be rendered in the right panel of the editor for editing a custom shape. Each object can contain a set of properties: - - `type: string` - (required) the type of a sidebar option. See the list of available types [below](#types-of-sidebar-options) - - `label?: string` - (optional) specifies the label for the sidebar option - - `property?: string` - (optional) a custom property of the shape - - [`eventHandlers: object`](../../../shapes/custom_shape/#event-handlers-for-custom-shapes) - (optional) adds custom event handlers to HTML elements of the template of a shape. The **eventHandlers** object includes a set of **key:value** pairs, where: + - [`eventHandlers: object`](../../../shapes/custom_shape/#event-handlers-for-custom-shapes) - (optional) adds custom event handlers to HTML elements of the template of a shape. The `eventHandlers` object includes a set of `key:value` pairs, where: - `key: string` - the name of the event. Note, that at the beginning of the event name the 'on' prefix is used (onclick, onmouseover) - `value: object` - an object that contains a **key:value** pair, where - `key` is the CSS class name that the handler will be applied to @@ -47,84 +41,107 @@ addShape( ### Example -~~~jsx {6-12} +~~~jsx {8-37} title="Adding a shape into the Diagram" const diagram = new dhx.Diagram("diagram_container", { - type: "default" // or type: "org", or type: "mindmap" + type: "org", // or type: "default", or type: "mindmap" + defaultShapeType: "personal", }); + diagram.data.parse(data); -diagram.addShape("template", { - template: config => ( - `
-

${config.title}

- -
` - ) +diagram.addShape("personal", { + template: ({ name, photo, post }) => (` +
+
+
+
+
${name}
+
+ ${post} +
+
+
+ +
+
+
+ `), + defaults: { + height: 115, width: 330, + name: "Name and First name", + post: "Resident", + photo: "", + }, + eventHandlers: { + onclick: { + "toggle--open-menu": () => console.log("open menu") + } + } }); ~~~ +**Related sample**: [Diagram with Editor. Org chart mode. Customization of cards, editbar and toolbar](https://snippet.dhtmlx.com/vcnt647v) + +The example below shows how you can add a custom shape into the Diagram Editor as well as configure the [Shapebar](/guides/diagram_editor/shapebar/) and [Editbar](/guides/diagram_editor/editbar/) panels of the editor. The configuration of a custom shape in the editbar of the Editor is implemented via the [`properties`](../../../api/diagram_editor/editbar/config/properties_property/) property of the Editbar panel. + +~~~jsx {34-49} title="Adding a shape into the Diagram Editor" +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + shapebar: { + sections: { + "Network shapes": [ + { type: "network", text: "Core", img: src + "core.svg" }, + { type: "network", text: "Server", img: src + "server.svg" } + ], + "Flow shapes": [{ flowShapes: true }] + } + }, + editbar: { + properties: { + network: [ + { type: "arrange" }, + { + type: "fieldset", + label: "Network information", + rows: [ + { type: "avatar", key: "img", circle: true, readOnly: true }, + { type: "textarea", key: "text", label: "Description" }, + { type: "input", key: "ip", label: "IP" } + ] + } + ] + } + } + } +}); - -### Types of sidebar options - -While specifying sidebar options for editing custom shapes, you can apply the following values of the **type** property: - -- ["arrange"](../../../guides/diagram_editor/right_panel/#arrange) - provides interface for editing the **width**, **height**, **angle**, **x**, **y** properties of a shape. The properties can't be overridden. The type is available only in the default mode of the editor -- ["position"](../../../guides/diagram_editor/right_panel/#position) - provides interface for editing either the **x**/**y**, or **dx**/**dy** properties of a shape. The properties can't be overridden -- ["size"](../../../guides/diagram_editor/right_panel/#size) - provides interface for editing the **width** and **height** properties of a shape. The properties can't be overridden -- ["title"](../../../guides/diagram_editor/right_panel/#title) - provides interface for editing text values of a shape. By default, this type allows editing the **title** property of a shape -- ["text"](../../../guides/diagram_editor/right_panel/#text) - provides interface for editing text values of a shape. By default, this type allows editing the **text** property of a shape -- ["img"](../../../guides/diagram_editor/right_panel/#image) - provides interface for editing an image of a shape. By default, this type allows editing the **img** property of a shape -- ["fill"](../../../guides/diagram_editor/right_panel/#fill) - provides interface for editing color values of a shape. By default, this type allows editing the **fill** property of a shape -- ["textProps"](../../../guides/diagram_editor/right_panel/#text-settings) - provides interface for editing the **textAlign**, **lineHeight**, **fontStyle**, **textVerticalAlign**, **fontSize** properties of a shape. The properties can't be overridden. You need to specify all of these properties in the data set for correct work of the **Text** sidebar option -- ["strokeProps"](../../../guides/diagram_editor/right_panel/#stroke) - provides interface for editing the **stroke**, **strokeType**, **strokeWidth** properties of a shape. The properties can't be overridden. You need to specify all of these properties in the data set for correct work of the **Stroke** sidebar option -- ["grid"](../../../guides/diagram_editor/right_panel/#grid-step) - provides interface for editing the step of moving a shape. The visibility of the option is adjusted via the **controls** property of the editor - -## Formats of the shape template - -The **template** function can return either an HTML or SVG template. - -Creating an HTML template can be implemented either in ES5 or in ES6+ formats. - -An example of creating an HTML template using ES6+: - -~~~js -const template = config => ( - `
-

${config.title}

- -
` -); -~~~ - -**Related sample:** [Diagram. Default mode. HTML template in ES6+ format](https://snippet.dhtmlx.com/z8ikyyek) - -**Related sample:** [Diagram editor. Default mode. Custom shape template in ES6+ format](https://snippet.dhtmlx.com/9gb3l7el) - -An example of creating an HTML template using ES5: - -~~~js -function template(config) { - var template = "
" - template += "

" + config.title +"

"; - template += ""; - template += "
"; - return template; -}; +editor.parse(data); + +editor.diagram.addShape("network", { + template: ({ img, text, ip }) => { + return ` +
+ ${text} + ${text} + ${ip} +
+ `; + }, + defaults: { + width: 160, height: 160, + preview: { scale: 0.7 }, + ip: "127.0.0.1" + } +}); ~~~ -**Related sample:** [Diagram. Default mode. HTML template in ES5 format](https://snippet.dhtmlx.com/p2m7nqbj) - -**Related sample:** [Diagram editor. Default mode. Custom shape template in ES5 format](https://snippet.dhtmlx.com/9y51k3fl) - -:::note -Note, that all HTML and SVG tags must be closed in the template. +**Change log**: The `properties` attribute is removed in v6.0. -For example, an `` tag should look like ``. -::: +**Related articles**: [Custom Shape](../../../shapes/custom_shape/) -**Change log**: -- The **eventHandlers** attribute is added in v3.1 -- The method is added in v3.0 +**Related samples**: -**Related articles**: [Custom Shape](../../../shapes/custom_shape/) +- [Diagram. Mindmap mode. Site map and user flow example (custom template)](https://snippet.dhtmlx.com/do1jwmw1) +- [Diagram with Editor. Org chart mode. Customization of cards, editbar and toolbar](https://snippet.dhtmlx.com/vcnt647v) +- **Related sample**: [Diagram Editor. Default mode. Basic and custom themes](https://snippet.dhtmlx.com/9twmlfus) diff --git a/docs/api/diagram/aftercollapse_event.md b/docs/api/diagram/aftercollapse_event.md index 50b42eb74..c7b97cfd0 100644 --- a/docs/api/diagram/aftercollapse_event.md +++ b/docs/api/diagram/aftercollapse_event.md @@ -12,7 +12,7 @@ description: You can learn about the afterCollapse event in the documentation of ### Usage -~~~js +~~~jsx afterCollapse: ( id: string | number, dir?: string @@ -28,7 +28,7 @@ The callback of the event takes the following parameters: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -37,13 +37,11 @@ const diagram = new dhx.Diagram("diagram_container", { diagram.data.parse(data); // attaching a handler to the event -diagram.events.on("afterCollapse", function(id, dir) { +diagram.events.on("afterCollapse", (id, dir) => { console.log(diagram.data.getItem(id).text + " was collapsed", dir); }); ~~~ -**Change log**: The **dir** parameter has been added in v3.1 +**Change log**: The **dir** parameter was added in v3.1 **Related article**: [Event handling](../../../guides/event_handling/) - -**Related sample**: [Diagram. Org chart mode. Events](https://snippet.dhtmlx.com/l38pct7c) \ No newline at end of file diff --git a/docs/api/diagram/afterexpand_event.md b/docs/api/diagram/afterexpand_event.md index 93e2cb9c2..32afd5888 100644 --- a/docs/api/diagram/afterexpand_event.md +++ b/docs/api/diagram/afterexpand_event.md @@ -12,7 +12,7 @@ description: You can learn about the afterExpand event in the documentation of t ### Usage -~~~js +~~~jsx afterExpand: ( id: string | number, dir?: string @@ -28,7 +28,7 @@ The callback of the event takes the following parameters: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "mindmap" @@ -37,11 +37,9 @@ const diagram = new dhx.Diagram("diagram_container", { diagram.data.parse(data); // attaching a handler to the event -diagram.events.on("afterExpand", function(id, dir) { +diagram.events.on("afterExpand", (id, dir) => { console.log(diagram.data.getItem(id).text + " was expanded", dir); }); ~~~ -**Change log**: The **dir** parameter has been added in v3.1 - -**Related sample**: [Diagram. Org chart mode. Events](https://snippet.dhtmlx.com/l38pct7c) \ No newline at end of file +**Change log**: The **dir** parameter was added in v3.1 diff --git a/docs/api/diagram/aftersubmenuopen_event.md b/docs/api/diagram/aftersubmenuopen_event.md index 1aa9bf332..13ac73ed8 100644 --- a/docs/api/diagram/aftersubmenuopen_event.md +++ b/docs/api/diagram/aftersubmenuopen_event.md @@ -12,7 +12,7 @@ description: You can learn about the afterSubmenuOpen event in the documentation ### Usage -~~~js +~~~jsx afterSubmenuOpen: ( id: string | number, event: MouseEvent, @@ -30,7 +30,7 @@ The callback of the event takes the following parameters: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -46,4 +46,4 @@ diagram.events.on("afterSubmenuOpen", (id, event, subheaderId) => { **Change log**: Added in v4.0 -**Related article**: [Event handling](../../../guides/event_handling/) \ No newline at end of file +**Related article**: [Event handling](../../../guides/event_handling/) diff --git a/docs/api/diagram/api_overview.md b/docs/api/diagram/api_overview.md index 5ad49a07a..3e0942355 100644 --- a/docs/api/diagram/api_overview.md +++ b/docs/api/diagram/api_overview.md @@ -65,10 +65,9 @@ description: You can have an overview of Diagram API in the documentation of the | [](api/diagram/defaultshapetype_property.md) | @getshort(api/diagram/defaultshapetype_property.md) | | [](api/diagram/exportstyles_property.md) | @getshort(api/diagram/exportstyles_property.md) | | [](api/diagram/lineconfig_property.md) | @getshort(api/diagram/lineconfig_property.md) | -| [~~lineGap~~](api/diagram/linegap_property.md) | Deprecated! ~~@getshort(api/diagram/linegap_property.md)~~ | | [](api/diagram/margin_property.md) | @getshort(api/diagram/margin_property.md) | | [](api/diagram/scale_property.md) | @getshort(api/diagram/scale_property.md) | | [](api/diagram/select_property.md) | @getshort(api/diagram/select_property.md) | | [](api/diagram/toolbar_property.md) | @getshort(api/diagram/toolbar_property.md) | | [](api/diagram/type_property.md) | @getshort(api/diagram/type_property.md) | -| [](api/diagram/typeconfig_property.md) | @getshort(api/diagram/typeconfig_property.md) | \ No newline at end of file +| [](api/diagram/typeconfig_property.md) | @getshort(api/diagram/typeconfig_property.md) | diff --git a/docs/api/diagram/autoplace_method.md b/docs/api/diagram/autoplace_method.md index dbf1da2a8..8ffdfbed0 100644 --- a/docs/api/diagram/autoplace_method.md +++ b/docs/api/diagram/autoplace_method.md @@ -23,19 +23,19 @@ autoPlace(config?: object): void; ### Parameters - `config` - (optional) an object with configuration settings of the autoplacement. If not specified, the default settings will be applied. Here you can specify the following parameters: - - `mode` - (optional) the mode of connecting shapes, "direct" (by default) or "edges" - - `graphPadding` - (optional) sets the distance between unconnected diagrams, 200 by default - - `placeMode` - (optional) sets the mode of placement of shapes, "orthogonal" (by default) or "radial" + - `mode` - (optional) the mode of connecting shapes, "direct" (by default) or "edges" + - `graphPadding` - (optional) sets the distance between unconnected diagrams, 200 by default + - `placeMode` - (optional) sets the mode of placement of shapes, "orthogonal" (by default) or "radial" ### Example -~~~jsx {4-6} +~~~jsx {4-7} const diagram = new dhx.Diagram("diagram_container"); diagram.data.parse(data); diagram.autoPlace({ - mode: "edges", - placeMode: "radial" + mode: "edges", + placeMode: "radial" }); ~~~ @@ -45,11 +45,11 @@ diagram.autoPlace({ Connector lines with no arrows are aligned "from center to center"; they are straight and diagonal. -![](../../assets/direct_mode.png) +![](../../assets/direct_mode.png) ### "edges" mode -Connector lines are aligned "from side to side". +Connector lines are aligned "from side to side". :::info To add arrows to the lines, specify **forwardArrow: "filled"** or **backArrow: "filled"** in the configuration of a [line object](../../../lines/configuration_properties/). @@ -79,7 +79,6 @@ Shapes are arranged along vertical and horizontal lines ![](../../assets/edges_ortogonal.png) - ### "radial" mode Shapes are arranged on imaginary circles relative to the central shape, i.e. a shape with the most connections @@ -100,4 +99,4 @@ Shapes are arranged on imaginary circles relative to the central shape, i.e. a s **Related articles**: [Arranging shapes automatically](../../../guides/manipulating_items/#arranging-shapes-automatically) -**Related sample**: [Diagram. Default mode. Autoplacement](https://snippet.dhtmlx.com/f3uekgjw) \ No newline at end of file +**Related sample**: [Diagram. Default mode. Autoplacement](https://snippet.dhtmlx.com/f3uekgjw) diff --git a/docs/api/diagram/autoplacement_property.md b/docs/api/diagram/autoplacement_property.md index d66a1a16b..d03f9d498 100644 --- a/docs/api/diagram/autoplacement_property.md +++ b/docs/api/diagram/autoplacement_property.md @@ -1,32 +1,32 @@ --- -sidebar_label: autoplacement +sidebar_label: autoplacement title: autoplacement Property description: You can learn about the autoplacement property in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. --- # autoplacement -:::info -The **autoplacement** property works only in the default mode of the diagram and only for shapes -::: - ### Description @short: Optional. An object with configuration settings for auto-placement of shapes +:::info +The `autoplacement` property works only in the default mode of the diagram and only for shapes +::: + ### Usage -~~~js +~~~jsx autoplacement?: { - mode?: "direct" | "edges", - graphPadding?: number, - placeMode?: "orthogonal" | "radial" + mode?: "direct" | "edges", + graphPadding?: number, + placeMode?: "orthogonal" | "radial" }; ~~~ ### Parameters -The **autoplacement** object has the following parameters: +The `autoplacement` object has the following parameters: - `mode` - (optional) the mode of connecting shapes, "direct" (by default) or "edges" - `graphPadding` - (optional) sets the distance between two or more unconnected diagrams, *"200"* by default @@ -34,22 +34,22 @@ The **autoplacement** object has the following parameters: ### Default config -~~~js +~~~jsx autoplacement: { - mode: "direct", - graphPadding: 200, - placeMode: "orthogonal" + mode: "direct", + graphPadding: 200, + placeMode: "orthogonal" } ~~~ ### Example -~~~js +~~~jsx const diagram = new dhx.Diagram("diagram_container", { autoplacement: { - mode: "edges", - graphPadding: 100 - } + mode: "edges", + graphPadding: 100 + } }); diagram.data.parse(data); @@ -61,28 +61,28 @@ diagram.autoPlace(); ### "direct" mode -Connector lines with no arrows are aligned "from center to center"; they are straight and diagonal. +Connector lines with no arrows are aligned "from center to center". They are straight and diagonal. ![](../../assets/direct_mode.png) ### "edges" mode -Connector lines are aligned "from side to side". +Connector lines are aligned "from side to side". -:::info -To add arrows to the lines, specify **forwardArrow: "filled"** or **backArrow: "filled"** in the configuration of a [line object](../../../lines/configuration_properties/). +:::info +To add arrows to the lines, specify `forwardArrow: "filled"` or `backArrow: "filled"` in the configuration of a [line object](../../../lines/configuration_properties/). ::: The connector lines in the "edges" mode can be: - - either straight (if you set **connectType: "straight"** property of a [line object](../../../lines/configuration_properties/)) + +- either straight (if you set the `connectType: "straight"` property of a [line object](../../../lines/configuration_properties/)) ![](../../assets/edges_straight_mode.png) - - or 90-degree curved (if you set **connectType: "elbow"** property of a [line object](../../../lines/configuration_properties/)) +- or 90-degree curved (if you set the `connectType: "elbow"` property of a [line object](../../../lines/configuration_properties/)) ![](../../assets/edges_mode.png) - ## Modes of placement of shapes ### "orthogonal" mode @@ -93,15 +93,13 @@ Shapes are arranged along vertical and horizontal lines ![](../../assets/direct_ortogonal.png) - - **"orthogonal"** arrangement with lines in the **"edges"** mode ![](../../assets/edges_ortogonal.png) - ### "radial" mode -Shapes are arranged on imaginary circles relative to the central shape, i.e. a shape with the most connections +Shapes are arranged on imaginary circles relative to the central shape, i.e. the shape with the most connections - **"radial"** arrangement with lines in the **"direct"** mode @@ -111,10 +109,7 @@ Shapes are arranged on imaginary circles relative to the central shape, i.e. a s ![](../../assets/edges_radial.png) -**Change log**: - -- The **placeMode** parameter is added in v5.0 -- The **autoplacement** property is added in v3.0 +**Change log**: The `placeMode` parameter is added in v5.0 **Related articles**: diff --git a/docs/api/diagram/beforecollapse_event.md b/docs/api/diagram/beforecollapse_event.md index b2eb7733b..3e464e08c 100644 --- a/docs/api/diagram/beforecollapse_event.md +++ b/docs/api/diagram/beforecollapse_event.md @@ -12,7 +12,7 @@ description: You can learn about the beforeCollapse event in the documentation o ### Usage -~~~js +~~~jsx beforeCollapse: ( id: string | number, dir?: string @@ -23,7 +23,7 @@ beforeCollapse: ( The callback of the event takes the following parameters: -- `id` - (required) the id of an item +- `id` - (required) the id of an item - `dir` - (optional) the side the children will be hidden in relation to the parent shape ("left" or "right" for *type:"topic"*, otherwise - undefined) ### Returns @@ -32,7 +32,7 @@ Return `false` to block collapsing an item; otherwise, `true` ### Example -~~~js {9-12} +~~~jsx {9-12} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "mindmap" @@ -41,14 +41,12 @@ const diagram = new dhx.Diagram("diagram_container", { diagram.data.parse(data); // attaching a handler to the event -diagram.events.on("beforeCollapse", function(id, dir) { +diagram.events.on("beforeCollapse", (id, dir) => { console.log("Collapsing " + diagram.data.getItem(id).text, dir); return true; }); ~~~ -**Change log**: The **dir** parameter has been added in v3.1 +**Change log**: The **dir** parameter was added in v3.1 **Related article**: [Event handling](../../../guides/event_handling/) - -**Related sample**: [Diagram. Org chart mode. Events](https://snippet.dhtmlx.com/l38pct7c) diff --git a/docs/api/diagram/beforeexpand_event.md b/docs/api/diagram/beforeexpand_event.md index b595ee174..e18735520 100644 --- a/docs/api/diagram/beforeexpand_event.md +++ b/docs/api/diagram/beforeexpand_event.md @@ -12,7 +12,7 @@ description: You can learn about the beforeExpand event in the documentation of ### Usage -~~~js +~~~jsx beforeExpand: ( id: string | number, dir?: string @@ -32,7 +32,7 @@ Return `false` to block expanding an item; otherwise, `true` ### Example -~~~js {9-12} +~~~jsx {9-12} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "mindmap" @@ -41,14 +41,12 @@ const diagram = new dhx.Diagram("diagram_container", { diagram.data.parse(data); // attaching a handler to the event -diagram.events.on("beforeExpand", function(id, dir) { +diagram.events.on("beforeExpand", (id, dir) => { console.log("Expanding " + diagram.data.getItem(id).text, dir); return true; }); ~~~ -**Change log**: The **dir** parameter has been added in v3.1 +**Change log**: The **dir** parameter was added in v3.1 **Related article**: [Event handling](../../../guides/event_handling/) - -**Related sample**: [Diagram. Org chart mode. Events](https://snippet.dhtmlx.com/l38pct7c) \ No newline at end of file diff --git a/docs/api/diagram/beforesubmenuopen_event.md b/docs/api/diagram/beforesubmenuopen_event.md index d15240585..a57e8010d 100644 --- a/docs/api/diagram/beforesubmenuopen_event.md +++ b/docs/api/diagram/beforesubmenuopen_event.md @@ -12,7 +12,7 @@ description: You can learn about the beforeSubmenuOpen event in the documentatio ### Usage -~~~js +~~~jsx beforeSubmenuOpen: ( id: string | number, event: MouseEvent, @@ -34,7 +34,7 @@ Return `false` to block opening the subheader; otherwise, `true` ### Example -~~~js {9-12} +~~~jsx {9-12} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -51,4 +51,4 @@ diagram.events.on("beforeSubmenuOpen", (id, event, subheaderId) => { **Change log**: Added in v4.0 -**Related article**: [Event handling](../../../guides/event_handling/) \ No newline at end of file +**Related article**: [Event handling](../../../guides/event_handling/) diff --git a/docs/api/diagram/collapseitem_method.md b/docs/api/diagram/collapseitem_method.md index 69daa3264..0dc5d342b 100644 --- a/docs/api/diagram/collapseitem_method.md +++ b/docs/api/diagram/collapseitem_method.md @@ -14,8 +14,8 @@ description: You can learn about the collapseItem method in the documentation of ~~~jsx collapseItem( - id: string | number, - dir?: string + id: string | number, + dir?: string ): void; ~~~ @@ -40,16 +40,15 @@ diagram.collapseItem(123); or -~~~js {2,6} +~~~jsx {2,6} const diagram = new dhx.Diagram("diagram_container", { - type:"mindmap" + type:"mindmap" }); diagram.data.parse(data); diagram.collapseItem("main", "left"); ~~~ +**Change log**: The **dir** parameter was added in v3.1 -**Change log**: The **dir** parameter has been added in v3.1 - -**Related articles**: [Expanding/collapsing items](../../../guides/manipulating_items/#expandingcollapsing-items) \ No newline at end of file +**Related articles**: [Expanding/collapsing items](../../../guides/manipulating_items/#expandingcollapsing-items) diff --git a/docs/api/diagram/defaultlinktype_property.md b/docs/api/diagram/defaultlinktype_property.md index 0d5204a3e..0336a9ae5 100644 --- a/docs/api/diagram/defaultlinktype_property.md +++ b/docs/api/diagram/defaultlinktype_property.md @@ -14,19 +14,19 @@ The value is applied, if the line object doesn't contain the "type" property ### Usage -~~~js +~~~jsx defaultLinkType?: "line" | "dash"; ~~~ ### Default config -~~~js +~~~jsx defaultLinkType: "line" ~~~ ### Example -~~~js +~~~jsx const diagram = new dhx.Diagram("diagram_container", { defaultLinkType: "dash" }); diff --git a/docs/api/diagram/defaults_property.md b/docs/api/diagram/defaults_property.md index ccd20c58b..129eccc57 100644 --- a/docs/api/diagram/defaults_property.md +++ b/docs/api/diagram/defaults_property.md @@ -8,11 +8,11 @@ description: You can learn about the defaults property in the documentation of t ### Description -@short: Optional. An object which sets the default configuration of a shape or line +@short: Optional. An object which sets the default configuration of a shape or a line ### Usage -~~~js +~~~jsx defaults?: { [type: string]: object }; @@ -20,13 +20,15 @@ defaults?: { ### Parameters -The **defaults** property is an object which includes a set of *key:value* pairs where *key* is a type of a shape or line and *value* is an object with a set of configuration settings of the [shape](../../../shapes/configuration_properties/) or [line](../../../lines/configuration_properties/) correspondingly. +The `defaults` property is an object which includes a set of `key:value` pairs where *key* is a type of a shape or line and *value* is an object with a set of configuration settings of the [shape](../../../shapes/configuration_properties/) or [line](../../../lines/configuration_properties/) correspondingly. -{{note There is no possibility to define *type* and *id* in the default configuration of a shape/line}} +:::note +There is no possibility to define `type` and `id` in the default configuration of a shape/line +::: ### Example -~~~js {24} +~~~jsx {24} const defaults = { // the default settings for all shapes of the "rectangle" type rectangle: { @@ -51,20 +53,17 @@ const defaults = { const diagram = new dhx.Diagram("diagram_container", { type: "default", - defaults: defaults + defaults }); ~~~ -:::note +:::note After defining the default settings for the shapes/lines of separate types, you can either omit these properties or redefine their values while [preparing a data set](../../../guides/loading_data/#preparing-data-to-load) for the shapes/lines of these types. ::: -**Change log**: -- The ability to set the default configuration for lines is added in v4.2 -- The property is added in v3.0 +**Change log**: The ability to set the default configuration for lines is added in v4.2 **Related articles**: -- [Setting the default configuration of a shape](../../../guides/diagram/configuration/#setting-the-default-configuration-of-a-shape) -- [Setting shape preview](../../../guides/diagram_editor/left_panel/#setting-shape-preview) - +- [Setting the default configuration of a shape](/guides/diagram/configuration/#setting-the-default-configuration-of-a-shape) +- [Setting the preview of shapes](../../../guides/diagram_editor/shapebar/#setting-the-preview-of-shapes) diff --git a/docs/api/diagram/defaultshapetype_property.md b/docs/api/diagram/defaultshapetype_property.md index 28681b99e..c784c3b6c 100644 --- a/docs/api/diagram/defaultshapetype_property.md +++ b/docs/api/diagram/defaultshapetype_property.md @@ -11,10 +11,9 @@ description: You can learn about the defaultShapeType property in the documentat @short: Optional. The default type of a shape The value is applied, if the shape object doesn't contain the "type" property - ### Usage -~~~js +~~~jsx defaultShapeType?: string; ~~~ @@ -22,30 +21,28 @@ defaultShapeType?: string; - In the **default** mode of Diagram (type: "default") -~~~js +~~~jsx defaultShapeType: "rectangle" ~~~ - In the **org chart** mode of Diagram (type: "org") -~~~js +~~~jsx defaultShapeType: "card" ~~~ - In the **mindmap** mode of Diagram (type: "mindmap") -~~~js +~~~jsx defaultShapeType: "topic" ~~~ ### Example -~~~js +~~~jsx const diagram = new dhx.Diagram("diagram_container", { defaultShapeType: "img-card" }); ~~~ **Related articles**: [Setting the type of a shape](../../../shapes/default_shapes/#setting-the-type-of-a-shape) - -**Related sample**: [Diagram. Org chart mode. Shapes with images](https://snippet.dhtmlx.com/qnx3ekin) \ No newline at end of file diff --git a/docs/api/diagram/destructor_method.md b/docs/api/diagram/destructor_method.md index 460384d9e..6d8e99498 100644 --- a/docs/api/diagram/destructor_method.md +++ b/docs/api/diagram/destructor_method.md @@ -3,7 +3,6 @@ sidebar_label: destructor() title: destructor Method description: You can learn about the destructor method in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. --- - # destructor() ### Description @@ -25,4 +24,4 @@ diagram.data.parse(data); diagram.destructor(); ~~~ -**Change log:** Added in v3.0 +**Change log**: Added in v3.0 diff --git a/docs/api/diagram/emptyareaclick_event.md b/docs/api/diagram/emptyareaclick_event.md index 0290a6418..51f3ee50c 100644 --- a/docs/api/diagram/emptyareaclick_event.md +++ b/docs/api/diagram/emptyareaclick_event.md @@ -12,7 +12,7 @@ description: You can learn about the emptyAreaClick event in the documentation o ### Usage -~~~js +~~~jsx emptyAreaClick: (event: MouseEvent) => void; ~~~ @@ -24,7 +24,7 @@ The callback of the event takes the following parameter: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -33,13 +33,9 @@ const diagram = new dhx.Diagram("diagram_container", { diagram.data.parse(data); // attaching a handler to the event -diagram.events.on("emptyAreaClick",function(e){ - console.log("An empty space has been clicked"); +diagram.events.on("emptyAreaClick", () => { + console.log("An empty space has been clicked"); }); ~~~ **Related article**: [Event handling](../../../guides/event_handling/) - -**Related samples**: -- [Diagram. Default mode. Events](https://snippet.dhtmlx.com/7h2hgb3g) -- [Diagram. Org chart mode. Events](https://snippet.dhtmlx.com/l38pct7c) diff --git a/docs/api/diagram/emptyareadblclick_event.md b/docs/api/diagram/emptyareadblclick_event.md index be9bdaa5c..1dab456ee 100644 --- a/docs/api/diagram/emptyareadblclick_event.md +++ b/docs/api/diagram/emptyareadblclick_event.md @@ -12,7 +12,7 @@ description: You can learn about the emptyAreaDblClick event in the documentatio ### Usage -~~~js +~~~jsx emptyAreaDblClick: (event: MouseEvent) => void; ~~~ @@ -24,7 +24,7 @@ The callback of the event takes the following parameter: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -34,15 +34,10 @@ diagram.data.parse(data); // attaching a handler to the event diagram.events.on("emptyAreaDblClick", (e) => { - console.log("emptyAreaDblClick"); + console.log("emptyAreaDblClick"); }); ~~~ **Change log**: Added in v4.1 **Related article**: [Event handling](../../../guides/event_handling/) - -**Related samples**: -- [Diagram. Default mode. Events](https://snippet.dhtmlx.com/7h2hgb3g) -- [Diagram. Org chart mode. Events](https://snippet.dhtmlx.com/l38pct7c) - diff --git a/docs/api/diagram/emptyareamousedown_event.md b/docs/api/diagram/emptyareamousedown_event.md index 66f417b54..944b7d1d8 100644 --- a/docs/api/diagram/emptyareamousedown_event.md +++ b/docs/api/diagram/emptyareamousedown_event.md @@ -12,7 +12,7 @@ description: You can learn about the emptyAreaMouseDown event in the documentati ### Usage -~~~js +~~~jsx emptyAreaMouseDown: (event: MouseEvent) => void; ~~~ @@ -24,7 +24,7 @@ The callback of the event takes the following parameter: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -34,15 +34,10 @@ diagram.data.parse(data); // attaching a handler to the event diagram.events.on("emptyAreaMouseDown", (e) => { - console.log("emptyAreaMouseDown"); + console.log("emptyAreaMouseDown"); }); ~~~ **Change log**: Added in v4.1 **Related article**: [Event handling](../../../guides/event_handling/) - -**Related samples**: -- [Diagram. Default mode. Events](https://snippet.dhtmlx.com/7h2hgb3g) -- [Diagram. Org chart mode. Events](https://snippet.dhtmlx.com/l38pct7c) - diff --git a/docs/api/diagram/expanditem_method.md b/docs/api/diagram/expanditem_method.md index 5628ab53a..82c577d9b 100644 --- a/docs/api/diagram/expanditem_method.md +++ b/docs/api/diagram/expanditem_method.md @@ -14,15 +14,15 @@ description: You can learn about the expandItem method in the documentation of t ~~~jsx expandItem( - id: string | number, - dir?: string + id: string | number, + dir?: string ): void; ~~~ ### Parameters - `id` - (required) the ID of the item -- `dir` - (optional) defines the side the children will be shown in relation to the root shape: **"left"**, **"right"** +- `dir` - (optional) defines the side the children will be shown in relation to the root shape: **"left"**, **"right"** :::note The **dir** parameter can be used only when the diagram is initialized in the mindmap mode (*type:"mindmap"*) ::: @@ -40,15 +40,15 @@ diagram.expandItem(123); or -~~~js {2,6} +~~~jsx {2,6} const diagram = new dhx.Diagram("diagram_container", { - type:"mindmap" + type:"mindmap" }); diagram.data.parse(data); diagram.expandItem("main", "left"); ~~~ -**Change log:** The **dir** parameter was added in v3.1 +**Change log**: The **dir** parameter was added in v3.1 -**Related articles:** [Expanding/collapsing items](../../../guides/manipulating_items/#expandingcollapsing-items) +**Related articles**: [Expanding/collapsing items](../../../guides/manipulating_items/#expandingcollapsing-items) diff --git a/docs/api/diagram/exportstyles_property.md b/docs/api/diagram/exportstyles_property.md index f9ebfa8da..3a2c2ab89 100644 --- a/docs/api/diagram/exportstyles_property.md +++ b/docs/api/diagram/exportstyles_property.md @@ -18,7 +18,7 @@ To avoid this problem, you can reduce the size of the exported data by applying ### Usage -~~~js +~~~jsx exportStyles?: boolean; //or exportStyles?: string[]; @@ -26,7 +26,7 @@ exportStyles?: string[]; ### Default config -~~~js +~~~jsx exportStyles: true ~~~ @@ -34,17 +34,17 @@ exportStyles: true Set the **exportStyles** property to *false* to prevent all styles from being sent to the export service: -~~~js +~~~jsx const diagram = new dhx.Diagram("diagram_container", { - exportStyles: false + exportStyles: false }); ~~~ Or define a set of styles you want to be exported. For that, you need to set string values with the absolute paths to the desired styles to the **exportStyles** array: -~~~js +~~~jsx const diagram = new dhx.Diagram("diagram_container", { - exportStyles:[ + exportStyles:[ "https://mySite.com/exportStyle.css", "https://mySite.com/secondExportStyle.css" ] diff --git a/docs/api/diagram/getscrollstate_method.md b/docs/api/diagram/getscrollstate_method.md index c1b9d05bf..a469222b5 100644 --- a/docs/api/diagram/getscrollstate_method.md +++ b/docs/api/diagram/getscrollstate_method.md @@ -12,7 +12,7 @@ description: You can learn about the getScrollState method in the documentation ### Usage -~~~jsx +~~~jsx getScrollState(): object; ~~~ @@ -35,4 +35,4 @@ const state = diagram.getScrollState(); **Related articles**: [Scrolling Diagram](../../../guides/diagram/scrolling_diagram/) -**Related sample**: [Diagram. Scroll content](https://snippet.dhtmlx.com/f970hbym) \ No newline at end of file +**Related sample**: [Diagram. Scroll content](https://snippet.dhtmlx.com/f970hbym) diff --git a/docs/api/diagram/groupclick_event.md b/docs/api/diagram/groupclick_event.md index d92be88b5..9172e2608 100644 --- a/docs/api/diagram/groupclick_event.md +++ b/docs/api/diagram/groupclick_event.md @@ -14,7 +14,7 @@ If a click is done over a swimlane, the event will be fired on the cell of the s ### Usage -~~~js +~~~jsx groupClick: ( id: string | number, event: MouseEvent @@ -30,7 +30,7 @@ The callback of the event takes the following parameters: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -46,4 +46,4 @@ diagram.events.on("groupClick", (id, event) => { **Change log**: Added in v4.0 -**Related article**: [Event handling](../../../guides/event_handling/) \ No newline at end of file +**Related article**: [Event handling](../../../guides/event_handling/) diff --git a/docs/api/diagram/groupdblclick_event.md b/docs/api/diagram/groupdblclick_event.md index d00990683..8b9e00a4a 100644 --- a/docs/api/diagram/groupdblclick_event.md +++ b/docs/api/diagram/groupdblclick_event.md @@ -14,7 +14,7 @@ If a double-click is done over a swimlane, the event will be fired on the cell o ### Usage -~~~js +~~~jsx groupDblClick: ( id: string | number, event: MouseEvent @@ -30,7 +30,7 @@ The callback of the event takes the following parameters: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -47,5 +47,3 @@ diagram.events.on("groupDblClick", (id, event) => { **Change log**: Added in v4.0 **Related article**: [Event handling](../../../guides/event_handling/) - -**Related samples**: [Diagram. Default mode. Events](https://snippet.dhtmlx.com/7h2hgb3g) diff --git a/docs/api/diagram/groupheaderclick_event.md b/docs/api/diagram/groupheaderclick_event.md index c772dd3fd..3b3eb779d 100644 --- a/docs/api/diagram/groupheaderclick_event.md +++ b/docs/api/diagram/groupheaderclick_event.md @@ -14,7 +14,7 @@ If a click is done over a header of a swimlane, the event will be fired on the s ### Usage -~~~js +~~~jsx groupHeaderClick: ( id: string | number, event: MouseEvent, @@ -32,7 +32,7 @@ The callback of the event takes the following parameters: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -49,6 +49,3 @@ diagram.events.on("groupHeaderClick", (id, event, subheaderId) => { **Change log**: Added in v4.0 **Related article**: [Event handling](../../../guides/event_handling/) - -**Related samples**: [Diagram. Default mode. Events](https://snippet.dhtmlx.com/7h2hgb3g) - diff --git a/docs/api/diagram/groupheaderdblclick_event.md b/docs/api/diagram/groupheaderdblclick_event.md index b8d61a434..97ce1be50 100644 --- a/docs/api/diagram/groupheaderdblclick_event.md +++ b/docs/api/diagram/groupheaderdblclick_event.md @@ -14,7 +14,7 @@ If a double-click is done over a header of a swimlane, the event will be fired o ### Usage -~~~js +~~~jsx groupHeaderDblClick: ( id: string | number, event: MouseEvent, @@ -32,7 +32,7 @@ The callback of the event takes the following parameters: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -49,6 +49,3 @@ diagram.events.on("groupHeaderDblClick", (id, event, subheaderId) => { **Change log**: Added in v4.0 **Related article**: [Event handling](../../../guides/event_handling/) - -**Related samples**: [Diagram. Default mode. Events](https://snippet.dhtmlx.com/7h2hgb3g) - diff --git a/docs/api/diagram/groupmousedown_event.md b/docs/api/diagram/groupmousedown_event.md index fe0da4a28..70ac29438 100644 --- a/docs/api/diagram/groupmousedown_event.md +++ b/docs/api/diagram/groupmousedown_event.md @@ -14,7 +14,7 @@ If a pointing device button is pressed while the pointer is over a swimlane, the ### Usage -~~~js +~~~jsx groupMouseDown: ( id: string | number, event: MouseEvent @@ -30,7 +30,7 @@ The callback of the event takes the following parameters: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -47,6 +47,3 @@ diagram.events.on("groupMouseDown", (id, event) => { **Change log**: Added in v4.0 **Related article**: [Event handling](../../../guides/event_handling/) - -**Related samples**: [Diagram. Default mode. Events](https://snippet.dhtmlx.com/7h2hgb3g) - diff --git a/docs/api/diagram/itemclick_event.md b/docs/api/diagram/itemclick_event.md index 06fd544fe..51794adbb 100644 --- a/docs/api/diagram/itemclick_event.md +++ b/docs/api/diagram/itemclick_event.md @@ -14,7 +14,7 @@ If a click is done over a swimlane, the event will be fired on the cell of the s ### Usage -~~~js +~~~jsx itemClick: ( id: string | number, event: MouseEvent @@ -30,7 +30,7 @@ The callback of the event takes the following parameters: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -47,8 +47,3 @@ diagram.events.on("itemClick", (id, event) => { **Change log**: Added in v4.0 **Related article**: [Event handling](../../../guides/event_handling/) - -**Related samples**: -- [Diagram. Default mode. Events](https://snippet.dhtmlx.com/7h2hgb3g) -- [Diagram. Org chart mode. Events](https://snippet.dhtmlx.com/l38pct7c) - diff --git a/docs/api/diagram/itemdblclick_event.md b/docs/api/diagram/itemdblclick_event.md index 473acef4d..6296955be 100644 --- a/docs/api/diagram/itemdblclick_event.md +++ b/docs/api/diagram/itemdblclick_event.md @@ -14,7 +14,7 @@ If a double-click is done over a swimlane, the event will be fired on the cell o ### Usage -~~~js +~~~jsx itemDblClick: ( id: string | number, event: MouseEvent @@ -30,7 +30,7 @@ The callback of the event takes the following parameters: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -47,8 +47,3 @@ diagram.events.on("itemDblClick", (id, event) => { **Change log**: Added in v4.0 **Related article**: [Event handling](../../../guides/event_handling/) - -**Related samples**: -- [Diagram. Default mode. Events](https://snippet.dhtmlx.com/7h2hgb3g) -- [Diagram. Org chart mode. Events](https://snippet.dhtmlx.com/l38pct7c) - diff --git a/docs/api/diagram/itemmousedown_event.md b/docs/api/diagram/itemmousedown_event.md index 660cd2454..2b35f117d 100644 --- a/docs/api/diagram/itemmousedown_event.md +++ b/docs/api/diagram/itemmousedown_event.md @@ -14,7 +14,7 @@ If a pointing device button is pressed while the pointer is over a swimlane, the ### Usage -~~~js +~~~jsx itemMouseDown: ( id: string | number, event: MouseEvent @@ -30,7 +30,7 @@ The callback of the event takes the following parameters: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -47,8 +47,3 @@ diagram.events.on("itemMouseDown", (id, event) => { **Change log**: Added in v4.0 **Related article**: [Event handling](../../../guides/event_handling/) - -**Related samples**: -- [Diagram. Default mode. Events](https://snippet.dhtmlx.com/7h2hgb3g) -- [Diagram. Org chart mode. Events](https://snippet.dhtmlx.com/l38pct7c) - diff --git a/docs/api/diagram/itemmouseout_event.md b/docs/api/diagram/itemmouseout_event.md index b205e2442..c565dd6dd 100644 --- a/docs/api/diagram/itemmouseout_event.md +++ b/docs/api/diagram/itemmouseout_event.md @@ -12,7 +12,7 @@ description: You can learn about the itemMouseOut event in the documentation of ### Usage -~~~js +~~~jsx itemMouseOut: ( id: string | number, event: MouseEvent @@ -28,7 +28,7 @@ The callback of the event takes the following parameters: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -45,8 +45,3 @@ diagram.events.on("itemMouseOut", (id, event) => { **Change log**: Added in v4.0 **Related article**: [Event handling](../../../guides/event_handling/) - -**Related samples**: -- [Diagram. Default mode. Events](https://snippet.dhtmlx.com/7h2hgb3g) -- [Diagram. Org chart mode. Events](https://snippet.dhtmlx.com/l38pct7c) - diff --git a/docs/api/diagram/itemmouseover_event.md b/docs/api/diagram/itemmouseover_event.md index b7c55564a..df9264708 100644 --- a/docs/api/diagram/itemmouseover_event.md +++ b/docs/api/diagram/itemmouseover_event.md @@ -12,7 +12,7 @@ description: You can learn about the itemMouseOver event in the documentation of ### Usage -~~~js +~~~jsx itemMouseOver: ( id: string | number, event: MouseEvent @@ -28,7 +28,7 @@ The callback of the event takes the following parameters: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -45,8 +45,3 @@ diagram.events.on("itemMouseOver", (id, event) => { **Change log**: Added in v4.0 **Related article**: [Event handling](../../../guides/event_handling/) - -**Related samples**: -- [Diagram. Default mode. Events](https://snippet.dhtmlx.com/7h2hgb3g) -- [Diagram. Org chart mode. Events](https://snippet.dhtmlx.com/l38pct7c) - diff --git a/docs/api/diagram/lineclick_event.md b/docs/api/diagram/lineclick_event.md index 3a2e93994..0cc0b5a6d 100644 --- a/docs/api/diagram/lineclick_event.md +++ b/docs/api/diagram/lineclick_event.md @@ -12,7 +12,7 @@ description: You can learn about the lineClick event in the documentation of the ### Usage -~~~js +~~~jsx lineClick: ( id: string | number, event: MouseEvent @@ -28,7 +28,7 @@ The callback of the event takes the following parameters: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -37,7 +37,7 @@ const diagram = new dhx.Diagram("diagram_container", { diagram.data.parse(data); // attaching a handler to the event -diagram.events.on("lineClick", function(id, events) { +diagram.events.on("lineClick", (id) => { console.log(id); }); ~~~ @@ -45,6 +45,3 @@ diagram.events.on("lineClick", function(id, events) { **Change log**: Added in v3.0 **Related article**: [Event handling](../../../guides/event_handling/) - -**Related samples**: [Diagram. Default mode. Events](https://snippet.dhtmlx.com/7h2hgb3g) - diff --git a/docs/api/diagram/lineconfig_property.md b/docs/api/diagram/lineconfig_property.md index b534b6bf0..801899855 100644 --- a/docs/api/diagram/lineconfig_property.md +++ b/docs/api/diagram/lineconfig_property.md @@ -12,7 +12,7 @@ description: You can learn about the lineConfig property in the documentation of ### Usage -~~~js +~~~jsx lineConfig?: { lineType?: "dash" | "line", lineGap?: number @@ -32,7 +32,7 @@ The value of the **lineType** setting will be applied, if the line object doesn' ### Default config -~~~js +~~~jsx lineConfig: { lineType: "line", lineGap: 10 @@ -41,7 +41,7 @@ lineConfig: { ### Example -~~~js {2-5} +~~~jsx {2-5} const diagram = new dhx.Diagram("diagram_container", { type: "default", lineConfig: { @@ -58,7 +58,7 @@ The result of applying the **lineGap** property is shown in the image below: **Related sample**: [Diagram. Default mode. Activity diagram](https://snippet.dhtmlx.com/a9t2z2dt) -**Change log**: +**Change log**: - The **lineGap** parameter is added in v5.0 (check the Migration article) - Added in v4.2 diff --git a/docs/api/diagram/linedblclick_event.md b/docs/api/diagram/linedblclick_event.md index 06762fd60..fd38ecb25 100644 --- a/docs/api/diagram/linedblclick_event.md +++ b/docs/api/diagram/linedblclick_event.md @@ -12,7 +12,7 @@ description: You can learn about the lineDblClick event in the documentation of ### Usage -~~~js +~~~jsx lineDblClick: ( id: string | number, event: MouseEvent @@ -28,7 +28,7 @@ The callback of the event takes the following parameters: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -45,6 +45,3 @@ diagram.events.on("lineDblClick", (id, event) => { **Change log**: Added in v4.0 **Related article**: [Event handling](../../../guides/event_handling/) - -**Related sample**: [Diagram. Default mode. Events](https://snippet.dhtmlx.com/7h2hgb3g) - diff --git a/docs/api/diagram/linegap_property.md b/docs/api/diagram/linegap_property.md deleted file mode 100644 index 6bed27251..000000000 --- a/docs/api/diagram/linegap_property.md +++ /dev/null @@ -1,47 +0,0 @@ ---- -sidebar_label: lineGap -title: lineGap Property -description: You can learn about the lineGap property in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# - -

lineGap

- -:::danger -Starting from version 5.0, the `lineGap` property is **deprecated** and no longer supported. Instead, you need to use the **lineGap** parameter of the [lineConfig](diagram/api/diagram/lineconfig_property.md) property. -::: - -:::info -The property is available only in the default mode of the diagram (*type:"default"*). -::: - -### Description - -@short: Optional. Sets the distance to the right-angled bend of a connector line - -### Usage - -~~~js -lineGap?: number; -~~~ - -### Default config - -~~~js -lineGap: 10 -~~~ - -### Example - -~~~js -const diagram = new dhx.Diagram("diagram_container", { - lineGap: 50 -}); -~~~ - -The result of applying the **lineGap** property is shown in the image below: - -![](../../assets/linegap_config.png) - -**Related sample**: [Diagram. Default mode. Activity diagram](https://snippet.dhtmlx.com/a9t2z2dt) \ No newline at end of file diff --git a/docs/api/diagram/linemousedown_event.md b/docs/api/diagram/linemousedown_event.md index c900d4197..a09cfd19e 100644 --- a/docs/api/diagram/linemousedown_event.md +++ b/docs/api/diagram/linemousedown_event.md @@ -12,7 +12,7 @@ description: You can learn about the lineMouseDown event in the documentation of ### Usage -~~~js +~~~jsx lineMouseDown: ( id: string | number, event: MouseEvent @@ -28,7 +28,7 @@ The callback of the event takes the following parameters: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -45,6 +45,3 @@ diagram.events.on("lineMouseDown", (id, event) => { **Change log**: Added in v4.0 **Related article**: [Event handling](../../../guides/event_handling/) - -**Related sample**: [Diagram. Default mode. Events](https://snippet.dhtmlx.com/7h2hgb3g) - diff --git a/docs/api/diagram/linetitleclick_event.md b/docs/api/diagram/linetitleclick_event.md index ec3d0b0e6..1b9842d3d 100644 --- a/docs/api/diagram/linetitleclick_event.md +++ b/docs/api/diagram/linetitleclick_event.md @@ -12,11 +12,11 @@ description: You can learn about the lineTitleClick event in the documentation o ### Usage -~~~js +~~~jsx lineTitleClick: ( - lineId: string | number, - titleId: string | number, - event: MouseEvent + lineId: string | number, + titleId: string | number, + event: MouseEvent ) => void; ~~~ @@ -30,7 +30,7 @@ The callback of the event takes the following parameters: ### Usage -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -40,14 +40,10 @@ diagram.data.parse(data); // attaching a handler to the event diagram.events.on("lineTitleClick", (lineId, titleId, event) => { - console.log("lineTitleClick"); + console.log("lineTitleClick"); }); ~~~ **Change log**: Added in v4.1 **Related article**: [Event handling](../../../guides/event_handling/) - -**Related samples**: [Diagram. Default mode. Events](https://snippet.dhtmlx.com/7h2hgb3g) - - diff --git a/docs/api/diagram/linetitledblclick_event.md b/docs/api/diagram/linetitledblclick_event.md index e80d11b65..ae94bdaff 100644 --- a/docs/api/diagram/linetitledblclick_event.md +++ b/docs/api/diagram/linetitledblclick_event.md @@ -12,11 +12,11 @@ description: You can learn about the lineTitleDblClick event in the documentatio ### Usage -~~~js +~~~jsx lineTitleDblClick: ( - lineId: string | number, - titleId: string | number, - event: MouseEvent + lineId: string | number, + titleId: string | number, + event: MouseEvent ) => void; ~~~ @@ -30,7 +30,7 @@ The callback of the event takes the following parameters: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -40,13 +40,10 @@ diagram.data.parse(data); // attaching a handler to the event diagram.events.on("lineTitleDblClick", (lineId, titleId, event) => { - console.log("lineTitleDblClick"); + console.log("lineTitleDblClick"); }); ~~~ **Change log**: Added in v4.1 **Related article**: [Event handling](../../../guides/event_handling/) - -**Related samples**: [Diagram. Default mode. Events](https://snippet.dhtmlx.com/7h2hgb3g) - diff --git a/docs/api/diagram/linetitlemousedown_event.md b/docs/api/diagram/linetitlemousedown_event.md index 9af82ac77..f97ba9f85 100644 --- a/docs/api/diagram/linetitlemousedown_event.md +++ b/docs/api/diagram/linetitlemousedown_event.md @@ -12,11 +12,11 @@ description: You can learn about the lineTitleMouseDown event in the documentati ### Usage -~~~js +~~~jsx lineTitleMouseDown: ( - lineId: string | number, - titleId: string | number, - event: MouseEvent + lineId: string | number, + titleId: string | number, + event: MouseEvent ) => void; ~~~ @@ -30,7 +30,7 @@ The callback of the event takes the following parameters: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -40,12 +40,10 @@ diagram.data.parse(data); // attaching a handler to the event diagram.events.on("lineTitleMouseDown", (lineId, titleId, event) => { - console.log("lineTitleMouseDown"); + console.log("lineTitleMouseDown"); }); ~~~ **Change log**: Added in v4.1 **Related article**: [Event handling](../../../guides/event_handling/) - -**Related samples**: [Diagram. Default mode. Events](https://snippet.dhtmlx.com/7h2hgb3g) \ No newline at end of file diff --git a/docs/api/diagram/locate_method.md b/docs/api/diagram/locate_method.md index ea691ccca..c02d893cf 100644 --- a/docs/api/diagram/locate_method.md +++ b/docs/api/diagram/locate_method.md @@ -31,4 +31,4 @@ const diagram = new dhx.Diagram("diagram_container"); diagram.data.parse(data); const id = diagram.locate(event); -~~~ \ No newline at end of file +~~~ diff --git a/docs/api/diagram/margin_property.md b/docs/api/diagram/margin_property.md index d8acc6551..1fbcb0886 100644 --- a/docs/api/diagram/margin_property.md +++ b/docs/api/diagram/margin_property.md @@ -12,12 +12,12 @@ description: You can learn about the margin property in the documentation of the ### Usage -~~~js +~~~jsx margin?: { - itemX?: number, - itemY?: number, + itemX?: number, + itemY?: number, x?: number, - y?: number, + y?: number }; ~~~ @@ -32,7 +32,7 @@ The **margin** object can include the following parameters: ### Default config -~~~js +~~~jsx margin: { x: 40, y: 40, itemX: 40, itemY: 40 @@ -41,7 +41,7 @@ margin: { ### Example -~~~js +~~~jsx const diagram = new dhx.Diagram("diagram_container", { type: "org", margin: { @@ -51,4 +51,7 @@ const diagram = new dhx.Diagram("diagram_container", { }); ~~~ -**Related sample:** [Diagram. Org chart mode. Margin between shapes](https://snippet.dhtmlx.com/bwe9vm6i) \ No newline at end of file +**Related samples**: + +- [Diagram. Org chart mode. Margin between shapes](https://snippet.dhtmlx.com/bwe9vm6i) +- [Diagram. Default mode. Flowchart custom styles](https://snippet.dhtmlx.com/3wyut2mn) diff --git a/docs/api/diagram/paint_method.md b/docs/api/diagram/paint_method.md index ce204a06e..88c17f464 100644 --- a/docs/api/diagram/paint_method.md +++ b/docs/api/diagram/paint_method.md @@ -23,4 +23,4 @@ const diagram = new dhx.Diagram("diagram_container"); diagram.data.parse(data); diagram.paint(); -~~~ \ No newline at end of file +~~~ diff --git a/docs/api/diagram/scale_property.md b/docs/api/diagram/scale_property.md index 202bb6e39..41eadcd55 100644 --- a/docs/api/diagram/scale_property.md +++ b/docs/api/diagram/scale_property.md @@ -12,24 +12,25 @@ description: You can learn about the scale property in the documentation of the ### Usage -~~~js +~~~jsx scale?: number; ~~~ ### Default config -~~~js +~~~jsx scale: 1 ~~~ ### Example -~~~js +~~~jsx const diagram = new dhx.Diagram("diagram_container", { - scale: 0.7 + scale: 0.7 }); ~~~ **Related samples**: + - [Diagram. Configuration. Scaled diagram](https://snippet.dhtmlx.com/9h89c3gl) -- [Diagram. Template. Zoom template](https://snippet.dhtmlx.com/09o8t3o2) \ No newline at end of file +- [Diagram. Template. Zoom template](https://snippet.dhtmlx.com/09o8t3o2) diff --git a/docs/api/diagram/scroll_event.md b/docs/api/diagram/scroll_event.md index 9239d1a62..09f809026 100644 --- a/docs/api/diagram/scroll_event.md +++ b/docs/api/diagram/scroll_event.md @@ -12,7 +12,7 @@ description: You can learn about the scroll event in the documentation of the DH ### Usage -~~~js +~~~jsx scroll: (position: object) => void; ~~~ @@ -20,30 +20,26 @@ scroll: (position: object) => void; The callback of the event takes the following parameter: -- `position` - (required) the position of a scroll. The object contains x and y coordinates of the current scroll position, e.g.: {x: 67, y: 130} +- `position` - (required) the position of a scroll. The object contains x and y coordinates of the current scroll position, e.g.: `{x: 67, y: 130}` ### Example -~~~js {10-12} +~~~jsx {10-12} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { - type: "org", - scroll: true + type: "org", + scroll: true }); // loading data diagram.data.parse(data); // attaching a handler to the event -diagram.events.on("scroll", function(pos){ - console.log("The diagram has been scrolled") +diagram.events.on("scroll", () => { + console.log("The diagram has been scrolled") }); ~~~ -**Related articles**: +**Related articles**: + - [Scrolling Diagram](../../../guides/diagram/scrolling_diagram/) - [Event handling](../../../guides/event_handling/) - -**Related samples**: -- [Diagram. Default mode. Events](https://snippet.dhtmlx.com/7h2hgb3g) -- [Diagram. Org chart mode. Events](https://snippet.dhtmlx.com/l38pct7c) - diff --git a/docs/api/diagram/scrollto_method.md b/docs/api/diagram/scrollto_method.md index 56a8be5ea..20e7b648d 100644 --- a/docs/api/diagram/scrollto_method.md +++ b/docs/api/diagram/scrollto_method.md @@ -30,4 +30,4 @@ diagram.data.parse(data); diagram.scrollTo(100, 80); ~~~ -**Related articles:** [Scrolling Diagram](../../../guides/diagram/scrolling_diagram/) +**Related articles**: [Scrolling Diagram](../../../guides/diagram/scrolling_diagram/) diff --git a/docs/api/diagram/select_property.md b/docs/api/diagram/select_property.md index 24bda80c1..c48105690 100644 --- a/docs/api/diagram/select_property.md +++ b/docs/api/diagram/select_property.md @@ -12,19 +12,19 @@ description: You can learn about the select property in the documentation of the ### Usage -~~~js +~~~jsx select?: boolean; ~~~ ### Default config -~~~js +~~~jsx select: false ~~~ ### Example -~~~js +~~~jsx const diagram = new dhx.Diagram("diagram_container", { select: true }); @@ -32,5 +32,5 @@ const diagram = new dhx.Diagram("diagram_container", { **Related articles**: -- [Selecting items](../../../guides/diagram/configuration/#selecting-items) +- [Enabling items selection](../../../guides/diagram/configuration/#enabling-items-selection) - [Selecting items](../../../guides/manipulating_items/#selecting-items) diff --git a/docs/api/diagram/shapeclick_event.md b/docs/api/diagram/shapeclick_event.md index 601985d01..9ac01022b 100644 --- a/docs/api/diagram/shapeclick_event.md +++ b/docs/api/diagram/shapeclick_event.md @@ -12,10 +12,10 @@ description: You can learn about the shapeClick event in the documentation of th ### Usage -~~~js +~~~jsx shapeClick: ( - id: string | number, - event: MouseEvent + id: string | number, + event: MouseEvent ) => void; ~~~ @@ -28,7 +28,7 @@ The callback of the event takes the following parameters: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -37,13 +37,9 @@ const diagram = new dhx.Diagram("diagram_container", { diagram.data.parse(data); // attaching a handler to the event -diagram.events.on("shapeClick", function(id) { - console.log('An item "' + diagram.data.getItem(id).text + '" is clicked'); +diagram.events.on("shapeClick", (id) => { + console.log('An item "' + diagram.data.getItem(id).text + '" is clicked'); }); ~~~ **Related article**: [Event handling](../../../guides/event_handling/) - -**Related samples**: -- [Diagram. Default mode. Events](https://snippet.dhtmlx.com/7h2hgb3g) -- [Diagram. Org chart mode. Events](https://snippet.dhtmlx.com/l38pct7c) diff --git a/docs/api/diagram/shapedblclick_event.md b/docs/api/diagram/shapedblclick_event.md index 3215d78da..6a7817dee 100644 --- a/docs/api/diagram/shapedblclick_event.md +++ b/docs/api/diagram/shapedblclick_event.md @@ -12,10 +12,10 @@ description: You can learn about the shapeDblClick event in the documentation of ### Usage -~~~js +~~~jsx shapeDblClick: ( - id: string | number, - event: MouseEvent + id: string | number, + event: MouseEvent ) => void; ~~~ @@ -28,7 +28,7 @@ The callback of the event takes the following parameters: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -37,13 +37,9 @@ const diagram = new dhx.Diagram("diagram_container", { diagram.data.parse(data); // attaching a handler to the event -diagram.events.on("shapeDblClick", function(id) { - console.log('An item "' + diagram.data.getItem(id).text + '"double-clicked'); +diagram.events.on("shapeDblClick", (id) => { + console.log('An item "' + diagram.data.getItem(id).text + '"double-clicked'); }); ~~~ **Related article**: [Event handling](../../../guides/event_handling/) - -**Related samples**: -- [Diagram. Default mode. Events](https://snippet.dhtmlx.com/7h2hgb3g) -- [Diagram. Org chart mode. Events](https://snippet.dhtmlx.com/l38pct7c) diff --git a/docs/api/diagram/shapeiconclick_event.md b/docs/api/diagram/shapeiconclick_event.md index 344731f0b..f8cc13cbd 100644 --- a/docs/api/diagram/shapeiconclick_event.md +++ b/docs/api/diagram/shapeiconclick_event.md @@ -8,50 +8,68 @@ description: You can learn about the shapeIconClick event in the documentation o ### Description -@short: Fires on clicking a toolbar icon +@short: Fires on clicking an icon of the shape toolbar ### Usage -~~~js -shapeIconClick: ( - id: string | number, - event: MouseEvent +~~~jsx +"shapeIconClick": ( + id: string | number, + event: MouseEvent ) => void; ~~~ ### Parameters -The callback of the event takes the following parameters: +The callback of the event is called with the following parameters: -- `id` - (required) the id of the icon -- `event` - (required) a native HTML event object +- `id` - the id of the icon +- `event` - a native HTML event object ### Example -~~~js {18-21} +~~~jsx {23-39} // initializing Diagram -const diagram = new dhx.Diagram("diagram_container", { - toolbar: [ - { - id: "download", +const diagram = new dhx.Diagram("diagram_container", { + select: true, + // setting a toolbar with buttons for items + toolbar: [ + { + id: "add", + content: "" + }, + { + id: "download", content: "" - }, - { - id: "info", - content: "" - } + }, + { + id: "remove", + content: "" + } ] }); // loading data diagram.data.parse(data); -// attaching a handler to the event -diagram.events.on("shapeIconClick", function(icon){ - const id = diagram.selection.getId(); - alert(icon + " was clicked for id = " + id); +diagram.events.on("shapeIconClick", function (action) { + const selectedId = diagram.selection.getItem().id; + switch(action) { + case "download": + diagram.export.pdf(); + break; + case "remove": + diagram.data.remove(selectedId); + break; + case "add": + diagram.data.add({ + text: "New shape", + parent: selectedId, + }); + break; + } }); ~~~ **Related article**: [Event handling](../../../guides/event_handling/) -**Related sample**: [Diagram. Configuration. Per-shape toolbar](https://snippet.dhtmlx.com/4if395hd) \ No newline at end of file +**Related sample**: [Diagram. Configuration. Shape toolbar](https://snippet.dhtmlx.com/4if395hd) diff --git a/docs/api/diagram/shapemousedown_event.md b/docs/api/diagram/shapemousedown_event.md index bc4341b74..2e0e80f5c 100644 --- a/docs/api/diagram/shapemousedown_event.md +++ b/docs/api/diagram/shapemousedown_event.md @@ -12,10 +12,10 @@ description: You can learn about the shapeMouseDown event in the documentation o ### Usage -~~~js +~~~jsx shapeMouseDown: ( - id: string | number, - event: MouseEvent + id: string | number, + event: MouseEvent ) => void; ~~~ @@ -28,7 +28,7 @@ The callback of the event takes the following parameters: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -37,13 +37,9 @@ const diagram = new dhx.Diagram("diagram_container", { diagram.data.parse(data); // attaching a handler to the event -diagram.events.on("shapeMouseDown", function(id, event) { - console.log('An item "' + diagram.data.getItem(id).text + '"will be clicked'); +diagram.events.on("shapeMouseDown", (id) => { + console.log('An item "' + diagram.data.getItem(id).text + '"will be clicked'); }); ~~~ **Related article**: [Event handling](../../../guides/event_handling/) - -**Related samples**: -- [Diagram. Default mode. Events](https://snippet.dhtmlx.com/7h2hgb3g) -- [Diagram. Org chart mode. Events](https://snippet.dhtmlx.com/l38pct7c) diff --git a/docs/api/diagram/showitem_method.md b/docs/api/diagram/showitem_method.md index e7faa36b4..26044468e 100644 --- a/docs/api/diagram/showitem_method.md +++ b/docs/api/diagram/showitem_method.md @@ -29,6 +29,7 @@ diagram.data.parse(data); diagram.showItem(123); ~~~ -**Related sample**: +**Related samples**: + - [Diagram. Shape search](https://snippet.dhtmlx.com/d7kvzq4r) - [Diagram. Scroll content](https://snippet.dhtmlx.com/f970hbym) diff --git a/docs/api/diagram/toolbar_property.md b/docs/api/diagram/toolbar_property.md index 10fc05a74..f8e55d467 100644 --- a/docs/api/diagram/toolbar_property.md +++ b/docs/api/diagram/toolbar_property.md @@ -1,5 +1,5 @@ --- -sidebar_label: toolbar +sidebar_label: toolbar title: toolbar Property description: You can learn about the toolbar property in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. --- @@ -12,13 +12,13 @@ description: You can learn about the toolbar property in the documentation of th ### Usage -~~~js +~~~jsx toolbar?: [ { - id: string, + id: string, content: string, - check?: function, - css?: function, + check?: function, + css?: function, tooltip?: string }, {...} // other icon objects @@ -37,33 +37,41 @@ The **toolbar** array includes a set of icon objects. Each icon object can have ### Example -~~~js +~~~jsx const diagram = new dhx.Diagram("diagram_container", { - type: "org", - select: true, - margin: { - y: 65 - }, - toolbar: [{ - id: "download", - content: "", - tooltip: "Download", - }, - { - id: "info", - content: "", - tooltip: "Info", - }] + type: "org", + select: true, + // setting a toolbar with buttons for items + toolbar: [ + { + id: "add", + content: "", + check: item => !item.assistant && !item.partner, + tooltip: "Add new shape" + }, + { + id: "download", + content: "", + tooltip: "Download to PDF" + }, + { + id: "remove", + content: "", + check: item => item.parent, + css: () => "dhx_diagram_toolbar__icon--remove", + tooltip: "Remove" + } + ] }); ~~~ -**Change log:** +**Change log**: - The **tooltip** parameter is added in v5.0 **Related articles**: -- [Setting toolbar for items](../../../guides/diagram/configuration/#setting-toolbar-for-items) +- [Setting toolbar for shapes](/guides/diagram/configuration/#setting-toolbar-for-shapes) - [Default icons](https://docs.dhtmlx.com/suite/helpers/icon/) -**Related sample**: [Diagram. Configuration. Per-shape toolbar](https://snippet.dhtmlx.com/4if395hd) +**Related sample**: [Diagram. Configuration. Shape toolbar](https://snippet.dhtmlx.com/4if395hd) diff --git a/docs/api/diagram/type_property.md b/docs/api/diagram/type_property.md index caede3e23..61b6adca0 100644 --- a/docs/api/diagram/type_property.md +++ b/docs/api/diagram/type_property.md @@ -8,11 +8,11 @@ description: You can learn about the type property in the documentation of the D ### Description -@short: Required. Defines the mode of Diagram initialization +@short: Required. Defines the mode of Diagram initialization ### Usage -~~~js +~~~jsx type: "default" | "org" | "mindmap"; ~~~ @@ -20,19 +20,19 @@ type: "default" | "org" | "mindmap"; DHTMLX Diagram can be initialized in one of three modes: -- **type:"default"** is used to initialize a Diagram in the default mode: +- **type:"default"** is used to visualize relations between some entities - + -- **type:"org"** is used to initialize a Diagram in the org chart mode: +- **type:"org"** is used to show the structure of a group of people by presenting their relations in a hierarchical order - + -- **type:"mindmap"** is used to initialize a Diagram in the mindmap mode. +- **type:"mindmap"** is used to arrange information on some topic by representing the main concept surrounded by associated ideas - + **Related articles**: - [Overview](../../../) -- [How to start with Diagram](../../../guides/diagram/initialization/) \ No newline at end of file +- [How to start with Diagram](../../../guides/diagram/initialization/) diff --git a/docs/api/diagram/typeconfig_property.md b/docs/api/diagram/typeconfig_property.md index 756d0d800..eabdee2d5 100644 --- a/docs/api/diagram/typeconfig_property.md +++ b/docs/api/diagram/typeconfig_property.md @@ -18,7 +18,7 @@ If you don't apply the **typeConfig** property, the child shapes will be arrange ### Usage -~~~js +~~~jsx typeConfig?: { direction?: "left" | "right"; } @@ -26,10 +26,10 @@ typeConfig?: { //or typeConfig?: { side?: { - left?: string[], - right?: string[], - } -} + left?: string[], + right?: string[] + } +} ~~~ ### Parameters @@ -47,24 +47,24 @@ You can use either the **direction** attribute or the **side** one. Don't use bo ### Example -~~~js {3-5} +~~~jsx {3-5} const diagram = new dhx.Diagram("diagram_container", { type: "mindmap", typeConfig: { - direction: "right", - }, + direction: "right" + } }); ~~~ or -~~~js {3-8} +~~~jsx {3-8} const diagram = new dhx.Diagram("diagram_container", { type: "mindmap", typeConfig: { side: { left: ["2", "3"], - right: ["4", "5"], + right: ["4", "5"] } } }); @@ -72,12 +72,11 @@ const diagram = new dhx.Diagram("diagram_container", { The other child shapes that are not set in the **side** option will be arranged automatically according to the main algorithm. - **Change log**: Added in v3.1. **Related articles**: [Arrangement of shapes in the mindmap mode of Diagram](../../../guides/diagram/configuration/#arranging-shapes-in-the-mindmap-mode-of-diagram) -**Related samples**: +**Related samples**: - [Diagram. Mindmap mode. Direction ("left" | "right")](https://snippet.dhtmlx.com/pzllujx3) -- [Diagram. Mindmap mode. Custom sides](https://snippet.dhtmlx.com/atto9ckg) \ No newline at end of file +- [Diagram. Mindmap mode. Custom sides](https://snippet.dhtmlx.com/atto9ckg) diff --git a/docs/api/diagram_editor/copymanager/api_overview.md b/docs/api/diagram_editor/copymanager/api_overview.md new file mode 100644 index 000000000..302ec52a2 --- /dev/null +++ b/docs/api/diagram_editor/copymanager/api_overview.md @@ -0,0 +1,26 @@ +--- +sidebar_label: Copy manager API overview +title: Copy manager API overview +description: You can check a Copy manager overview in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# Copy manager API overview + +A set of APIs that you can use when copying and pasting items of the Diagram Editor. Use the `model` keyword to access the Copy manager via the `editor` object: + +~~~jsx {5} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default" // only default +}); +// ... +editor.model.copy(); // copies selected items +~~~ + +## Copy manager methods overview + +| Name | Description | +| :----------------------------------------------------------------- | :--------------------------------------------------------------------- | +| [](api/diagram_editor/copymanager/methods/copy_method.md) | @getshort(api/diagram_editor/copymanager/methods/copy_method.md) | +| [](api/diagram_editor/copymanager/methods/copystyles_method.md) | @getshort(api/diagram_editor/copymanager/methods/copystyles_method.md) | +| [](api/diagram_editor/copymanager/methods/paste_method.md) | @getshort(api/diagram_editor/copymanager/methods/paste_method.md) | +| [](api/diagram_editor/copymanager/methods/pastestyles_method.md) | @getshort(api/diagram_editor/copymanager/methods/pastestyles_method.md)| diff --git a/docs/api/diagram_editor/copymanager/methods/copy_method.md b/docs/api/diagram_editor/copymanager/methods/copy_method.md new file mode 100644 index 000000000..34db1ce73 --- /dev/null +++ b/docs/api/diagram_editor/copymanager/methods/copy_method.md @@ -0,0 +1,49 @@ +--- +sidebar_label: copy() +title: copy Method of Copy Manager +description: You can learn about the copy method of copy manager in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# copy() + +### Description + +@short: Copies selected elements or elements specified by ids + +:::note +The `copy()` method works only if the Diagram Editor is initialized in the **default** mode. +::: + +### Usage + +~~~jsx +copy(ids?: (string | number)[]): void; +~~~ + +### Parameters + +- `ids` - (optional) an array (list) of the elements' ids to copy + +### Example + +- call the method without arguments to copy elements from the selection list + +~~~jsx {5} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", // only default +}); +// ... +editor.model.copy(); // copies selected items +~~~ + +- pass some ids to the method to copy the corresponding elements + +~~~jsx {5} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", // only default +}); +// ... +editor.model.copy(["1", "2"]); // copies the specified items +~~~ + +**Change log**: Added in v6.0 diff --git a/docs/api/diagram_editor/copymanager/methods/copystyles_method.md b/docs/api/diagram_editor/copymanager/methods/copystyles_method.md new file mode 100644 index 000000000..4de37291e --- /dev/null +++ b/docs/api/diagram_editor/copymanager/methods/copystyles_method.md @@ -0,0 +1,45 @@ +--- +sidebar_label: copyStyles() +title: copyStyles Method of Copy Manager +description: You can learn about the copyStyles method of copy manager in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# copyStyles() + +### Description + +@short: Copies styles of the specified element or the first element from the selection list + +### Usage + +~~~jsx +copyStyles(id?: string | number): void; +~~~ + +### Parameters + +- `id`- (optional) the id of an element selected for copying styles + +### Example + +- call the method without arguments to copy styles of the *first element from the selection list* + +~~~jsx {5} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", +}); +// ... +editor.model.copyStyles(); // copies styles of the first element from the selection list +~~~ + +- pass the id of some element to the method to copy its styles + +~~~jsx {5} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", +}); +// ... +editor.model.copyStyles("1"); // copies styles of the specified element +~~~ + +**Change log**: Added in v6.0 diff --git a/docs/api/diagram_editor/copymanager/methods/overview.md b/docs/api/diagram_editor/copymanager/methods/overview.md new file mode 100644 index 000000000..875c941ea --- /dev/null +++ b/docs/api/diagram_editor/copymanager/methods/overview.md @@ -0,0 +1,14 @@ +--- +sidebar_label: Copy manager methods +title: Copy manager methods overview +description: You can explore the Copy manager methods in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# Copy manager methods overview + +| Name | Description | +| :----------------------------------------------------------------- | :--------------------------------------------------------------------- | +| [](api/diagram_editor/copymanager/methods/copy_method.md) | @getshort(api/diagram_editor/copymanager/methods/copy_method.md) | +| [](api/diagram_editor/copymanager/methods/copystyles_method.md) | @getshort(api/diagram_editor/copymanager/methods/copystyles_method.md) | +| [](api/diagram_editor/copymanager/methods/paste_method.md) | @getshort(api/diagram_editor/copymanager/methods/paste_method.md) | +| [](api/diagram_editor/copymanager/methods/pastestyles_method.md) | @getshort(api/diagram_editor/copymanager/methods/pastestyles_method.md)| diff --git a/docs/api/diagram_editor/copymanager/methods/paste_method.md b/docs/api/diagram_editor/copymanager/methods/paste_method.md new file mode 100644 index 000000000..f84c09e61 --- /dev/null +++ b/docs/api/diagram_editor/copymanager/methods/paste_method.md @@ -0,0 +1,34 @@ +--- +sidebar_label: paste() +title: paste Method of Copy Manager +description: You can learn about the paste method of copy manager in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# paste() + +### Description + +@short: Creates new elements identical to the elements passed by the "copy()" method + +:::note +The `paste()` method works only if the Diagram Editor is initialized in the **default** mode. +::: + +### Usage + +~~~jsx +paste(): void; +~~~ + +### Example + +~~~jsx {5-6} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default" // only default +}); +// ... +editor.model.copy(); // copies the selected items +editor.model.paste() // pastes new items +~~~ + +**Change log**: Added in v6.0 diff --git a/docs/api/diagram_editor/copymanager/methods/pastestyles_method.md b/docs/api/diagram_editor/copymanager/methods/pastestyles_method.md new file mode 100644 index 000000000..4f54c7d06 --- /dev/null +++ b/docs/api/diagram_editor/copymanager/methods/pastestyles_method.md @@ -0,0 +1,47 @@ +--- +sidebar_label: pasteStyles() +title: pasteStyles Method of Copy Manager +description: You can learn about the pasteStyles method of copy manager in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# pasteStyles() + +### Description + +@short: Applies copied styles to the list of selected elements or elements specified by ids + +### Usage + +~~~jsx +pasteStyles(ids?: (string | number)[]): void; +~~~ + +### Parameters + +- `ids` - (optional) an array of elements' ids to apply the copied styles to + +### Example + +- call the method without arguments to apply styles to the elements from the selection list + +~~~jsx {5-6} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default" +}); +// ... +editor.model.copyStyles(); // copies styles of the first element from the selection list +editor.model.pasteStyles(); // applies copied styles to the elements from the selection list +~~~ + +- pass the ids of certain elements to the method to apply the copied styles to them + +~~~jsx {5-6} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default" +}); +// ... +editor.model.copyStyles("2"); // copies styles of the specified element +editor.model.pasteStyles(["1", "2", "3"]); // applies copied styles to the specified elements +~~~ + +**Change log**: Added in v6.0 diff --git a/docs/api/diagram_editor/editbar/api_overview.md b/docs/api/diagram_editor/editbar/api_overview.md new file mode 100644 index 000000000..db4e95137 --- /dev/null +++ b/docs/api/diagram_editor/editbar/api_overview.md @@ -0,0 +1,40 @@ +--- +sidebar_label: Editbar API overview +title: Editbar API overview +description: You can check a Editbar overview in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# Editbar API overview + +[Editbar](/guides/diagram_editor/editbar/) is a part of the Diagram Editor that contains controls for managing Diagram items (shapes, lines, groups, etc). Use the `editbar` property of the [`view`](/api/diagram_editor/editor/config/view_property/) configuration object to show, hide and configure the Editbar. There are two ways of initialization you can choose from: + +- creating the default Editbar by using the `editbar:true` setting: + +~~~jsx +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + editbar: true // displaying the default Editbar + } +}); +~~~ + +- configuring Editbar by specifying it as an object with [a set of properties](/category/editbar-properties/): + +~~~jsx +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + // configuring Editbar via an object + editbar: { + css: "custom_css", + show: true, + width: 300, + controls: {...}, + properties: {...} + } + } +}); +~~~ + +Check the [related API section](/category/editbar-properties/) to explore the available properties of Editbar. diff --git a/docs/api/diagram_editor/editbar/basic_controls/avatar.md b/docs/api/diagram_editor/editbar/basic_controls/avatar.md new file mode 100644 index 000000000..30971a08c --- /dev/null +++ b/docs/api/diagram_editor/editbar/basic_controls/avatar.md @@ -0,0 +1,148 @@ +--- +sidebar_label: Avatar +title: Editbar Basic Controls - Avatar +description: You can explore the Avatar control of Editbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# Avatar + +@short: The basic control for uploading of images. + +![Avatar control](../../../../assets/editbar-basic-controls/avatar.png) + +## Usage + +~~~jsx +{ + type: "avatar", + key?: string, // "img" by default + wrap?: boolean, // false by default + target?: string, + + hidden?: boolean, // false by default + disabled?: boolean, // false by default + readOnly?: boolean, // false by default + + removeIcon?: boolean, // true by default + circle?: boolean, // false by default + icon?: string, + placeholder?: string, + preview?: string, + alt?: string, + size?: "small" | "medium" | "large" | number, // "medium" by default + + css?: string, + width?: string | number | "content", // "content" by default + height?: string | number | "content", // "content" by default + padding?: string | number, + + // for `wrap:true` check the label properties for the Fieldset + label?: string, + labelWidth?: string | number, + labelPosition?: "left" | "top", // "top" by default + + accept?: string, // "image/*" by default + fieldName?: string, // "file" by default + autosend?: boolean, // false by default + params?: { [key: string]: any }, + headerParams?: { [key: string]: any }, + updateFromResponse?: boolean, // true by default + + // service properties and methods + $on?: { [eventName: string]: function }, + $handler?: function, + $setValue?: function, + $layout?: function +~~~ + +## Description + +### Basic properties + +- `type` - (required) the type of a control. Set it to *"avatar"* +- `key` - (optional) the name of the specified/modified property in the object of a Diagram item. *"img"* by default +- `wrap` - (optional) allows displaying the external wrapping. *false* by default +- `target` - (optional) sets an URL to the server-side script that will process file upload, the property is required when an image is sent to the server via the control +:::note +While loading an image and sending it to the server via the `target` property, note that the [*value* object](https://docs.dhtmlx.com/suite/form/api/avatar/api_avatar_properties/#description) will be sent to the server. The file itself will be recorded in the dataset in the *base64* format. You can redefine this logic using the [service methods](#service-properties-and-methods). +::: +- `hidden` - (optional) defines whether a control is hidden. *false* by default +- `disabled` - (optional) defines whether a control is enabled (*false*) or disabled (*true*). *false* by default +- `readOnly` - (optional) sets the readonly mode for the control. *false* by default +- `removeIcon` - (optional) enables the possibility to clear the control by means of the UI. *true* by default +- `circle` - (optional) sets the mode of displaying the control with rounded corners. *false* by default +- `icon` - (optional) allows setting the CSS class of an icon when there is no image uploaded, doesn't work together with the `preview` property +- `placeholder` - (optional) allows setting a text to be visible when there is no image uploaded, doesn't work together with the `preview` property +- `preview` - (optional) specifies the absolute path to the preview image. The preview image is visible, when an image is not uploaded +- `alt` - (optional) sets the attribute of the <img> tag - an alternative text when there is no image uploaded +- `size` - (optional) allows setting one of the three basic control's sizes: *"small"* | *"medium"* | *"large"* , or applying a custom size in px. *"medium"* by default +- `css` - (optional) adds style classes to a control +- `width` - (optional) the width of a control. *"content"* by default +- `height` - (optional) the height of a control. *"content"* by default +- `padding` - (optional) sets padding between a cell and a border of the Avatar control +- `label` - (optional) specifies a label for the control +- `labelWidth` - (optional) sets the label width of the control +- `labelPosition` - (optional) defines the position of a label: *"left"* | *"top"*. *"top"* by default +- `accept` - (optional) allows specifying the type/extension of the selected file. *"image/*"* by default. [Check details](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept#unique_file_type_specifiers) +- `fieldName` - (optional) sets the file field name in the form data sent to the server. *"file"* by default +- `autosend` - (optional) enables/disables automatic sending of an added file. *false* by default +- `params` - (optional) adds extra parameters for sending an XMLHttpRequest +- `headerParams` - (optional) provides additional parameters for Request Headers +- `updateFromResponse` - (optional) updates file attributes with the data from the server response. *true* by default + +### Service properties and methods + +:::warning +Note that it's highly not recommended to redefine the service properties and methods for the default types of controls, since it may cause breaks in their functionality. +::: + +- `$on` - (optional) - allows setting an event listener. The object has the following properties: + - `eventName` - a callback function which is called with the following parameters: + - `object` - an object with the following properties: + - `control` - the [Avatar](https://docs.dhtmlx.com/suite/form/avatar/) Form control + - `editor` - the object of the Diagram Editor + - `id` - the id of a Diagram item + - `arguments` - (optional) - the [original event arguments](https://docs.dhtmlx.com/suite/category/form-avatar-events/) +- `$handler` - (optional) - a callback function that allows handling actions on firing the `change` event of the [Avatar](https://docs.dhtmlx.com/suite/form/avatar/) Form control and the `change` event of DataCollection. Called with the following parameter: + - `object` - an object with the following properties: + - `id` - the id of a Diagram item + - `key` - the name of the specified/modified property in the object of a Diagram item + - `editor` - the object of the Diagram Editor + - `control` - the object of the [Avatar](https://docs.dhtmlx.com/suite/form/avatar/) Form control the component is built on + - `value` - the new value of the [Avatar](https://docs.dhtmlx.com/suite/form/avatar/) Form control +- `$setValue` - (optional) - a callback function that allows setting the value of the [Avatar](https://docs.dhtmlx.com/suite/form/avatar/) Form control on initialization of a control and on changing the value in DataCollection. Called with the following parameter: + - `object` - an object with the following properties: + - `editor` - the object of the Diagram Editor + - `control` - the object of the [Avatar](https://docs.dhtmlx.com/suite/form/avatar/) Form control the component is built on + - `value` - the value of a Diagram item +- `$layout` - (optional) - a callback function that allows setting the structure of a control. Returns the configuration of the [Avatar](https://docs.dhtmlx.com/suite/form/avatar/) Form control. Called with the following parameter: + - `object` - the configuration of the control without service properties + +## Example + +~~~jsx {7-19} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + editbar: { + properties: { + "img-card": [ + { + type: "avatar", + accept: "image/*", + fieldName: "file", + target: "https://docs.dhtmlx.com/suite/backend/upload", + params: { + "firstCustomParam": "customValue" + }, + headerParams: { + "firstCustomParam": "customValue" + }, + autosend: true + } + ] + } + } + } +}); +~~~ diff --git a/docs/api/diagram_editor/editbar/basic_controls/button.md b/docs/api/diagram_editor/editbar/basic_controls/button.md new file mode 100644 index 000000000..51a08d049 --- /dev/null +++ b/docs/api/diagram_editor/editbar/basic_controls/button.md @@ -0,0 +1,104 @@ +--- +sidebar_label: Button +title: Editbar Basic Controls - Button +description: You can explore the Button control of Editbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# Button + +@short: The basic button control that can have an icon. + +![Button control](../../../../assets/editbar-basic-controls/button.png) + +## Usage + +~~~jsx +{ + type: "button", + text?: string, + + css?: string, + disabled?: boolean, // false by default + hidden?: boolean, // false by default + height?: string | number | "content", // "content" by default + width?: string | number | "content", // "content" by default + padding?: string | number, + + // button view + circle?: boolean, // false by default + color?: "danger" | "secondary" | "primary" | "success", // "primary" by default + full?: boolean, // false by default + icon?: string, + size?: "small" | "medium", // "medium" by default + view?: "flat" | "link", // "flat" by default + + // service properties and methods + $on?: { [eventName: string]: function }, + $layout?: function +} +~~~ + +## Description + +### Basic properties + +- `type` - (required) the type of a control. Set it to *"button"* +- `text` - (optional) the text label of a button +- `css` - (optional) adds style classes to a control +- `disabled` - (optional) defines whether a control is enabled (*false*) or disabled (*true*). *false* by default +- `hidden` - (optional) defines whether a control is hidden. *false* by default +- `height` - (optional) the height of a control. *"content"* by default +- `width` - (optional) the width of a control. *"content"* by default +- `padding` - (optional) sets padding between a cell and a border of a button control +- `circle` - (optional) makes the corners of a button round. *false* by default +- `color` - (optional) defines the color scheme of a button: *"danger"* | *"secondary"* | *"primary"* | *"success"*. *"primary"* by default +- `full` - (optional) extends a button to the full width of the Editbar. *false* by default +- `icon` - (optional) sets the CSS class of an icon displayed inside the button +- `size` - (optional) defines the size of a button: *"small"* | *"medium"*. *"medium"* by default +- `view` - (optional) defines the look of a button: *"flat"* | *"link"*. *"flat"* by default + +### Service properties and methods + +:::warning +Note that it's highly not recommended to redefine the service properties and methods for the default types of controls, since it may cause breaks in their functionality. +::: + +- `$on` - (optional) - allows setting an event listener. The object has the following properties: + - `eventName` - a callback function which is called with the following parameters: + - `object` - an object with the following properties: + - `control` - the [Button](https://docs.dhtmlx.com/suite/form/button/) Form control + - `editor` - the object of the Diagram Editor + - `id` - the id of a Diagram item + - `arguments` - (optional) - the [original event arguments](https://docs.dhtmlx.com/suite/category/form-button-events/) +- `$layout` - (optional) - a callback function that allows setting the structure of a control. Returns the configuration of the [Button](https://docs.dhtmlx.com/suite/form/button/) Form control. Called with the following parameter: + - `object` - the configuration of a control without service properties + +## Example + +~~~jsx {8-20} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + editbar: { + properties: { + $shape: [ + { type: "input", label: "Text", placeholder: "Push the button", key: "text" }, + { + type: "button", + full: true, + text: "Change shape text", + color: "danger", + $on: { + click: ({ id, editor }) => { + editor.diagram.data.update(id, { + text: "New text" + }); + } + } + } + ] + } + } + } +}); +~~~ diff --git a/docs/api/diagram_editor/editbar/basic_controls/checkbox.md b/docs/api/diagram_editor/editbar/basic_controls/checkbox.md new file mode 100644 index 000000000..ffebe728c --- /dev/null +++ b/docs/api/diagram_editor/editbar/basic_controls/checkbox.md @@ -0,0 +1,118 @@ +--- +sidebar_label: Checkbox +title: Editbar Basic Controls - Checkbox +description: You can explore the Checkbox control of Editbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# Checkbox + +@short: The basic control for displaying the specified value or change it to the opposite one. + +![Checkbox control](../../../../assets/editbar-basic-controls/checkbox.png) + +## Usage + +~~~jsx +{ + type: "checkbox", + key?: string | string[], + text?: string, + value?: string, + + css?: string, + disabled?: boolean, // false by default + hidden?: boolean, // false by default + height?: string | number | "content", // "content" by default + width?: string | number | "content", // "content" by default + padding?: string | number, + + label?: string, + labelWidth?: string | number, + labelPosition?: "left" | "top", // "top" by default + + // service properties and methods + $on?: { [eventName: string]: function }, + $handler?: function, + $setValue?: function, + $layout?: function +} +~~~ + +The control can be used both with the *boolean* value and the *string* one, if the `value` property is specified. [Check the example below](#example) to get the idea. + +## Description + +### Basic properties + +- `type` - (required) the type of a control. Set it to *"checkbox"* +- `key` - (optional) the name of the specified/modified property or the path to it in the object of a Diagram item +- `text` - (optional) the text value of a control. It's placed to the right of the control +- `value` - (optional) the value of a checkbox +- `css` - (optional) adds style classes to a control +- `disabled` - (optional) defines whether a control is enabled (*false*) or disabled (*true*). *false* by default +- `hidden` - (optional) defines whether a checkbox is hidden. *false* by default +- `height` - (optional) the height of a control. *"content"* by default +- `width` - (optional) the width of a control. *"content"* by default +- `padding` - (optional) sets padding between a cell and a border of a Checkbox control +- `label` - (optional) specifies a label for a control +- `labelPosition` - (optional) defines the position of a label: *"left"* | *"top"*. *"top"* by default +- `labelWidth` - (optional) sets the width of the label of a control + +### Service properties and methods + +:::warning +Note that it's highly not recommended to redefine the service properties and methods for the default types of controls, since it may cause breaks in their functionality. +::: + +- `$on` - (optional) - allows setting an event listener. The object has the following properties: + - `eventName` - a callback function which is called with the following parameters: + - `object` - an object with the following properties: + - `control` - the [Checkbox](https://docs.dhtmlx.com/suite/form/checkbox/) Form control + - `editor` - the object of the Diagram Editor + - `id` - the id of a Diagram item + - `arguments` - (optional) - the [original event arguments](https://docs.dhtmlx.com/suite/category/form-checkbox-events/) +- `$handler` - (optional) - a callback function that allows handling actions on firing the `change` event of the [Checkbox](https://docs.dhtmlx.com/suite/form/checkbox/) Form control and the `change` event of DataCollection. Called with the following parameter: + - `object` - an object with the following properties: + - `id` - the id of a Diagram item + - `key` - the name of the specified/modified property or the path to it in the object of a Diagram item + - `editor` - the object of the Diagram Editor + - `control` - the object of the [Checkbox](https://docs.dhtmlx.com/suite/form/checkbox/) Form control the component is built on + - `value` - the new value of the [Checkbox](https://docs.dhtmlx.com/suite/form/checkbox/) Form control +- `$setValue` - (optional) - a callback function that allows setting the value of the [Checkbox](https://docs.dhtmlx.com/suite/form/checkbox/) Form control on initialization of a control and on changing the value in DataCollection. Called with the following parameter: + - `object` - an object with the following properties: + - `editor` - the object of the Diagram Editor + - `control` - the object of the [Checkbox](https://docs.dhtmlx.com/suite/form/checkbox/) Form control the component is built on + - `value` - the value of a Diagram item +- `$layout` - (optional) - a callback function that allows setting the structure of a control. Returns the configuration of the [Checkbox](https://docs.dhtmlx.com/suite/form/checkbox/) Form control. Called with the following parameter: + - `object` - the configuration of a control without service properties + +## Example + +~~~jsx {7-17} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + editbar: { + properties: { + $shape: [ + { + type: "checkbox", + label: "String value", + key: "other", + value: "enable" + }, + { + type: "checkbox", + label: "Boolean value", + key: "fixed" + } + ] + } + } + } +}); +editor.parse([ + { "type": "rectangle", "other": "", "fixed": false }, + { "type": "rectangle", "other": "enable", "fixed": true, "x": 400 } +]); +~~~ diff --git a/docs/api/diagram_editor/editbar/basic_controls/checkboxgroup.md b/docs/api/diagram_editor/editbar/basic_controls/checkboxgroup.md new file mode 100644 index 000000000..1198e9782 --- /dev/null +++ b/docs/api/diagram_editor/editbar/basic_controls/checkboxgroup.md @@ -0,0 +1,172 @@ +--- +sidebar_label: CheckboxGroup +title: Editbar Basic Controls - CheckboxGroup +description: You can explore the CheckboxGroup control of Editbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# CheckboxGroup + +@short: The basic control for creating groups of checkboxes. + +![CheckboxGroup control](../../../../assets/editbar-basic-controls/checkboxgroup.png) + +## Usage + +~~~jsx +{ + type: "checkboxGroup", + options: { + rows?: object[], + cols?: object[], + css?: string, + height?: string | number | "content", // "content" by default + width?: string | number | "content", // "content" by default + padding?: string | number, + }, + key?: string | string[], + wrap?: boolean, // false by default + + css?: string, + disabled?: boolean, // false by default + hidden?: boolean, // false by default + height?: string | number | "content", // "content" by default + width?: string | number | "content", // "content" by default + padding?: string | number, + + // for `wrap:true` check the label properties for the Fieldset + label?: string, + labelWidth?: string | number, + labelPosition?: "left" | "top", // "top" by default + + // service properties and methods + $on?: { [eventName: string]: function }, + $handler?: function, + $setValue?: function, + $layout?: function +} +~~~ + +Checkbox configuration object inside a CheckboxGroup: + +~~~jsx +{ + id: string, + text: string, + value?: string, + + css?: string, + disabled?: boolean, // false by default + hidden?: boolean, // false by default + height?: string | number | "content", // "content" by default + width?: string | number | "content", // "content" by default + padding?: string | number +} +~~~ + +The objects with the `checkbox` configuration inside the control can be used both with the *boolean* value and the *string* one, if the `value` property is specified. [Check the example below](#example) to get the idea. + +## Description + +### CheckboxGroup properties + +#### Basic properties + +- `type` - (required) the type of a control. Set it to *"checkboxGroup"* +- `key` - (optional) the name of the specified/modified property or the path to it in the object of a Diagram item +- `wrap` - (optional) allows displaying the external wrapping. *false* by default +- `options` - (required) an object with options of a CheckboxGroup. The object can contain the following attributes: + - `rows` - (optional) arranges [checkboxes](#checkbox-properties) inside the CheckboxGroup control vertically + - `cols` - (optional) arranges [checkboxes](#checkbox-properties) inside the CheckboxGroup control horizontally + - `css` - (optional) adds style classes to a CheckboxGroup + - `height` - (optional) the height of a CheckboxGroup + - `padding` - (optional) sets padding between a cell and a border of a CheckboxGroup + - `width` - (optional) the width of a CheckboxGroup +- `css` - (optional) adds style classes to a control +- `disabled` - (optional) defines whether a control is enabled (*false*) or disabled (*true*). *false* by default +- `hidden` - (boolean) defines whether a CheckboxGroup is hidden. *false* by default +- `height` - (optional) the height of a control. *"content"* by default +- `width` - (optional) the width of a control. *"content"* by default +- `padding` - (optional) sets padding between a cell and a border of a CheckboxGroup control +- `label` - (optional) specifies a label for the control +- `labelWidth` - (optional) sets the label width of the control +- `labelPosition` - (optional) defines the position of a label: *"left"* | *"top"*. *"top"* by default + +#### Service properties and methods + +:::warning +Note that it's highly not recommended to redefine the service properties and methods for the default types of controls, since it may cause breaks in their functionality. +::: + +- `$on` - (optional) - allows setting an event listener. The object has the following properties: + - `eventName` - a callback function which is called with the following parameters: + - `object` - an object with the following properties: + - `control` - the [CheckboxGroup](https://docs.dhtmlx.com/suite/form/checkboxgroup/) Form control + - `editor` - the object of the Diagram Editor + - `id` - the id of a Diagram item + - `arguments` - (optional) - the [original event arguments](https://docs.dhtmlx.com/suite/category/form-checkboxgroup-events/) +- `$handler` - (optional) - a callback function that allows handling actions on firing the `change` event of the [CheckboxGroup](https://docs.dhtmlx.com/suite/form/checkboxgroup/) Form control and the `change` event of DataCollection. Called with the following parameter: + - `object` - an object with the following properties: + - `id` - the id of a Diagram item + - `key` - the name of the specified/modified property or the path to it in the object of a Diagram item + - `editor` - the object of the Diagram Editor + - `control` - the object of the [CheckboxGroup](https://docs.dhtmlx.com/suite/form/checkboxgroup/) Form control the component is built on + - `value` - the new value of the [CheckboxGroup](https://docs.dhtmlx.com/suite/form/checkboxgroup/) Form control +- `$setValue` - (optional) - a callback function that allows setting the value of the [CheckboxGroup](https://docs.dhtmlx.com/suite/form/checkboxgroup/) Form control on initialization of a control and on changing the value in DataCollection. Called with the following parameter: + - `object` - an object with the following properties: + - `editor` - the object of the Diagram Editor + - `control` - the object of the [CheckboxGroup](https://docs.dhtmlx.com/suite/form/checkboxgroup/) Form control the component is built on + - `value` - the value of a Diagram item +- `$layout` - (optional) - a callback function that allows setting the structure of a control. Returns the configuration of the [CheckboxGroup](https://docs.dhtmlx.com/suite/form/checkboxgroup/) Form control. Called with the following parameter: + - `object` - the configuration of a control without service properties + +### Checkbox properties + +- `id` - (optional) the id of a control, auto-generated if not set +- `text` - (optional) the text label of a checkbox +- `value` - (optional) the value of a checkbox +- `css` - (optional) adds style classes to a control +- `disabled` - (optional) defines whether a control is enabled (*false*) or disabled (*true*). *false* by default +- `hidden` - (optional) defines whether a checkbox is hidden. *false* by default +- `height` - (optional) the height of a control. *"content"* by default +- `width` - (optional) the width of a control. *"content"* by default +- `padding` - (optional) sets padding between a cell and a border of a Checkbox control + +## Example + +~~~jsx {7-19} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + editbar: { + properties: { + $shape: [ + { + type: "checkboxGroup", + label: "Select products", + key: "products", + options: { + rows: [ + { id: "diagram", text: "DHTMLX Diagram", value: "diagram" }, + { id: "suite", text: "DHTMLX Suite", value: "suite" }, + { id: "gantt", text: "DHTMLX Gantt" }, + { id: "spreadsheet", text: "DHTMLX Spreadsheet", disabled: true } + ] + } + } + ] + } + } + } +}); +editor.parse([ + { + "type": "rectangle", + "products": { + "diagram": "diagram", + "suite": "", + "gantt": true, + "spreadsheet": false + } + } +]); +~~~ diff --git a/docs/api/diagram_editor/editbar/basic_controls/colorpicker.md b/docs/api/diagram_editor/editbar/basic_controls/colorpicker.md new file mode 100644 index 000000000..cc33529e9 --- /dev/null +++ b/docs/api/diagram_editor/editbar/basic_controls/colorpicker.md @@ -0,0 +1,136 @@ +--- +sidebar_label: Colorpicker +title: Editbar Basic Controls - Colorpicker +description: You can explore the Colorpicker control of Editbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# Colorpicker + +@short: The basic control for selecting a color. + +![Colorpicker control](../../../../assets/editbar-basic-controls/colorpicker.png) + +## Usage + +~~~jsx +{ + type: "colorpicker", + key?: string | string[], + wrap?: boolean, // false by default + + css?: string, + disabled?: boolean, // false by default + hidden?: boolean, // false by default + height?: string | number | "content", // "content" by default + width?: string | number | "content", // "content" by default + padding?: string | number, + + customColors?: string[], + grayShades?: boolean, // true by default + icon?: string, + mode?: "palette" | "picker", // "palette" by default + palette?: string[][], + paletteOnly?: boolean, // false by default + pickerOnly?: boolean, // false by default + placeholder?: string, + + // for `wrap:true` check the label properties for the Fieldset + label?: string, + labelWidth?: string | number, + labelPosition?: "left" | "top", // "top" by default + + // service properties and methods + $on?: { [eventName: string]: function }, + $handler?: function, + $setValue?: function, + $layout?: function +} +~~~ + +## Description + +### Basic properties + +- `type` - (required) the type of a control. Set it to *"colorpicker"* +- `key` - (optional) the name of the specified/modified property or the path to it in the object of a Diagram item +- `wrap` - (optional) allows displaying the external wrapping. *false* by default +- `css` - (optional) adds style classes to a control +- `disabled` - (optional) defines whether a control is enabled (*false*) or disabled (*true*). *false* by default +- `hidden` - (optional) defines whether a control is hidden. *false* by default +- `height` - (optional) the height of a control. *"content"* by default +- `width` - (optional) the width of a control. *"content"* by default +- `padding` - (optional) sets padding between a cell and a border of a Colorpicker control +- `customColors` - (optional) shows a section with custom colors in the bottom part of the Colorpicker +- `grayShades` - (optional) defines whether the section with gray shades is displayed in the palette. *true* by default +- `icon` - (optional) the CSS class of an icon from the used icon font +- `mode` - (optional) the mode of a control: *"palette"* | *"picker"*. *"palette"* by default +- `palette` - (optional) contains arrays of colors you want to be shown in a colorpicker +- `paletteOnly` - (optional) defines whether Colorpicker is shown only in the palette mode. *false* by default +- `pickerOnly` - (optional) defines whether Colorpicker is shown only in the picker mode. *false* by default +- `placeholder` - (optional) a tip for the input +- `label` - (optional) specifies a label for a control +- `labelPosition` - (optional) defines the position of a label: *"left"* | *"top"*. *"top"* by default +- `labelWidth` - (optional) sets the width of the label of a control + +### Service properties and methods + +:::warning +Note that it's highly not recommended to redefine the service properties and methods for the default types of controls, since it may cause breaks in their functionality. +::: + +- `$on` - (optional) - allows setting an event listener. The object has the following properties: + - `eventName` - a callback function which is called with the following parameters: + - `object` - an object with the following properties: + - `control` - the [Colorpicker](https://docs.dhtmlx.com/suite/form/colorpicker/) Form control + - `editor` - the object of the Diagram Editor + - `id` - the id of a Diagram item + - `arguments` - (optional) - the [original event arguments](https://docs.dhtmlx.com/suite/category/form-colorpicker-events/) +- `$handler` - (optional) - a callback function that allows handling actions on firing the `change` and `input` events of the [Colorpicker](https://docs.dhtmlx.com/suite/form/colorpicker/) Form control and the `change` event of DataCollection. Called with the following parameter: + - `object` - an object with the following properties: + - `id` - the id of a Diagram item + - `key` - the name of the specified/modified property or the path to it in the object of a Diagram item + - `editor` - the object of the Diagram Editor + - `control` - the object of the [Colorpicker](https://docs.dhtmlx.com/suite/form/colorpicker/) Form control the component is built on + - `value` - the new value of the [Colorpicker](https://docs.dhtmlx.com/suite/form/colorpicker/) Form control +- `$setValue` - (optional) - a callback function that allows setting the value of the [Colorpicker](https://docs.dhtmlx.com/suite/form/colorpicker/) Form control on initialization of a control and on changing the value in DataCollection. Called with the following parameter: + - `object` - an object with the following properties: + - `editor` - the object of the Diagram Editor + - `control` - the object of the [Colorpicker](https://docs.dhtmlx.com/suite/form/colorpicker/) Form control the component is built on + - `value` - the value of a Diagram item +- `$layout` - (optional) - a callback function that allows setting the structure of a control. Returns the configuration of the [Colorpicker](https://docs.dhtmlx.com/suite/form/colorpicker/) Form control. Called with the following parameter: + - `object` - the configuration of a control without service properties + +## Example + +~~~jsx {7-25} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + editbar: { + properties: { + $shape: [ + { + type: "colorpicker", + wrap: true, + label: "Fill", + placeholder: "Select color", + grayShades: false, + palette: [ + ["#69d2e7", "#a7dbd8", "#e0e4cc", "#f38630", "#fa6900", "#7fc7af", "#dad8a7"], + ["#fe4365", "#fc9d9a", "#f9cdad", "#c8c8a9", "#83af9b", "#948c75", "#d5ded9"], + ["#ecd078", "#d95b43", "#c02942", "#542437", "#53777a", "#cbe86b", "#f2e9e1"], + ["#556270", "#4ecdc4", "#c7f464", "#ff6b6b", "#c44d58", "#dce9be", "#555152"], + ["#774f38", "#e08e79", "#f1d4af", "#ece5ce", "#c5e0dc", "#005f6b", "#008c9e"], + ["#e8ddcb", "#cdb380", "#036564", "#033649", "#031634", "#73626e", "#b38184"], + ["#490a3d", "#bd1550", "#e97f02", "#f8ca00", "#8a9b0f", "#fc913a", "#f9d423"], + ["#594f4f", "#547980", "#45ada8", "#9de0ad", "#e5fcc2", "#fecea8", "#ff847c"], + ["#00a0b0", "#6a4a3c", "#cc333f", "#eb6841", "#edc951", "#80bca3", "#f6f7bd"], + ["#e94e77", "#d68189", "#c6a49a", "#c6e5d9", "#f4ead5", "#40c0cb", "#f9f2e7"] + ] + } + ] + } + } + } +}); +~~~ diff --git a/docs/api/diagram_editor/editbar/basic_controls/combo.md b/docs/api/diagram_editor/editbar/basic_controls/combo.md new file mode 100644 index 000000000..db00cd067 --- /dev/null +++ b/docs/api/diagram_editor/editbar/basic_controls/combo.md @@ -0,0 +1,205 @@ +--- +sidebar_label: Combo +title: Editbar Basic Controls - Combo +description: You can explore the Combo control of Editbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# Combo + +@short: The basic input control that represents an advanced editable select box with a set of options. + +![Combo control](../../../../assets/editbar-basic-controls/combo.png) + +## Usage + +~~~jsx +{ + type: "combo", + options: (object | string)[], + key?: string | string[], + wrap?: boolean, // false by default + + css?: string, + disabled?: boolean, // false by default + hidden?: boolean, // false by default + height?: string | number | "content", // "content" by default + width?: string | number | "content", // "content" by default + padding?: string | number, + + filter?: (item: any, input: string) => boolean, + itemHeight?: number | string, // 32 by default + itemsCount?: boolean | ((count: number) => string), + listHeight?: number | string, // 224 by default + multiselection?: boolean, // false by default + placeholder?: string, + readOnly?: boolean, // false by default + selectAllButton?: boolean, // false by default + template?: (item: object) => string, + virtual?: boolean, // false by default + + // for `wrap:true` check the label properties for the Fieldset + label?: string, + labelWidth?: string | number, + labelPosition?: "left" | "top", // "top" by default + + // service properties and methods + $on?: { [eventName: string]: function }, + $handler?: function, + $setValue?: function, + $layout?: function +} +~~~ + +Option configuration object inside Combo: + +~~~jsx +{ + id: string | number, + value: string | number +} +~~~ + +## Description + +### Combo properties + +#### Basic properties + +- `type` - (required) the type of a control. Set it to *"combo"* +- `options` - (required) an array of Combo options, each option can be set as a *string* or as an *object* with a set of `key:value` pairs - [attributes of options and their values](#option-properties) +- `key` - (optional) the name of the specified/modified property or the path to it in the object of a Diagram item +- `wrap` - (optional) allows displaying the external wrapping. *false* by default +- `css` - (optional) adds style classes to a control +- `disabled` - (optional) defines whether a control is enabled (*false*) or disabled (*true*). *false* by default +- `hidden` - (optional) defines whether a combo is hidden. *false* by default +- `height` - (optional) the height of a control. *"content"* by default +- `width` - (optional) the width of a control. *"content"* by default +- `padding` - (optional) sets padding between a cell and a border of a Combo control +- `filter` - (optional) sets a custom function for filtering Combo options. [Check the details](https://docs.dhtmlx.com/suite/combobox/customization/#custom-filter-for-options). +- `itemHeight` - (optional) sets the height of a cell in the list of options. *32* by default +- `itemsCount` - (optional) shows the total number of selected options +- `listHeight` - (optional) sets the height of the list of options. *224* by default +- `multiselection` - (optional) enables selection of multiple options in Combo. *false* by default +- `placeholder` - (optional) sets a placeholder in the input of Combo +- `readOnly` - (optional) makes Combo readonly (it is only possible to select options from the list, without entering words in the input). *false* by default +- `selectAllButton` - (optional) defines whether the "Select All" button should be shown. *false* by default +- `template` - (optional) sets a template of displaying options in the popup list +- `virtual` - (optional) enables dynamic loading of data on scrolling the list of options. *false* by default +- `label` - (optional) specifies a label for a control +- `labelPosition` - (optional) defines the position of a label: *"left"* | *"top"*. *"top"* by default +- `labelWidth` - (optional) sets the width of the label of a control + +#### Service properties and methods + +:::warning +Note that it's highly not recommended to redefine the service properties and methods for the default types of controls, since it may cause breaks in their functionality. +::: + +- `$on` - (optional) - allows setting an event listener. The object has the following properties: + - `eventName` - a callback function which is called with the following parameters: + - `object` - an object with the following properties: + - `control` - the [Combo](https://docs.dhtmlx.com/suite/form/combo/) Form control + - `editor` - the object of the Diagram Editor + - `id` - the id of a Diagram item + - `arguments` - (optional) - the [original event arguments](https://docs.dhtmlx.com/suite/category/form-combo-events/) +- `$handler` - (optional) - a callback function that allows handling actions on firing the `change` event of the [Combo](https://docs.dhtmlx.com/suite/form/combo/) Form control and the `change` event of DataCollection. Called with the following parameter: + - `object` - an object with the following properties: + - `id` - the id of a Diagram item + - `key` - the name of the specified/modified property or the path to it in the object of a Diagram item + - `editor` - the object of the Diagram Editor + - `control` - the object of the [Combo](https://docs.dhtmlx.com/suite/form/combo/) Form control the component is built on + - `value` - the new value of the [Combo](https://docs.dhtmlx.com/suite/form/combo/) Form control +- `$setValue` - (optional) - a callback function that allows setting the value of the [Combo](https://docs.dhtmlx.com/suite/form/combo/) Form control on initialization of a control and on changing the value in DataCollection. Called with the following parameter: + - `object` - an object with the following properties: + - `editor` - the object of the Diagram Editor + - `control` - the object of the [Combo](https://docs.dhtmlx.com/suite/form/combo/) Form control the component is built on + - `value` - the value of a Diagram item +- `$layout` - (optional) - a callback function that allows setting the structure of a control. Returns the configuration of the [Combo](https://docs.dhtmlx.com/suite/form/combo/) Form control. Called with the following parameter: + - `object` - the configuration of a control without service properties + +### Option properties + +- `id` - the `id` attribute is returned and goes to form data. This attribute should always be fulfilled to avoid unexpected behavior +- `value` - the `value` attribute is displayed in the input field + +## Example + +~~~jsx {7-13} +const editor = new dhx.DiagramEditor("editor_container", { + type: "org", + view: { + editbar: { + properties: { + $shape: [ + { + type: "combo", + key: "responsible", + label: "Responsible", + placeholder: "Select responsible", + options: ["Henry Bennet", "Mike Frebel", "Greg Mash"] + } + ] + } + } + } +}); +editor.parse([ + { "id": "shape_1" }, + { "id": "shape_2", "parent": "shape_1", "responsible": undefined }, + { "id": "shape_3", "parent": "shape_1", "responsible": "Henry Bennet" } +]); +~~~ + +~~~jsx {7-14} title="With multiselection enabled" +const editor = new dhx.DiagramEditor("editor_container", { + type: "org", + view: { + editbar: { + properties: { + $shape: [ + { + type: "combo", + key: "responsible", + multiselection: true, + label: "Responsible", + placeholder: "Select responsible", + options: ["Henry Bennet", "Mike Frebel", "Greg Mash"] + } + ] + } + } + } +}); +editor.parse([ + { "id": "shape_1" }, + { "id": "shape_2", "parent": "shape_1", "responsible": [] }, + { "id": "shape_3", "parent": "shape_1", "responsible": ["Henry Bennet", "Mike Frebel"] } +]); +~~~ + +~~~jsx {7-14} title="Setting options as objects" +const editor = new dhx.DiagramEditor("editor_container", { + type: "org", + view: { + editbar: { + properties: { + $shape: [ + { + type: "combo", + key: "responsible", + multiselection: true, + label: "Responsible", + placeholder: "Select responsible", + options: ["Henry Bennet", "Mike Frebel", { id: 1, value: "Greg Mash" }] + } + ] + } + } + } +}); +editor.parse([ + { "id": "shape_1" }, + { "id": "shape_2", "parent": "shape_1", "responsible": [] }, + { "id": "shape_3", "parent": "shape_1", "responsible": ["Mike Frebel", 1] } +]); +~~~ diff --git a/docs/api/diagram_editor/editbar/basic_controls/container.md b/docs/api/diagram_editor/editbar/basic_controls/container.md new file mode 100644 index 000000000..ddc73b23e --- /dev/null +++ b/docs/api/diagram_editor/editbar/basic_controls/container.md @@ -0,0 +1,90 @@ +--- +sidebar_label: Container +title: Editbar Basic Controls - Container +description: You can explore the Container control of Editbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# Container + +@short: The basic control for attaching an HTML code. + +![Container control](../../../../assets/editbar-basic-controls/container.png) + +## Usage + +~~~jsx +{ + type: "container", + html: HTMLElement | string, + wrap?: boolean, // false by default + + css?: string, + disabled?: boolean, // false by default + hidden?: boolean, // false by default + height?: string | number | "content", // "content" by default + width?: string | number | "content", // "content" by default + padding?: string | number, + + // for `wrap:true` check the label properties for the Fieldset + label?: string, + labelWidth?: string | number, + labelPosition?: "left" | "top", // "top" by default + + // service method + $layout?: function +} +~~~ + +## Description + +### Basic properties + +- `type` - (required) the type of a control. Set it to *"container"* +- `html` - (required) the HTML content of a control +- `wrap` - (optional) allows displaying the external wrapping. *false* by default +- `css` - (optional) adds style classes to a control string +- `disabled` - (optional) defines whether a control is enabled (*false*) or disabled (*true*). *false* by default +- `hidden` - (optional) defines whether a control is hidden. *false* by default +- `height` - (optional) the height of a control. *"content"* by default +- `width` - (optional) the width of a control. *"content"* by default +- `padding` - (optional) sets padding between a cell and a border of a control +- `label` - (optional) specifies a label for the control +- `labelWidth` - (optional) sets the label width of the control +- `labelPosition` - (optional) defines the position of a label: *"left"* | *"top"*. *"top"* by default + +#### Service properties and methods + +:::warning +Note that it's highly not recommended to redefine the service properties and methods for the default types of controls, since it may cause breaks in their functionality. +::: + +- `$layout` - (optional) - a callback function that allows setting the structure of a control. Returns the configuration of the [Container](https://docs.dhtmlx.com/suite/form/container/) Form control. Called with the following parameter: + - `object` - the configuration of a control without service properties + +## Example + +~~~jsx {7-18} +const editor = new dhx.DiagramEditor("editor_container", { + type: "org", + view: { + editbar: { + properties: { + $default: [ + { + type: "container", + html: ` +

DHTMLX Diagram

+

This is an example of simple customization of the editing panel using the container control.

+

You can also use this control to create your own controls.

+ + ` + } + ] + } + } + } +}); +~~~ diff --git a/docs/api/diagram_editor/editbar/basic_controls/datepicker.md b/docs/api/diagram_editor/editbar/basic_controls/datepicker.md new file mode 100644 index 000000000..b815b2528 --- /dev/null +++ b/docs/api/diagram_editor/editbar/basic_controls/datepicker.md @@ -0,0 +1,147 @@ +--- +sidebar_label: Datepicker +title: Editbar Basic Controls - Datepicker +description: You can explore the Datepicker control of Editbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# Datepicker + +@short: The basic control for selecting a date. + +![Datepicker control](../../../../assets/editbar-basic-controls/datepicker.png) + +## Usage + +~~~jsx +{ + type: "datepicker", + key?: string | string[], + wrap?: boolean, // false by default + + css?: string, + disabled?: boolean, // false by default + hidden?: boolean, // false by default + height?: string | number | "content", // "content" by default + width?: string | number | "content", // "content" by default + padding?: string | number, + + date?: Date | string, + dateFormat?: string, // "%d/%m/%y" by default + disabledDates?: (date: Date) => boolean, + icon?: string, + mark?: (date: Date) => string, + mode?: "calendar" | "month" | "year", // "calendar" by default + placeholder?: string, + thisMonthOnly?: boolean, // false by default + timeFormat?: 24 | 12, // 24 by default + timePicker?: boolean, // false by default + valueFormat?: "string" | "Date", // "string" by default + weekNumbers?: boolean, // false by default + weekStart?: "saturday" | "sunday" | "monday", // "sunday" by default + + // for `wrap:true` check the label properties for the Fieldset + label?: string, + labelWidth?: string | number, + labelPosition?: "left" | "top", // "top" by default + + // service properties and methods + $on?: { [eventName: string]: function }, + $handler?: function, + $setValue?: function, + $layout?: function +} +~~~ + +## Description + +### Basic properties + +- `type` - (required) the type of a control. Set it to *"datepicker"* +- `key` - (optional) the name of the specified/modified property or the path to it in the object of a Diagram item +- `wrap` - (optional) allows displaying the external wrapping. *false* by default +- `css` - (optional) adds style classes to a control string +- `disabled` - (optional) defines whether a control is enabled (*false*) or disabled (*true*). *false* by default +- `hidden` - (optional) defines whether a control is hidden. *false* by default +- `height` - (optional) the height of a control. *"content"* by default +- `width` - (optional) the width of a control. *"content"* by default +- `padding` - (optional) sets padding between a cell and a border of a Datepicker control +- `date` - (optional) defines the date that will be opened when the calendar is created +- `dateFormat` - (optional) defines the format of dates in the calendar. *"%d/%m/%y"* by default. The date format must include delimiters (space or symbol), otherwise an error will be thrown +- `disabledDates` - (optional) allows disabling some date intervals, day labels are dimmed +- `icon` - (optional) the CSS class of an icon from the used icon font +- `mark` - (optional) allows adding a CSS class to specific days +- `mode` - (optional) specifies the mode of displaying a calendar: *"calendar"* | *"month"* | *"year"*. *"calendar"* by default +- `placeholder` - (optional) a tip for the input +- `thisMonthOnly` - (optional) hides dates of the previous/next months relative to the currently displayed one +- `timeFormat` - (optional) defines the time format of a timepicker, 12-hour or 24-hour: *12* | *24*. *24* by default +- `timePicker` - (optional) adds a timepicker into a calendar. *false* by default +- `valueFormat` - (optional) defines the format of the value that will be returned while getting the current value of the control: *"string"* | *"Date"*. *"string"* by default +- `weekNumbers` - (optional) defines whether to show the numbers of weeks, *false* by default +- `weekStart` - (optional) sets the starting day of the week: *"saturday"* | *"monday"* | *"sunday"*. *"sunday"* by default +- `label` - (optional) specifies a label for the control +- `labelWidth` - (optional) sets the label width of the control +- `labelPosition` - (optional) defines the position of a label: *"left"* | *"top"*. *"top"* by default + +### Service properties and methods + +:::warning +Note that it's highly not recommended to redefine the service properties and methods for the default types of controls, since it may cause breaks in their functionality. +::: + +- `$on` - (optional) - allows setting an event listener. The object has the following properties: + - `eventName` - a callback function which is called with the following parameters: + - `object` - an object with the following properties: + - `control` - the [Datepicker](https://docs.dhtmlx.com/suite/form/calendar/) Form control + - `editor` - the object of the Diagram Editor + - `id` - the id of a Diagram item + - `arguments` - (optional) - the [original event arguments](https://docs.dhtmlx.com/suite/category/form-datepicker-events/) +- `$handler` - (optional) - a callback function that allows handling actions on firing the `change` and `input` events of a form control and the `change` event of DataCollection. Called with the following parameter: + - `object` - an object with the following properties: + - `id` - the id of a Diagram item + - `key` - the name of the specified/modified property or the path to it in the object of a Diagram item + - `editor` - the object of the Diagram Editor + - `control` - the object of the [Datepicker](https://docs.dhtmlx.com/suite/form/calendar/) Form control the component is built on + - `value` - the new value of the [Datepicker](https://docs.dhtmlx.com/suite/form/calendar/) Form control +- `$setValue` - (optional) - a callback function that allows setting the value of the [Datepicker](https://docs.dhtmlx.com/suite/form/calendar/) Form control on initialization of a control and on changing the value in DataCollection. Called with the following parameter: + - `object` - an object with the following properties: + - `editor` - the object of the Diagram Editor + - `control` - the object of the [Datepicker](https://docs.dhtmlx.com/suite/form/calendar/) Form control the component is built on + - `value` - the value of a Diagram item +- `$layout` - (optional) - a callback function that allows setting the structure of a control. Returns the configuration of the [Datepicker](https://docs.dhtmlx.com/suite/form/calendar/) Form control. Called with the following parameter: + - `object` - the configuration of a control without service properties + +## Example + +~~~jsx {7-21} +const editor = new dhx.DiagramEditor("editor_container", { + type: "org", + view: { + editbar: { + properties: { + $shape: [ + { + type: "datepicker", + key: "date_start", + label: "Date start", + wrap: true, + }, + { + type: "datepicker", + key: "date_end", + label: "Date end", + wrap: true, + valueFormat: "Date", + timePicker: true, + weekStart: "monday" + } + ] + } + } + } +}); +editor.parse([ + { "id": "shape_1" }, + { "id": "shape_2", "parent": "shape_1", "date_start": "25/03/24", "date_end": new Date }, + { "id": "shape_3", "parent": "shape_1", "date_start": "25/03/24", "date_end": new Date } +]); +~~~ diff --git a/docs/api/diagram_editor/editbar/basic_controls/fieldset.md b/docs/api/diagram_editor/editbar/basic_controls/fieldset.md new file mode 100644 index 000000000..5779f6a84 --- /dev/null +++ b/docs/api/diagram_editor/editbar/basic_controls/fieldset.md @@ -0,0 +1,155 @@ +--- +sidebar_label: Fieldset +title: Editbar Basic Controls - Fieldset +description: You can explore the Fieldset control of Editbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# Fieldset + +@short: The basic control for creating complex controls with the help of the [`controls`](/api/diagram_editor/editbar/config/controls_property/) or the [`properties`](/api/diagram_editor/editbar/config/properties_property/) Editbar configuration options. + +![Fieldset control](../../../../assets/editbar-basic-controls/fieldset.png) + +## Usage + +~~~jsx +{ + type: "fieldset", + + compact?: boolean, + hidden?: boolean, // false by default + disabled?: boolean, // false by default + + css?: string, + width?: string | number | "content", // "content" by default + height?: string | number | "content", // "content" by default + padding?: string | number, + align?: "start" | "center" | "end" | "between" | "around" | "evenly", // "start" by default + + label?: string, + labelAlignment?: "left" | "right" | "center", // "left" by default + + rows?: object[], + cols?: object[], + + $layout?: function +} +~~~ + +The `rows` and `cols` properties may include an array of objects of the specified controls or the nested structure given below: + +~~~jsx +{ + css?: string, + width?: string | number | "content", // "content" by default + height?: string | number | "content", // "content" by default + padding?: string | number, + align?: "start" | "center" | "end" | "between" | "around" | "evenly", // "start" by default + rows?: object[], + cols?: object[] +} +~~~ + +## Description + +### Basic properties + +- `type` - (required) the type of a control. Set it to *"fieldset"* +- `compact` - (optional) specifies the compact mode, removes indents and frame. *false* by default +- `disabled` - (optional) defines whether a control is enabled (*false*) or disabled (*true*). *false* by default +- `hidden` - (optional) defines whether a control is hidden. *false* by default +- `css` - (optional) the name of a CSS class(es) applied to the control group +- `width` - (optional) sets the width of the control group. *"content"* by default +- `height` - (optional) sets the height of the control group. *"content"* by default +- `padding` - (optional) sets the padding for the content inside the control group +- `align` - (optional) sets the alignment of controls inside the control group. *"start"* by default +- `label` - (optional) specifies a label for a control +- `labelAlignment` - (optional) defines the position of the label: *"left"* | *"right"* | *"center"*. *"left"* by default +- `rows` - (optional) arranges controls inside the control group vertically +- `cols` - (optional) arranges controls inside the control group horizontally + +#### Service properties and methods + +:::warning +Note that it's highly not recommended to redefine the service properties and methods for the default types of controls, since it may cause breaks in their functionality. +::: + +- `$layout` - (optional) - a callback function that allows setting the structure of a control. Returns the configuration of the [Fieldset](https://docs.dhtmlx.com/suite/form/fieldset/) Form control. Called with the following parameter: + - `object` - the configuration of a control without service properties + +## Example + +~~~jsx {7-28} title="Creating a fieldset via the properties property" +const editor = new dhx.DiagramEditor("editor_container", { + type: "org", + view: { + editbar: { + properties: { + $shape: [ + { + type: "fieldset", + label: "Task details", + rows: [ + { type: "input", key: "name", label: "Task name" }, + { type: "input", key: "id", label: "ID", readOnly: true }, + { + align: "between", + cols: [ + { type: "datepicker", key: "date_start", label: "Date start", width: "48%" }, + { type: "datepicker", key: "date_end", label: "Date end", width: "48%" }, + ] + }, + { + type: "combo", + key: "responsible", + label: "Responsible", + placeholder: "Select responsible", + options: ["Henry Bennet", "Mike Frebel", "Greg Mash"] + } + ] + } + ] + } + } + } +}); +~~~ + +~~~jsx {10-33} title="Creating a complex control via the controls property" +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + editbar: { + properties: { + $shape: [ + { type: "details" } + ] + }, + controls: { + details: { + type: "fieldset", + label: "Task details", + rows: [ + { type: "input", key: "name", label: "Task name" }, + { type: "input", key: "id", label: "ID", readOnly: true }, + { + align: "between", + cols: [ + { type: "datepicker", key: "date_start", label: "Date start", width: "48%" }, + { type: "datepicker", key: "date_end", label: "Date end", width: "48%" } + ] + }, + { + type: "combo", + key: "responsible", + label: "Responsible", + placeholder: "Select responsible", + options: ["Henry Bennet", "Mike Frebel", "Greg Mash"] + } + ] + } + } + } + } +}); +~~~ diff --git a/docs/api/diagram_editor/editbar/basic_controls/input.md b/docs/api/diagram_editor/editbar/basic_controls/input.md new file mode 100644 index 000000000..6a4013b22 --- /dev/null +++ b/docs/api/diagram_editor/editbar/basic_controls/input.md @@ -0,0 +1,134 @@ +--- +sidebar_label: Input +title: Editbar Basic Controls - Input +description: You can explore the Input control of Editbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# Input + +@short: The basic input field control for typing some text inside. + +![Input control](../../../../assets/editbar-basic-controls/input.png) + +## Usage + +~~~jsx +{ + type: "input", + key?: string | string[], + wrap?: boolean, // false by default + + css?: string, + disabled?: boolean, // false by default + hidden?: boolean, // false by default + height?: string | number | "content", // "content" by default + width?: string | number | "content", // "content" by default + padding?: string | number, + + icon?: string, + inputType?: "text" | "password" | "number", // "text" by default + max?: number | string, + maxlength?: number | string, + min?: number | string, + minlength?: number | string, + placeholder?: string, + readOnly?: boolean, // false by default + + // for `wrap:true` check the label properties for the Fieldset + label?: string, + labelWidth?: string | number, + labelPosition?: "left" | "top", // "top" by default + + // service properties and methods + $on?: { [eventName: string]: function }, + $handler?: function, + $setValue?: function, + $layout?: function +} +~~~ + +## Description + +### Basic properties + +- `type` - (required) the type of a control. Set it to *"input"* +- `key` - (optional) the name of the specified/modified property or the path to it in the object of a Diagram item +- `wrap` - (optional) allows displaying the external wrapping. *false* by default +- `css` - (optional) adds style classes to a control +- `disabled` - (optional) defines whether a control is enabled (*false*) or disabled (*true*). *false* by default +- `hidden` - (optional) defines whether a control is hidden. *false* by default +- `height` - (optional) the height of a control. *"content"* by default +- `width` - (optional) the width of a control. *"content"* by default +- `padding` - (optional) sets padding between a cell and a border of an input control +- `icon` - (optional) the CSS class of an [icon](https://docs.dhtmlx.com/suite/helpers/icon/) from the used icon font +- `inputType` - (optional) sets the type of an input: *"text"* | *"password"* | *"number"*. *"text"* by default +Use the "password" value to specify a field for entering a password +- `max` - (optional) - the [maximal value allowed in the input](https://docs.dhtmlx.com/suite/form/work_with_form/#minimal-and-maximal-values). The attribute works only with the input type: *"number"* +- `maxlength` - (optional) the maximum [number of characters allowed in the input](https://docs.dhtmlx.com/suite/form/work_with_form/#number-of-allowed-characters). The attribute works with the following input types: *"text", "password"* +- `min` - (optional) [the minimal value allowed in the input](https://docs.dhtmlx.com/suite/form/work_with_form/#minimal-and-maximal-values). The attribute works only with the input type: *"number"* +- `minlength` - (optional) the minimum [number of characters allowed in the input](https://docs.dhtmlx.com/suite/form/work_with_form/#number-of-allowed-characters). The attribute works with the following input types: *"text", "password"* +- `placeholder` - (optional) a tip for the input +- `readOnly` - (optional) defines whether an input is readonly. *false* by default +- `label` - (optional) specifies a label for the control +- `labelWidth` - (optional) sets the label width of the control +- `labelPosition` - (optional) defines the position of a label: *"left"* | *"top"*. *"top"* by default + +### Service properties and methods + +:::warning +Note that it's highly not recommended to redefine the service properties and methods for the default types of controls, since it may cause breaks in their functionality. +::: + +- `$on` - (optional) - allows setting an event listener. The object has the following properties: + - `eventName` - a callback function which is called with the following parameters: + - `object` - an object with the following properties: + - `control` - the [Input](https://docs.dhtmlx.com/suite/form/input/) Form control + - `editor` - the object of the Diagram Editor + - `id` - the id of a Diagram item + - `arguments` - (optional) - the [original event arguments](https://docs.dhtmlx.com/suite/category/form-input-events/) +- `$handler` - (optional) - a callback function that allows handling actions on firing the `change` and `input` events of the [Input](https://docs.dhtmlx.com/suite/form/input/) Form control and the `change` event of DataCollection. Called with the following parameter: + - `object` - an object with the following properties: + - `id` - the id of a Diagram item + - `key` - the name of the specified/modified property or the path to it in the object of a Diagram item + - `editor` - the object of the Diagram Editor + - `control` - the object of the [Input](https://docs.dhtmlx.com/suite/form/input/) Form control the component is built on + - `value` - the new value of the [Input](https://docs.dhtmlx.com/suite/form/input/) Form control +- `$setValue` - (optional) - a callback function that allows setting the value of the [Input](https://docs.dhtmlx.com/suite/form/input/) Form control on initialization of a control and on changing the value in DataCollection. Called with the following parameter: + - `object` - an object with the following properties: + - `editor` - the object of the Diagram Editor + - `control` - the object of the [Input](https://docs.dhtmlx.com/suite/form/input/) Form control the component is built on + - `value` - the value of a Diagram item +- `$layout` - (optional) - a callback function that allows setting the structure of a control. Returns the configuration of the [Input](https://docs.dhtmlx.com/suite/form/input/) Form control. Called with the following parameter: + - `object` - the configuration of a control without service properties + +## Example + +~~~jsx {7-22} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + editbar: { + properties: { + $shape: [ + { + type: "input", + inputType: "text", + key: "text", + label: "Input with a string value", + placeholder: "Enter a string value" + }, + { + type: "input", + inputType: "number", + key: "x", + label: "Input with a number value", + placeholder: "Enter a number value", + min: 0, + max: 100, + } + ] + } + } + } +}); +~~~ diff --git a/docs/api/diagram_editor/editbar/basic_controls/radiogroup.md b/docs/api/diagram_editor/editbar/basic_controls/radiogroup.md new file mode 100644 index 000000000..e206572ce --- /dev/null +++ b/docs/api/diagram_editor/editbar/basic_controls/radiogroup.md @@ -0,0 +1,167 @@ +--- +sidebar_label: RadioGroup +title: Editbar Basic Controls - RadioGroup +description: You can explore the RadioGroup control of Editbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# RadioGroup + +@short: The basic control for creating groups of Radio buttons. + +![RadioGroup control](../../../../assets/editbar-basic-controls/radiogroup.png) + +## Usage + +~~~jsx +{ + type: "radiogroup", + options: { + rows?: object[], + cols?: object[], + css?: string, + height?: string | number | "content", + padding?: string | number, + width?: string | number | "content" + }, + key?: string | string[], + wrap?: boolean, // false by default + + disabled?: boolean, // false by default + hidden?: boolean, // false by default + + css?: string, + height?: string | number | "content", // "content" by default + width?: string | number | "content", // "content" by default + padding?: string | number, + + // for `wrap:true` check the label properties for the Fieldset + label?: string, + labelWidth?: string | number, + labelPosition?: "left" | "top", // "top" by default + + // service properties and methods + $on?: { [eventName: string]: function }, + $handler?: function, + $setValue?: function, + $layout?: function +} +~~~ + +Radio button configuration object inside RadioGroup: + +~~~jsx +{ + value: string, + text?: string, + + disabled?: boolean, + hidden?: boolean, + css?: string, + height?: string | number | "content", + width?: string | number | "content", + padding?: string | number +} +~~~ + +## Description + +### RadioGroup properties + +#### Basic properties + +- `type` - (required) the type of a control. Set it to "radioGroup" +- `key` - (optional) the name of the specified/modified property or the path to it in the object of a Diagram item +- `wrap` - (optional) allows displaying the external wrapping. *false* by default +- `options` - (required) an object with options of a RadioGroup. The object can contain the following attributes: + - `rows` - (optional) arranges [radio buttons](#radio-button-properties) inside the RadioGroup control vertically + - `cols` - (optional) arranges [radio buttons](#radio-button-properties) inside the RadioGroup control horizontally + - `css` - (optional) adds style classes to a RadioGroup + - `height` - (optional) the height of a RadioGroup + - `padding` - (optional) sets padding between a cell and a border of a RadioGroup + - `width` - (optional) the width of a RadioGroup +- `disabled` - (optional) defines whether a control is enabled (*false*) or disabled (*true*). *false* by default +- `hidden` - (boolean) defines whether a RadioGroup is hidden. *false* by default +- `css` - (optional) adds style classes to a control +- `height` - (optional) the height of a control. *"content"* by default +- `width` - (optional) the width of a control. *"content"* by default +- `padding` - (optional) sets padding between a cell and a border of a RadioGroup control +- `label` - (optional) specifies a label for the control +- `labelWidth` - (optional) sets the label width of the control +- `labelPosition` - (optional) defines the position of a label: *"left"* | *"top"*. *"top"* by default + +#### Service properties and methods + +:::warning +Note that it's highly not recommended to redefine the service properties and methods for the default types of controls, since it may cause breaks in their functionality. +::: + +- `$on` - (optional) - allows setting an event listener. The object has the following properties: + - `eventName` - a callback function which is called with the following parameters: + - `object` - an object with the following properties: + - `control` - the [RadioGroup](https://docs.dhtmlx.com/suite/form/radiogroup/) Form control + - `editor` - the object of the Diagram Editor + - `id` - the id of a Diagram item + - `arguments` - (optional) - the [original event arguments](https://docs.dhtmlx.com/suite/category/form-radiogroup-events/) +- `$handler` - (optional) - a callback function that allows handling actions on firing the `change` event of the [RadioGroup](https://docs.dhtmlx.com/suite/form/radiogroup/) Form control and the `change` event of DataCollection. Called with the following parameter: + - `object` - an object with the following properties: + - `id` - the id of a Diagram item + - `key` - the name of the specified/modified property or the path to it in the object of a Diagram item + - `editor` - the object of the Diagram Editor + - `control` - the object of the [RadioGroup](https://docs.dhtmlx.com/suite/form/radiogroup/) Form control the component is built on + - `value` - the new value of the [RadioGroup](https://docs.dhtmlx.com/suite/form/radiogroup/) Form control +- `$setValue` - (optional) - a callback function that allows setting the value of the [RadioGroup](https://docs.dhtmlx.com/suite/form/radiogroup/) Form control on initialization of a control and on changing the value in DataCollection. Called with the following parameter: + - `object` - an object with the following properties: + - `editor` - the object of the Diagram Editor + - `control` - the object of the [RadioGroup](https://docs.dhtmlx.com/suite/form/radiogroup/) Form control the component is built on + - `value` - the value of a Diagram item +- `$layout` - (optional) - a callback function that allows setting the structure of a control. Returns the configuration of the [RadioGroup](https://docs.dhtmlx.com/suite/form/radiogroup/) Form control. Called with the following parameter: + - `object` - the configuration of a control without service properties + +### Radio button properties + +- `value` - (required) the value of a radio button +- `text` - (optional) the text label of a radio button +- `disabled` - (optional) defines whether a control is enabled (*false*) or disabled (*true*). *false* by default +- `hidden` - (optional) defines whether a radio button is hidden. *false* by default +- `css` - (optional) adds style classes to a control +- `height` - (optional) the height of a control. *"content"* by default +- `width` - (optional) the width of a control. *"content"* by default +- `padding` - (optional) sets padding between a cell and a border of a radio button control + +## Example + +~~~jsx {7-28} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + editbar: { + properties: { + $shape: [ + { + type: "radioGroup", + key: "textAlign", + label: "Text align", + wrap: true, + options: { + rows: [ + { + text: "Left", + value: "left" + }, + { + text: "Center", + value: "center" + }, + { + text: "Right", + value: "right" + } + ] + } + } + ] + } + } + } +}); +~~~ diff --git a/docs/api/diagram_editor/editbar/basic_controls/select.md b/docs/api/diagram_editor/editbar/basic_controls/select.md new file mode 100644 index 000000000..7d2213f82 --- /dev/null +++ b/docs/api/diagram_editor/editbar/basic_controls/select.md @@ -0,0 +1,136 @@ +--- +sidebar_label: Select +title: Editbar Basic Controls - Select +description: You can explore the Select control of Editbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# Select + +@short: The basic control that represents an advanced select box with a set of options to choose from. + +![Select control](../../../../assets/editbar-basic-controls/select.png) + +## Usage + +~~~jsx +{ + type: "select", + options: (object | string)[], + key?: string | string[], + wrap?: boolean, // false by default + + css?: string, + disabled?: boolean, // false by default + hidden?: boolean, // false by default + height?: string | number | "content", // "content" by default + width?: string | number | "content", // "content" by default + padding?: string | number, + icon?: string, + + // for `wrap:true` check the label properties for the Fieldset + label?: string, + labelWidth?: string | number, + labelPosition?: "left" | "top", // "top" by default + + // service properties and methods + $on?: { [eventName: string]: function }, + $handler?: function, + $setValue?: function, + $layout?: function +} +~~~ + +Option configuration object inside Select: + +~~~jsx +{ + value: string | number, + content: string, + disabled?: boolean +} +~~~ + +## Description + +### Select properties + +#### Basic properties + +- `type` - (required) the type of a control. Set it to *"select"* +- `options` - (required) an array of Select options, each option can be set as a *string* or as an *object* with a set of `key:value` pairs - [attributes of options and their values](#option-properties) +- `key` - (optional) the name of the specified/modified property or the path to it in the object of a Diagram item +- `wrap` - (optional) allows displaying the external wrapping. *false* by default +- `css` - (optional) adds style classes to a control +- `disabled` - (optional) defines whether a control is enabled (*false*) or disabled (*true*). *false* by default +- `hidden` - (boolean) defines whether a Select is hidden. *false* by default +- `height` - (optional) the height of a control. *"content"* by default +- `width` - (optional) the width of a control. *"content"* by default +- `padding` - (optional) sets padding between a cell and a border of a Select control +- `icon` - (optional) the CSS class of an [icon](https://docs.dhtmlx.com/suite/helpers/icon/) from the used icon font +- `label` - (optional) specifies a label for the control +- `labelWidth` - (optional) sets the label width of the control +- `labelPosition` - (optional) defines the position of a label: *"left"* | *"top"*. *"top"* by default + +#### Service properties and methods + +:::warning +Note that it's highly not recommended to redefine the service properties and methods for the default types of controls, since it may cause breaks in their functionality. +::: + +- `$on` - (optional) - allows setting an event listener. The object has the following properties: + - `eventName` - a callback function which is called with the following parameters: + - `object` - an object with the following properties: + - `control` - the [Select](https://docs.dhtmlx.com/suite/form/select/) Form control + - `editor` - the object of the Diagram Editor + - `id` - the id of a Diagram item + - `arguments` - (optional) - the [original event arguments](https://docs.dhtmlx.com/suite/category/form-select-events/) +- `$handler` - (optional) - a callback function that allows handling actions on firing the `change` event of the [Select](https://docs.dhtmlx.com/suite/form/select/) Form control and the `change` event of DataCollection. Called with the following parameter: + - `object` - an object with the following properties: + - `id` - the id of a Diagram item + - `key` - the name of the specified/modified property or the path to it in the object of a Diagram item + - `editor` - the object of the Diagram Editor + - `control` - the object of the [Select](https://docs.dhtmlx.com/suite/form/select/) Form control the component is built on + - `value` - the new value of the [Select](https://docs.dhtmlx.com/suite/form/select/) Form control +- `$setValue` - (optional) - a callback function that allows setting the value of the [Select](https://docs.dhtmlx.com/suite/form/select/) Form control on initialization of a control and on changing the value in DataCollection. Called with the following parameter: + - `object` - an object with the following properties: + - `editor` - the object of the Diagram Editor + - `control` - the object of the [Select](https://docs.dhtmlx.com/suite/form/select/) Form control the component is built on + - `value` - the value of a Diagram item +- `$layout` - (optional) - a callback function that allows setting the structure of a control. Returns the configuration of the [Select](https://docs.dhtmlx.com/suite/form/select/) Form control. Called with the following parameter: + - `object` - the configuration of a control without service properties + +### Option properties + +- `value` - (required) sets the value for the select option +- `content` - (required) the content displayed in the select option +- `disabled` - (optional) defines whether the option is enabled (*false*) or disabled (*true*). *false* by default + +## Example + +~~~jsx {7-20} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + editbar: { + properties: { + $shape: [ + { + type: "select", + label: "Position", + key: "position", + wrap: true, + options: [ + "", + "Technical Director", + "Manager", + "QA Lead", + { value: 4, content: "Team Lead", disabled: true }, + { value: 5, content: "Programmer" } + ] + } + ] + } + } + } +}); +~~~ diff --git a/docs/api/diagram_editor/editbar/basic_controls/slider.md b/docs/api/diagram_editor/editbar/basic_controls/slider.md new file mode 100644 index 000000000..7ea9f067c --- /dev/null +++ b/docs/api/diagram_editor/editbar/basic_controls/slider.md @@ -0,0 +1,136 @@ +--- +sidebar_label: Slider +title: Editbar Basic Controls - Slider +description: You can explore the Slider control of Editbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# Slider + +@short: The basic control for selecting a numeric value by moving a thumb along a line with a fixed set of options. + +![Slider control](../../../../assets/editbar-basic-controls/slider.png) + +## Usage + +~~~jsx +{ + type: "slider", + key?: string | string[], + wrap?: boolean, // false by default + + disabled?: boolean, // false by default + hidden?: boolean, // false by default + css?: string, + padding?: string | number, + height?: string | number | "content", // "content" by default + width?: string | number | "content", // "content" by default + + inverse?: boolean, // false by default + majorTick?: number, + max?: number, // 100 by default + min?: number, // 0 by default + mode?: "vertical" | "horizontal", // "horizontal" by default + range?: boolean, // false by default + step?: number, // 1 by default + tick?: number, + tickTemplate?: (position: number) => string, + tooltip?: boolean, // true by default + + // for `wrap:true` check the label properties for the Fieldset + label?: string, + labelWidth?: string | number, + labelPosition?: "left" | "top", // "top" by default + + // service properties and methods + $on?: { [eventName: string]: function }, + $handler?: function, + $setValue?: function, + $layout?: function +} +~~~ + +## Description + +### Basic properties + +- `type` - (required) the type of a control. Set it to *"slider"* +- `key` - (optional) the name of the specified/modified property or the path to it in the object of a Diagram item +- `wrap` - (optional) allows displaying the external wrapping. *false* by default +- `disabled` - (optional) defines whether a control is enabled (*false*) or disabled (*true*). *false* by default +- `hidden` - (optional) defines whether a control is hidden. *false* by default +- `css` - (optional) adds style classes to a control +- `height` - (optional) the height of a control. *"content"* by default +- `width` - (optional) the width of a control. *"content"* by default +- `padding` - (optional) sets padding between a cell and a border of a slider control +- `inverse` - (optional) enables/disables the inverse slider mode. *false* by default +- `majorTick` - (optional) sets interval of rendering numeric values on the slider scale +- `max` - (optional) the maximal value of slider. *100* by default +- `min` - (optional) the minimal value of slider. *0* by default +- `mode` - (optional) the direction of the slider scale. *"horizontal"* by default +- `range` - (optional) enables/disables the possibility to select a range of values on the slider. *false* by default +- `step` - (optional) the step the slider thumb will be moved with. *1* by default +- `tick` - (optional) sets the interval of steps for rendering the slider scale +- `tickTemplate` - (optional) sets a template for rendering values on the scale +- `tooltip` - (optional) enables prompt messages with ticks values on hovering over the slider thumb. *true* by default + +### Service properties and methods + +:::warning +Note that it's highly not recommended to redefine the service properties and methods for the default types of controls, since it may cause breaks in their functionality. +::: + +- `$on` - (optional) - allows setting an event listener. The object has the following properties: + - `eventName` - a callback function which is called with the following parameters: + - `object` - an object with the following properties: + - `control` - the [Slider](https://docs.dhtmlx.com/suite/form/slider/) Form control + - `editor` - the object of the Diagram Editor + - `id` - the id of a Diagram item + - `arguments` - (optional) - the [original event arguments](https://docs.dhtmlx.com/suite/category/form-slider-events/) +- `$handler` - (optional) - a callback function that allows handling actions on firing the `change` event of the [Slider](https://docs.dhtmlx.com/suite/form/slider/) Form control and the `change` event of DataCollection. Called with the following parameter: + - `object` - an object with the following properties: + - `id` - the id of a Diagram item + - `key` - the name of the specified/modified property or the path to it in the object of a Diagram item + - `editor` - the object of the Diagram Editor + - `control` - the object of the [Slider](https://docs.dhtmlx.com/suite/form/slider/) Form control the component is built on + - `value` - the new value of the [Slider](https://docs.dhtmlx.com/suite/form/slider/) Form control +- `$setValue` - (optional) - a callback function that allows setting the value of the [Slider](https://docs.dhtmlx.com/suite/form/slider/) Form control on initialization of a control and on changing the value in DataCollection. Called with the following parameter: + - `object` - an object with the following properties: + - `editor` - the object of the Diagram Editor + - `control` - the object of the [Slider](https://docs.dhtmlx.com/suite/form/slider/) Form control the component is built on + - `value` - the value of a Diagram item +- `$layout` - (optional) - a callback function that allows setting the structure of a control. Returns the configuration of the [Slider](https://docs.dhtmlx.com/suite/form/slider/) Form control. Called with the following parameter: + - `object` - the configuration of a control without service properties + +## Example + +~~~jsx {7-18} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + editbar: { + properties: { + $lineTitle: [ + { + type: "slider", + key: "distance", + label: "Distance", + wrap: true, + min: 0, + max: 100, + step: 1, + tick: 5, + majorTick: 10, + tickTemplate: value => value + }, + ] + } + } + } +}); +editor.parse([ + { "id": "shape_1", "type": "rectangle", "text": "shape" }, + { "id": "shape_2","type": "rectangle", "text": "shape", "x": 400 }, + { "id": "line", "type": "line", "from": "shape_1", "to": "shape_2" }, + { "type": "lineTitle", "parent": "line", "text": "Title", "distance": 50 } +]); +~~~ diff --git a/docs/api/diagram_editor/editbar/basic_controls/spacer.md b/docs/api/diagram_editor/editbar/basic_controls/spacer.md new file mode 100644 index 000000000..a43249fb0 --- /dev/null +++ b/docs/api/diagram_editor/editbar/basic_controls/spacer.md @@ -0,0 +1,43 @@ +--- +sidebar_label: Spacer +title: Editbar Basic Controls - Spacer +description: You can explore the Spacer control of Editbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# Spacer + +@short: The basic control for arranging and aligning controls on the Editbar by taking some space. + +## Usage + +~~~jsx +{ + type: "spacer" +} +~~~ + +## Description + +- `type` - (required) the type of a control. Set it to *"spacer"* + +## Example + +~~~jsx {10,12} +const editor = new dhx.DiagramEditor("editor_container", { + type: "org", + view: { + editbar: { + show: true, + properties: { + $shape: [ + { type: "input", key: "name", label: "Task name" }, + { type: "input", key: "id", label: "ID", readOnly: true }, + { type: "spacer" }, + { type: "button", text: "Send", full: true }, + { type: "spacer" } + ] + } + } + } +}); +~~~ diff --git a/docs/api/diagram_editor/editbar/basic_controls/textarea.md b/docs/api/diagram_editor/editbar/basic_controls/textarea.md new file mode 100644 index 000000000..be6c575b6 --- /dev/null +++ b/docs/api/diagram_editor/editbar/basic_controls/textarea.md @@ -0,0 +1,116 @@ +--- +sidebar_label: Textarea +title: Editbar Basic Controls - Textarea +description: You can explore the Textarea control of Editbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# Textarea + +@short: The basic control for entering a simple multi-line text. + +![Textarea control](../../../../assets/editbar-basic-controls/textarea.png) + +## Usage + +~~~jsx +{ + type: "textarea", + key?: string | string[], + wrap?: boolean, // false by default + + css?: string, + disabled?: boolean, // false by default + hidden?: boolean, // false by default + height?: string | number | "content", // "content" by default + width?: string | number | "content", // "content" by default + padding?: string | number, + + maxlength?: number | string, + minlength?: number | string, + placeholder?: string, + readOnly?: boolean, // false by default + + // for `wrap:true` check the label properties for the Fieldset + label?: string, + labelWidth?: string | number, + labelPosition?: "left" | "top", // "top" by default + + // service properties and methods + $on?: { [eventName: string]: function }, + $handler?: function, + $setValue?: function, + $layout?: function +} +~~~ + +## Description + +### Basic properties + +- `type` - (required) the type of a control. Set it to *"textarea"* +- `key` - (optional) the name of the specified/modified property or the path to it in the object of a Diagram item +- `wrap` - (optional) allows displaying the external wrapping. *false* by default +- `css` - (optional) adds style classes to a control +- `hidden` - (optional) defines whether a control is hidden. *false* by default +- `disabled` - (optional) defines whether a control is enabled (*false*) or disabled (*true*). *false* by default +- `width` - (optional) the width of a control. *"content"* by default +- `height` - (optional) the height of a control. *"content"* by default +- `padding` - (optional) sets padding between a cell and a border of the Textarea control +- `maxlength` - (optional) the maximum [number of characters allowed in the textarea](https://docs.dhtmlx.com/suite/form/work_with_form/#number-of-allowed-characters) +- `minlength` - (optional) the minimum [number of characters allowed in the textarea](https://docs.dhtmlx.com/suite/form/work_with_form/#number-of-allowed-characters) +- `placeholder` - (optional) a tip for the textarea +- `readOnly` - (optional) defines whether a textarea is readonly. *false* by default +- `label` - (optional) specifies a label for the control +- `labelWidth` - (optional) sets the label width of the control +- `labelPosition` - (optional) defines the position of a label: *"left"* | *"top"*. *"top"* by default + +### Service properties and methods + +:::warning +Note that it's highly not recommended to redefine the service properties and methods for the default types of controls, since it may cause breaks in their functionality. +::: + +- `$on` - (optional) - allows setting an event listener. The object has the following properties: + - `eventName` - a callback function which is called with the following parameters: + - `object` - an object with the following properties: + - `control` - the [Textarea](https://docs.dhtmlx.com/suite/form/textarea/) Form control + - `editor` - the object of the Diagram Editor + - `id` - the id of a Diagram item + - `arguments` - (optional) - the [original event arguments](https://docs.dhtmlx.com/suite/category/form-textarea-events/) +- `$handler` - (optional) - a callback function that allows handling actions on firing the `change` and `input` events of the [Textarea](https://docs.dhtmlx.com/suite/form/textarea/) Form control and the `change` event of DataCollection. Called with the following parameter: + - `object` - an object with the following properties: + - `id` - the id of a Diagram item + - `key` - the name of the specified/modified property or the path to it in the object of a Diagram item + - `editor` - the object of the Diagram Editor + - `control` - the object of the [Textarea](https://docs.dhtmlx.com/suite/form/textarea/) Form control the component is built on + - `value` - the new value of the [Textarea](https://docs.dhtmlx.com/suite/form/textarea/) Form control +- `$setValue` - (optional) - a callback function that allows setting the value of the [Textarea](https://docs.dhtmlx.com/suite/form/textarea/) Form control on initialization of a control and on changing the value in DataCollection. Called with the following parameter: + - `object` - an object with the following properties: + - `editor` - the object of the Diagram Editor + - `control` - the object of the [Textarea](https://docs.dhtmlx.com/suite/form/textarea/) Form control the component is built on + - `value` - the value of a Diagram item +- `$layout` - (optional) - a callback function that allows setting the structure of a control. Returns the configuration of the [Textarea](https://docs.dhtmlx.com/suite/form/textarea/) Form control. Called with the following parameter: + - `object` - the configuration of a control without service properties + +## Example + +~~~jsx {7-13} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + editbar: { + properties: { + $shape: [ + { + type: "textarea", + key: "text", + label: "Textarea label", + height: 250, + wrap: true + } + ] + } + } + } +}); +~~~ diff --git a/docs/api/diagram_editor/editbar/basic_controls/timepicker.md b/docs/api/diagram_editor/editbar/basic_controls/timepicker.md new file mode 100644 index 000000000..c4a975e0a --- /dev/null +++ b/docs/api/diagram_editor/editbar/basic_controls/timepicker.md @@ -0,0 +1,123 @@ +--- +sidebar_label: Timepicker +title: Editbar Basic Controls - Timepicker +description: You can explore the Timepicker control of Editbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# Timepicker + +@short: The basic control for selecting a time value either by moving handles along track bars or by entering hour and minutes values directly into related inputs. + +![Timepicker control](../../../../assets/editbar-basic-controls/timepicker.png) + +## Usage + +~~~jsx +{ + type: "timepicker", + key?: string | string[], + wrap?: boolean, // false by default + + css?: string, + disabled?: boolean, // false by default + hidden?: boolean, // false by default + height?: string | number | "content", // "content" by default + width?: string | number | "content", // "content" by default + padding?: string | number, + + controls?: boolean, // false by default + icon?: string, + placeholder?: string, + timeFormat?: 12 | 24, // 24 by default + valueFormat?: "string" | "timeObject", // "string" by default + + // for `wrap:true` check the label properties for the Fieldset + label?: string, + labelWidth?: string | number, + labelPosition?: "left" | "top", // "top" by default + + // service properties and methods + $on?: { [eventName: string]: function }, + $handler?: function, + $setValue?: function, + $layout?: function +} +~~~ + +## Description + +### Basic properties + +- `type` - (required) the type of a control. Set it to *"timepicker"* +- `key` - (optional) the name of the specified/modified property or the path to it in the object of a Diagram item +- `wrap` - (optional) allows displaying the external wrapping. *false* by default +- `css` - (optional) adds style classes to a control +- `hidden` - (optional) defines whether a control is hidden. *false* by default +- `disabled` - (optional) defines whether a control is enabled (*false*) or disabled (*true*). *false* by default +- `width` - (optional) the width of a control. *"content"* by default +- `height` - (optional) the height of a control. *"content"* by default +- `padding` - (optional) sets padding between a cell and a border of the Timepicker control +- `controls` - (optional) defines whether a timepicker is equipped with the Close and Save buttons. *false* by default +- `icon` - (optional) the CSS class of an icon from the used icon font +- `placeholder` - (optional) a tip for the input +- `timeFormat` - (optional) defines what clock format is activated: the 12-hour or 24-hour one. Set the property to *12* or *24*, correspondingly. *24* by default +- `valueFormat` - (optional) defines the format of the value to be applied when working with the events of the timepicker control: *"string"* | *"timeObject"*. *"string"* by default +- `label` - (optional) specifies a label for the control +- `labelWidth` - (optional) sets the label width of the control +- `labelPosition` - (optional) defines the position of a label: *"left"* | *"top"*. *"top"* by default + +### Service properties and methods + +:::warning +Note that it's highly not recommended to redefine the service properties and methods for the default types of controls, since it may cause breaks in their functionality. +::: + +- `$on` - (optional) - allows setting an event listener. The object has the following properties: + - `eventName` - a callback function which is called with the following parameters: + - `object` - an object with the following properties: + - `control` - the [Timepicker](https://docs.dhtmlx.com/suite/form/timepicker/) Form control + - `editor` - the object of the Diagram Editor + - `id` - the id of a Diagram item + - `arguments` - (optional) - the [original event arguments](https://docs.dhtmlx.com/suite/category/form-timepicker-events/) +- `$handler` - (optional) - a callback function that allows handling actions on firing the `change` and `input` events of the [Timepicker](https://docs.dhtmlx.com/suite/form/timepicker/) Form control and the `change` event of DataCollection. Called with the following parameter: + - `object` - an object with the following properties: + - `id` - the id of a Diagram item + - `key` - the name of the specified/modified property or the path to it in the object of a Diagram item + - `editor` - the object of the Diagram Editor + - `control` - the object of the [Timepicker](https://docs.dhtmlx.com/suite/form/timepicker/) Form control the component is built on + - `value` - the new value of the [Timepicker](https://docs.dhtmlx.com/suite/form/timepicker/) Form control +- `$setValue` - (optional) - a callback function that allows setting the value of the [Timepicker](https://docs.dhtmlx.com/suite/form/timepicker/) Form control on initialization of a control and on changing the value in DataCollection. Called with the following parameter: + - `object` - an object with the following properties: + - `editor` - the object of the Diagram Editor + - `control` - the object of the [Timepicker](https://docs.dhtmlx.com/suite/form/timepicker/) Form control the component is built on + - `value` - the value of a Diagram item +- `$layout` - (optional) - a callback function that allows setting the structure of a control. Returns the configuration of the [Timepicker](https://docs.dhtmlx.com/suite/form/timepicker/) Form control. Called with the following parameter: + - `object` - the configuration of a control without service properties + +## Example + +~~~jsx {8-13} +const editor = new dhx.DiagramEditor("editor_container", { + type: "org", + view: { + editbar: { + show: true, + properties: { + $shape: [ + { + type: "timepicker", + key: "time", + label: "Select time", + controls: true + } + ] + } + } + } +}); +editor.parse([ + { "id": "shape_1" }, + { "id": "shape_2", "parent": "shape_1", "time": "14:00" }, + { "id": "shape_3", "parent": "shape_1", "time": "18:30" } +]); +~~~ diff --git a/docs/api/diagram_editor/editbar/basic_controls/toggle.md b/docs/api/diagram_editor/editbar/basic_controls/toggle.md new file mode 100644 index 000000000..f1903faf2 --- /dev/null +++ b/docs/api/diagram_editor/editbar/basic_controls/toggle.md @@ -0,0 +1,134 @@ +--- +sidebar_label: Toggle +title: Editbar Basic Controls - Toggle +description: You can explore the Toggle control of Editbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# Toggle + +@short: The basic control that represents a special button which can change its state from the pressed to the unpressed one when clicked. + +![Toggle control](../../../../assets/editbar-basic-controls/toggle.png) + +## Usage + +~~~jsx +{ + type: "toggle", + key?: string | string[], + + hidden?: boolean, // false by default + disabled?: boolean, // false by default + full?: boolean, // false by default + + text?: string, + icon?: string, + offText?: string, + offIcon?: string, + value?: string | number, + + css?: string, + width?: string | number | "content", // "content" by default + height?: string | number | "content", // "content" by default + padding?: string | number, + + // service properties and methods + $on?: { [eventName: string]: function }, + $handler?: function, + $setValue?: function, + $layout?: function +} +~~~ + +The control can be used both with the *boolean* value and the *string* one, if the `value` property is specified. The `value` property is needed for assigning the set value as a value of the applied property. [Check the example below](#example) to get the idea. + +## Description + +### Basic properties + +- `type` - (required) the type of a control. Set it to *"toggle"* +- `key` - (optional) the name of the specified/modified property or the path to it in the object of a Diagram item +- `hidden` - (optional) defines whether a control is hidden. *false* by default +- `disabled` - (optional) defines whether a control is enabled (*false*) or disabled (*true*). *false* by default +- `full` - (optional) defines whether the toggle will be extended to the width specified by the `width` property. *false* by default +- `text` - (optional) sets a text inside the toggle. When initialized together with the `offText` property, the specified text will be rendered in the selected (pressed) state +- `offText` - (optional) sets the text that will be rendered in the unselected (unpressed) state of the toggle +- `icon` - (optional) sets the CSS class of an icon displayed inside the toggle. When initialized together with the `offIcon` property, the specified CSS classes of icons will be rendered in the selected (pressed) state of the toggle +- `offIcon` - (optional) sets the CSS class of an icon that will be rendered in the unselected (unpressed) state of the toggle +- `value` - (optional) specifies the value in the selected (pressed) state. If not defined, the control is used with the *boolean* value +- `css` - (optional) adds style classes to a control +- `width` - (optional) the width of a control. *"content"* by default +- `height` - (optional) the height of a control. *"content"* by default +- `padding` - (optional) sets padding between a cell and a border of the Toggle control + +### Service properties and methods + +:::warning +Note that it's highly not recommended to redefine the service properties and methods for the default types of controls, since it may cause breaks in their functionality. +::: + +- `$on` - (optional) - allows setting an event listener. The object has the following properties: + - `eventName` - a callback function which is called with the following parameters: + - `object` - an object with the following properties: + - `control` - the [Toggle](https://docs.dhtmlx.com/suite/form/toggle/) Form control + - `editor` - the object of the Diagram Editor + - `id` - the id of a Diagram item + - `arguments` - (optional) - the [original event arguments](https://docs.dhtmlx.com/suite/category/form-toggle-events/) +- `$handler` - (optional) - a callback function that allows handling actions on firing the `change` event of the [Toggle](https://docs.dhtmlx.com/suite/form/toggle/) Form control and the `change` event of DataCollection. Called with the following parameter: + - `object` - an object with the following properties: + - `id` - the id of a Diagram item + - `key` - the name of the specified/modified property or the path to it in the object of a Diagram item + - `editor` - the object of the Diagram Editor + - `control` - the object of the [Toggle](https://docs.dhtmlx.com/suite/form/toggle/) Form control the component is built on + - `value` - the new value of the [Toggle](https://docs.dhtmlx.com/suite/form/toggle/) Form control +- `$setValue` - (optional) - a callback function that allows setting the value of the [Toggle](https://docs.dhtmlx.com/suite/form/toggle/) Form control on initialization of a control and on changing the value in DataCollection. Called with the following parameter: + - `object` - an object with the following properties: + - `editor` - the object of the Diagram Editor + - `control` - the object of the [Toggle](https://docs.dhtmlx.com/suite/form/toggle/) Form control the component is built on + - `value` - the value of a Diagram item +- `$layout` - (optional) - a callback function that allows setting the structure of a control. Returns the configuration of the [Toggle](https://docs.dhtmlx.com/suite/form/toggle/) Form control. Called with the following parameter: + - `object` - the configuration of a control without service properties + +## Example + +~~~jsx {7-14} title="Applying the boolean value for a toggle" +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + editbar: { + properties: { + $group: [ + { + type: "toggle", + key: ["header", "enable"], + icon: "dxi dxi-eye", + offIcon: "dxi dxi-eye-off", + text: "Visible", + offText: "Invisible" + } + ] + } + } + } +}); +~~~ + +~~~jsx {7-12} title="Assigning the set value as a value of the applied property" +const editor= new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + editbar: { + properties: { + $shape: [ + { + type: "toggle", + key: "fontStyle", + value: "italic", + icon: "dxi dxi-format-italic" + } + ] + } + } + } +}); +~~~ diff --git a/docs/api/diagram_editor/editbar/basic_controls/togglegroup.md b/docs/api/diagram_editor/editbar/basic_controls/togglegroup.md new file mode 100644 index 000000000..d22f55229 --- /dev/null +++ b/docs/api/diagram_editor/editbar/basic_controls/togglegroup.md @@ -0,0 +1,151 @@ +--- +sidebar_label: ToggleGroup +title: Editbar Basic Controls - ToggleGroup +description: You can explore the ToggleGroup control of Editbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# ToggleGroup + +@short: The basic control for creating groups of toggle buttons. + +![ToggleGroup control](../../../../assets/editbar-basic-controls/togglegroup.png) + +## Usage + +~~~jsx +{ + type: "toggleGroup", + options: object[], + key?: string | string[], + + full?: boolean, // false by default + gap?: number, // 0 by default + hidden?: boolean, // false by default + disabled?: boolean, // false by default + + css?: string, + width?: string | number | "content", // "content" by default + height?: string | number | "content", // "content" by default + padding?: string | number, + + // service properties and methods + $on?: { [eventName: string]: function }, + $handler?: function, + $setValue?: function, + $layout?: function +} +~~~ + +Toggle configuration object inside ToggleGroup: + +~~~jsx +{ + id?: string, + hidden?: boolean, + disabled?: boolean, + full?: boolean, + text?: string, + icon?: string, + offText?: string, + offIcon?: string, + value?: string | number +} +~~~ + +The objects with the `toggle` configuration inside the control can be used both with the *boolean* value and the *string* one, if the `value` property is specified. The `value` property is needed for assigning the set value as a value of the applied property. [Check the example below](#example) to get the idea. + +## Description + +### ToggleGroup properties + +#### Basic properties + +- `type` - (required) the type of a control. Set it to *"toggleGroup"* +- `key` - (optional) the name of the specified/modified property or the path to it in the object of a Diagram item +- `options` - (required) an array of ToggleGroup options, each option is set as an *object* with a set of `key:value` pairs - [attributes of options and their values](#toggle-properties) +- `hidden` - (optional) defines whether a ToggleGroup is hidden. *false* by default +- `disabled` - (optional) defines whether a control is enabled (*false*) or disabled (*true*). *false* by default +- `full` - (optional) defines whether the ToggleGroup will be extended to the width specified by the `width` property. *false* by default +- `gap` - (optional) sets an offset between the elements (buttons) of an option. *0* by default +- `css` - (optional) adds style classes to a control +- `width` - (optional) the width of a control. *"content"* by default +- `height` - (optional) the height of a control. *"content"* by default +- `padding` - (optional) sets padding between a cell and a border of the ToggleGroup control + +#### Service properties and methods + +:::warning +Note that it's highly not recommended to redefine the service properties and methods for the default types of controls, since it may cause breaks in their functionality. +::: + +- `$on` - (optional) - allows setting an event listener. The object has the following properties: + - `eventName` - a callback function which is called with the following parameters: + - `object` - an object with the following properties: + - `control` - the [ToggleGroup](https://docs.dhtmlx.com/suite/form/togglegroup/) Form control + - `editor` - the object of the Diagram Editor + - `id` - the id of a Diagram item + - `arguments` - (optional) - the [original event arguments](https://docs.dhtmlx.com/suite/category/form-togglegroup-events/) +- `$handler` - (optional) - a callback function that allows handling actions on firing the `change` event of the [ToggleGroup](https://docs.dhtmlx.com/suite/form/togglegroup/) Form control and the `change` event of DataCollection. Called with the following parameter: + - `object` - an object with the following properties: + - `id` - the id of a Diagram item + - `key` - the name of the specified/modified property or the path to it in the object of a Diagram item + - `editor` - the object of the Diagram Editor + - `control` - the object of the [ToggleGroup](https://docs.dhtmlx.com/suite/form/togglegroup/) Form control the component is built on + - `value` - the new value of the [ToggleGroup](https://docs.dhtmlx.com/suite/form/togglegroup/) Form control +- `$setValue` - (optional) - a callback function that allows setting the value of the [ToggleGroup](https://docs.dhtmlx.com/suite/form/togglegroup/) Form control on initialization of a control and on changing the value in DataCollection. Called with the following parameter: + - `object` - an object with the following properties: + - `editor` - the object of the Diagram Editor + - `control` - the object of the [ToggleGroup](https://docs.dhtmlx.com/suite/form/togglegroup/) Form control the component is built on + - `value` - the value of a Diagram item +- `$layout` - (optional) - a callback function that allows setting the structure of a control. Returns the configuration of the [ToggleGroup](https://docs.dhtmlx.com/suite/form/togglegroup/) Form control. Called with the following parameter: + - `object` - the configuration of a control without service properties + +### Toggle properties + +- `id` - (optional) the id of a control, auto-generated if not set +- `hidden` - (optional) defines whether an option is hidden. *false* by default +- `disabled` - (optional) defines whether an option is enabled (*false*) or disabled (*true*). *false* by default +- `full` - (optional) defines whether the option will be extended to the width specified by the `width` property. *false* by default +- `text` - (optional) sets a text inside the option. When initialized together with the `offText` property, the specified text will be rendered in the selected (pressed) state +- `icon` - (optional) sets the CSS class of an icon displayed inside the option. When initialized together with the `offIcon` property, the specified CSS classes of icons will be rendered in the selected (pressed) state of the option +- `offText` - (optional) sets the text that will be rendered in the unselected (unpressed) state of the option +- `offIcon` - (optional) sets the CSS class of an icon that will be rendered in the unselected (unpressed) state of the option +- `value` - (optional) specifies the value in the selected (pressed) state. If not defined, the option is used with the *boolean* value + +## Example + +~~~jsx {7-28} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + editbar: { + properties: { + $shape: [ + { + type: "toggleGroup", + key: "textAlign", + gap: 4, + $on: { + beforeChange: (spec, values) => !Object.values(values).every(i => !i), + }, + options: [ + { + icon: "dxi dxi-format-align-left", + value: "left" + }, + { + icon: "dxi dxi-format-align-center", + value: "center" + }, + { + icon: "dxi dxi-format-align-right", + value: "right" + } + ] + } + ] + } + } + } +}); +~~~ diff --git a/docs/api/diagram_editor/editbar/basic_controls_overview.md b/docs/api/diagram_editor/editbar/basic_controls_overview.md new file mode 100644 index 000000000..f9ab21310 --- /dev/null +++ b/docs/api/diagram_editor/editbar/basic_controls_overview.md @@ -0,0 +1,36 @@ +--- +sidebar_label: Basic controls +title: Editbar Guides - Basic controls +description: You can learn about the Basic controls of Editbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# Basic controls + +You can use basic controls of Editbar standalone or create complex controls on their base. Below you'll find the list of basic controls. Check the corresponding section to view the detailed description of configuration properties for each control. + +:::info +Refer to the [Editbar configuration](guides/diagram_editor/editbar.md) guide for more information about configuring! +::: + +## Overview of Editbar basic controls + +| Name | Description | +| :-------------------------------------------------------------- | :------------------------------------------------------------------- | +| [](api/diagram_editor/editbar/basic_controls/avatar.md) | @getshort(api/diagram_editor/editbar/basic_controls/avatar.md) | +| [](api/diagram_editor/editbar/basic_controls/button.md) | @getshort(api/diagram_editor/editbar/basic_controls/button.md) | +| [](api/diagram_editor/editbar/basic_controls/checkbox.md) | @getshort(api/diagram_editor/editbar/basic_controls/checkbox.md) | +| [](api/diagram_editor/editbar/basic_controls/checkboxgroup.md) | @getshort(api/diagram_editor/editbar/basic_controls/checkboxgroup.md)| +| [](api/diagram_editor/editbar/basic_controls/colorpicker.md) | @getshort(api/diagram_editor/editbar/basic_controls/colorpicker.md) | +| [](api/diagram_editor/editbar/basic_controls/combo.md) | @getshort(api/diagram_editor/editbar/basic_controls/combo.md) | +| [](api/diagram_editor/editbar/basic_controls/container.md) | @getshort(api/diagram_editor/editbar/basic_controls/container.md) | +| [](api/diagram_editor/editbar/basic_controls/datepicker.md) | @getshort(api/diagram_editor/editbar/basic_controls/datepicker.md) | +| [](api/diagram_editor/editbar/basic_controls/fieldset.md) | @getshort(api/diagram_editor/editbar/basic_controls/fieldset.md) | +| [](api/diagram_editor/editbar/basic_controls/input.md) | @getshort(api/diagram_editor/editbar/basic_controls/input.md) | +| [](api/diagram_editor/editbar/basic_controls/radiogroup.md) | @getshort(api/diagram_editor/editbar/basic_controls/radiogroup.md) | +| [](api/diagram_editor/editbar/basic_controls/select.md) | @getshort(api/diagram_editor/editbar/basic_controls/select.md) | +| [](api/diagram_editor/editbar/basic_controls/slider.md) | @getshort(api/diagram_editor/editbar/basic_controls/slider.md) | +| [](api/diagram_editor/editbar/basic_controls/spacer.md) | @getshort(api/diagram_editor/editbar/basic_controls/spacer.md) | +| [](api/diagram_editor/editbar/basic_controls/textarea.md) | @getshort(api/diagram_editor/editbar/basic_controls/textarea.md) | +| [](api/diagram_editor/editbar/basic_controls/timepicker.md) | @getshort(api/diagram_editor/editbar/basic_controls/timepicker.md) | +| [](api/diagram_editor/editbar/basic_controls/toggle.md) | @getshort(api/diagram_editor/editbar/basic_controls/toggle.md) | +| [](api/diagram_editor/editbar/basic_controls/togglegroup.md) | @getshort(api/diagram_editor/editbar/basic_controls/togglegroup.md) | diff --git a/docs/api/diagram_editor/editbar/complex_controls/arrange.md b/docs/api/diagram_editor/editbar/complex_controls/arrange.md new file mode 100644 index 000000000..97c26bb1a --- /dev/null +++ b/docs/api/diagram_editor/editbar/complex_controls/arrange.md @@ -0,0 +1,90 @@ +--- +sidebar_label: Arrange +title: Editbar Complex Controls - Arrange +description: You can explore the Arrange control of Editbar in the documentation of the the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# Arrange + +@short: The complex control for editing width, height, rotation angle, x and y properties of a Diagram element + +Arrange control + +:::info +The **Arrange** control is available for all elements (excluding the **line** and **lineTitle** elements) in the *default* mode of the Diagram editor. +::: + +## Usage + +~~~jsx +{ + type: "arrange", + + hidden?: boolean, // false by default + disabled?: boolean, // false by default + + css?: string, + width?: string | number | "content", // "content" by default + height?: string | number | "content", // "content" by default + padding?: string | number, // "0 16px" by default + + label?: string, + labelAlignment?: "left" | "right" | "center", // "left" by default + align?: "start" | "center" | "end" | "between" | "around" | "evenly", // "start" by default + compact?: boolean, // false by default + + // Service properties + $properties?: object +} +~~~ + +## Description + +### Basic properties + +- `type` - (required) the type of a control. Set it to *"arrange"* +- `hidden` - (optional) defines whether the control is hidden. *false* by default +- `disabled` - (optional) defines whether the control is enabled (*false*) or disabled (*true*) +- `css` - (optional) adds style classes to the control +- `width` - (optional) the width of the control. *"content"* by default +- `height` - (optional) the height of the control. *"content"* by default +- `padding` - (optional) sets the padding for the content inside the control group. *"0 16px"* by default +- `label` - (optional) specifies a label for the control +- `labelAlignment` - (optional) defines the position of the control label. *"left"* by default +- `align` - (optional) sets the alignment of controls inside the control group. *"start"* by default +- `compact` - (optional) specifies the compact mode, removes indents and frame. *false* by default + +### Service properties + +- `$properties` - (optional) allows you to override values of [basic controls](/api/diagram_editor/editbar/basic_controls_overview/) within a complex control. You can configure the following elements of the **Arrange** control based on the basic controls: + - `x` - ([input](/api/diagram_editor/editbar/basic_controls/input)) sets the Diagram element position on the x-axis + - `y` - ([input](/api/diagram_editor/editbar/basic_controls/input)) sets the Diagram element position on the y-axis + - `width` - ([input](/api/diagram_editor/editbar/basic_controls/input)) sets the Diagram element width (px) + - `height` - ([input](/api/diagram_editor/editbar/basic_controls/input)) sets the Diagram element height (px) + - `angle` - ([input](/api/diagram_editor/editbar/basic_controls/input)) sets the Diagram element rotation angle + +## Example + +~~~jsx {7-13} +const editor= new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + editbar: { + properties: { + rectangle: [ + { + type: "arrange", + disabled: true, + $properties: { + angle: { hidden: true } // configuration of the "input" basic control + } + } + ] + } + } + } +}); +~~~ diff --git a/docs/api/diagram_editor/editbar/complex_controls/border.md b/docs/api/diagram_editor/editbar/complex_controls/border.md new file mode 100644 index 000000000..4db8b46a1 --- /dev/null +++ b/docs/api/diagram_editor/editbar/complex_controls/border.md @@ -0,0 +1,88 @@ +--- +sidebar_label: Border +title: Editbar Complex Controls - Border +description: You can explore the Border control of Editbar in the documentation of the the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# Border + +@short: The complex control for displaying and modifying borders of a Diagram element + +Border control + +:::info +The **Border** control is not available for the **lineTitle** element. +::: + +## Usage + +~~~jsx +{ + type: "border", + + hidden?: boolean, // false by default + disabled?: boolean, // false by default + + css?: string, + width?: string | number | "content", // "content" by default + height?: string | number | "content", // "content" by default + padding?: string | number, // "0 16px" by default + + label?: string, + labelAlignment?: "left" | "right" | "center", // "left" by default + align?: "start" | "center" | "end" | "between" | "around" | "evenly", // "between" by default + compact?: boolean, // false by default + + // Service properties + $properties?: object +} +~~~ + +## Description + +### Basic properties + +- `type` - (required) the type of a control. Set it to *"border"* +- `hidden` - (optional) defines whether the control is hidden. *false* by default +- `disabled` - (optional) defines whether the control is enabled (*false*) or disabled (*true*). *false* by default +- `css` - (optional) adds style classes to the control +- `width` - (optional) the width of the control. *"content"* by default +- `height` - (optional) the height of the control. *"content"* by default +- `padding` - (optional) sets the padding for the content inside the control group. *"0 16px"* by default +- `label` - (optional) specifies a label for the control +- `labelAlignment` - (optional) defines the position of the label. *"left"* by default +- `align` - (optional) sets the alignment of controls inside the control group. *"between"* by default +- `compact` - (optional) specifies the compact mode, removes indents and frame. *false* by default + +### Service properties + +- `$properties` - (optional) allows you to override values of [basic controls](/api/diagram_editor/editbar/basic_controls_overview) within a complex control. You can configure the following elements of the **Border** control based on the basic controls: + - `stroke` - ([colorpicker](/api/diagram_editor/editbar/basic_controls/colorpicker)) sets the border color + - `strokeType` - ([combo](/api/diagram_editor/editbar/basic_controls/combo)) sets the border type + - `strokeWidth` - ([input](/api/diagram_editor/editbar/basic_controls/input)) sets the border width + +## Example + +~~~jsx {7-13} +const editor= new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + editbar: { + properties: { + rectangle: [ + { + type: "border", + label: "Border style", + $properties: { + strokeType: { hidden: true } + } + } + ] + } + } + } +}); +~~~ diff --git a/docs/api/diagram_editor/editbar/complex_controls/gridstep.md b/docs/api/diagram_editor/editbar/complex_controls/gridstep.md new file mode 100644 index 000000000..823fb26fd --- /dev/null +++ b/docs/api/diagram_editor/editbar/complex_controls/gridstep.md @@ -0,0 +1,71 @@ +--- +sidebar_label: Grid step +title: Editbar Complex Controls - Grid step +description: You can explore the Grid step control of Editbar in the documentation of the the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# Grid step + +@short: The complex control for displaying and modifying a grid step of the Diagram editor + +Gridstep control + +## Usage + +~~~jsx +{ + type: "gridStep", + + hidden?: boolean, // false by default + disabled?: boolean, // false by default + + css?: string, + width?: string | number | "content", // "content" by default + height?: string | number | "content", // "content" by default + padding?: string | number, // "0 16px" by default + + label?: string, + labelAlignment?: "left" | "right" | "center", // "left" by default + readOnly?: boolean, // false by default + wrap?: boolean // true by default +} +~~~ + +## Description + +### Basic properties + +- `type` - (required) the type of a control. Set it to *"gridStep"* +- `hidden` - (optional) defines whether the control is hidden. *false* by default +- `disabled` - (optional) defines whether the control is enabled (*false*) or disabled (*true*). *false* by default +- `css` - (optional) adds style classes to the control +- `width` - (optional) the width of the control. *"content"* by default +- `height` - (optional) the height of the control. *"content"* by default +- `padding` - (optional) sets the padding for the content inside the control group. *"0 16px"* by default +- `label` - (optional) specifies a label for the control +- `labelAlignment` - (optional) defines the position of the label. *"left"* by default +- `readOnly` - (optional) sets the readonly mode for the control. *false* by default +- `wrap` - (optional) allows displaying the external wrapping. *true* by default + +## Example + +~~~jsx {6-11} +const editor= new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + editbar: { + properties: { + $default: [ + { + type: "gridStep", + readOnly: true + } + ] + } + } + } +}); +~~~ diff --git a/docs/api/diagram_editor/editbar/complex_controls/header.md b/docs/api/diagram_editor/editbar/complex_controls/header.md new file mode 100644 index 000000000..afc38639e --- /dev/null +++ b/docs/api/diagram_editor/editbar/complex_controls/header.md @@ -0,0 +1,75 @@ +--- +sidebar_label: Header +title: Editbar Complex Controls - Header +description: You can explore the Header control of Editbar in the documentation of the the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# Header + +@short: The complex control for displaying and modifying the header of "group" and "swimlane" elements of the Diagram editor + +Header control + +:::info +The **Header** control is available only for **group** and **swimlane** elements in the *default* mode of the Diagram editor. +::: + +## Usage + +~~~jsx +{ + type: "header", + + hidden?: boolean, // false by default + disabled?: boolean, // false by default + + css?: string, + width?: string | number | "content", // "content" by default + height?: string | number | "content", // "content" by default + padding?: string | number, // "0 16px" by default + + label?: string, + labelAlignment?: "left" | "right" | "center", // "left" by default + align?: "start" | "center" | "end" | "between" | "around" | "evenly", // "start" by default + compact?: boolean // false by default +} +~~~ + +## Description + +### Basic properties + +- `type` - (required) the type of a control. Set it to *"header"* +- `hidden` - (optional) defines whether the control is hidden. *false* by default +- `disabled` - (optional) defines whether the control is enabled (*false*) or disabled (*true*). *false* by default +- `css` - (optional) adds style classes to the control +- `width` - (optional) the width of the control. *"content"* by default +- `height` - (optional) the height of the control. *"content"* by default +- `padding` - (optional) sets the padding for the content inside the control group. *"0 16px"* by default +- `label` - (optional) specifies a label for the control +- `labelAlignment` - (optional) defines the position of the label. *"left"* by default +- `align` - (optional) sets the alignment of controls inside the control group. *"start"* by default +- `compact` - (optional) specifies the compact mode, removes indents and frames. *false* by default + +## Example + +~~~jsx {6-11} +const editor= new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + editbar: { + properties: { + $group: [ + { + type: "header", + label: "Group header style" + } + ] + } + } + } +}); +~~~ diff --git a/docs/api/diagram_editor/editbar/complex_controls/headercommon.md b/docs/api/diagram_editor/editbar/complex_controls/headercommon.md new file mode 100644 index 000000000..81ea881ff --- /dev/null +++ b/docs/api/diagram_editor/editbar/complex_controls/headercommon.md @@ -0,0 +1,88 @@ +--- +sidebar_label: Header common +title: Editbar Complex Controls - Header common +description: You can explore the Header common control of Editbar in the documentation of the the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# Header common + +@short: The complex control for for changing visibility, color, and height of the group header + +Header common control + +:::info +The **Header common** control is available only for **group** and **swimlane** elements in the *default* mode of the Diagram editor. +::: + +## Usage + +~~~jsx +{ + type: "headerCommon", + + hidden?: boolean, // false by default + disabled?: boolean, // false by default + + css?: string, + width?: string | number | "content", // "content" by default + height?: string | number | "content", // "content" by default + padding?: string | number, // "0 16px" by default + + label?: string, + labelAlignment?: "left" | "right" | "center", // "left" by default + align?: "start" | "center" | "end" | "between" | "around" | "evenly", // "between" by default + compact?: boolean, // false by default + + // Service properties + $properties?: object +} +~~~ + +## Description + +### Basic properties + +- `type` - (required) the type of a control. Set it to *"headerCommon"* +- `hidden` - (optional) defines whether the control is hidden. *false* by default +- `disabled` - (optional) defines whether the control is enabled (*false*) or disabled (*true*). *false* by default +- `css` - (optional) adds style classes to the control +- `width` - (optional) the width of the control. *"content"* by default +- `height` - (optional) the height of the control. *"content"* by default +- `padding` - (optional) sets the padding for the content inside the control group. *"0 16px"* by default +- `label` - (optional) specifies a label for the control +- `labelAlignment` - (optional) defines the position of the label. *"left"* by default +- `align` - (optional) sets the alignment of controls inside the control group. *"between"* by default +- `compact` - (optional) specifies the compact mode, removes indents and frame. *false* by default + +### Service properties + +- `$properties` - (optional) allows you to override values of [basic controls](/api/diagram_editor/editbar/basic_controls_overview) within a complex control. You can configure the following elements of the **Header common** control based on the basic controls: + - `enable` - ([toggle](/api/diagram_editor/editbar/basic_controls/toggle)) toggles the group header visibility + - `fill` - ([colorpicker](/api/diagram_editor/editbar/basic_controls/colorpicker)) sets the group header background color + - `height` - ([input](/api/diagram_editor/editbar/basic_controls/input)) sets the group header height (px) + +## Example + +~~~jsx {6-14} +const editor= new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + editbar: { + properties: { + $group: [ + { + type: "headerCommon", + label: "Header common", + $properties: { + fill: { key: ["header", "fill"] } + } + } + ] + } + } + } +}); +~~~ diff --git a/docs/api/diagram_editor/editbar/complex_controls/headerposition.md b/docs/api/diagram_editor/editbar/complex_controls/headerposition.md new file mode 100644 index 000000000..c95c80b58 --- /dev/null +++ b/docs/api/diagram_editor/editbar/complex_controls/headerposition.md @@ -0,0 +1,97 @@ +--- +sidebar_label: Header position +title: Editbar Complex Controls - Header position +description: You can explore the Header position control of Editbar in the documentation of the the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# Header position + +@short: The complex control for changing position of the group header + +Header position control + +:::info +The **Header position** control is available only for **group** and **swimlane** elements in the *default* mode of the Diagram editor. +::: + +## Usage + +~~~jsx +{ + type: "headerPosition", + + hidden?: boolean, // false by default + disabled?: boolean, // false by default + + css?: string, + width?: string | number | "content", // "content" by default + height?: string | number | "content", // "content" by default + padding?: string | number, // "0 16px" by default + + label?: string, + labelAlignment?: "left" | "right" | "center", // "left" by default + align?: "start" | "center" | "end" | "between" | "around" | "evenly", // "start" by default + compact?: boolean, // false by default + + // Service properties + $properties?: object +} +~~~ + +## Description + +### Basic properties + +- `type` - (required) the type of a control. Set it to *"headerPosition"* +- `hidden` - (optional) defines whether the control is hidden. *false* by default +- `disabled` - (optional) defines whether the control is enabled (*false*) or disabled (*true*). *false* by default +- `css` - (optional) adds style classes to the control +- `width` - (optional) the width of the control. *"content"* by default +- `height` - (optional) the height of the control. *"content"* by default +- `padding` - (optional) sets the padding for the content inside the control group. *"0 16px"* by default +- `label` - (optional) specifies a label for the control +- `labelAlignment` - (optional) defines the position of the label. *"left"* by default +- `align` - (optional) sets the alignment of controls inside the control group. *"start"* by default +- `compact` - (optional) specifies the compact mode, removes indents and frame. *false* by default + +### Service properties + +- `$properties` - (optional) allows you to override values of [basic controls](/api/diagram_editor/editbar/basic_controls_overview) within a complex control. You can configure the following element of the **Header position** control based on the basic controls: + - `position` - ([toggleGroup](/api/diagram_editor/editbar/basic_controls/togglegroup)) - sets a position of the group header + +## Example + +~~~jsx {6-25} +const editor= new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + editbar: { + properties: { + $group: [ + { + type: "headerPosition", + label: "Header position", + $properties: { + position: { + options: [ + { + icon: "dxi dxi-format-vertical-align-top", + value: "top" + }, + { + icon: "dxi dxi-format-vertical-align-bottom", + value: "bottom" + } + ] + } + } + } + ] + } + } + } +}); +~~~ diff --git a/docs/api/diagram_editor/editbar/complex_controls/lineshape.md b/docs/api/diagram_editor/editbar/complex_controls/lineshape.md new file mode 100644 index 000000000..3605c1082 --- /dev/null +++ b/docs/api/diagram_editor/editbar/complex_controls/lineshape.md @@ -0,0 +1,83 @@ +--- +sidebar_label: Line shape +title: Editbar Complex Controls - Line shape +description: You can explore the Line shape control of Editbar in the documentation of the the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# Line shape + +@short: The complex control for displaying and managing connectors + +Line shape control + +:::info +The **Line shape** control is available only for the **line** element in the *default* mode of the Diagram editor. +::: + +## Usage + +~~~jsx +{ + type: "lineShape", + + hidden?: boolean, // false by default + disabled?: boolean, // false by default + + css?: string, + width?: string | number | "content", // "content" by default + height?: string | number | "content", // "content" by default + padding?: string | number, // "0 16px" by default + + label?: string, + labelAlignment?: "left" | "right" | "center", // "left" by default + align?: "start" | "center" | "end" | "between" | "around" | "evenly", // "between" by default + compact?: boolean, // false by default + + // Service properties + $properties?: object +} +~~~ + +## Description + +### Basic properties + +- `type` - (required) the type of a control. Set it to *"lineShape"* +- `hidden` - (optional) defines whether the control is hidden. *false* by default +- `disabled` - (optional) defines whether the control is enabled (*false*) or disabled (*true*). *false* by default +- `css` - (optional) adds style classes to the control +- `width` - (optional) the width of the control. *"content"* by default +- `height` - (optional) the height of the control. *"content"* by default +- `padding` - (optional) sets the padding for the content inside the control group. *"0 16px"* by default +- `label` - (optional) specifies a label for the control +- `labelAlignment` - (optional) defines the position of the label. *"left"* by default +- `align` - (optional) sets the alignment of controls inside the control group. *"between"* by default +- `compact` - (optional) specifies the compact mode, removes indents and frame. *false* by default + +### Service properties + +- `$properties` - (optional) allows you to override values of [basic controls](/api/diagram_editor/editbar/basic_controls_overview) within a complex control. You can configure the following element of the **Line shape** control based on the basic controls: + - `connectType` - ([toggleGroup](/api/diagram_editor/editbar/basic_controls/togglegroup)) sets the connector type + +## Example + +~~~jsx {6-11} +const editor= new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + editbar: { + properties: { + $line: [ + { + type: "lineShape", + label: "Line connection type" + } + ] + } + } + } +}); +~~~ diff --git a/docs/api/diagram_editor/editbar/complex_controls/pointerview.md b/docs/api/diagram_editor/editbar/complex_controls/pointerview.md new file mode 100644 index 000000000..50c207288 --- /dev/null +++ b/docs/api/diagram_editor/editbar/complex_controls/pointerview.md @@ -0,0 +1,84 @@ +--- +sidebar_label: Pointer view +title: Editbar Complex Controls - Pointer view +description: You can explore the Pointer view control of Editbar in the documentation of the the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# Pointer view + +@short: The complex control for displaying and managing the connector arrows + +Pointer view control + +:::info +The **Pointer view** control is available only for the **line** element in the *default* mode of the Diagram editor. +::: + +## Usage + +~~~jsx +{ + type: "pointerView", + + hidden?: boolean, // false by default + disabled?: boolean, // false by default + + css?: string, + width?: string | number | "content", // "content" by default + height?: string | number | "content", // "content" by default + padding?: string | number, // "0 16px" by default + + label?: string, + labelAlignment?: "left" | "right" | "center", // "left" by default + align?: "start" | "center" | "end" | "between" | "around" | "evenly", // "between" by default + compact?: boolean, // false by default + + // Service properties + $properties?: object +} +~~~ + +## Description + +### Basic properties + +- `type` - (required) the type of a control. Set it to *"pointerView"* +- `hidden` - (optional) defines whether the control is hidden. *false* by default +- `disabled` - (optional) defines whether the control is enabled (*false*) or disabled (*true*). *false* by default +- `css` - (optional) adds style classes to the control +- `width` - (optional) the width of the control. *"content"* by default +- `height` - (optional) the height of the control. *"content"* by default +- `padding` - (optional) sets the padding for the content inside the control group. *"0 16px"* by default +- `label` - (optional) specifies a label for the control +- `labelAlignment` - (optional) defines the position of the label. *"left"* by default +- `align` - (optional) sets the alignment of controls inside the control group. *"between"* by default +- `compact` - (optional) specifies the compact mode, removes indents and frame. *false* by default + +### Service properties + +- `$properties` - (optional) allows you to override values of [basic controls](/api/diagram_editor/editbar/basic_controls_overview) within a complex control. You can configure the following elements of the **Pointer view** control based on the basic controls: + - `backArrow` - ([toggleGroup](/api/diagram_editor/editbar/basic_controls/togglegroup)) sets the arrow type at the end of connector + - `forwardArrow` - ([toggleGroup](/api/diagram_editor/editbar/basic_controls/togglegroup)) sets the arrow type at the start of connector + +## Example + +~~~jsx {6-11} +const editor= new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + editbar: { + properties: { + $line: [ + { + type: "pointerView", + disabled: true + } + ] + } + } + } +}); +~~~ diff --git a/docs/api/diagram_editor/editbar/complex_controls/position.md b/docs/api/diagram_editor/editbar/complex_controls/position.md new file mode 100644 index 000000000..07e0b01b6 --- /dev/null +++ b/docs/api/diagram_editor/editbar/complex_controls/position.md @@ -0,0 +1,86 @@ +--- +sidebar_label: Position +title: Editbar Complex Controls - Position +description: You can explore the Position control of Editbar in the documentation of the the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# Position + +@short: The complex control for configuring the shape offset from the predefined algorithm on the X and Y axis + +Position control + +:::info +The **Position** control is available only for the **shape** element in the *org* or *mindmap* modes of the Diagram editor. +::: + +## Usage + +~~~jsx +{ + type: "position", + + hidden?: boolean, // false by default + disabled?: boolean, // false by default + + css?: string, + width?: string | number | "content", // "content" by default + height?: string | number | "content", // "content" by default + padding?: string | number, // "0 16px" by default + + label?: string, + labelAlignment?: "left" | "right" | "center", // "left" by default + align?: "start" | "center" | "end" | "between" | "around" | "evenly", // "start" by default + compact?: boolean, // false by default + + // Service properties + $properties?: object +} +~~~ + +## Description + +### Basic properties + +- `type` - (required) the type of a control. Set it to *"position"* +- `hidden` - (optional) defines whether the control is hidden. *false* by default +- `disabled` - (optional) defines whether the control is enabled (*false*) or disabled (*true*). *false* by default +- `css` - (optional) adds style classes to the control +- `width` - (optional) the width of the control. *"content"* by default +- `height` - (optional) the height of the control. *"content"* by default +- `padding` - (optional) sets the padding for the content inside the control group. *"0 16px"* by default +- `label` - (optional) specifies a label for the control +- `labelAlignment` - (optional) defines the position of the label. *"left"* by default +- `align` - (optional) sets the alignment of controls inside the control group. *"start"* by default +- `compact` - (optional) specifies the compact mode, removes indents and frame. *false* by default + +### Service properties + +- `$properties` - (optional) allows you to override values of [basic controls](/api/diagram_editor/editbar/basic_controls_overview)) within a complex control. You can configure the following elements of the **Position** control based on the basic controls: + - `dx` - ([input](/api/diagram_editor/editbar/basic_controls/input)) sets the shape offset from the predefined algorithm on the x-axis + - `dy` - ([input](/api/diagram_editor/editbar/basic_controls/input)) sets the shape offset from the predefined algorithm on the y-axis + +## Example + +~~~jsx {6-13} +const editor= new dhx.DiagramEditor("editor_container", { + type: "mindmap", + view: { + editbar: { + properties: { + $shape: [ + { + type: "position", + $properties: { + dx: { disabled: true } + } + } + ] + } + } + } +}); +~~~ diff --git a/docs/api/diagram_editor/editbar/complex_controls/size.md b/docs/api/diagram_editor/editbar/complex_controls/size.md new file mode 100644 index 000000000..1d0b27fca --- /dev/null +++ b/docs/api/diagram_editor/editbar/complex_controls/size.md @@ -0,0 +1,84 @@ +--- +sidebar_label: Size +title: Editbar Complex Controls - Size +description: You can explore the Size control of Editbar in the documentation of the the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# Size + +@short: The complex control for managing width and height of the Diagram elements + +Size control + +:::info +The **Size** control is available only for the **shape**, **group** and **swimlane** elements of the Diagram editor. +::: + +## Usage + +~~~jsx +{ + type: "size", + + hidden?: boolean, // false by default + disabled?: boolean, // false by default + + css?: string, + width?: string | number | "content", // "content" by default + height?: string | number | "content", // "content" by default + padding?: string | number, // "0 16px" by default + + label?: string, + labelAlignment?: "left" | "right" | "center", // "left" by default + align?: "start" | "center" | "end" | "between" | "around" | "evenly", // "start" by default + compact?: boolean, // false by default + + // Service properties + $properties?: object +} +~~~ + +## Description + +### Basic properties + +- `type` - (required) the type of a control. Set it to *"size"* +- `hidden` - (optional) defines whether the control is hidden. *false* by default +- `disabled` - (optional) defines whether the control is enabled (*false*) or disabled (*true*). *false* by default +- `css` - (optional) adds style classes to the control +- `width` - (optional) the width of the control. *"content"* by default +- `height` - (optional) the height of the control. *"content"* by default +- `padding` - (optional) sets the padding for the content inside the control group. *"0 16px"* by default +- `label` - (optional) specifies a label for the control +- `labelAlignment` - (optional) defines the position of the label. *"left"* by default +- `align` - (optional) sets the alignment of controls inside the control group. *"start"* by default +- `compact` - (optional) specifies the compact mode, removes indents and frame. *false* by default + +### Service properties + +- `$properties` - (optional) allows you to override values of [basic controls](/api/diagram_editor/editbar/basic_controls_overview) within a complex control. You can configure the following elements of the **Size** control based on the basic controls: + - `width` - ([input](/api/diagram_editor/editbar/basic_controls/input)) sets the Diagram element width (px) + - `height` - ([input](/api/diagram_editor/editbar/basic_controls/input)) sets the Diagram element height (px) + +## Example + +~~~jsx {6-11} +const editor= new dhx.DiagramEditor("editor_container", { + type: "mindmap", + view: { + editbar: { + properties: { + $shape: [ + { + type: "size", + label: "Shape size" + } + ] + } + } + } +}); +~~~ diff --git a/docs/api/diagram_editor/editbar/complex_controls/textalign.md b/docs/api/diagram_editor/editbar/complex_controls/textalign.md new file mode 100644 index 000000000..a9f2457e1 --- /dev/null +++ b/docs/api/diagram_editor/editbar/complex_controls/textalign.md @@ -0,0 +1,80 @@ +--- +sidebar_label: Text align +title: Editbar Complex Controls - Text align +description: You can explore the Text align control of Editbar in the documentation of the the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# Text align + +@short: The complex control for managing the text alignment within the Diagram elements + +Text align control + +## Usage + +~~~jsx +{ + type: "textAlign", + + hidden?: boolean, // false by default + disabled?: boolean, // false by default + + css?: string, + width?: string | number | "content", // "content" by default + height?: string | number | "content", // "content" by default + padding?: string | number, // "0 16px" by default + + label?: string, + labelAlignment?: "left" | "right" | "center", // "left" by default + align?: "start" | "center" | "end" | "between" | "around" | "evenly", // "between" by default + compact?: boolean, // false by default + + // Service properties + $properties?: object +} +~~~ + +## Description + +### Basic properties + +- `type` - (required) the type of a control. Set it to *"textAlign"* +- `hidden` - (optional) defines whether the control is hidden. *false* by default +- `disabled` - (optional) defines whether the control is enabled (*false*) or disabled (*true*). *false* by default +- `css` - (optional) adds style classes to the control +- `width` - (optional) the width of the control. *"content"* by default +- `height` - (optional) the height of the control. *"content"* by default +- `padding` - (optional) sets the padding for the content inside the control group. *"0 16px"* by default +- `label` - (optional) specifies a label for the control +- `labelAlignment` - (optional) defines the position of the label. *"left"* by default +- `align` - (optional) sets the alignment of controls inside the control group. *"between"* by default +- `compact` - (optional) specifies the compact mode, removes indents and frame. *false* by default + +### Service properties + +- `$properties` - (optional) allows you to override values of [basic controls](/api/diagram_editor/editbar/basic_controls_overview) within a complex control. You can configure the following elements of the **Text align** control based on the basic controls: + - `textAlign` - ([toggleGroup](/api/diagram_editor/editbar/basic_controls/togglegroup)) sets the horizontal alignment of text + - `textVerticalAlign` - ([toggleGroup](/api/diagram_editor/editbar/basic_controls/togglegroup)) sets the vertical alignment of text + +## Example + +~~~jsx {6-11} +const editor= new dhx.DiagramEditor("editor_container", { + type: "mindmap", + view: { + editbar: { + properties: { + $shape: [ + { + type: "textAlign", + label: "Text align" + } + ] + } + } + } +}); +~~~ diff --git a/docs/api/diagram_editor/editbar/complex_controls/textstyle.md b/docs/api/diagram_editor/editbar/complex_controls/textstyle.md new file mode 100644 index 000000000..d61e668ad --- /dev/null +++ b/docs/api/diagram_editor/editbar/complex_controls/textstyle.md @@ -0,0 +1,94 @@ +--- +sidebar_label: Text style +title: Editbar Complex Controls - Text style +description: You can explore the Text style control of Editbar in the documentation of the the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Suite. +--- + +# Text style + +@short: The complex control for managing the text style within the Diagram elements + +Text style control + +## Usage + +~~~jsx +{ + type: "textStyle", + + hidden?: boolean, // false by default + disabled?: boolean, // false by default + + css?: string, + width?: string | number | "content", // "content" by default + height?: string | number | "content", // "content" by default + padding?: string | number, // "0 16px" by default + + label?: string, + labelAlignment?: "left" | "right" | "center", // "left" by default + align?: "start" | "center" | "end" | "between" | "around" | "evenly", // "between" by default + compact?: boolean, // false by default + + // Service properties + $properties?: object +} +~~~ + +## Description + +### Basic properties + +- `type` - (required) the type of a control. Set it to *"textStyle"* +- `hidden` - (optional) defines whether the control is hidden. *false* by default +- `disabled` - (optional) defines whether the control is enabled (*false*) or disabled (*true*). *false* by default +- `css` - (optional) adds style classes to the control +- `width` - (optional) the width of the control. *"content"* by default +- `height` - (optional) the height of the control. *"content"* by default +- `padding` - (optional) sets the padding for the content inside the control group. *"0 16px"* by default +- `label` - (optional) specifies a label for the control +- `labelAlignment` - (optional) defines the position of the label. *"left"* by default +- `align` - (optional) sets the alignment of controls inside the control group. *"between"* by default +- `compact` - (optional) specifies the compact mode, removes indents and frame. *false* by default + +### Service properties + +- `$properties` - (optional) allows you to override values of [basic controls](/api/diagram_editor/editbar/basic_controls_overview) within a complex control. You can configure the following elements of the **Text style** control based on the basic controls: + - `fontSize` - ([combo](/api/diagram_editor/editbar/basic_controls/combo)) sets the font size + - `lineHeight` - ([input](/api/diagram_editor/editbar/basic_controls/input)) sets the line height + - `fontColor` - ([colorpicker](/api/diagram_editor/editbar/basic_controls/colorpicker)) sets the font color + - `fontWeight` - ([toggle](/api/diagram_editor/editbar/basic_controls/toggle)) sets the font weight + - `fontStyle` - ([toggle](/api/diagram_editor/editbar/basic_controls/toggle)) sets the font style + +## Example + +~~~jsx {6-22} +const editor= new dhx.DiagramEditor("editor_container", { + type: "mindmap", + view: { + editbar: { + properties: { + $shape: [ + { + type: "textStyle", + label: "Text style", + $properties: { + fontSize: { + value: 20, + options: [ + { id: 10, value: "10px" }, + { id: 20, value: "20px" }, + { id: 30, value: "30px" }, + { id: 40, value: "40px" } + ] + } + } + } + ] + } + } + } +}); +~~~ diff --git a/docs/api/diagram_editor/editbar/complex_controls_overview.md b/docs/api/diagram_editor/editbar/complex_controls_overview.md new file mode 100644 index 000000000..4e2f1bbf9 --- /dev/null +++ b/docs/api/diagram_editor/editbar/complex_controls_overview.md @@ -0,0 +1,30 @@ +--- +sidebar_label: Complex controls +title: Editbar Guides - Complex controls +description: You can learn about the Complex controls of Editbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# Complex controls + +You can use complex controls of Editbar standalone or create complex controls on their base. Below you'll find the list of complex controls. Check the corresponding section to view the detailed description of configuration properties for each control. + +:::info +Refer to the [Editbar configuration](guides/diagram_editor/editbar.md) guide for more information about configuring! +::: + +## Overview of Editbar complex controls + +| Name | Description | +| :-------------------------------------------------------------------- | :---------------------------------------------------------------------- | +| [](api/diagram_editor/editbar/complex_controls/arrange.md) | @getshort(api/diagram_editor/editbar/complex_controls/arrange.md) | +| [](api/diagram_editor/editbar/complex_controls/border.md) | @getshort(api/diagram_editor/editbar/complex_controls/border.md) | +| [](api/diagram_editor/editbar/complex_controls/gridstep.md) | @getshort(api/diagram_editor/editbar/complex_controls/gridstep.md) | +| [](api/diagram_editor/editbar/complex_controls/header.md) | @getshort(api/diagram_editor/editbar/complex_controls/header.md) | +| [](api/diagram_editor/editbar/complex_controls/headercommon.md) | @getshort(api/diagram_editor/editbar/complex_controls/headercommon.md) | +| [](api/diagram_editor/editbar/complex_controls/headerposition.md) | @getshort(api/diagram_editor/editbar/complex_controls/headerposition.md)| +| [](api/diagram_editor/editbar/complex_controls/lineshape.md) | @getshort(api/diagram_editor/editbar/complex_controls/lineshape.md) | +| [](api/diagram_editor/editbar/complex_controls/pointerview.md) | @getshort(api/diagram_editor/editbar/complex_controls/pointerview.md) | +| [](api/diagram_editor/editbar/complex_controls/position.md) | @getshort(api/diagram_editor/editbar/complex_controls/position.md) | +| [](api/diagram_editor/editbar/complex_controls/size.md) | @getshort(api/diagram_editor/editbar/complex_controls/size.md) | +| [](api/diagram_editor/editbar/complex_controls/textalign.md) | @getshort(api/diagram_editor/editbar/complex_controls/textalign.md) | +| [](api/diagram_editor/editbar/complex_controls/textstyle.md) | @getshort(api/diagram_editor/editbar/complex_controls/textstyle.md) | diff --git a/docs/api/diagram_editor/editbar/config/controls_property.md b/docs/api/diagram_editor/editbar/config/controls_property.md new file mode 100644 index 000000000..3fa9a0cef --- /dev/null +++ b/docs/api/diagram_editor/editbar/config/controls_property.md @@ -0,0 +1,83 @@ +--- +sidebar_label: controls +title: controls Property of Editbar +description: You can learn about the controls property of Editbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# controls + +### Description + +@short: Optional. A set of configurations that defines one or several custom controls + +:::info +The `controls` property allows you to create custom **Editbar** controls based on [**Basic controls**](api/diagram_editor/editbar/basic_controls_overview.md) and/or [**Complex controls**](api/diagram_editor/editbar/complex_controls_overview.md). Use the [`properties`](api/diagram_editor/editbar/config/properties_property.md) property to apply the custom control(s) to the needed elements (shapes, groups, swimlanes, etc.). + +Refer to the [**Editbar configuration**](guides/diagram_editor/editbar.md) guide for more information about configuring! +::: + +:::important +We do not recommend you to redefine default controls when creating a custom control. Use individual name for each custom control! +::: + +### Usage + +~~~jsx +controls?: { + [type: string]: object, // custom control +}; +~~~ + +### Parameters + +- `type` - the type name of a custom control + - `object` - the configuration object of a new control based on [**Basic controls**](api/diagram_editor/editbar/basic_controls_overview.md) and/or [**Complex controls**](api/diagram_editor/editbar/complex_controls_overview.md) + +~~~jsx +controls: { + estimate: { /*...*/ }, // create new "estimate" control with custom configurations + // another control +} +~~~ + +### Example + +~~~jsx {16-28} +const editor = new dhx.DiagramEditor("editor_container", { + type: "org", + view: { + // editbar: true, // displays default Editbar + // or configure Editbar via object + editbar: { + css: "custom_css", + show: true, + width: 300, + properties: { + $shape: [ + { type: "estimate" }, // apply the "estimate" custom control + { type: "name" } // apply the "name" custom control + ] + }, + controls: { + // create the "estimate" custom control + estimate: { + type: "fieldset", + label: "Time estimate", + rows: [ + { type: "datepicker", key: "date_start", label: "Date start" }, + { type: "datepicker", key: "date_end", label: "Date end" } + ] + }, + // create the "name" custom control + name: { type: "input", label: "Name", key: "name" } + } + } + } +}); +~~~ + +**Change log**: The property was added in v6.0 + +**Related article:** [**Editbar configuration**](guides/diagram_editor/editbar.md) + +**Related sample:** [Diagram Editor. Default mode. PERT сhart with the legend](https://snippet.dhtmlx.com/w8mrh3ay?mode=wide) diff --git a/docs/api/diagram_editor/editbar/config/css_property.md b/docs/api/diagram_editor/editbar/config/css_property.md new file mode 100644 index 000000000..0ddcdfc3d --- /dev/null +++ b/docs/api/diagram_editor/editbar/config/css_property.md @@ -0,0 +1,38 @@ +--- +sidebar_label: css +title: css Property of Editbar +description: You can learn about the css property of Editbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# css + +### Description + +@short: Optional. Applies a custom CSS class to the Editbar + +### Usage + +~~~jsx +css?: string; +~~~ + +### Example + +~~~jsx {7} +const editor = new dhx.DiagramEditor("editor_container", { + type: "org", + view: { + // editbar: true, // displays default Editbar + // or configure Editbar via object + editbar: { + css: "custom_css", + show: true, + width: 300, + controls: {...}, + properties: {...} + } + } +}); +~~~ + +**Change log**: Added in v6.0 diff --git a/docs/api/diagram_editor/editbar/config/properties_property.md b/docs/api/diagram_editor/editbar/config/properties_property.md new file mode 100644 index 000000000..0d81024d3 --- /dev/null +++ b/docs/api/diagram_editor/editbar/config/properties_property.md @@ -0,0 +1,131 @@ +--- +sidebar_label: properties +title: properties Property of Editbar +description: You can learn about the properties property of Editbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# properties + +### Description + +@short: Optional. A set of configurations that modify controls for Diagram elements (shapes, groups, swimlanes etc.) + +:::info +The `properties` config allows you to do the following: +- modify Editbar controls for all or individual Diaram elements base on [**Basic controls**](api/diagram_editor/editbar/basic_controls_overview.md) and/or [**Complex controls**](api/diagram_editor/editbar/complex_controls_overview.md) +- apply custom Editbar control(s) defined via the [`controls`](api/diagram_editor/editbar/config/controls_property.md) property to Diagram elements +- specify conditions for applying an Editbar control (custom or default) to Diagram elements + +Refer to the [**Editbar configuration**](guides/diagram_editor/editbar.md) guide for more information about configuring! +::: + +### Usage + +~~~jsx +properties?: { + [type: string]: object[] | function, // custom configurations for controls applied to Diagram elements +}; +~~~ + +### Parameters + +- `type` - the name of a Diagram element or group of elements + - `object` - the configuration object of a Diagram element + + or + + - `function` - a callback function that should return an array of objects with configuration of Diagram element controls. The function is called with an object that includes the following parameters: + - `item` - (optional) the object of the selected element + - `editor` - (required) the object of the Diagram editor + +You can configure Editbar controls for a separate Diagram element, for instance **rectangle**, **circle**, **card** etc.: + +~~~jsx +properties: { + // modify Editbar controls for individual elements (shapes) + rectangle: [], // configure controls for the "rectangle" type + circle: [], // configure controls for the "circle" type + card: [], // configure controls for the "card" type + estimate: [], // configure controls for the custom "estimate" type + // other elements +} +~~~ + +You can also configure Editbar controls for a separate group of Diagram elements. There are the following service properties to configure groups: + +- [`$default`](guides/diagram_editor/editbar.md#configure-editbar-for-the-grid-area) - allows configuring Editbar controls if no elements are selected, or more than one element is selected +- [`$shape`](guides/diagram_editor/editbar.md#configure-editbar-for-shapes) - allows configuring Editbar controls for all shapes including custom shapes +- [`$group`](guides/diagram_editor/editbar.md#configure-editbar-for-group-elements) - allows configuring Editbar controls for all elements with the "group" type +- [`$swimlane`](guides/diagram_editor/editbar.md#configure-editbar-for-swimlanes) - allows configuring Editbar controls for all elements with the "swimlane" type +- [`$line`](guides/diagram_editor/editbar.md#configure-editbar-for-lines) - allows configuring Editbar controls for all elements with the "line" type +- [`$lineTitle`](guides/diagram_editor/editbar.md#configure-editbar-for-line-titles) - allows configuring Editbar controls for all elements with the "lineTitle" type + +~~~jsx +properties: { + $default: [], + $shape: [], + $group: [], + $swimlane: [], + $line: [], + $lineTitle: [], + // ... other parameters +} +~~~ + +### Example + +~~~jsx {10-44} +const editor = new dhx.DiagramEditor("editor_container", { + type: "org", + view: { + // editbar: true, // displays default Editbar + // or configure Editbar via object + editbar: { + css: "custom_css", + show: true, + width: 300, + properties: { + $shape: ({ item, editor }) => { + const controls = [ + { type: "position" }, + { type: "size" } + ]; + if (item.hasOwnProperty("title")) { + controls.push({ type: "input", key: "title", label: "Title", wrap: true }); + } + if (item.hasOwnProperty("text")) { + controls.push({ type: "textarea", key: "text", height: 200, label: "Text", wrap: true }); + } + if (item.hasOwnProperty("img")) { + controls.push({ type: "avatar", key: "img", label: "Image", wrap: true }); + } + return controls; + }, + $group: [ + { + type: "arrange", + $properties: { + angle: { hidden: true } + } + }, + { type: "header" }, + { + type: "border", + $properties: { + stroke: { key: ["style", "stroke"] }, + strokeType: { hidden: true }, + strokeWidth: { key: ["style", "strokeWidth"], width: "85%" } + } + } + ] + } + } + } +}); +~~~ + +**Change log**: The property was added in v6.0 + +**Related article:** [**Editbar configuration**](guides/diagram_editor/editbar.md) + +**Related sample:** [Diagram Editor. Default mode. Customization of editbar. Added shape counter](https://snippet.dhtmlx.com/ealq0m4l?mode=wide) diff --git a/docs/api/diagram_editor/editbar/config/show_property.md b/docs/api/diagram_editor/editbar/config/show_property.md new file mode 100644 index 000000000..ea62ed644 --- /dev/null +++ b/docs/api/diagram_editor/editbar/config/show_property.md @@ -0,0 +1,44 @@ +--- +sidebar_label: show +title: show Property of Editbar +description: You can learn about the show property of Editbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# show + +### Description + +@short: Optional. Defines whether to display the Editbar when initializing + +### Usage + +~~~jsx +show?: boolean; +~~~ + +### Default config + +~~~jsx +show: true +~~~ + +### Example + +~~~jsx {8} +const editor = new dhx.DiagramEditor("editor_container", { + type: "org", + view: { + // editbar: true, // displays default Editbar + // or configure Editbar via object + editbar: { + css: "custom_css", + show: true, + width: 300, + controls: {...}, + properties: {...} + } + } +}); +~~~ + +**Change log**: Added in v6.0 diff --git a/docs/api/diagram_editor/editbar/config/width_property.md b/docs/api/diagram_editor/editbar/config/width_property.md new file mode 100644 index 000000000..0d1ca3306 --- /dev/null +++ b/docs/api/diagram_editor/editbar/config/width_property.md @@ -0,0 +1,38 @@ +--- +sidebar_label: width +title: width Property of Editbar +description: You can learn about the width property of Editbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# width + +### Description + +@short: Optional. Defines the Editbar width + +### Usage + +~~~jsx +width?: number; +~~~ + +### Example + +~~~jsx {9} +const editor = new dhx.DiagramEditor("editor_container", { + type: "org", + view: { + // editbar: true, // displays default Editbar + // or configure Editbar via object + editbar: { + css: "custom_css", + show: true, + width: 300, + controls: {...}, + properties: {...} + } + } +}); +~~~ + +**Change log**: Added in v6.0 diff --git a/docs/api/diagram_editor/editor/api_overview.md b/docs/api/diagram_editor/editor/api_overview.md new file mode 100644 index 000000000..74e029ddc --- /dev/null +++ b/docs/api/diagram_editor/editor/api_overview.md @@ -0,0 +1,64 @@ +--- +sidebar_label: API overview +title: Editor API Overview +description: You can have an overview of Editor API in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# Editor API overview + +## Editor methods + +| Name | Description | +| :------------------------------------------------------------ | :-------------------------------------------------------------------- | +| [](api/diagram_editor/editor/methods/destructor_method.md) | @getshort(api/diagram_editor/editor/methods/destructor_method.md) | +| [](api/diagram_editor/editor/methods/import_method.md) | @getshort(api/diagram_editor/editor/methods/import_method.md) | +| [](api/diagram_editor/editor/methods/paint_method.md) | @getshort(api/diagram_editor/editor/methods/paint_method.md) | +| [](api/diagram_editor/editor/methods/parse_method.md) | @getshort(api/diagram_editor/editor/methods/parse_method.md) | +| [](api/diagram_editor/editor/methods/serialize_method.md) | @getshort(api/diagram_editor/editor/methods/serialize_method.md) | +| [](api/diagram_editor/editor/methods/zoomin_method.md) | @getshort(api/diagram_editor/editor/methods/zoomin_method.md) | +| [](api/diagram_editor/editor/methods/zoomout_method.md) | @getshort(api/diagram_editor/editor/methods/zoomout_method.md) | + +## Editor events + +| Name | Description | +| :-------------------------------------------------------- | :---------------------------------------------------------------- | +| [](api/diagram_editor/editor/events/aftergroupmove_event.md) | @getshort(api/diagram_editor/editor/events/aftergroupmove_event.md) | +| [](api/diagram_editor/editor/events/afteritemcatch_event.md) | @getshort(api/diagram_editor/editor/events/afteritemcatch_event.md) | +| [](api/diagram_editor/editor/events/afteritemmove_event.md) | @getshort(api/diagram_editor/editor/events/afteritemmove_event.md) | +| [](api/diagram_editor/editor/events/afterlinetitlemove_event.md) | @getshort(api/diagram_editor/editor/events/afterlinetitlemove_event.md) | +| [](api/diagram_editor/editor/events/aftershapeiconclick_event.md)| @getshort(api/diagram_editor/editor/events/aftershapeiconclick_event.md) | +| [](api/diagram_editor/editor/events/aftershapemove_event.md) | @getshort(api/diagram_editor/editor/events/aftershapemove_event.md) | +| [](api/diagram_editor/editor/events/beforegroupmove_event.md) | @getshort(api/diagram_editor/editor/events/beforegroupmove_event.md) | +| [](api/diagram_editor/editor/events/beforeitemcatch_event.md) | @getshort(api/diagram_editor/editor/events/beforeitemcatch_event.md) | +| [](api/diagram_editor/editor/events/beforeitemmove_event.md) | @getshort(api/diagram_editor/editor/events/beforeitemmove_event.md) | +| [](api/diagram_editor/editor/events/beforelinetitlemove_event.md)| @getshort(api/diagram_editor/editor/events/beforelinetitlemove_event.md) | +| [](api/diagram_editor/editor/events/beforeshapeiconclick_event.md) | @getshort(api/diagram_editor/editor/events/beforeshapeiconclick_event.md) | +| [](api/diagram_editor/editor/events/beforeshapemove_event.md) | @getshort(api/diagram_editor/editor/events/beforeshapemove_event.md) | +| [](api/diagram_editor/editor/events/groupmoveend_event.md) | @getshort(api/diagram_editor/editor/events/groupmoveend_event.md) | +| [](api/diagram_editor/editor/events/itemmoveend_event.md) | @getshort(api/diagram_editor/editor/events/itemmoveend_event.md) | +| [](api/diagram_editor/editor/events/itemtarget_event.md) | @getshort(api/diagram_editor/editor/events/itemtarget_event.md) | +| [](api/diagram_editor/editor/events/linetitlemoveend_event.md) | @getshort(api/diagram_editor/editor/events/linetitlemoveend_event.md) | +| [](api/diagram_editor/editor/events/shapemoveend_event.md) | @getshort(api/diagram_editor/editor/events/shapemoveend_event.md) | +| [](api/diagram_editor/editor/events/shaperesize_event.md) | @getshort(api/diagram_editor/editor/events/shaperesize_event.md) | +| [](api/diagram_editor/editor/events/zoomin_event.md) | @getshort(api/diagram_editor/editor/events/zoomin_event.md) | +| [](api/diagram_editor/editor/events/zoomout_event.md) | @getshort(api/diagram_editor/editor/events/zoomout_event.md) | + +## Editor properties + +| Name | Description | +| :--------------------------------------------------------- | :------------------------------------------------------------- | +| [](api/diagram_editor/editor/config/autoplacement_property.md) | @getshort(api/diagram_editor/editor/config/autoplacement_property.md) | +| [](api/diagram_editor/editor/config/connectionpoints_property.md) | @getshort(api/diagram_editor/editor/config/connectionpoints_property.md) | +| [](api/diagram_editor/editor/config/defaults_property.md) | @getshort(api/diagram_editor/editor/config/defaults_property.md) | +| [](api/diagram_editor/editor/config/editmode_property.md) | @getshort(api/diagram_editor/editor/config/editmode_property.md) | +| [](api/diagram_editor/editor/config/grid_property.md) | @getshort(api/diagram_editor/editor/config/grid_property.md) | +| [](api/diagram_editor/editor/config/gridstep_property.md) | @getshort(api/diagram_editor/editor/config/gridstep_property.md) | +| [](api/diagram_editor/editor/config/itemsdraggable_property.md) | @getshort(api/diagram_editor/editor/config/itemsdraggable_property.md)| +| [](api/diagram_editor/editor/config/lineconfig_property.md) | @getshort(api/diagram_editor/editor/config/lineconfig_property.md) | +| [](api/diagram_editor/editor/config/magnetic_property.md) | @getshort(api/diagram_editor/editor/config/magnetic_property.md) | +| [](api/diagram_editor/editor/config/resizepoints_property.md) | @getshort(api/diagram_editor/editor/config/resizepoints_property.md) | +| [](api/diagram_editor/editor/config/scale_property.md) | @getshort(api/diagram_editor/editor/config/scale_property.md) | +| [](api/diagram_editor/editor/config/shapetoolbar_property.md) | @getshort(api/diagram_editor/editor/config/shapetoolbar_property.md) | +| [](api/diagram_editor/editor/config/shapetype_property.md) | @getshort(api/diagram_editor/editor/config/shapetype_property.md) | +| [](api/diagram_editor/editor/config/type_property.md) | @getshort(api/diagram_editor/editor/config/type_property.md) | +| [](api/diagram_editor/editor/config/view_property.md) | @getshort(api/diagram_editor/editor/config/view_property.md) | diff --git a/docs/api/editor/autoplacement_property.md b/docs/api/diagram_editor/editor/config/autoplacement_property.md similarity index 58% rename from docs/api/editor/autoplacement_property.md rename to docs/api/diagram_editor/editor/config/autoplacement_property.md index 34f2e9c3e..25cbb0d71 100644 --- a/docs/api/editor/autoplacement_property.md +++ b/docs/api/diagram_editor/editor/config/autoplacement_property.md @@ -1,33 +1,32 @@ --- -sidebar_label: autoplacement +sidebar_label: autoplacement title: autoplacement Property of Editor description: You can learn about the autoplacement property of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. --- # autoplacement -:::info -The **autoplacement** property works only in the default mode of the editor (*type:"default"*) and only for shapes -::: - - ### Description @short: Optional. An object with configuration settings for auto-placement of shapes +:::info +The `autoplacement` property works only in the default mode of the editor (`type:"default"`) and only for shapes +::: + ### Usage -~~~js +~~~jsx autoplacement?: { - mode?: "direct" | "edges", - graphPadding?: number, + mode?: "direct" | "edges", + graphPadding?: number, placeMode?: "orthogonal" | "radial" }; ~~~ ### Parameters -The **autoplacement** object has the following parameters: +The `autoplacement` object has the following parameters: - `mode` - (optional) the mode of connecting shapes, "direct" (by default) or "edges" - `graphPadding` - (optional) sets the distance between unconnected diagrams, *"200"* by default @@ -35,17 +34,17 @@ The **autoplacement** object has the following parameters: ### Default config -~~~js +~~~jsx autoplacement: { mode: "direct", - graphPadding: 200, + graphPadding: 200, placeMode: "orthogonal" } ~~~ ### Example -~~~js +~~~jsx const editor = new dhx.DiagramEditor("editor_container", { autoplacement: { graphPadding: 100, @@ -59,26 +58,27 @@ const editor = new dhx.DiagramEditor("editor_container", { ### "direct" mode -Connector lines with no arrows are aligned "from center to center"; they are straight and diagonal. +Connector lines with no arrows are aligned "from center to center". They are straight and diagonal. -![](../../assets/direct_mode.png) +![](../../../../assets/direct_mode.png) ### "edges" mode -Connector lines are aligned "from side to side". +Connector lines are aligned "from side to side". -:::info -To add arrows to the lines, specify **forwardArrow: "filled"** or **backArrow: "filled"** in the configuration of a [line object](../../../lines/configuration_properties/). +:::info +To add arrows to the lines, specify `forwardArrow: "filled"` or `backArrow: "filled"` in the configuration of a [line object](/lines/configuration_properties/). ::: The connector lines in the "edges" mode can be: - - either straight (if you set **connectType: "straight"** property of a [line object](../../../lines/configuration_properties/)) -![](../../assets/edges_straight_mode.png) +- either straight (if you set the `connectType: "straight"` property of a [line object](/lines/configuration_properties/)) + +![](../../../../assets/edges_straight_mode.png) - - or 90-degree curved (if you set **connectType: "elbow"** property of a [line object](../../../lines/configuration_properties/)) +- or 90-degree curved (if you set the `connectType: "elbow"` property of a [line object](/lines/configuration_properties/)) -![](../../assets/edges_mode.png) +![](../../../../assets/edges_mode.png) ## Modes of placement of shapes @@ -88,31 +88,27 @@ Shapes are arranged along vertical and horizontal lines - **"orthogonal"** arrangement with lines in the **"direct"** mode -![](../../assets/direct_ortogonal.png) - +![](../../../../assets/direct_ortogonal.png) - **"orthogonal"** arrangement with lines in the **"edges"** mode -![](../../assets/edges_ortogonal.png) - +![](../../../../assets/edges_ortogonal.png) ### "radial" mode -Shapes are arranged on imaginary circles relative to the central shape, i.e. a shape with the most connections +Shapes are arranged on imaginary circles relative to the central shape, i.e. the shape with the most connections - **"radial"** arrangement with lines in the **"direct"** mode -![](../../assets/direct_radial.png) +![](../../../../assets/direct_radial.png) - **"radial"** arrangement with lines in the **"edges"** mode -![](../../assets/edges_radial.png) +![](../../../../assets/edges_radial.png) **Change log**: - The **placeMode** parameter is added in v5.0 - The **autoplacement** property is added in v3.0 -**Related samples**: -- [Diagram editor. Default mode. Autoplacement direct mode](https://snippet.dhtmlx.com/p1ybrkz2) -- [Diagram editor. Default mode. Autoplacement edges mode](https://snippet.dhtmlx.com/1i65txcw) \ No newline at end of file +**Related sample**: [Diagram. Default mode. Autoplacement](https://snippet.dhtmlx.com/f3uekgjw) diff --git a/docs/api/diagram_editor/editor/config/connectionpoints_property.md b/docs/api/diagram_editor/editor/config/connectionpoints_property.md new file mode 100644 index 000000000..73d4bf867 --- /dev/null +++ b/docs/api/diagram_editor/editor/config/connectionpoints_property.md @@ -0,0 +1,39 @@ +--- +sidebar_label: connectionPoints +title: connectionPoints Property of Editor +description: You can learn about the connectionPoints property of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# connectionPoints + +### Description + +@short: Optional. Enables/disables an ability to connect shapes using connection controls + +:::info +The `connectionPoints` property works only the **default** mode. +::: + +### Usage + +~~~jsx +connectionPoints?: boolean; +~~~ + +### Default config + +~~~jsx +connectionPoints: true +~~~ + +### Example + +~~~jsx {3} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", // only "default" + connectionPoints: false, // true by default + // other configurations +}); +~~~ + +**Change log**: Added in v6.0 diff --git a/docs/api/editor/defaults_property.md b/docs/api/diagram_editor/editor/config/defaults_property.md similarity index 58% rename from docs/api/editor/defaults_property.md rename to docs/api/diagram_editor/editor/config/defaults_property.md index 79759bee4..bd16d332a 100644 --- a/docs/api/editor/defaults_property.md +++ b/docs/api/diagram_editor/editor/config/defaults_property.md @@ -8,11 +8,11 @@ description: You can learn about the defaults property of editor in the document ### Description -@short: Optional. An object which sets the default configuration of a shape or line +@short: Optional. An object which sets the default configuration of a shape or a line ### Usage -~~~js +~~~jsx defaults?: { [type: string]: object }; @@ -20,13 +20,15 @@ defaults?: { ### Parameters -The **defaults** object can contain a set of *key:value* pairs where *key* is the type of a shape or line and *value* is a set of configuration settings of the [shape](../../../shapes/configuration_properties/) or [line](../../../lines/configuration_properties/) correspondingly. +The `defaults` object can contain a set of `key:value` pairs where *key* is the type of a shape or line and *value* is a set of configuration settings of the [shape](/shapes/configuration_properties/) or [line](/lines/configuration_properties/) correspondingly. -{{note The *type* and *id* attributes can not be defined in the default configuration of a shape/line.}} +:::note +The `type` and `id` attributes can not be defined in the default configuration of a shape/line. +::: ### Example -~~~js {24} +~~~jsx {24} const defaults = { // the default settings for all shapes of the "rectangle" type rectangle: { @@ -51,18 +53,19 @@ const defaults = { const editor = new dhx.DiagramEditor("editor_container", { type: "default", - defaults: defaults + defaults }); ~~~ :::info -After defining the default settings for the shape/line of separate types, you can either omit these properties or redefine their values while [preparing a data set](../../../guides/loading_data/#preparing-data-to-load) for the shapes/lines of these types. +After defining the default settings for the shape/line of separate types, you can either omit these properties or redefine their values while [preparing a data set](/diagram/guides/loading_data/#preparing-data-to-load) for the shapes/lines of these types. ::: -**Change log:** The ability to set the default configuration for lines is added in v4.2 +**Change log**: The ability to set the default configuration for lines was added in v4.2 **Related articles**: -- [Setting the default configuration of a shape](../../../guides/diagram/configuration/#setting-the-default-configuration-of-a-shape) -- [Setting shape preview](../../../guides/diagram_editor/left_panel/#setting-shape-preview) -**Related sample:** [Diagram editor. Setting the default line (connector) type](https://snippet.dhtmlx.com/22abzn5m) \ No newline at end of file +- [Setting the default configuration of a shape](/guides/diagram/configuration/#setting-the-default-configuration-of-a-shape) +- [Setting the preview of shapes](/guides/diagram_editor/shapebar/#setting-the-preview-of-shapes) + +**Related sample**: [Diagram editor. Setting the default line (connector) type. Try connecting shape A to shape B](https://snippet.dhtmlx.com/22abzn5m) diff --git a/docs/api/editor/editmode_property.md b/docs/api/diagram_editor/editor/config/editmode_property.md similarity index 97% rename from docs/api/editor/editmode_property.md rename to docs/api/diagram_editor/editor/config/editmode_property.md index 3bfc6e860..7d87945f8 100644 --- a/docs/api/editor/editmode_property.md +++ b/docs/api/diagram_editor/editor/config/editmode_property.md @@ -12,13 +12,13 @@ description: You can learn about the editMode property of editor in the document ### Usage -~~~js +~~~jsx editMode?: boolean; ~~~ ### Example -~~~js +~~~jsx const editor = new dhx.DiagramEditor("editor_container", { editMode: false }); diff --git a/docs/api/diagram_editor/editor/config/grid_property.md b/docs/api/diagram_editor/editor/config/grid_property.md new file mode 100644 index 000000000..4df7618b1 --- /dev/null +++ b/docs/api/diagram_editor/editor/config/grid_property.md @@ -0,0 +1,35 @@ +--- +sidebar_label: grid +title: grid Property of Editor +description: You can learn about the grid property of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# grid + +### Description + +@short: Optional. Enables/disables a grid that is displayed on the editor canvas + +### Usage + +~~~jsx +grid?: boolean; +~~~ + +### Default config + +~~~jsx +grid: true +~~~ + +### Example + +~~~jsx {3} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", // "org" | "mindmap" | "default" + grid: false, // true by default + // other configurations +}); +~~~ + +**Change log**: Added in v6.0 diff --git a/docs/api/editor/gridstep_property.md b/docs/api/diagram_editor/editor/config/gridstep_property.md similarity index 91% rename from docs/api/editor/gridstep_property.md rename to docs/api/diagram_editor/editor/config/gridstep_property.md index 9bef058ee..506914f89 100644 --- a/docs/api/editor/gridstep_property.md +++ b/docs/api/diagram_editor/editor/config/gridstep_property.md @@ -14,7 +14,7 @@ When you change the value of the grid step, the distance between points in the G ### Usage -~~~js +~~~jsx gridStep?: number; ~~~ @@ -24,13 +24,13 @@ The specified number must be greater than or equal to 1 ### Default config -~~~js +~~~jsx gridStep: 10 ~~~ ### Example -~~~js +~~~jsx const editor = new dhx.DiagramEditor("editor_container", { gridStep:20 }); @@ -40,4 +40,4 @@ const editor = new dhx.DiagramEditor("editor_container", { We recommend that you use arrows while moving an item in the editor. This way sets exactly one grid step of moving the item, whereas using a mouse can cause shift the item to several grid steps. ::: -**Related article:** [Right panel](guides/diagram_editor/right_panel.md) \ No newline at end of file +**Related article**: [Grid area](guides/diagram_editor/grid_area.md) diff --git a/docs/api/editor/itemsdraggable_property.md b/docs/api/diagram_editor/editor/config/itemsdraggable_property.md similarity index 94% rename from docs/api/editor/itemsdraggable_property.md rename to docs/api/diagram_editor/editor/config/itemsdraggable_property.md index e7be977d0..81210a014 100644 --- a/docs/api/editor/itemsdraggable_property.md +++ b/docs/api/diagram_editor/editor/config/itemsdraggable_property.md @@ -16,22 +16,22 @@ The property works only in the org chart and mindmap modes. The moved item is dr ### Usage -~~~js +~~~jsx itemsDraggable?: boolean; ~~~ ### Default config -~~~js +~~~jsx itemsDraggable: true ~~~ ### Example -~~~js +~~~jsx const editor = new dhx.DiagramEditor(document.body, { type: "org", // org" or "mindmap" - itemsDraggable: false, + itemsDraggable: false }); ~~~ diff --git a/docs/api/editor/lineconfig_property.md b/docs/api/diagram_editor/editor/config/lineconfig_property.md similarity index 89% rename from docs/api/editor/lineconfig_property.md rename to docs/api/diagram_editor/editor/config/lineconfig_property.md index 0cb1de634..333a5e74b 100644 --- a/docs/api/editor/lineconfig_property.md +++ b/docs/api/diagram_editor/editor/config/lineconfig_property.md @@ -16,7 +16,7 @@ The settings will be applied to the new connector lines which are added via the ### Usage -~~~js +~~~jsx lineConfig?: { lineType?: "dash" | "line", lineDirection?: "backArrow" | "forwardArrow", @@ -40,7 +40,7 @@ The **lineDirection**, **arrowsHidden**, and **lineGap** parameters work only in ### Default config -~~~js +~~~jsx lineConfig: { lineType:"line", lineDirection: "forwardArrow", @@ -51,7 +51,7 @@ lineConfig: { ### Example -~~~js {2-7} +~~~jsx {2-7} const editor = new dhx.DiagramEditor("editor_container", { type: "default", lineConfig: { @@ -66,11 +66,11 @@ const editor = new dhx.DiagramEditor("editor_container", { The result of applying the **lineGap** property is shown in the image below: -![](../../assets/linegap_config.png) +IMAGE HERE -**Change log**: +**Change log**: - The **lineGap** parameter is added in v5.0 (check the Migration article) - Added in v4.2 -**Related sample:** [Diagram editor. Setting the default type for newly added connector lines](https://snippet.dhtmlx.com/22abzn5m) \ No newline at end of file +**Related sample**: [Diagram editor. Setting the default line (connector) type. Try connecting shape A to shape B](https://snippet.dhtmlx.com/22abzn5m) diff --git a/docs/api/editor/magnetic_property.md b/docs/api/diagram_editor/editor/config/magnetic_property.md similarity index 62% rename from docs/api/editor/magnetic_property.md rename to docs/api/diagram_editor/editor/config/magnetic_property.md index 58a1cbd09..5724db194 100644 --- a/docs/api/editor/magnetic_property.md +++ b/docs/api/diagram_editor/editor/config/magnetic_property.md @@ -7,39 +7,40 @@ description: You can learn about the magnetic property of editor in the document # magnetic :::info -The **magnetic** property works only in the default mode of the editor (type:"default") +The **magnetic** property works only in the **default mode** of the editor (`type: "default"`) ::: ### Description @short: Optional. Defines whether snap lines should be shown when moving a shape. If so, allows configuring their appearance - :::tip Snap lines appear when central or extreme lateral coordinates of the shape which you move coincide with central or extreme lateral coordinates of the static nearby shapes ::: ### Usage -~~~js +~~~jsx magnetic?: { - lineWidth?: number, - lineColor?: string, -} | boolean + show?: boolean, + lineWidth?: number, + lineColor?: string +} | boolean; ~~~ ### Default config -~~~js +~~~jsx magnetic: true ~~~ -The magnetic mode is enabled with the following configuration: +The magnetic mode is enabled with the following configuration: -~~~js +~~~jsx magnetic: { + show: true, lineWidth: 2, - lineColor: "#000", + lineColor: "#000" } ~~~ @@ -47,23 +48,21 @@ magnetic: { As an object, the **magnetic** property can include the following parameters: -- `lineWidth` - (optional) the width of the snap lines, 2 by default -- `lineColor` - (optional) the color of the snap lines, "#000" by default +- `show` - (optional) enables/disables snap lines when moving a shape +- `lineWidth` - (optional) the width of snap lines (2 by default) +- `lineColor` - (optional) the color of snap lines (*"#000"* by default) ### Example -~~~js +~~~jsx {3-7} const editor = new dhx.DiagramEditor("editor_container", { type: "default", magnetic: { + show: true, lineWidth: 2, - lineColor: "#B0B8CD", + lineColor: "#B0B8CD" } }); ~~~ -The result is shown in the GIF image below: - -![snap_lines](../../assets/editor/coincidence_lines.gif) - -**Change log**: added in v5.0 \ No newline at end of file +**Change log**: The ***show*** parameter was added in v6.0 diff --git a/docs/api/diagram_editor/editor/config/overview.md b/docs/api/diagram_editor/editor/config/overview.md new file mode 100644 index 000000000..04b8a4975 --- /dev/null +++ b/docs/api/diagram_editor/editor/config/overview.md @@ -0,0 +1,25 @@ +--- +sidebar_label: Editor properties +title: Editor properties overview +description: You can explore the Editor properties in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# Editor properties overview + +| Name | Description | +| :--------------------------------------------------------- | :------------------------------------------------------------- | +| [](api/diagram_editor/editor/config/autoplacement_property.md) | @getshort(api/diagram_editor/editor/config/autoplacement_property.md) | +| [](api/diagram_editor/editor/config/connectionpoints_property.md) | @getshort(api/diagram_editor/editor/config/connectionpoints_property.md) | +| [](api/diagram_editor/editor/config/defaults_property.md) | @getshort(api/diagram_editor/editor/config/defaults_property.md) | +| [](api/diagram_editor/editor/config/editmode_property.md) | @getshort(api/diagram_editor/editor/config/editmode_property.md) | +| [](api/diagram_editor/editor/config/grid_property.md) | @getshort(api/diagram_editor/editor/config/grid_property.md) | +| [](api/diagram_editor/editor/config/gridstep_property.md) | @getshort(api/diagram_editor/editor/config/gridstep_property.md) | +| [](api/diagram_editor/editor/config/itemsdraggable_property.md) | @getshort(api/diagram_editor/editor/config/itemsdraggable_property.md)| +| [](api/diagram_editor/editor/config/lineconfig_property.md) | @getshort(api/diagram_editor/editor/config/lineconfig_property.md) | +| [](api/diagram_editor/editor/config/magnetic_property.md) | @getshort(api/diagram_editor/editor/config/magnetic_property.md) | +| [](api/diagram_editor/editor/config/resizepoints_property.md) | @getshort(api/diagram_editor/editor/config/resizepoints_property.md) | +| [](api/diagram_editor/editor/config/scale_property.md) | @getshort(api/diagram_editor/editor/config/scale_property.md) | +| [](api/diagram_editor/editor/config/shapetoolbar_property.md) | @getshort(api/diagram_editor/editor/config/shapetoolbar_property.md) | +| [](api/diagram_editor/editor/config/shapetype_property.md) | @getshort(api/diagram_editor/editor/config/shapetype_property.md) | +| [](api/diagram_editor/editor/config/type_property.md) | @getshort(api/diagram_editor/editor/config/type_property.md) | +| [](api/diagram_editor/editor/config/view_property.md) | @getshort(api/diagram_editor/editor/config/view_property.md) | diff --git a/docs/api/diagram_editor/editor/config/resizepoints_property.md b/docs/api/diagram_editor/editor/config/resizepoints_property.md new file mode 100644 index 000000000..483b06778 --- /dev/null +++ b/docs/api/diagram_editor/editor/config/resizepoints_property.md @@ -0,0 +1,35 @@ +--- +sidebar_label: resizePoints +title: resizePoints Property of Editor +description: You can learn about the resizePoints property of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# resizePoints + +### Description + +@short: Optional. Enables/disables an ability to resize shapes using resize controls + +### Usage + +~~~jsx +resizePoints?: boolean; +~~~ + +### Default config + +~~~jsx +resizePoints: true +~~~ + +### Example + +~~~jsx {3} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", // "org" | "mindmap" | "default" + resizePoints: false, // true by default + // other configurations +}); +~~~ + +**Change log**: Added in v6.0 diff --git a/docs/api/editor/scale_property.md b/docs/api/diagram_editor/editor/config/scale_property.md similarity index 96% rename from docs/api/editor/scale_property.md rename to docs/api/diagram_editor/editor/config/scale_property.md index b342d27ba..7d810a958 100644 --- a/docs/api/editor/scale_property.md +++ b/docs/api/diagram_editor/editor/config/scale_property.md @@ -12,19 +12,19 @@ description: You can learn about the scale property of editor in the documentati ### Usage -~~~js +~~~jsx scale?: number; ~~~ ### Default config -~~~js +~~~jsx scale: 1 ~~~ ### Example -~~~js +~~~jsx const editor = new dhx.DiagramEditor("editor_container", { scale: 0.9 }); diff --git a/docs/api/diagram_editor/editor/config/shapetoolbar_property.md b/docs/api/diagram_editor/editor/config/shapetoolbar_property.md new file mode 100644 index 000000000..09a5a1a79 --- /dev/null +++ b/docs/api/diagram_editor/editor/config/shapetoolbar_property.md @@ -0,0 +1,89 @@ +--- +sidebar_label: shapeToolbar +title: shapeToolbar Property of Editor +description: You can learn about the shapeToolbar property of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# shapeToolbar + +### Description + +@short: Optional. Defines which controls should be shown in the personal toolbar of diagram items + +### Usage + +~~~jsx +shapeToolbar?: boolean | array; +~~~ + +### Parameters + +As an array, the `shapeToolbar` property can include: + +- a *boolean* value - to show/hide the default toolbar +- string values with the names of the toolbar controls. The sequence the values are put in the array defines the order the controls will be displayed in the toolbar. The available values are: + - in the default mode: *"copy"* | *"connect"* | *"remove"* | *"addRowLast"* | *"addColumnLast"* + - in the org chart mode: *"add"* | *"horizontal"* | *"vertical"* | *"remove"* + - in the mindmap mode: *"add"* | *"addLeft"* | *"addRight"* | *"remove"* +- a set of icon objects. Each icon object can have the following properties: + - `id: string` - (required) the id of an icon. Note, that the usage of the default names of the toolbar controls as ids of new controls is prohibited + - `content: string` - (required) the content of the icon. It can contain an HTML element with the name of the icon class + - `check: function` - (optional) checks whether the icon should be applied to the shape. The function takes a shape object and returns *true*, if the icon will be rendered for this shape + - `css: function` - (optional) the function which returns the name(s) of CSS class(es) that should be applied to the shape + - `tooltip: string` - (optional) a tooltip which appears on hovering over the icon + +### Example + +~~~jsx title="Setting the property as a boolean value" +const editor = new dhx.DiagramEditor("editor_container", { + type: "org", + shapeToolbar: false, // true by default +}); +~~~ + +~~~jsx title="Setting the property as an array of icon names or icon objects" +const editor = new dhx.DiagramEditor("editor_container", { + type: "org", + shapeToolbar: [ + "add", + // adding a custom "download" control + { + id: "download", + content: "", + tooltip: "Download to PDF" + }, + { + id: "remove", + content: "", + check: item => item.parent, + css: () => "dhx_diagram_toolbar__icon--remove", + tooltip: "Remove" + } + ] +}); +~~~ + +### Redefining the default toolbar for certain items + +You may need to provide some items with a specific toolbar controls, while other items will have the default one. In this case you should enable the default toolbar by specifying the *true* value in the `shapeToolbar` array and add the necessary icon object that will contain a check function defining what shape the icon will be applied for. + +~~~jsx title="Setting the download icon for items with the start type" +const editor = new dhx.DiagramEditor("editor_container", { + shapeToolbar: + [ + true, + { + id: "download", + content: "", + tooltip: "Download to PDF", + check: item => item.type === "start" + } + ] +}); +~~~ + +**Change log:** The `tooltip` parameter of the icon object is added in v5.0 + +**Related articles**: [Grid Area](/guides/diagram_editor/grid_area/#configuring-the-toolbar-of-an-item) + +**Relate sample**: [Diagram Editor. Org chart mode. Shape toolbar configuration](https://snippet.dhtmlx.com/b2agwets) diff --git a/docs/api/editor/shapetype_property.md b/docs/api/diagram_editor/editor/config/shapetype_property.md similarity index 86% rename from docs/api/editor/shapetype_property.md rename to docs/api/diagram_editor/editor/config/shapetype_property.md index f17439673..8c79b0fb6 100644 --- a/docs/api/editor/shapetype_property.md +++ b/docs/api/diagram_editor/editor/config/shapetype_property.md @@ -14,7 +14,7 @@ This value is applied, if the shape object doesn't contain the "type" property ### Usage -~~~js +~~~jsx shapeType?: string; ~~~ @@ -22,28 +22,28 @@ shapeType?: string; In the default mode of Editor (type: "default"): -~~~js +~~~jsx shapeType: "rectangle" ~~~ In the org chart mode of Editor (type: "card"): -~~~js +~~~jsx shapeType: "card" ~~~ In the mindmap mode of Editor (type: "topic"): -~~~js +~~~jsx shapeType: "topic" ~~~ ### Example -~~~js +~~~jsx const editor = new dhx.DiagramEditor("editor_container", { - shapeType: "circle", + shapeType: "circle" }); ~~~ -**Related articles**: [Default Shapes](../../../shapes/default_shapes/) +**Related articles**: [Default Shapes](/shapes/default_shapes/) diff --git a/docs/api/diagram_editor/editor/config/type_property.md b/docs/api/diagram_editor/editor/config/type_property.md new file mode 100644 index 000000000..7538ad3c4 --- /dev/null +++ b/docs/api/diagram_editor/editor/config/type_property.md @@ -0,0 +1,39 @@ +--- +sidebar_label: type +title: type Property of Editor +description: You can learn about the type property of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# type + +### Description + +@short: Required. Specifies the mode of the diagram editor + +### Usage + +~~~jsx +type?: "default" | "org" | "mindmap"; +~~~ + +### Details + +Diagram Editor can be initialized in one of three modes: + +- **type:"default"** is used to visualize relations between some entities + + + +- **type:"org"** is used to show the structure of a group of people by presenting their relations in a hierarchical order + + + +- **type:"mindmap"** is used to arrange information on some topic by representing the main concept surrounded by associated ideas + + + +**Related articles**: + +- [Overview](/editor_overview) +- [How to start with Diagram Editor](/guides/diagram_editor/initialization/) + diff --git a/docs/api/diagram_editor/editor/config/view_property.md b/docs/api/diagram_editor/editor/config/view_property.md new file mode 100644 index 000000000..74317a1c9 --- /dev/null +++ b/docs/api/diagram_editor/editor/config/view_property.md @@ -0,0 +1,58 @@ +--- +sidebar_label: view +title: view Property of Editor +description: You can learn about the view property of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# view + +### Description + +@short: An object that configures Toolbar, Shapebar, and Editbar views of the Diagram Editor + +### Usage + +~~~jsx +view: { + toolbar?: boolean | object, + shapebar?: boolean | object, + editbar?: boolean | object +}; +~~~ + +### Parameters + +- `toolbar` - (optional) allows you to show/hide **Toolbar** (if *boolean*) or configure its appearance (if *object*). Refer to the [Toolbar API](/api/diagram_editor/toolbar/api_overview/) section for more information about configuring the toolbar +- `shapebar` - (optional) allows you to show/hide **Shapebar** (if *boolean*) or configure its appearance (if *object*). Refer to the [Shapebar API](/api/diagram_editor/shapebar/api_overview/) section for more information about configuring the shapebar +- `editbar` - (optional) allows you to show/hide **Editbar** (if *boolean*) or configure its appearance (if *object*). Refer to the [Editbar API](/api/diagram_editor/editbar/api_overview/) section for more information about configuring the Editbar + +### Default config + +~~~jsx +view: { + toolbar: true, + shapebar: true, + editbar: true +} +~~~ + +### Example + +~~~jsx {3-12} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + toolbar: { + css: "toolbar_custom", + data: ["file", "separator", "scale"] + }, + shapebar: { + width: 400 + }, + editbar: false + } + // other configurations +}); +~~~ + +**Change log**: Added in v6.0 diff --git a/docs/api/diagram_editor/editor/events/aftergroupmove_event.md b/docs/api/diagram_editor/editor/events/aftergroupmove_event.md new file mode 100644 index 000000000..04f8f1d4b --- /dev/null +++ b/docs/api/diagram_editor/editor/events/aftergroupmove_event.md @@ -0,0 +1,64 @@ +--- +sidebar_label: afterGroupMove +title: afterGroupMove Event of Editor +description: You can learn about the afterGroupMove event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# afterGroupMove + +### Description + +@short: Fires when a group or swimlane is moved one grid step + +:::note +The event fires just for the target element despite the number of selected elements. The ids of dragged elements are provided in the `batch` parameter of the callback function. +::: + +### Usage + +~~~jsx +"afterGroupMove": ({ + id: string | number, + batch: (string | number)[], + coords: object, + event: PointerEvent +}) => void; +~~~ + +### Parameters + +The callback of the event is called with an object with the following parameters: + + - `id` - the id of an item + - `batch` - an array of moved elements' ids + - `coords` - an object with the `x` and `y` coordinates of the group or swimlane position after movement, where: + - `x` - the horizontal position of the group/swimlane, moving from left to right + - `y` - the vertical position of the group/swimlane, moving from top to bottom + - `event` - an event object + +:::info +For handling the inner Diagram Editor events you can use the **on()** method. +::: + +### Example + +~~~jsx {6-13} +// initializing Diagram Editor +const editor = new dhx.DiagramEditor("editor_container"); +// loading data +editor.parse(data); + +// attaching a handler to the event +editor.events.on("afterGroupMove", ({ id, coords }) => { + console.log(` + Group ${id} is at the position: + x: ${coords.x} + y: ${coords.y} + `); +}); +~~~ + +**Change log**: + +- The `batch` parameter was added in the v6.0 +- The callback function takes an object as a parameter since v6.0 diff --git a/docs/api/diagram_editor/editor/events/afteritemcatch_event.md b/docs/api/diagram_editor/editor/events/afteritemcatch_event.md new file mode 100644 index 000000000..7bb107f46 --- /dev/null +++ b/docs/api/diagram_editor/editor/events/afteritemcatch_event.md @@ -0,0 +1,56 @@ +--- +sidebar_label: afterItemCatch +title: afterItemCatch Event of Editor +description: You can learn about the afterItemCatch event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# afterItemCatch + +### Description + +@short: Fires after an item is caught + +:::info +The event works only in the **org chart** and **mindmap** modes of Diagram, the ***itemsDraggable*** property must be set to `true`. +::: + +### Usage + +~~~jsx +"afterItemCatch": ({ + id: string | number, + targetId: string | number, + batch: (string | number)[], + event: PointerEvent +}) => void; +~~~ + +### Parameters + +The callback of the event is called with an object with the following parameters: + + - `id` - the id of the moved item + - `targetId` - the id of the target item + - `batch` - an array of moved elements' ids + - `event` - an event object + +### Example + +~~~jsx {6-11} +// initializing Diagram Editor +const editor = new dhx.DiagramEditor("editor_container"); +// loading data +editor.parse(data); + +// attaching a handler to the event +editor.events.on("afterItemCatch", ({ id, targetId }) => { + console.log(` + item ${id} is caught by the item ${targetId} + `); +}); +~~~ + +**Change log**: + +- The `batch` parameter was added in the v6.0 +- The callback function takes an object as a parameter since v6.0 diff --git a/docs/api/diagram_editor/editor/events/afteritemmove_event.md b/docs/api/diagram_editor/editor/events/afteritemmove_event.md new file mode 100644 index 000000000..5f9ea41e1 --- /dev/null +++ b/docs/api/diagram_editor/editor/events/afteritemmove_event.md @@ -0,0 +1,66 @@ +--- +sidebar_label: afterItemMove +title: afterItemMove Event of Editor +description: You can learn about the afterItemMove event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# afterItemMove + +### Description + +@short: Fires when an item is moved one grid step + +:::note +The event doesn't work with the **line** object. + +The event fires just for the target element despite the number of selected elements. The ids of dragged elements are provided in the `batch` parameter of the callback function. +::: + +### Usage + +~~~jsx +"afterItemMove": ({ + id: string | number, + batch: (string | number)[], + coords: object, + event: PointerEvent +}) => void; +~~~ + +### Parameters + +The callback of the event is called with an object with the following parameters: + +- `id` - the id of an item +- `batch` - an array of moved elements' ids +- `coords` - an object with the `x` and `y` coordinates of the item position after movement, where: + - `x` - the horizontal position of the item, moving from left to right + - `y` - the vertical position of the item, moving from top to bottom +- `event` - an event object + +:::info +For handling the inner Diagram Editor events you can use the **on()** method. +::: + +### Example + +~~~jsx {6-13} +// initializing Diagram Editor +const editor = new dhx.DiagramEditor("editor_container"); +// loading data +editor.parse(data); + +// attaching a handler to the event +editor.events.on("afterItemMove", ({ id, coords }) => { + console.log(` + Item ${id} is at the position: + x: ${coords.x} + y: ${coords.y} + `); +}); +~~~ + +**Change log**: + +- The `batch` parameter was added in the v6.0 +- The callback function takes an object as a parameter since v6.0 diff --git a/docs/api/diagram_editor/editor/events/afterlinetitlemove_event.md b/docs/api/diagram_editor/editor/events/afterlinetitlemove_event.md new file mode 100644 index 000000000..df9e2c385 --- /dev/null +++ b/docs/api/diagram_editor/editor/events/afterlinetitlemove_event.md @@ -0,0 +1,57 @@ +--- +sidebar_label: afterLineTitleMove +title: afterLineTitleMove Event of Editor +description: You can learn about the afterLineTitleMove event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# afterLineTitleMove + +### Description + +@short: Fires when a text element of a line is moved one grid step + +### Usage + +~~~jsx +"afterLineTitleMove": ({ + event: PointerEvent, + lineId: string | number, + titleId: string | number, + coords: object +}) => void; +~~~ + +### Parameters + +The callback of the event is called with an object with the following parameters: + + - `event` - an event object + - `lineId` - the id of a line + - `titleId` - the id of a text element of a line + - `coords` - an object with the `x` and `y` coordinates of the text element position after movement, where: + - `x` - the horizontal position of the text element, moving from left to right + - `y` - the vertical position of the text element, moving from top to bottom + +:::info +For handling the inner Diagram Editor events you can use the **on()** method. +::: + +### Example + +~~~jsx {6-13} +// initializing Diagram Editor +const editor = new dhx.DiagramEditor("editor_container"); +// loading data +editor.parse(data); + +// attaching a handler to the event +editor.events.on("afterLineTitleMove", ({ titleId, coords }) => { + console.log(` + LineTitle ${titleId} is at the position: + x: ${coords.x} + y: ${coords.y} + `); +}); +~~~ + +**Change log**: The callback function takes an object as a parameter since v6.0 diff --git a/docs/api/editor/aftershapeiconclick_event.md b/docs/api/diagram_editor/editor/events/aftershapeiconclick_event.md similarity index 59% rename from docs/api/editor/aftershapeiconclick_event.md rename to docs/api/diagram_editor/editor/events/aftershapeiconclick_event.md index c081f90e5..bcbc0373b 100644 --- a/docs/api/editor/aftershapeiconclick_event.md +++ b/docs/api/diagram_editor/editor/events/aftershapeiconclick_event.md @@ -12,8 +12,8 @@ description: You can learn about the afterShapeIconClick event of editor in the ### Usage -~~~js -afterShapeIconClick: ( +~~~jsx +"afterShapeIconClick": ( iconId: string, shape: object ) => void; @@ -21,24 +21,29 @@ afterShapeIconClick: ( ### Parameters -The callback of the event takes the following parameters: +The callback of the event is called with the following parameters: -- `iconId` - (required) the type or id of the toolbar control -- `shape` - (required) an object with the item configuration +- `iconId` - the type or id of the toolbar control +- `shape` - an object with the item configuration + +:::info +For handling the inner Diagram Editor events you can use the **on()** method. +::: ### Example -~~~js {7-10} +~~~jsx {6-11} // initializing Diagram Editor const editor = new dhx.DiagramEditor("editor_container"); // loading data editor.parse(data); // attaching a handler to the event -editor.events.on("afterShapeIconClick", function(iconId, shape) { - console.log("You've clicked the", iconId, "toolbar control", shape); - return true; +editor.events.on("afterShapeIconClick", (iconId, shape) => { + console.log(` + You've clicked the ${iconId} toolbar control of the shape ${shape.id} + `); }); ~~~ -**Change log**: Added in v3.1 \ No newline at end of file +**Change log**: Added in v3.1 diff --git a/docs/api/diagram_editor/editor/events/aftershapemove_event.md b/docs/api/diagram_editor/editor/events/aftershapemove_event.md new file mode 100644 index 000000000..080f0fe90 --- /dev/null +++ b/docs/api/diagram_editor/editor/events/aftershapemove_event.md @@ -0,0 +1,65 @@ +--- +sidebar_label: afterShapeMove +title: afterShapeMove Event of Editor +description: You can learn about the afterShapeMove event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# afterShapeMove + +### Description + +@short: Fires when a shape is moved one grid step + +:::note +The event fires just for the target element despite the number of selected elements. The ids of dragged elements are provided in the `batch` parameter of the callback function. +::: + +### Usage + +~~~jsx +"afterShapeMove": ({ + id: string | number, + batch: (string | number)[], + coords: object, + event: PointerEvent, +}) => void; +~~~ + +### Parameters + +The callback of the event is called with an object with the following parameters: + + - `id` - the id of a shape + - `batch` - an array of moved elements' ids + - `coords` - an object with the `x` and `y` coordinates of the shape position after movement, where: + - `x` - the horizontal position of the shape, moving from left to right + - `y` - the vertical position of the shape, moving from top to bottom + - `event` - an event object + +:::info +For handling the inner Diagram Editor events you can use the **on()** method. +::: + +### Example + +~~~jsx {6-13} +// initializing Diagram Editor +const editor = new dhx.DiagramEditor("editor_container"); +// loading data +editor.parse(data); + +// attaching a handler to the event +editor.events.on("afterShapeMove", ({ id, coords }) => { + console.log(` + Shape ${id} is at the position: + x: ${coords.x} + y: ${coords.y} + `); +}); +~~~ + +**Change log**: + +- The `batch` parameter was added in the v6.0 +- The callback function takes an object as a parameter since v6.0 +- The `id` and `coords` parameters were added in v4.0 diff --git a/docs/api/diagram_editor/editor/events/beforegroupmove_event.md b/docs/api/diagram_editor/editor/events/beforegroupmove_event.md new file mode 100644 index 000000000..7adc98120 --- /dev/null +++ b/docs/api/diagram_editor/editor/events/beforegroupmove_event.md @@ -0,0 +1,69 @@ +--- +sidebar_label: beforeGroupMove +title: beforeGroupMove Event of Editor +description: You can learn about the beforeGroupMove event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# beforeGroupMove + +### Description + +@short: Fires before a group or swimlane is moved + +:::note +The event fires just for the target element despite the number of selected elements. The ids of dragged elements are provided in the `batch` parameter of the callback function. +::: + +### Usage + +~~~jsx +"beforeGroupMove": ({ + id: string | number, + batch: (string | number)[], + coords: object, + event: PointerEvent +}) => boolean | void; +~~~ + +### Parameters + +The callback of the event is called with an object with the following parameters: + + - `id` - the id of an item + - `batch` - an array of moved elements' ids + - `coords` - an object with the `x` and `y` coordinates of the group or swimlane position before movement, where: + - `x` - the horizontal position of the group/swimlane, moving from left to right + - `y` - the vertical position of the group/swimlane, moving from top to bottom + - `event` - an event object + +### Returns + +The callback returns `false` to prevent the group or swimlane from being moved; otherwise, `true` + +:::info +For handling the inner Diagram Editor events you can use the **on()** method. +::: + +### Example + +~~~jsx {6-14} +// initializing Diagram Editor +const editor = new dhx.DiagramEditor("editor_container"); +// loading data +editor.parse(data); + +// attaching a handler to the event +editor.events.on("beforeGroupMove", ({ id, coords }) => { + console.log(` + Group ${id} is at the position: + x: ${coords.x} + y: ${coords.y} + `); + return true; +}); +~~~ + +**Change log**: + +- The `batch` parameter was added in the v6.0 +- The callback function takes an object as a parameter since v6.0 diff --git a/docs/api/diagram_editor/editor/events/beforeitemcatch_event.md b/docs/api/diagram_editor/editor/events/beforeitemcatch_event.md new file mode 100644 index 000000000..149dbd2c7 --- /dev/null +++ b/docs/api/diagram_editor/editor/events/beforeitemcatch_event.md @@ -0,0 +1,73 @@ +--- +sidebar_label: beforeItemCatch +title: beforeItemCatch Event of Editor +description: You can learn about the beforeItemCatch event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# beforeItemCatch + +### Description + +@short: Fires before an item is caught + +:::info +The event works only in the **org chart** and **mindmap** modes of Diagram, the ***itemsDraggable*** property must be set to `true`. +::: + +### Usage + +~~~jsx +"beforeItemCatch": ({ + id: string | number, + targetId: string | number, + batch: (string | number)[], + event: PointerEvent +}) => boolean | void; +~~~ + +### Parameters + +The callback of the event is called with an object with the following parameters: + + - `id` - the id of the moved item + - `targetId` - the id of the target item + - `batch` - an array of moved elements' ids + - `event` - an event object + +### Returns + +The callback returns `false` to prevent the item from being caught; otherwise, `true` + +:::info +For handling the inner Diagram Editor events you can use the **on()** method. +::: + +### Example + +~~~jsx {6-20} +// initializing Diagram Editor +const editor = new dhx.DiagramEditor("editor_container"); +// loading data +editor.parse(data); + +// attaching a handler to the event +editor.events.on("beforeItemCatch", ({ id, targetId }) => { + if (targetId === "2.1"){ + console.log(` + Item ${id} won't be be caught by the item "2.1" + `); + return false; + } + else{ + console.log(` + Item ${id} will be caught by the item ${targetId} + `); + return true; + } +}); +~~~ + +**Change log**: + +- The `batch` parameter was added in the v6.0 +- The callback function takes an object as a parameter since v6.0 diff --git a/docs/api/diagram_editor/editor/events/beforeitemmove_event.md b/docs/api/diagram_editor/editor/events/beforeitemmove_event.md new file mode 100644 index 000000000..5ee906488 --- /dev/null +++ b/docs/api/diagram_editor/editor/events/beforeitemmove_event.md @@ -0,0 +1,71 @@ +--- +sidebar_label: beforeItemMove +title: beforeItemMove Event of Editor +description: You can learn about the beforeItemMove event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# beforeItemMove + +### Description + +@short: Fires before an item is moved + +:::note +The event doesn't work with the **line** object. + +The event fires just for the target element despite the number of selected elements. The ids of dragged elements are provided in the `batch` parameter of the callback function. +::: + +### Usage + +~~~jsx +"beforeItemMove": ({ + id: string | number, + batch: (string | number)[], + coords: object, + event: PointerEvent, +}) => boolean | void; +~~~ + +### Parameters + +The callback of the event is called with an object with the following parameters: + + - `id` - the id of an item + - `batch` - an array of moved elements' ids + - `coords` - an object with the `x` and `y` coordinates of the item position before movement, where: + - `x` - the horizontal position of the item, moving from left to right + - `y` - the vertical position of the item, moving from top to bottom + - `event` - an event object + +### Returns + +The callback returns `false` to prevent the item from being moved; otherwise, `true` + +:::info +For handling the inner Diagram Editor events you can use the **on()** method. +::: + +### Example + +~~~jsx {6-14} +// initializing Diagram Editor +const editor = new dhx.DiagramEditor("editor_container"); +// loading data +editor.parse(data); + +// attaching a handler to the event +editor.events.on("beforeItemMove", ({ id, coords }) => { + console.log(` + Item ${id} is at the position: + x: ${coords.x} + y: ${coords.y} + `); + return true; +}); +~~~ + +**Change log**: + +- The `batch` parameter was added in the v6.0 +- The callback function takes an object as a parameter since v6.0 diff --git a/docs/api/diagram_editor/editor/events/beforelinetitlemove_event.md b/docs/api/diagram_editor/editor/events/beforelinetitlemove_event.md new file mode 100644 index 000000000..70a742aed --- /dev/null +++ b/docs/api/diagram_editor/editor/events/beforelinetitlemove_event.md @@ -0,0 +1,64 @@ +--- +sidebar_label: beforeLineTitleMove +title: beforeLineTitleMove Event of Editor +description: You can learn about the beforeLineTitleMove event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# beforeLineTitleMove + +### Description + +@short: Fires before a text element of a line is moved + +### Usage + +~~~jsx +"beforeLineTitleMove": ({ + event: PointerEvent, + lineId: string | number, + titleId: string | number, + coords: obj +}) => boolean | void; +~~~ + +### Parameters + +The callback of the event is called with an object with the following parameters: + + - `event` - an event object + - `lineId` - the id of a line + - `titleId` - the id of a text element of a line + - `coords` - an object with the `x` and `y` coordinates of the text element position before movement, where: + - `x` - the horizontal position of the text element, moving from left to right + - `y` - the vertical position of the text element, moving from top to bottom + +### Returns + +The callback returns `false` to prevent the text element of a line from being moved; otherwise, `true` + +:::info +For handling the inner Diagram Editor events you can use the **on()** method. +::: + +### Example + +~~~jsx {6-14} +// initializing Diagram Editor +const editor = new dhx.DiagramEditor("editor_container"); +// loading data +editor.parse(data); + +// attaching a handler to the event +editor.events.on("beforeLineTitleMove", ({ titleId, coords }) => { + console.log(` + LineTitle ${titleId} is at the position: + x: ${coords.x} + y: ${coords.y} + `); + return true; +}); +~~~ + +**Change log**: + +- The callback function takes an object as a parameter since v6.0 diff --git a/docs/api/editor/beforeshapeiconclick_event.md b/docs/api/diagram_editor/editor/events/beforeshapeiconclick_event.md similarity index 58% rename from docs/api/editor/beforeshapeiconclick_event.md rename to docs/api/diagram_editor/editor/events/beforeshapeiconclick_event.md index 064ba547a..a51d76966 100644 --- a/docs/api/editor/beforeshapeiconclick_event.md +++ b/docs/api/diagram_editor/editor/events/beforeshapeiconclick_event.md @@ -12,8 +12,8 @@ description: You can learn about the beforeShapeIconClick event of editor in the ### Usage -~~~js -beforeShapeIconClick: ( +~~~jsx +"beforeShapeIconClick": ( iconId: string, shape: object ) => boolean | void; @@ -21,26 +21,32 @@ beforeShapeIconClick: ( ### Parameters -The callback of the event takes the following parameters: +The callback of the event is called with the following parameters: -- `iconId` - (required) the type or id of the toolbar control -- `shape` - (required) an object with the item configuration +- `iconId` - the type or id of the toolbar control +- `shape` - an object with the item configuration ### Returns -Return `false` to prevent the toolbar control from being clicked; otherwise, `true` +The callback returns `false` to prevent the toolbar control from being clicked; otherwise, `true` + +:::info +For handling the inner Diagram Editor events you can use the **on()** method. +::: ### Example -~~~js {7-10} +~~~jsx {6-12} // initializing Diagram Editor const editor = new dhx.DiagramEditor("editor_container"); // loading data editor.parse(data); // attaching a handler to the event -editor.events.on("beforeShapeIconClick", function(iconId, shape) { - console.log("You will click the", iconId, "toolbar control", shape); +editor.events.on("beforeShapeIconClick", (iconId, shape) => { + console.log(` + You will click the ${iconId} toolbar control of the shape ${shape.id} + `); return true; }); ~~~ diff --git a/docs/api/diagram_editor/editor/events/beforeshapemove_event.md b/docs/api/diagram_editor/editor/events/beforeshapemove_event.md new file mode 100644 index 000000000..7409bfa3c --- /dev/null +++ b/docs/api/diagram_editor/editor/events/beforeshapemove_event.md @@ -0,0 +1,70 @@ +--- +sidebar_label: beforeShapeMove +title: beforeShapeMove Event of Editor +description: You can learn about the beforeShapeMove event in of editor the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# beforeShapeMove + +### Description + +@short: Fires before a shape is moved + +:::note +The event fires just for the target element despite the number of selected elements. The ids of dragged elements are provided in the `batch` parameter of the callback function. +::: + +### Usage + +~~~jsx +"beforeShapeMove": ({ + id: string | number, + batch: (string | number)[], + coords: object, + event: PointerEvent +}) => boolean | void; +~~~ + +### Parameters + +The callback of the event is called with an object with the following parameters: + + - `id` - the id of a shape + - `batch` - an array of moved elements' ids + - `coords` - an object with the `x` and `y` coordinates of the shape position before movement, where: + - `x` - the horizontal position of the shape, moving from left to right + - `y` - the vertical position of the shape, moving from top to bottom + - `event` - an event object + +### Returns + +The callback returns `false` to prevent the shape from being moved; otherwise, `true` + +:::info +For handling the inner Diagram Editor events you can use the **on()** method. +::: + +### Example + +~~~jsx {6-14} +// initializing Diagram Editor +const editor = new dhx.DiagramEditor("editor_container"); +// loading data +editor.parse(data); + +// attaching a handler to the event +editor.events.on("beforeShapeMove", ({ id, coords }) => { + console.log(` + Shape ${id} is at the position: + x: ${coords.x} + y: ${coords.y} + `); + return true; +}); +~~~ + +**Change log**: + +- The `batch` parameter was added in the v6.0 +- The callback function takes an object as a parameter since v6.0 +- The `id` and `coords` parameters were added in v4.0 diff --git a/docs/api/diagram_editor/editor/events/groupmoveend_event.md b/docs/api/diagram_editor/editor/events/groupmoveend_event.md new file mode 100644 index 000000000..5b97adeed --- /dev/null +++ b/docs/api/diagram_editor/editor/events/groupmoveend_event.md @@ -0,0 +1,64 @@ +--- +sidebar_label: groupMoveEnd +title: groupMoveEnd Event of Editor +description: You can learn about the groupMoveEnd event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# groupMoveEnd + +### Description + +@short: Fires after a group or swimlane is moved + +:::note +The event fires just for the target element despite the number of selected elements. The ids of dragged elements are provided in the `batch` parameter of the callback function. +::: + +### Usage + +~~~jsx +"groupMoveEnd": ({ + id: string | number, + batch: (string | number)[], + coords: object, + event: PointerEvent, +}) => void; +~~~ + +### Parameters + +The callback of the event is called with an object with the following parameters: + + - `id` - the id of an item + - `batch` - an array of moved elements' ids + - `coords` - an object with the `x` and `y` coordinates of the group or swimlane position after movement, where: + - `x` - the horizontal position of the group/swimlane, moving from left to right + - `y` - the vertical position of the group/swimlane, moving from top to bottom + - `event` - an event object + +:::info +For handling the inner Diagram Editor events you can use the **on()** method. +::: + +### Example + +~~~jsx {6-13} +// initializing Diagram Editor +const editor = new dhx.DiagramEditor("editor_container"); +// loading data +editor.parse(data); + +// attaching a handler to the event +editor.events.on("groupMoveEnd", ({ id, coords }) => { + console.log(` + Group ${id} is at the position: + x: ${coords.x} + y: ${coords.y} + `); +}); +~~~ + +**Change log**: + +- The `batch` parameter was added in the v6.0 +- The callback function takes an object as a parameter since v6.0 diff --git a/docs/api/diagram_editor/editor/events/itemmoveend_event.md b/docs/api/diagram_editor/editor/events/itemmoveend_event.md new file mode 100644 index 000000000..bcb3e4812 --- /dev/null +++ b/docs/api/diagram_editor/editor/events/itemmoveend_event.md @@ -0,0 +1,62 @@ +--- +sidebar_label: itemMoveEnd +title: itemMoveEnd Event of Editor +description: You can learn about the itemMoveEnd event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# itemMoveEnd + +### Description + +@short: Fires after an item is moved + +:::note +The event doesn't work with the **line** object. + +The event fires just for the target element despite the number of selected elements. The ids of dragged elements are provided in the `batch` parameter of the callback function. +::: + +### Usage + +~~~jsx +"itemMoveEnd": ({ + id: string | number, + batch: (string | number)[], + coords: object, + event: PointerEvent +}) => void; +~~~ + +### Parameters + +The callback of the event is called with an object with the following parameters: + + - `id` - the id of an item + - `batch` - an array of moved elements' ids + - `coords` - an object with the `x` and `y` coordinates of the item position after movement, where: + - `x` - the horizontal position of the item, moving from left to right + - `y` - the vertical position of the item, moving from top to bottom + - `event` - an event object + +### Example + +~~~jsx {6-13} +// initializing Diagram Editor +const editor = new dhx.DiagramEditor("editor_container"); +// loading data +editor.parse(data); + +// attaching a handler to the event +editor.events.on("itemMoveEnd", ({ id, coords }) => { + console.log(` + Item ${id} is at the position: + x: ${coords.x} + y: ${coords.y} + `); +}); +~~~ + +**Change log**: + +- The `batch` parameter was added in the v6.0 +- The callback function takes an object as a parameter since v6.0 diff --git a/docs/api/diagram_editor/editor/events/itemtarget_event.md b/docs/api/diagram_editor/editor/events/itemtarget_event.md new file mode 100644 index 000000000..ad53cd921 --- /dev/null +++ b/docs/api/diagram_editor/editor/events/itemtarget_event.md @@ -0,0 +1,66 @@ +--- +sidebar_label: itemTarget +title: itemTarget Event of Editor +description: You can learn about the itemTarget event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# itemTarget + +### Description + +@short: Fires when the moved item is hovering over the target item + +:::info +The event works only in the **org chart** and **mindmap** modes of Diagram, the ***itemsDraggable*** property must be set to `true`. + +The event doesn't work with the *parent item of a moved item* and with a *moved item that has the `giveItem: false` property*. +::: + +### Usage + +~~~jsx +"itemTarget": ({ + id: string | number, + targetId: string | number, + batch: (string | number)[], + event: PointerEvent +}) => boolean | void; +~~~ + +### Parameters + +The callback of the event is called with an object with the following parameters: + + - `id` - the id of the moved item + - `targetId` - the id of the target item + - `batch` - an array of moved elements' ids + - `event` - an event object + +### Returns + +The callback returns `false` to prevent an item from being hovered over the target item; otherwise, `true` + +:::info +For handling the inner Diagram Editor events you can use the **on()** method. +::: + +### Example + +~~~jsx {6-11} +// initializing Diagram Editor +const editor = new dhx.DiagramEditor("editor_container"); +// loading data +editor.parse(data); + +// attaching a handler to the event +editor.events.on("itemTarget", ({ id, targetId }) => { + console.log(` + Item ${id} is hovering over the item ${targetId} + `); +}); +~~~ + +**Change log**: + +- The `batch` parameter was added in the v6.0 +- The callback function takes an object as a parameter since v6.0 diff --git a/docs/api/diagram_editor/editor/events/linetitlemoveend_event.md b/docs/api/diagram_editor/editor/events/linetitlemoveend_event.md new file mode 100644 index 000000000..771b8bb05 --- /dev/null +++ b/docs/api/diagram_editor/editor/events/linetitlemoveend_event.md @@ -0,0 +1,57 @@ +--- +sidebar_label: lineTitleMoveEnd +title: lineTitleMoveEnd Event of Editor +description: You can learn about the lineTitleMoveEnd event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# lineTitleMoveEnd + +### Description + +@short: Fires after a text element of a line is moved + +### Usage + +~~~jsx +"lineTitleMoveEnd": ({ + event: PointerEvent, + lineId: string | number, + titleId: string | number, + coords: obj +}) => void; +~~~ + +### Parameters + +The callback of the event is called with an object with the following parameters: + + - `event` - an event object + - `lineId` - the id of a line + - `titleId` - the id of a text element of a line + - `coords` - an object with the `x` and `y` coordinates of the text element position after movement, where: + - `x` - the horizontal position of the text element, moving from left to right + - `y` - the vertical position of the text element, moving from top to bottom + +:::info +For handling the inner Diagram Editor events you can use the **on()** method. +::: + +### Example + +~~~jsx {6-13} +// initializing Diagram Editor +const editor = new dhx.DiagramEditor("editor_container"); +// loading data +editor.parse(data); + +// attaching a handler to the event +editor.events.on("lineTitleMoveEnd", ({ titleId, coords }) => { + console.log(` + LineTitle ${titleId} is at the position: + x: ${coords.x} + y: ${coords.y} + `); +}); +~~~ + +**Change log**: The callback function takes an object as a parameter since v6.0 diff --git a/docs/api/diagram_editor/editor/events/overview.md b/docs/api/diagram_editor/editor/events/overview.md new file mode 100644 index 000000000..c512afe2b --- /dev/null +++ b/docs/api/diagram_editor/editor/events/overview.md @@ -0,0 +1,30 @@ +--- +sidebar_label: Editor events +title: Editor events overview +description: You can explore the Editor events in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# Editor events overview + +| Name | Description | +| :---------------------------------------------------------------- | :------------------------------------------------------------------------- | +| [](api/diagram_editor/editor/events/aftergroupmove_event.md) | @getshort(api/diagram_editor/editor/events/aftergroupmove_event.md) | +| [](api/diagram_editor/editor/events/afteritemcatch_event.md) | @getshort(api/diagram_editor/editor/events/afteritemcatch_event.md) | +| [](api/diagram_editor/editor/events/afteritemmove_event.md) | @getshort(api/diagram_editor/editor/events/afteritemmove_event.md) | +| [](api/diagram_editor/editor/events/afterlinetitlemove_event.md) | @getshort(api/diagram_editor/editor/events/afterlinetitlemove_event.md) | +| [](api/diagram_editor/editor/events/aftershapeiconclick_event.md) | @getshort(api/diagram_editor/editor/events/aftershapeiconclick_event.md) | +| [](api/diagram_editor/editor/events/aftershapemove_event.md) | @getshort(api/diagram_editor/editor/events/aftershapemove_event.md) | +| [](api/diagram_editor/editor/events/beforegroupmove_event.md) | @getshort(api/diagram_editor/editor/events/beforegroupmove_event.md) | +| [](api/diagram_editor/editor/events/beforeitemcatch_event.md) | @getshort(api/diagram_editor/editor/events/beforeitemcatch_event.md) | +| [](api/diagram_editor/editor/events/beforeitemmove_event.md) | @getshort(api/diagram_editor/editor/events/beforeitemmove_event.md) | +| [](api/diagram_editor/editor/events/beforelinetitlemove_event.md) | @getshort(api/diagram_editor/editor/events/beforelinetitlemove_event.md) | +| [](api/diagram_editor/editor/events/beforeshapeiconclick_event.md)| @getshort(api/diagram_editor/editor/events/beforeshapeiconclick_event.md) | +| [](api/diagram_editor/editor/events/beforeshapemove_event.md) | @getshort(api/diagram_editor/editor/events/beforeshapemove_event.md) | +| [](api/diagram_editor/editor/events/groupmoveend_event.md) | @getshort(api/diagram_editor/editor/events/groupmoveend_event.md) | +| [](api/diagram_editor/editor/events/itemmoveend_event.md) | @getshort(api/diagram_editor/editor/events/itemmoveend_event.md) | +| [](api/diagram_editor/editor/events/itemtarget_event.md) | @getshort(api/diagram_editor/editor/events/itemtarget_event.md) | +| [](api/diagram_editor/editor/events/linetitlemoveend_event.md) | @getshort(api/diagram_editor/editor/events/linetitlemoveend_event.md) | +| [](api/diagram_editor/editor/events/shapemoveend_event.md) | @getshort(api/diagram_editor/editor/events/shapemoveend_event.md) | +| [](api/diagram_editor/editor/events/shaperesize_event.md) | @getshort(api/diagram_editor/editor/events/shaperesize_event.md) | +| [](api/diagram_editor/editor/events/zoomin_event.md) | @getshort(api/diagram_editor/editor/events/zoomin_event.md) | +| [](api/diagram_editor/editor/events/zoomout_event.md) | @getshort(api/diagram_editor/editor/events/zoomout_event.md) | diff --git a/docs/api/diagram_editor/editor/events/shapemoveend_event.md b/docs/api/diagram_editor/editor/events/shapemoveend_event.md new file mode 100644 index 000000000..33ff50e22 --- /dev/null +++ b/docs/api/diagram_editor/editor/events/shapemoveend_event.md @@ -0,0 +1,64 @@ +--- +sidebar_label: shapeMoveEnd +title: shapeMoveEnd Event of Editor +description: You can learn about the shapeMoveEnd event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# shapeMoveEnd + +### Description + +@short: Fires after a shape is moved + +:::note +The event fires just for the target element despite the number of selected elements. The ids of dragged elements are provided in the `batch` parameter of the callback function. +::: + +### Usage + +~~~jsx +"shapeMoveEnd": ({ + id: string | number, + batch: (string | number)[], + coords: object, + event: PointerEvent +}) => void; +~~~ + +### Parameters + +The callback of the event is called with an object with the following parameters: + + - `id` - the id of an item + - `batch` - an array of moved elements' ids + - `coords` - an object with the `x` and `y` coordinates of the shape position after movement, where: + - `x` - the horizontal position of the shape, moving from left to right + - `y` - the vertical position of the shape, moving from top to bottom + - `event` - an event object + +:::info +For handling the inner Diagram Editor events you can use the **on()** method. +::: + +### Example + +~~~jsx {6-13} +// initializing Diagram Editor +const editor = new dhx.DiagramEditor("editor_container"); +// loading data +editor.parse(data); + +// attaching a handler to the event +editor.events.on("shapeMoveEnd", ({ id, coords }) => { + console.log(` + Shape ${id} is at the position: + x: ${coords.x} + y: ${coords.y} + `); +}); +~~~ + +**Change log**: + +- The `batch` parameter was added in the v6.0 +- The callback function takes an object as a parameter since v6.0 diff --git a/docs/api/editor/shaperesize_event.md b/docs/api/diagram_editor/editor/events/shaperesize_event.md similarity index 73% rename from docs/api/editor/shaperesize_event.md rename to docs/api/diagram_editor/editor/events/shaperesize_event.md index 95487cc85..8cd1cf3f0 100644 --- a/docs/api/editor/shaperesize_event.md +++ b/docs/api/diagram_editor/editor/events/shaperesize_event.md @@ -12,20 +12,24 @@ description: You can learn about the shapeResize event of editor in the document ### Usage -~~~js -shapeResize: () => void; +~~~jsx +"shapeResize": () => void; ~~~ +:::info +For handling the inner Diagram Editor events you can use the **on()** method. +::: + ### Example -~~~js {7-9} +~~~jsx {6-9} // initializing Diagram Editor const editor = new dhx.DiagramEditor("editor_container"); // loading data editor.parse(data); // attaching a handler to the event -editor.events.on("shapeResize", function() { - console.log("The shape is resized"); +editor.events.on("shapeResize", () => { + console.log("The shape has been resized"); }); ~~~ diff --git a/docs/api/diagram_editor/editor/events/zoomin_event.md b/docs/api/diagram_editor/editor/events/zoomin_event.md new file mode 100644 index 000000000..898b2d6f2 --- /dev/null +++ b/docs/api/diagram_editor/editor/events/zoomin_event.md @@ -0,0 +1,43 @@ +--- +sidebar_label: zoomIn +title: zoomIn Event of Editor +description: You can learn about the zoomIn event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# zoomIn + +### Description + +@short: Fires after the Zoom In button is clicked or the zoomIn() method is called + +### Usage + +~~~jsx +"zoomIn": (step: number) => void; +~~~ + +### Parameters + +The callback of the **zoomIn** event is called with the following parameter: + +- `step` - (required) a value that displays the step of the [`scale`](api/diagram_editor/editor/config/scale_property.md) property. + +:::info +For handling the inner events of Diagram Editor you can use the **on()** method. +::: + +### Example + +~~~jsx {7-9} +// initializing Diagram Editor +const editor = new dhx.DiagramEditor("editor_container"); +// loading data +editor.parse(data); + +// attaching a handler to the event +editor.events.on("zoomIn", (step) => { + console.log("The diagram in the editor is zoomed in. The step is" + step); +}); +~~~ + +**Change log**: The ***step*** parameter was added in v6.0 diff --git a/docs/api/editor/zoomout_event.md b/docs/api/diagram_editor/editor/events/zoomout_event.md similarity index 52% rename from docs/api/editor/zoomout_event.md rename to docs/api/diagram_editor/editor/events/zoomout_event.md index 5deadd35c..4713eae98 100644 --- a/docs/api/editor/zoomout_event.md +++ b/docs/api/diagram_editor/editor/events/zoomout_event.md @@ -8,24 +8,36 @@ description: You can learn about the zoomOut event of editor in the documentatio ### Description -@short: Fires after the Zoom Out button has been clicked +@short: Fires after the Zoom Out button is clicked or the `zoomOut()` method is called ### Usage -~~~js -zoomOut: () => void; +~~~jsx +"zoomOut": (step) => void; ~~~ +### Parameters + +The callback of the **zoomOut** event is called with the following parameter: + +- `step` - (required) a value that displays the change step of the [`scale`](api/diagram_editor/editor/config/scale_property.md) property. + +:::info +For handling the inner events of Diagram Editor you can use the **on()** method. +::: + ### Example -~~~js {7-9} +~~~jsx {7-9} // initializing Diagram Editor const editor = new dhx.DiagramEditor("editor_container"); // loading data editor.parse(data); // attaching a handler to the event -editor.events.on("zoomOut", function() { +editor.events.on("zoomOut", (step) => { console.log("The diagram in the editor is zoomed out"); }); ~~~ + +**Change log**: The ***step*** parameter was added in v6.0 diff --git a/docs/api/diagram_editor/editor/methods/destructor_method.md b/docs/api/diagram_editor/editor/methods/destructor_method.md new file mode 100644 index 000000000..fe5170368 --- /dev/null +++ b/docs/api/diagram_editor/editor/methods/destructor_method.md @@ -0,0 +1,30 @@ +--- +sidebar_label: destructor() +title: destructor Method of Editor +description: You can learn about the destructor method in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# destructor() + +### Description + +@short: Removes a diagram editor instance and releases occupied resources + +### Usage + +~~~jsx +destructor(): void; +~~~ + +### Example + +~~~jsx {6} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default" +}); +editor.parse(data); + +editor.destructor(); +~~~ + +**Change log**: Added in v6.0 diff --git a/docs/api/editor/import_method.md b/docs/api/diagram_editor/editor/methods/import_method.md similarity index 89% rename from docs/api/editor/import_method.md rename to docs/api/diagram_editor/editor/methods/import_method.md index 2cde134da..619a6e167 100644 --- a/docs/api/editor/import_method.md +++ b/docs/api/diagram_editor/editor/methods/import_method.md @@ -12,7 +12,7 @@ description: You can learn about the import method of editor in the documentatio ### Usage -~~~js +~~~jsx import(diagram: object): void; ~~~ @@ -22,7 +22,7 @@ import(diagram: object): void; ### Example -~~~js +~~~jsx // initializing Diagram const diagram = new dhx.Diagram("diagram", { type: "org" @@ -39,5 +39,4 @@ editor.import(diagram); You can load data in any supported data format. See the details in the [](api/data_collection/parse_method.md) article. -**Related samples**: [Diagram editor. Org chart mode. Live editor](https://snippet.dhtmlx.com/bng7ego7) - +**Related sample**: [Diagram editor. Org chart mode. Live editor](https://snippet.dhtmlx.com/bng7ego7) diff --git a/docs/api/diagram_editor/editor/methods/overview.md b/docs/api/diagram_editor/editor/methods/overview.md new file mode 100644 index 000000000..31e9c3ce3 --- /dev/null +++ b/docs/api/diagram_editor/editor/methods/overview.md @@ -0,0 +1,17 @@ +--- +sidebar_label: Editor methods +title: Editor methods overview +description: You can explore the Editor methods in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# Editor methods overview + +| Name | Description | +| :------------------------------------------------------------ | :---------------------------------------------------------------- | +| [](api/diagram_editor/editor/methods/destructor_method.md) | @getshort(api/diagram_editor/editor/methods/destructor_method.md) | +| [](api/diagram_editor/editor/methods/import_method.md) | @getshort(api/diagram_editor/editor/methods/import_method.md) | +| [](api/diagram_editor/editor/methods/paint_method.md) | @getshort(api/diagram_editor/editor/methods/paint_method.md) | +| [](api/diagram_editor/editor/methods/parse_method.md) | @getshort(api/diagram_editor/editor/methods/parse_method.md) | +| [](api/diagram_editor/editor/methods/serialize_method.md) | @getshort(api/diagram_editor/editor/methods/serialize_method.md) | +| [](api/diagram_editor/editor/methods/zoomin_method.md) | @getshort(api/diagram_editor/editor/methods/zoomin_method.md) | +| [](api/diagram_editor/editor/methods/zoomout_method.md) | @getshort(api/diagram_editor/editor/methods/zoomout_method.md) | diff --git a/docs/api/editor/paint_method.md b/docs/api/diagram_editor/editor/methods/paint_method.md similarity index 96% rename from docs/api/editor/paint_method.md rename to docs/api/diagram_editor/editor/methods/paint_method.md index 9a407abb4..9170dc046 100644 --- a/docs/api/editor/paint_method.md +++ b/docs/api/diagram_editor/editor/methods/paint_method.md @@ -12,13 +12,13 @@ description: You can learn about the paint method of editor in the documentation ### Usage -~~~js +~~~jsx paint(): void; ~~~ ### Example -~~~js {4} +~~~jsx {4} const editor = new dhx.DiagramEditor("editor_container"); editor.parse(data); diff --git a/docs/api/editor/parse_method.md b/docs/api/diagram_editor/editor/methods/parse_method.md similarity index 99% rename from docs/api/editor/parse_method.md rename to docs/api/diagram_editor/editor/methods/parse_method.md index d50a32bcd..2030f2c7d 100644 --- a/docs/api/editor/parse_method.md +++ b/docs/api/diagram_editor/editor/methods/parse_method.md @@ -12,7 +12,7 @@ description: You can learn about the parse method of editor in the documentation ### Usage -~~~js +~~~jsx parse(data: array): void; ~~~ @@ -24,7 +24,7 @@ You can load data in any supported data format. See the details in the [](api/da ### Example -~~~js +~~~jsx const data = [ // shapes { @@ -58,6 +58,7 @@ editor.parse(data); ~~~ **Related samples**: + - [Diagram editor. Default mode. Basic initialization](https://snippet.dhtmlx.com/xshe9ut7) - [Diagram editor. Org chart mode. Basic initialization](https://snippet.dhtmlx.com/og4qm3ja) - [Diagram editor. Mindmap mode. Emotions mind map](https://snippet.dhtmlx.com/lo1vm0e8) diff --git a/docs/api/editor/serialize_method.md b/docs/api/diagram_editor/editor/methods/serialize_method.md similarity index 85% rename from docs/api/editor/serialize_method.md rename to docs/api/diagram_editor/editor/methods/serialize_method.md index 3221f1bfe..b24bf5247 100644 --- a/docs/api/editor/serialize_method.md +++ b/docs/api/diagram_editor/editor/methods/serialize_method.md @@ -12,7 +12,7 @@ description: You can learn about the serialize method of editor in the documenta ### Usage -~~~js +~~~jsx serialize(): array; ~~~ @@ -22,11 +22,11 @@ The method returns an array of JSON objects for each item from the editor data ### Example -~~~js {4} +~~~jsx {4} const editor = new dhx.DiagramEditor("editor_container"); editor.parse(data); const data = editor.serialize(); ~~~ -**Related samples**: [Diagram editor. Org chart mode. Live editor](https://snippet.dhtmlx.com/bng7ego7) +**Related sample**: [Diagram editor. Org chart mode. Live editor](https://snippet.dhtmlx.com/bng7ego7) diff --git a/docs/api/editor/zoomin_method.md b/docs/api/diagram_editor/editor/methods/zoomin_method.md similarity index 97% rename from docs/api/editor/zoomin_method.md rename to docs/api/diagram_editor/editor/methods/zoomin_method.md index 0e31429d7..4c8476f88 100644 --- a/docs/api/editor/zoomin_method.md +++ b/docs/api/diagram_editor/editor/methods/zoomin_method.md @@ -12,7 +12,7 @@ description: You can learn about the zoomIn method of editor in the documentatio ### Usage -~~~js +~~~jsx zoomIn(step?: number): void; ~~~ @@ -22,7 +22,7 @@ zoomIn(step?: number): void; ### Example -~~~js {4} +~~~jsx {4} const editor = new dhx.DiagramEditor("editor_container"); editor.parse(data); diff --git a/docs/api/editor/zoomout_method.md b/docs/api/diagram_editor/editor/methods/zoomout_method.md similarity index 97% rename from docs/api/editor/zoomout_method.md rename to docs/api/diagram_editor/editor/methods/zoomout_method.md index ef7d44268..250693796 100644 --- a/docs/api/editor/zoomout_method.md +++ b/docs/api/diagram_editor/editor/methods/zoomout_method.md @@ -12,7 +12,7 @@ description: You can learn about the zoomOut method of editor in the documentati ### Usage -~~~js +~~~jsx zoomOut(step?: number): void; ~~~ @@ -22,7 +22,7 @@ zoomOut(step?: number): void; ### Example -~~~js {4} +~~~jsx {4} const editor = new dhx.DiagramEditor("editor_container"); editor.parse(data); diff --git a/docs/api/diagram_editor/historymanager/api_overview.md b/docs/api/diagram_editor/historymanager/api_overview.md new file mode 100644 index 000000000..a69f44eaa --- /dev/null +++ b/docs/api/diagram_editor/historymanager/api_overview.md @@ -0,0 +1,36 @@ +--- +sidebar_label: History manager API overview +title: History manager API overview +description: You can check a History manager overview in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# History manager API overview + +A set of APIs that you can use for managing the history of actions in the Diagram Editor. Use the `history` keyword to access the History manager via the `editor` object: + +~~~jsx {5} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default" // only default +}); +// ... +editor.history.redo(); // restores an action that has been reverted by the Undo action +~~~ + +## History manager methods overview + +| Name | Description | +| :---------------------------------------------------------- | :----------------------------------------------------------------- | +| [](api/diagram_editor/historymanager/methods/add_method.md) | @getshort(api/diagram_editor/historymanager/methods/add_method.md) | +| [](api/diagram_editor/historymanager/methods/disable_method.md) | @getshort(api/diagram_editor/historymanager/methods/disable_method.md) | +| [](api/diagram_editor/historymanager/methods/enable_method.md) | @getshort(api/diagram_editor/historymanager/methods/enable_method.md) | +| [](api/diagram_editor/historymanager/methods/isredo_method.md) | @getshort(api/diagram_editor/historymanager/methods/isredo_method.md) | +| [](api/diagram_editor/historymanager/methods/isundo_method.md) | @getshort(api/diagram_editor/historymanager/methods/isundo_method.md) | +| [](api/diagram_editor/historymanager/methods/redo_method.md) | @getshort(api/diagram_editor/historymanager/methods/redo_method.md) | +| [](api/diagram_editor/historymanager/methods/reset_method.md) | @getshort(api/diagram_editor/historymanager/methods/reset_method.md) | +| [](api/diagram_editor/historymanager/methods/undo_method.md) | @getshort(api/diagram_editor/historymanager/methods/undo_method.md) | + +## History manager properties overview + +| Name | Description | +| :---------------------------------------------------------- | :----------------------------------------------------------------- | +| [](api/diagram_editor/historymanager/config/savedelay_property.md) | @getshort(api/diagram_editor/historymanager/config/savedelay_property.md) | diff --git a/docs/api/diagram_editor/historymanager/config/overview.md b/docs/api/diagram_editor/historymanager/config/overview.md new file mode 100644 index 000000000..0846c2898 --- /dev/null +++ b/docs/api/diagram_editor/historymanager/config/overview.md @@ -0,0 +1,11 @@ +--- +sidebar_label: History manager properties +title: History manager properties overview +description: You can explore the History manager properties in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# History manager properties overview + +| Name | Description | +| :----------------------------------------------------------------- | :------------------------------------------------------------------------ | +| [](api/diagram_editor/historymanager/config/savedelay_property.md) | @getshort(api/diagram_editor/historymanager/config/savedelay_property.md) | diff --git a/docs/api/historymanager/savedelay_property.md b/docs/api/diagram_editor/historymanager/config/savedelay_property.md similarity index 77% rename from docs/api/historymanager/savedelay_property.md rename to docs/api/diagram_editor/historymanager/config/savedelay_property.md index 61bded0ad..10c557ad6 100644 --- a/docs/api/historymanager/savedelay_property.md +++ b/docs/api/diagram_editor/historymanager/config/savedelay_property.md @@ -12,14 +12,24 @@ description: You can learn about the disabled property of HistoryManager in the ### Usage -~~~js +~~~jsx saveDelay: number; ~~~ ### Default config -~~~js +~~~jsx saveDelay: 500 ~~~ +### Example + +~~~jsx {5} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default" +}); + +editor.history.saveDelay = 1000; +~~~ + **Change log**: Added in v4.1 diff --git a/docs/api/historymanager/add_method.md b/docs/api/diagram_editor/historymanager/methods/add_method.md similarity index 63% rename from docs/api/historymanager/add_method.md rename to docs/api/diagram_editor/historymanager/methods/add_method.md index 3a3db5891..67fff0a4d 100644 --- a/docs/api/historymanager/add_method.md +++ b/docs/api/diagram_editor/historymanager/methods/add_method.md @@ -16,7 +16,7 @@ Adding the new state is done automatically. Therefore this method is not recomme ### Usage -~~~js +~~~jsx add(newState: array): void; ~~~ @@ -24,4 +24,18 @@ add(newState: array): void; - `newState` - (required) an array of JSON objects of the current state of the diagram +### Example + +~~~jsx {5-9} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default" +}); +// ... +editor.history.add([ + { "id": "shape_1", "type": "start", "x": 200, y: 0, "text": "Start" }, + { "id": "shape_2", "type": "process", "x": 200, y: 120, "text": "Call the client" }, + { "id": "line_1", "type": "line", "from": "shape_1", "to": "shape_2" } +]); +~~~ + **Change log**: Added in v4.1 diff --git a/docs/api/historymanager/disable_method.md b/docs/api/diagram_editor/historymanager/methods/disable_method.md similarity index 65% rename from docs/api/historymanager/disable_method.md rename to docs/api/diagram_editor/historymanager/methods/disable_method.md index 73a0a8674..84f56665c 100644 --- a/docs/api/historymanager/disable_method.md +++ b/docs/api/diagram_editor/historymanager/methods/disable_method.md @@ -12,10 +12,22 @@ description: You can learn about the disable method of HistoryManager in the doc ### Usage -~~~js +~~~jsx disable(): void; ~~~ -The Reset and HistoryManager buttons from the Toolbar work only in the custom event generation mode. **Ctrl+z** and **Ctrl+Shift+z** navigation is not available. +### Example + +~~~jsx {5} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default" +}); +// ... +editor.history.disable(); +~~~ + +:::note +Note that by disabling History manager you won't be able to work with history via hot keys. +::: **Change log**: Added in v4.1 diff --git a/docs/api/historymanager/enable_method.md b/docs/api/diagram_editor/historymanager/methods/enable_method.md similarity index 77% rename from docs/api/historymanager/enable_method.md rename to docs/api/diagram_editor/historymanager/methods/enable_method.md index 12081da4e..f65ddf6f1 100644 --- a/docs/api/historymanager/enable_method.md +++ b/docs/api/diagram_editor/historymanager/methods/enable_method.md @@ -12,8 +12,18 @@ description: You can learn about the enable method of HistoryManager in the docu ### Usage -~~~js +~~~jsx enable(): void; ~~~ +### Example + +~~~jsx {5} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default" +}); +// ... +editor.history.enable(); +~~~ + **Change log**: Added in v4.1 diff --git a/docs/api/historymanager/isredo_method.md b/docs/api/diagram_editor/historymanager/methods/isredo_method.md similarity index 55% rename from docs/api/historymanager/isredo_method.md rename to docs/api/diagram_editor/historymanager/methods/isredo_method.md index 4476e4a04..90b58e152 100644 --- a/docs/api/historymanager/isredo_method.md +++ b/docs/api/diagram_editor/historymanager/methods/isredo_method.md @@ -8,16 +8,26 @@ description: You can learn about the isRedo method of HistoryManager in the docu ### Description -@short: Checks whether the current HistoryManager state is in the ending state +@short: Checks whether an action reverted by the Undo action has been restored ### Usage -~~~js -isUndo(): boolean; +~~~jsx +isRedo(): boolean; +~~~ + +### Example + +~~~jsx {5} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default" +}); +... +editor.history.isRedo(); ~~~ ### Returns -The method returns `true`, if the current state is in the ending state; otherwise, `false` +The method returns `true`, if an action reverted by the Undo action has been restored; otherwise, `false` **Change log**: Added in v4.1 diff --git a/docs/api/diagram_editor/historymanager/methods/isundo_method.md b/docs/api/diagram_editor/historymanager/methods/isundo_method.md new file mode 100644 index 000000000..b16b2a831 --- /dev/null +++ b/docs/api/diagram_editor/historymanager/methods/isundo_method.md @@ -0,0 +1,33 @@ +--- +sidebar_label: isUndo() +title: isUndo Method of HistoryManager +description: You can learn about the isUndo method of HistoryManager in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# isUndo() + +### Description + +@short: Checks whether an action has been reverted + +### Usage + +~~~jsx +isUndo(): boolean; +~~~ + +### Example + +~~~jsx {5} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default" +}); +// ... +editor.history.isUndo(); +~~~ + +### Returns + +The method returns `true`, if an action has been reverted; otherwise, `false` + +**Change log**: Added in v4.1 diff --git a/docs/api/diagram_editor/historymanager/methods/overview.md b/docs/api/diagram_editor/historymanager/methods/overview.md new file mode 100644 index 000000000..a6f38fda1 --- /dev/null +++ b/docs/api/diagram_editor/historymanager/methods/overview.md @@ -0,0 +1,20 @@ +--- +sidebar_label: History manager methods +title: History manager methods overview +description: You can explore the History manager methods in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# History manager API overview + +## History manager methods overview + +| Name | Description | +| :---------------------------------------------------------- | :----------------------------------------------------------------- | +| [](api/diagram_editor/historymanager/methods/add_method.md) | @getshort(api/diagram_editor/historymanager/methods/add_method.md) | +| [](api/diagram_editor/historymanager/methods/disable_method.md) | @getshort(api/diagram_editor/historymanager/methods/disable_method.md) | +| [](api/diagram_editor/historymanager/methods/enable_method.md) | @getshort(api/diagram_editor/historymanager/methods/enable_method.md) | +| [](api/diagram_editor/historymanager/methods/isredo_method.md) | @getshort(api/diagram_editor/historymanager/methods/isredo_method.md) | +| [](api/diagram_editor/historymanager/methods/isundo_method.md) | @getshort(api/diagram_editor/historymanager/methods/isundo_method.md) | +| [](api/diagram_editor/historymanager/methods/redo_method.md) | @getshort(api/diagram_editor/historymanager/methods/redo_method.md) | +| [](api/diagram_editor/historymanager/methods/reset_method.md) | @getshort(api/diagram_editor/historymanager/methods/reset_method.md) | +| [](api/diagram_editor/historymanager/methods/undo_method.md) | @getshort(api/diagram_editor/historymanager/methods/undo_method.md) | diff --git a/docs/api/historymanager/redo_method.md b/docs/api/diagram_editor/historymanager/methods/redo_method.md similarity index 66% rename from docs/api/historymanager/redo_method.md rename to docs/api/diagram_editor/historymanager/methods/redo_method.md index 5001184de..0d2d5a284 100644 --- a/docs/api/historymanager/redo_method.md +++ b/docs/api/diagram_editor/historymanager/methods/redo_method.md @@ -8,12 +8,22 @@ description: You can learn about the redo method of HistoryManager in the docume ### Description -@short: Takes a step forward in the history of changes +@short: Restores an action that has been reverted by the Undo action ### Usage -~~~js +~~~jsx redo(): void; ~~~ +### Example + +~~~jsx {5} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default" +}); +// ... +editor.history.redo(); +~~~ + **Change log**: Added in v4.1 diff --git a/docs/api/historymanager/reset_method.md b/docs/api/diagram_editor/historymanager/methods/reset_method.md similarity index 76% rename from docs/api/historymanager/reset_method.md rename to docs/api/diagram_editor/historymanager/methods/reset_method.md index 0ce2bdc18..8d466137a 100644 --- a/docs/api/historymanager/reset_method.md +++ b/docs/api/diagram_editor/historymanager/methods/reset_method.md @@ -12,8 +12,18 @@ description: You can learn about the reset method of HistoryManager in the docum ### Usage -~~~js +~~~jsx reset(): void; ~~~ +### Example + +~~~jsx {5} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default" +}); +// ... +editor.history.reset(); +~~~ + **Change log**: Added in v4.1 diff --git a/docs/api/historymanager/undo_method.md b/docs/api/diagram_editor/historymanager/methods/undo_method.md similarity index 63% rename from docs/api/historymanager/undo_method.md rename to docs/api/diagram_editor/historymanager/methods/undo_method.md index 12cad4649..4e5a6e16a 100644 --- a/docs/api/historymanager/undo_method.md +++ b/docs/api/diagram_editor/historymanager/methods/undo_method.md @@ -8,16 +8,26 @@ description: You can learn about the undo method of HistoryManager in the docume ### Description -@short: Takes a step back in the history of changes +@short: Reverts the last action in the Diagram Editor ### Usage -~~~js +~~~jsx undo(first?: boolean): void; ~~~ ### Parameters -- `first` - (optional) *true* to move the history of changes to the beginning +- `first` - (optional) *true* to revert all the history of changes + +### Example + +~~~jsx {5} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default" +}); +// ... +editor.history.undo(); +~~~ **Change log**: Added in v4.1 diff --git a/docs/api/diagram_editor/shapebar/api_overview.md b/docs/api/diagram_editor/shapebar/api_overview.md new file mode 100644 index 000000000..dd52d70b1 --- /dev/null +++ b/docs/api/diagram_editor/shapebar/api_overview.md @@ -0,0 +1,48 @@ +--- +sidebar_label: Shapebar API overview +title: Shapebar API overview +description: You can check a Shapebar overview in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# Shapebar API overview + +[Shapebar](/guides/diagram_editor/shapebar/) is a part of the Diagram Editor that renders previews of Diagram items (shapes, groups and swimlanes). Use the `shapebar` property of the [`view`](/api/diagram_editor/editor/config/view_property/) configuration object to show, hide and configure the Shapebar. There are two ways of initialization you can choose from: + +- creating the default Shapebar by using the `shapebar:true` setting: + +~~~jsx +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + shapebar: true // displaying the default Shapebar + } +}); +~~~ + +- configuring Shapebar by specifying it as an object with [a set of properties](/category/shapebar-properties/): + +~~~jsx +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + // configuring Shapebar via an object + shapebar: { + css: "custom_css", + show: true, + width: 300, + preview: { + scale: 0.65, + gap: 8 + }, + sections: { + "Swimlane": [{ swimlane: true }], + "Groups": [{ group: true }], + "Flowchart shapes": [{ flowShapes: true }], + "Org shapes, text, topic": [{ org: true }, "text", "topic"] + } + } + } +}); +~~~ + +Check the [related API section](/category/shapebar-properties/) to explore the available properties of Shapebar. diff --git a/docs/api/diagram_editor/shapebar/config/css_property.md b/docs/api/diagram_editor/shapebar/config/css_property.md new file mode 100644 index 000000000..e846b00be --- /dev/null +++ b/docs/api/diagram_editor/shapebar/config/css_property.md @@ -0,0 +1,48 @@ +--- +sidebar_label: css +title: css Property of Shapebar +description: You can learn about the css property of Shapebar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# css + +### Description + +@short: Optional. Allows applying custom CSS classes to adjust the shapebar appearance + +### Usage + +~~~jsx +css?: string; +~~~ + +### Example + +~~~html {8} + + + +~~~ + +**Related articles**: + +- [Shapebar and shapes appearance](guides/diagram_editor/shapebar.md/#shapebar-and-shapes-appearance) +- [Configuring the look of shapes in Shapebar](guides/themes/base_themes_configuration.md/#configuring-the-look-of-shapes-in-shapebar) + +**Change log**: Added in v6.0 diff --git a/docs/api/diagram_editor/shapebar/config/preview_property.md b/docs/api/diagram_editor/shapebar/config/preview_property.md new file mode 100644 index 000000000..00c178ea2 --- /dev/null +++ b/docs/api/diagram_editor/shapebar/config/preview_property.md @@ -0,0 +1,85 @@ +--- +sidebar_label: preview +title: preview Property of Shapebar +description: You can learn about the preview property of Shapebar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# preview + +### Description + +@short: Optional. An object that configures the preview of items + +### Usage + +~~~jsx +preview?: { + scale?: number, + gap?: string | number +} +~~~ + +### Parameters + +- `scale` - (optional) defines the scale of items rendered in the shapebar of the editor +- `gap` - (optional) specifies the space between the items rendered in the shapebar + +### Default config + +~~~jsx +preview: { + scale: 0.5, + gap: "6px 8px" + // sets 6px gap for the top and bottom sides and 8px gap for the right and left sides +}; +~~~ + +### Example + +~~~jsx {7-10} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + // shapebar: true, // displays default Shapebar + // or configure Shapebar via object + shapebar: { + preview: { + scale: 0.65, + gap: 8 + } + } + } +}); +~~~ + +### Details + +The values of the **gap** and **scale** properties can be redefined for a separate shape via the **gap** and **scale** attributes of the [preview](shapes/configuration_properties.md/#properties-specific-for-the-default-mode) property of the shape object: + +~~~jsx {14-17} +const defaults = { + rectangle: { + preview: { + scale: 0.72, + gap: 8 + } + } +} + +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + shapebar: { + preview: { + scale: 0.65, + gap: 2 + } + } + }, + defaults +}); +~~~ + +**Related article**: [Shapebar](guides/diagram_editor/shapebar.md/#setting-the-preview-of-shapes) + +**Change log**: Added in v6.0 diff --git a/docs/api/diagram_editor/shapebar/config/sections_property.md b/docs/api/diagram_editor/shapebar/config/sections_property.md new file mode 100644 index 000000000..a01236cca --- /dev/null +++ b/docs/api/diagram_editor/shapebar/config/sections_property.md @@ -0,0 +1,174 @@ +--- +sidebar_label: sections +title: sections Property of Shapebar +description: You can learn about the sections property of Shapebar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# sections + +The [default sections of the shapebar](guides/diagram_editor/shapebar.md/#default-sections) are: *Shapes*, *Groups*, *Swimlanes*. + +Using the **sections** property you can change the structure of the shapebar and display the necessary items. + +### Description + +@short: Optional. An object which specifies sections of items that will be shown in the shapebar of the editor + +### Usage + +~~~jsx +sections?: { + [name: string]: (obj | string)[] +}; +~~~ + +### Parameters + +The `sections` object can contain a set of *key:value* pairs where: +- `key` - the name of a section specified by a user +- `value` - an array which can include: + - an object with one *key:value* pair for rendering a basic set of shapes. The list of available pairs is given below: + - `{flowShapes: true}` - (optional) displays all available types of the [Flow-chart](../../../../../shapes/default_shapes/#shapes-overview) shapes + - `{org: true}` - (optional) displays Org shapes: the "card" and "img-card" shape types + - `{group: true}` - (optional) displays a basic set of Groups + - `{swimlane: true}` - (optional) displays a basic set of Swimlanes + - a string value with a specific type of the item to be rendered in the section (for example, "text", "topic", etc.) + - an object with several *key:value* pairs for redefining the default properties of any shape + +### Example + +~~~jsx {7-12} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + // shapebar: true, // displays default Shapebar + // or configure Shapebar via object + shapebar: { + sections: { + "Swimlane": [{ swimlane: true }], + "Groups": [{ group: true }], + "Flowchart shapes": [{ flowShapes: true }], + "Org shapes, text, topic": [{ org: true }, "text", "topic"] + } + } + } +}); +~~~ + +### Details + +Depending on the chosen elements, the configuration of items of a particular section can be the following: + +1. Rendering of basic sections + +You can render a basic set of shapes using the `sections` configuration object. For example: + +~~~jsx {5-10} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + shapebar: { + sections: { + "Base flow shapes": [{ flowShapes: true }], + "Base org cards": [{ org: true }], + "Base groups": [{ group: true }], + "Base swimlane": [{ swimlane: true }] + } + } + } +}); +~~~ + +2. Specifying items with the help of string literals + +You can render Shapebar items by specifying the types of shapes with the help of string literals. Check the example below: + +~~~jsx {5-8} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + shapebar: { + sections: { + "Custom section": ["custom_shape"], + "Other shapes": ["text", "topic", "circle"] + } + } + } +}); +~~~ + +3. Redefining basic configurations + +Another option is to redefine basic properties of any shape and render it with the necessary parameters. The example below shows rendering of a shape of the `circle` type with various text and color settings: + +~~~jsx {5-23} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + shapebar: { + sections: { + "Circles": [ + { + type: "circle", + fill: "#fcba03", + text: "Orange" + }, + { + type: "circle", + fill: "#03d7fc", + text: "Blue" + }, + { + type: "circle", + fill: "#03fc88", + text: "Green" + } + ] + } + } + } +}); +~~~ + +You can reconfigure any type of shapes in such a way. + +4. Combining different types of items in a section + +If your project presupposes usage of various elements, you can create sections with mixed types of items in the Shapebar. Check the following example: + +~~~jsx {7-27} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + // shapebar: true, // displays default Shapebar + // or configure Shapebar via object + shapebar: { + sections: { + "Base flow shapes": [{ flowShapes: true }, "text", "topic"], + "Circles": [ + "circle", + { + type: "circle", + fill: "#fcba03", + text: "Orange" + }, + { + type: "circle", + fill: "#03d7fc", + text: "Blue" + }, + { + type: "circle", + fill: "#03fc88", + text: "Green" + } + ] + } + } + } +}); +~~~ + +**Related article**: [Shapebar](guides/diagram_editor/shapebar.md/#custom-sections) + +**Change log**: Added in v6.0 diff --git a/docs/api/diagram_editor/shapebar/config/show_property.md b/docs/api/diagram_editor/shapebar/config/show_property.md new file mode 100644 index 000000000..72cfacc19 --- /dev/null +++ b/docs/api/diagram_editor/shapebar/config/show_property.md @@ -0,0 +1,42 @@ +--- +sidebar_label: show +title: show Property of Shapebar +description: You can learn about the show property of Shapebar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# show + +### Description + +@short: Optional. Defines whether a shapebar with custom settings is displayed on initialization of the Diagram Editor + +### Usage + +~~~jsx +show?: boolean; +~~~ + +### Default config + +~~~jsx +show: true +~~~ + +### Example + +~~~jsx {7} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + // shapebar: true, // displays default Shapebar + // or configure Shapebar via object + shapebar: { + show: false // true by default + } + } +}); +~~~ + +**Related article**: [Shapebar](guides/diagram_editor/shapebar.md/#showinghiding-the-shapebar) + +**Change log**: Added in v6.0 diff --git a/docs/api/diagram_editor/shapebar/config/width_property.md b/docs/api/diagram_editor/shapebar/config/width_property.md new file mode 100644 index 000000000..c592e96b8 --- /dev/null +++ b/docs/api/diagram_editor/shapebar/config/width_property.md @@ -0,0 +1,42 @@ +--- +sidebar_label: width +title: width Property of Shapebar +description: You can learn about the width property of Shapebar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# width + +### Description + +@short: Optional. Sets the width of the shapebar of the editor + +### Usage + +~~~jsx +width?: number; +~~~ + +### Default config + +~~~jsx +width: 300 +~~~ + +### Example + +~~~jsx {7} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + // shapebar: true, // displays default Shapebar + // or configure Shapebar via object + shapebar: { + width: 400 // 300 by default + } + } +}); +~~~ + +**Related article**: [Shapebar](guides/diagram_editor/shapebar.md/#setting-the-width-of-shapebar) + +**Change log**: Added in v6.0 diff --git a/docs/api/diagram_editor/toolbar/api_overview.md b/docs/api/diagram_editor/toolbar/api_overview.md new file mode 100644 index 000000000..8d0d87304 --- /dev/null +++ b/docs/api/diagram_editor/toolbar/api_overview.md @@ -0,0 +1,50 @@ +--- +sidebar_label: Toolbar API overview +title: Toolbar API overview +description: You can check a Toolbar overview in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# Toolbar API overview + +[Toolbar](/guides/diagram_editor/toolbar/) is a part of the Diagram Editor that helps users to control the editing process. Use the `toolbar` property of the [`view`](/api/diagram_editor/editor/config/view_property/) configuration object to show, hide and configure the Toolbar. There are two ways of initialization you can choose from: + +- creating the default Toolbar by using the `toolbar:true` setting: + +~~~jsx +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + toolbar: true // displaying the default Toolbar + } +}); +~~~ + +- configuring Toolbar by specifying it as an object with [a set of properties](/category/toolbar-properties/): + +~~~jsx +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + // configuring Toolbar via an object + toolbar: { + css: "custom_css", + items: ["file", "spacer", "scale"], + navigationType: "pointer" + } + } +}); +~~~ + +Check the related API sections to explore the available methods, properties and events of Toolbar. + +## Toolbar methods + +- [List of Toolbar methods](/api/diagram_editor/toolbar/methods/overview/) + +## Toolbar properties + +- [List of Toolbar properties](/category/toolbar-properties/) + +## Toolbar events + +- [List of Toolbar events](/api/diagram_editor/toolbar/events/overview/) diff --git a/docs/api/diagram_editor/toolbar/config/css_property.md b/docs/api/diagram_editor/toolbar/config/css_property.md new file mode 100644 index 000000000..b87c56a0f --- /dev/null +++ b/docs/api/diagram_editor/toolbar/config/css_property.md @@ -0,0 +1,42 @@ +--- +sidebar_label: css +title: css Property of Toolbar +description: You can learn about the css property of Toolbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# css + +### Description + +@short: Optional. Applies a custom CSS class + +:::info +The custom CSS class applies to expanded elements as well. The `--popup-menu` prefix is attached to such elements. +::: + +### Usage + +~~~jsx +css?: string; +~~~ + +### Example + +~~~jsx {7} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + // toolbar: true, // displays default Toolbar + // or configure Toolbar via object + toolbar: { + css: "custom_css", + items: ["file", "spacer", "scale"], + navigationType: "pointer" + } + } +}); +~~~ + +**Change log**: Added in v6.0 + +**Related articles**: [Toolbar configuration](guides/diagram_editor/toolbar.md) diff --git a/docs/api/diagram_editor/toolbar/config/items_property.md b/docs/api/diagram_editor/toolbar/config/items_property.md new file mode 100644 index 000000000..6e1e955b4 --- /dev/null +++ b/docs/api/diagram_editor/toolbar/config/items_property.md @@ -0,0 +1,146 @@ +--- +sidebar_label: items +title: items Property of Toolbar +description: You can learn about the items property of Toolbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# items + +### Description + +@short: Optional. An array with controls displayed on Toolbar of Diagram Editor + +### Usage + +~~~jsx +items?: (object | string)[]; +~~~ + +### Configuring items via strings + +The `items` property allows you to specify [**Service elements**](guides/diagram_editor/toolbar.md/#service-elements) as an array of strings: + +~~~jsx +items: [ "file", "edit", "view", "arrange", "spacer", "scale" ]; +~~~ + +The full list of service elements you can see [here](guides/diagram_editor/toolbar.md/#service-elements). + +### Configuring items via objects + +The `items` property allows you to specify [**Service elements**](guides/diagram_editor/toolbar.md/#service-elements) and [**Base elements**](guides/diagram_editor/toolbar.md/#base-elements) as an array of objects: + +~~~jsx +items: [ + { + type: string, + id?: string, + value?: string, + hotkey?: string, + icon?: string, + hidden?: boolean, + disabled?: boolean, + css?: string | string[], + items?: (string | object)[], + checkIcon?: (editor: object) => string, + handler?: (editor: object, event: Event) => void + }, {...} +]; +~~~ + +#### Parameters + +For all [**service elements**](guides/diagram_editor/toolbar.md/#service-elements), excluding `separator` / `spacer` / `scale`, you can specify an object with the following parameters: + +- `type` - (required) - the type of a service element. The full list of service element types you can see [here](guides/diagram_editor/toolbar.md) +- `id` - (optional) - the ID of a service element. By default, the ID of a service element includes **$** and the **type** of the service element: **$file** +- `value` - (optional) - the label of a service element +- `hotkey` - (optional) - the hot key combination label of a service element +- `icon` - (optional) - the css class of a service element icon +- `hidden` - (optional) - hides a service element +- `disabled` - (optional) - disables a service element +- `css` - (optional) - applies a custom css class to a service element +- `items` - (optional) - defines the structure of the child elements +- `checkIcon` - (optional) - the handler that returns the icon css class. It is called with the following argument: + - `editor` - the Diagram Editor object +- `handler` - (optional) - the handler that runs when the ***click*** or ***inputChange*** events occurs. It is called with the following arguments: + - `editor` - the Diagram Editor object + - `event` - a [native event](https://developer.mozilla.org/en-US/docs/Web/API/Event) + +### Example 1 + +The example below shows how to configure Toolbar items via strings: + +~~~jsx {10-14} +// Configuring items via strings +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + // toolbar: true, // displays default Toolbar + // or configure Toolbar via object + toolbar: { + css: "custom_css", + navigationType: "pointer", + items: [ + "file", + "spacer", + "scale" + ] + } + } +}); +~~~ + +### Example 2 + +The example below shows how to configure Toolbar items via objects: + +~~~jsx {7-38} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + toolbar: { + css: "custom_css", + navigationType: "pointer", + items: [ + { + type: "file", + items: [ + "importJson", + { + type: "exportJson", + value: "Export to JSON" + }, + { + id: "custom_id_1", + type: "menuItem", + value: "Server export", + icon: "dxi dxi-vault", + items: [ + "exportPdf", + { + id: "custom_id_2", + type: "menuItem", + value: "PNG", + handler: editor => { + editor.diagram.export.png(); + // custom logic here + } + } + ] + } + ] + }, + "spacer", + "scale" + ] + } + } +}); +~~~ + +**Change log**: Added in v6.0 + +**Related articles**: [Toolbar configuration](guides/diagram_editor/toolbar.md) + +**Related sample**: [Diagram Editor. Default mode. Customization of toolbar. Added search by shapes ](https://snippet.dhtmlx.com/846cz71r) diff --git a/docs/api/diagram_editor/toolbar/config/navigationtype_property.md b/docs/api/diagram_editor/toolbar/config/navigationtype_property.md new file mode 100644 index 000000000..b512d787c --- /dev/null +++ b/docs/api/diagram_editor/toolbar/config/navigationtype_property.md @@ -0,0 +1,49 @@ +--- +sidebar_label: navigationType +title: navigationType Property of Toolbar +description: You can learn about the css property of Toolbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# navigationType + +### Description + +@short: Optional. Sets the action that opens menu options + +### Usage + +~~~jsx +navigationType?: "click" | "pointer"; +~~~ + +:::info +- `"click"` - displays the menu when a user clicks on it +- `"pointer"` - displays the menu when a user hovers the mouse pointer over it +::: + +### Default config + +~~~jsx +navigationType: "click" +~~~ + +### Example + +~~~jsx {9} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + // toolbar: true, // displays default Toolbar + // or configure Toolbar via object + toolbar: { + css: "custom_css", + items: ["file", "spacer", "scale"], + navigationType: "pointer" + } + } +}); +~~~ + +**Change log**: Added in v6.0 + +**Related articles**: [Toolbar configuration](guides/diagram_editor/toolbar.md) diff --git a/docs/api/diagram_editor/toolbar/events/overview.md b/docs/api/diagram_editor/toolbar/events/overview.md new file mode 100644 index 000000000..e517d7656 --- /dev/null +++ b/docs/api/diagram_editor/toolbar/events/overview.md @@ -0,0 +1,65 @@ +--- +sidebar_label: Events overview +title: Toolbar Events Overview +description: You can learn about Toolbar events in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# Toolbar events overview + +You can use the following [**Toolbar**](https://docs.dhtmlx.com/suite/category/toolbar-events/) events of [**Suite 8**](https://docs.dhtmlx.com/suite/): + +| Name | Description | +| ------------------------------------------------------------------------------------ | ------------------------------------------------------------------ | +| [afterHide](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_afterhide_event/) | Fires after hiding a sub-item of Toolbar | +| [beforeHide](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_beforehide_event/) | Fires before hiding a sub-item of Toolbar | +| [click](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_click_event/) | Fires after a click on a control | +| [input](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_input_event/) | Fires on entering a text into the input field | +| [inputBlur](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_inputblur_event/) | Fires when a control is blurred | +| [inputChange](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_inputchange_event/) | Fires on changing the value in the Input control of Toolbar | +| [inputFocus](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_inputfocus_event/) | Fires when a control is focused | +| [keydown](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_keydown_event/) | Fires when any key is pressed and a control of Toolbar is in focus | +| [openMenu](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_openmenu_event/) | Fires on expanding a menu control | + +~~~jsx {7-10} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + toolbar: true + } +}); +// handles the "click" event +editor.toolbar.events.on("click", (id, event) => { + // some logic +}); +~~~ + +# TreeCollection events overview + +You can use the following [**TreeCollection**](https://docs.dhtmlx.com/suite/category/treecollection-events/) events of [**Suite 8**](https://docs.dhtmlx.com/suite/): + +| Name | Description | +| ------------------------------------------------------------------------------------------------------- | ------------------------------------------------------ | +| [afterAdd](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_afteradd_event/) | Fires after adding a new item into a tree collection | +| [afterRemove](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_afterremove_event/) | Fires after removing a new item from a tree collection | +| [beforeAdd](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_beforeadd_event/) | Fires before adding a new item into a tree collection | +| [beforeRemove](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_beforeremove_event/) | Fires before removing an item from a tree collection | +| [change](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_change_event/) | Fires when a tree collection is modified | +| [filter](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_filter_event/) | Fires after filtering a tree collection | +| [load](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_load_event/) | Fires when items are loaded in a tree collection | +| [loadError](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_loaderror_event/) | Fires when loading of data fails | +| [removeAll](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_removeall_event/) | Fires when all items are removed from a tree collection| + +~~~jsx {7-10} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + toolbar: true + } +}); +// handles the "load" event +editor.toolbar.events.on("load", () => { + // some logic here +}); +// load new toolbar data +editor.toolbar.parse(["file", "spacer", "scale"]); +~~~ diff --git a/docs/api/diagram_editor/toolbar/events/toolbar_events.md b/docs/api/diagram_editor/toolbar/events/toolbar_events.md new file mode 100644 index 000000000..43453025f --- /dev/null +++ b/docs/api/diagram_editor/toolbar/events/toolbar_events.md @@ -0,0 +1,32 @@ +--- +sidebar_label: Toolbar events +title: Events of Toolbar +description: You can learn about events of Toolbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +You can use the following [**Toolbar**](https://docs.dhtmlx.com/suite/category/toolbar-events/) events of [**Suite 8**](https://docs.dhtmlx.com/suite/): + +| Name | Description | +| ------------------------------------------------------------------------------------ | ------------------------------------------------------------------ | +| [afterHide](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_afterhide_event/) | Fires after hiding a sub-item of Toolbar | +| [beforeHide](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_beforehide_event/) | Fires before hiding a sub-item of Toolbar | +| [click](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_click_event/) | Fires after a click on a control | +| [input](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_input_event/) | Fires on entering a text into the input field | +| [inputBlur](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_inputblur_event/) | Fires when a control is blurred | +| [inputChange](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_inputchange_event/) | Fires on changing the value in the Input control of Toolbar | +| [inputFocus](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_inputfocus_event/) | Fires when a control is focused | +| [keydown](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_keydown_event/) | Fires when any key is pressed and a control of Toolbar is in focus | +| [openMenu](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_openmenu_event/) | Fires on expanding a menu control | + +~~~jsx {7-10} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + toolbar: true + } +}); +// handles the "click" event +editor.toolbar.events.on("click", (id, event) => { + // some logic here +}); +~~~ diff --git a/docs/api/diagram_editor/toolbar/events/treecollection_events.md b/docs/api/diagram_editor/toolbar/events/treecollection_events.md new file mode 100644 index 000000000..dd6c8f5a6 --- /dev/null +++ b/docs/api/diagram_editor/toolbar/events/treecollection_events.md @@ -0,0 +1,34 @@ +--- +sidebar_label: TreeCollection events +title: TreeCollection Events of Toolbar +description: You can learn about TreeCollection events of Toolbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +You can use the following [**TreeCollection**](https://docs.dhtmlx.com/suite/category/treecollection-events/) events of [**Suite 8**](https://docs.dhtmlx.com/suite/): + +| Name | Description | +| ---------------------------------------------------------------------------------------------------- | ----------------------------------------------------- | +| [afterAdd](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_afteradd_event/) | Fires after adding a new item into a tree collection | +| [afterRemove](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_afterremove_event/) | Fires after removing a new item from a tree collection| +| [beforeAdd](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_beforeadd_event/) | Fires before adding a new item into a tree collection | +| [beforeRemove](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_beforeremove_event/) | Fires before removing an item from a tree collection| +| [change](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_change_event/) | Fires when a tree collection is modified | +| [filter](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_filter_event/) | Fires after filtering a tree collection | +| [load](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_load_event/) | Fires when items are loaded in a tree collection | +| [loadError](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_loaderror_event/) | Fires when loading of data fails | +| [removeAll](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_removeall_event/) | Fires when all items are removed from a tree collection| + +~~~jsx {7-10} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + toolbar: true + } +}); +// handles the "load" event +editor.toolbar.events.on("load", () => { + // some logic here +}); +// loads new toolbar data +editor.toolbar.parse(["file", "spacer", "scale"]); +~~~ diff --git a/docs/api/diagram_editor/toolbar/methods/overview.md b/docs/api/diagram_editor/toolbar/methods/overview.md new file mode 100644 index 000000000..2f95bdac1 --- /dev/null +++ b/docs/api/diagram_editor/toolbar/methods/overview.md @@ -0,0 +1,89 @@ +--- +sidebar_label: Methods overview +title: Toolbar Methods Overview +description: You can learn about Toolbar methods in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# Toolbar methods overview + +:::info +Use the [`parse()`](api/diagram_editor/toolbar/methods/parse_method.md) method to manipulate data in Toolbar. +::: + +You can use the following [**Toolbar**](https://docs.dhtmlx.com/suite/category/toolbar-methods/) methods of [**Suite 8**](https://docs.dhtmlx.com/suite/): + +| Name | Description | +| :------------------------------------------------------------------------------------ | :--------------------------------------------------------- | +| [disable()](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_disable_method/) | Disables and dims an item(s) of Toolbar | +| [enable()](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_enable_method/) | Enables a disabled item(s) of Toolbar | +| [getSelected()](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_getselected_method/)| Returns an array with IDs of selected items | +| [getState()](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_getstate_method/) | Gets current values/states of controls | +| [hide()](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_hide_method/) | Hides an item of Toolbar | +| [isDisabled()](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_isdisabled_method/) | Checks whether an item of Toolbar is disabled | +| [isSelected()](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_isselected_method/) | Checks whether a specified Toolbar item is selected | +| [paint()](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_paint_method/) | Repaints Toolbar on a page | +| [select()](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_select_method/) | Selects a specified item of Toolbar | +| [setFocus()](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_setfocus_method/) | Sets focus on an Input control by its ID | +| [setState()](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_setstate_method/) | Sets values/states of controls | +| [show()](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_show_method/) | Shows an item of Toolbar | +| [unselect()](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_unselect_method/) | Unselects a selected Toolbar item | + +~~~jsx {7-12} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + toolbar: true + } +}); +// disables the "file" item +editor.toolbar.disable("$file"); +// disables "file" and "scale" items +editor.toolbar.disable(["$file", "$scale"]); +// disables all items +editor.toolbar.disable(); +~~~ + +# TreeCollection methods overview + +You can use the following [**TreeCollection**](https://docs.dhtmlx.com/suite/category/treecollection-methods/) methods of [**Suite 8**](https://docs.dhtmlx.com/suite/): + +| Name | Description | +| ------------------------------------------------------------------------------------------- | ---------------------------------------------------------------- | +| [add()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_add_method/) | Adds an item to a component | +| [canCopy()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_cancopy_method/) | Checks whether it is possible to copy a control into some other control | +| [copy()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_copy_method/) | Adds a copy of an item and places it in the specified position | +| [eachChild()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_eachchild_method/) | Iterates through child items of a control | +| [eachParent()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_eachparent_method/) | Iterates through all the parent items (the immediate parent and its parent, etc until the parent is the component itself) | +| [exists()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_exists_method/) | Checks whether the specified item exists in the component | +| [filter()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_filter_method/) | Filters controls by some criteria | +| [forEach()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_foreach_method/) | Iterates over all items of a tree collection | +| [getFilters()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_getfilters_method/) | Returns an object with the applied filters | +| [getId()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_getid_method/) | Gets the ID of an item | +| [getIndex()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_getindex_method/) | Gets the current position of an item | +| [getItem()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_getitem_method/) | Gets an item by its ID | +| [getItems()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_getitems_method/) | Gets the child items of a control | +| [getLength()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_getlength_method/) | Counts child items of a control | +| [getParent()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_getparent_method/) | Gets the ID of the parent of the control | +| [getRoot()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_getroot_method/) | Returns the ID of the master component | +| [haveItems()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_haveitems_method/) | Checks whether an item has children | +| [move()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_move_method/) | Moves items to different positions | +| [refreshItems()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_refreshitems_method/) | Refreshes child items of a control | +| [remove()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_remove_method/) | Removes an item | +| [removeAll()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_removeall_method/) | Clears the component of all controls | +| [resetFilter()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_resetfilter_method/) | Resets the active filters | +| [restoreOrder()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_restoreorder_method/) | Restores the component to the state previous to sorting / filtering | +| [save()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_save_method/) | Saves changes made in a tree collection to the server side | +| [serialize()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_serialize_method/) | Serializes the component data into JSON, XML or CSV format | +| [sort()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_sort_method/) | Sorts controls according to some criteria | +| [update()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_update_method/) | Changes an item | + +~~~jsx {7-8} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + toolbar: true + } +}); +// removes all the toolbar items +editor.toolbar.data.removeAll(); +~~~ diff --git a/docs/api/diagram_editor/toolbar/methods/parse_method.md b/docs/api/diagram_editor/toolbar/methods/parse_method.md new file mode 100644 index 000000000..16da90d23 --- /dev/null +++ b/docs/api/diagram_editor/toolbar/methods/parse_method.md @@ -0,0 +1,36 @@ +--- +sidebar_label: parse() +title: parse Method of Toolbar +description: You can learn about the parse method of Toolbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# parse() + +### Description + +@short: Loads items into Toolbar of Diagram Editor + +### Usage + +~~~jsx +parse(items: (object | string)[]): void; +~~~ + +### Parameters + +- `items` - (required) an array of items that is parsed into Toolbar. See the full list of available items [here](api/diagram_editor/toolbar/config/items_property.md) + +### Example + +~~~jsx {7-8} +const editor = new dhx.DiagramEditor("editor_container", { + type: "org", + view: { + toolbar: true + } +}); +// display the toolbar with specified items +editor.toolbar.parse([{ type: "file", disabled: false }, "spacer", "scale"]); +~~~ + +**Change log**: Added in v6.0 diff --git a/docs/api/diagram_editor/toolbar/methods/toolbar_methods.md b/docs/api/diagram_editor/toolbar/methods/toolbar_methods.md new file mode 100644 index 000000000..ea709ad8f --- /dev/null +++ b/docs/api/diagram_editor/toolbar/methods/toolbar_methods.md @@ -0,0 +1,38 @@ +--- +sidebar_label: Toolbar methods +title: Methods of Toolbar +description: You can learn about methods of Toolbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +You can use the following [**Toolbar**](https://docs.dhtmlx.com/suite/category/toolbar-methods/) methods of [**Suite 8**](https://docs.dhtmlx.com/suite/): + +| Name | Description | +| :------------------------------------------------------------------------------------ | :--------------------------------------------------------- | +| [disable()](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_disable_method/) | Disables and dims an item(s) of Toolbar | +| [enable()](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_enable_method/) | Enables a disabled item(s) of Toolbar | +| [getSelected()](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_getselected_method/)| Returns an array with IDs of selected items | +| [getState()](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_getstate_method/) | Gets current values/states of controls | +| [hide()](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_hide_method/) | Hides an item of Toolbar | +| [isDisabled()](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_isdisabled_method/) | Checks whether an item of Toolbar is disabled | +| [isSelected()](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_isselected_method/) | Checks whether a specified Toolbar item is selected | +| [paint()](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_paint_method/) | Repaints Toolbar on a page | +| [select()](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_select_method/) | Selects a specified item of Toolbar | +| [setFocus()](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_setfocus_method/) | Sets focus on an Input control by its ID | +| [setState()](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_setstate_method/) | Sets values/states of controls | +| [show()](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_show_method/) | Shows an item of Toolbar | +| [unselect()](https://docs.dhtmlx.com/suite/toolbar/api/toolbar_unselect_method/) | Unselects a selected Toolbar item | + +~~~jsx {7-12} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + toolbar: true + } +}); +// disables the "file" item +editor.toolbar.disable("$file"); +// disables "file" and "scale" items +editor.toolbar.disable(["$file", "$scale"]); +// disables all items +editor.toolbar.disable(); +~~~ diff --git a/docs/api/diagram_editor/toolbar/methods/treecollection_methods.md b/docs/api/diagram_editor/toolbar/methods/treecollection_methods.md new file mode 100644 index 000000000..476201c96 --- /dev/null +++ b/docs/api/diagram_editor/toolbar/methods/treecollection_methods.md @@ -0,0 +1,48 @@ +--- +sidebar_label: TreeCollection methods +title: TreeCollection Methods of Toolbar +description: You can learn about TreeCollection methods of Toolbar in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +You can use the following [**TreeCollection**](https://docs.dhtmlx.com/suite/category/treecollection-methods/) methods of [**Suite 8**](https://docs.dhtmlx.com/suite/): + +| Name | Description | +| ------------------------------------------------------------------------------------------- | ------------------------------------------------------------------ | +| [add()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_add_method/) | Adds an item to a component | +| [canCopy()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_cancopy_method/) | Checks whether it is possible to copy a control into some other control | +| [copy()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_copy_method/) | Adds a copy of an item and places it in the specified position | +| [eachChild()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_eachchild_method/) | Iterates through child items of a control | +| [eachParent()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_eachparent_method/) | Iterates through all the parent items (the immediate parent and its parent, etc until the parent is the component itself) | +| [exists()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_exists_method/) | Checks whether the specified item exists in the component | +| [filter()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_filter_method/) | Filters controls by some criteria | +| [forEach()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_foreach_method/) | Iterates over all items of a tree collection | +| [getFilters()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_getfilters_method/) | Returns an object with the applied filters | +| [getId()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_getid_method/) | Gets the ID of an item | +| [getIndex()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_getindex_method/) | Gets the current position of an item | +| [getItem()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_getitem_method/) | Gets an item by its ID | +| [getItems()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_getitems_method/) | Gets the child items of a control | +| [getLength()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_getlength_method/) | Counts child items of a control | +| [getParent()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_getparent_method/) | Gets the ID of the parent of the control | +| [getRoot()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_getroot_method/) | Returns the ID of the master component | +| [haveItems()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_haveitems_method/) | Checks whether an item has children | +| [move()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_move_method/) | Moves items to different positions | +| [refreshItems()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_refreshitems_method/) | Refreshes child items of a control | +| [remove()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_remove_method/) | Removes an item | +| [removeAll()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_removeall_method/) | Clears the component of all controls | +| [resetFilter()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_resetfilter_method/) | Resets the active filters | +| [restoreOrder()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_restoreorder_method/) | Restores the component to the state previous to sorting / filtering | +| [save()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_save_method/) | Saves changes made in a tree collection to the server side | +| [serialize()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_serialize_method/) | Serializes the component data into JSON, XML or CSV format | +| [sort()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_sort_method/) | Sorts controls according to some criteria | +| [update()](https://docs.dhtmlx.com/suite/tree_collection/api/treecollection_update_method/) | Changes an item | + +~~~jsx {7-12} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + toolbar: true + } +}); +// removes all the toolbar items +editor.toolbar.data.removeAll(); +~~~ diff --git a/docs/api/diagram_editor/view/api_overview.md b/docs/api/diagram_editor/view/api_overview.md new file mode 100644 index 000000000..bd154344d --- /dev/null +++ b/docs/api/diagram_editor/view/api_overview.md @@ -0,0 +1,26 @@ +--- +sidebar_label: View API overview +title: View API overview +description: You can check a View overview in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# View API overview + +A set of APIs that you can use for managing visibility of the Diagram Editor views: Toolbar, Shapebar and Editbar. + +## View methods overview + +| Name | Description | +| :---------------------------------------------------------- | :------------------------------------------------------------ | +| [](api/diagram_editor/view/methods/hide_method.md) | @getshort(api/diagram_editor/view/methods/hide_method.md) | +| [](api/diagram_editor/view/methods/isvisible_method.md) | @getshort(api/diagram_editor/view/methods/isvisible_method.md)| +| [](api/diagram_editor/view/methods/show_method.md) | @getshort(api/diagram_editor/view/methods/show_method.md) | + +## View events overview + +| Name | Description | +| :--------------------------------------------------------- | :---------------------------------------------------------- | +| [](api/diagram_editor/view/events/afterhide_event.md) | @getshort(api/diagram_editor/view/events/afterhide_event) | +| [](api/diagram_editor/view/events/aftershow_event.md) | @getshort(api/diagram_editor/view/events/aftershow_event) | +| [](api/diagram_editor/view/events/beforehide_event.md) | @getshort(api/diagram_editor/view/events/beforehide_event) | +| [](api/diagram_editor/view/events/beforeshow_event.md) | @getshort(api/diagram_editor/view/events/beforeshow_event) | diff --git a/docs/api/diagram_editor/view/events/afterhide_event.md b/docs/api/diagram_editor/view/events/afterhide_event.md new file mode 100644 index 000000000..2c61ee8a0 --- /dev/null +++ b/docs/api/diagram_editor/view/events/afterhide_event.md @@ -0,0 +1,46 @@ +--- +sidebar_label: afterHide +title: afterHide Event of View +description: You can learn about the afterHide event of View in the Diagram Editor documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# afterHide + +### Description + +@short: Fires after the Toolbar, Editbar or Shapebar view is hidden + +### Usage + +~~~jsx +"afterHide": (view: "toolbar" | "shapebar" | "editbar") => void; +~~~ + +### Parameters + +The callback of the **afterHide** event is called with the following parameter: + +- `view` - (required) a view that was hidden. Refer to the [`view`](api/diagram_editor/editor/config/view_property.md) property for details. + +:::info +For handling the inner events of Diagram Editor you can use the **on()** method. +::: + +### Example + +~~~jsx {9-12} +// initializing Diagram Editor +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + shapebar: true + } +}); + +// attaching a handler to the event +editor.view.events.on("afterHide", (view) => { + console.log("The " + view + " view of Diagram Editor was hidden"); +}); +~~~ + +**Change log**: Added in v6.0 diff --git a/docs/api/diagram_editor/view/events/aftershow_event.md b/docs/api/diagram_editor/view/events/aftershow_event.md new file mode 100644 index 000000000..7400abba6 --- /dev/null +++ b/docs/api/diagram_editor/view/events/aftershow_event.md @@ -0,0 +1,46 @@ +--- +sidebar_label: afterShow +title: afterShow Event of View +description: You can learn about the afterShow event of View in the Diagram Editor documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# afterShow + +### Description + +@short: Fires after the Toolbar, Editbar or Shapebar view is displayed + +### Usage + +~~~jsx +"afterShow": (view: "toolbar" | "shapebar" | "editbar") => void; +~~~ + +### Parameters + +The callback of the **afterShow** event is called with the following parameter: + +- `view` - (required) a view that was displayed. Refer to the [`view`](api/diagram_editor/editor/config/view_property.md) property for details. + +:::info +For handling the inner events of Diagram Editor you can use the **on()** method. +::: + +### Example + +~~~jsx {9-12} +// initializing Diagram Editor +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + shapebar: false + } +}); + +// attaching a handler to the event +editor.view.events.on("afterShow", (view) => { + console.log("The " + view + " view of Diagram Editor was displayed"); +}); +~~~ + +**Change log**: Added in v6.0 diff --git a/docs/api/diagram_editor/view/events/beforehide_event.md b/docs/api/diagram_editor/view/events/beforehide_event.md new file mode 100644 index 000000000..9829cadc0 --- /dev/null +++ b/docs/api/diagram_editor/view/events/beforehide_event.md @@ -0,0 +1,46 @@ +--- +sidebar_label: beforeHide +title: beforeHide Event of View +description: You can learn about the beforeHide event of View in the Diagram Editor documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# beforeHide + +### Description + +@short: Fires before the Toolbar, Editbar or Shapebar view is hidden + +### Usage + +~~~jsx +"beforeHide": (view: "toolbar" | "shapebar" | "editbar") => boolean | void; +~~~ + +### Parameters + +The callback of the **beforeHide** event is called with the following parameter: + +- `view` - (required) a view that will be hidden. Refer to the [`view`](api/diagram_editor/editor/config/view_property.md) property for details. + +:::info +For handling the inner events of Diagram Editor you can use the **on()** method. +::: + +### Example + +~~~jsx {9-12} +// initializing Diagram Editor +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + shapebar: true + } +}); + +// attaching a handler to the event +editor.view.events.on("beforeHide", (view) => { + console.log("The " + view + " view of Diagram Editor will be hidden"); +}); +~~~ + +**Change log**: Added in v6.0 diff --git a/docs/api/diagram_editor/view/events/beforeshow_event.md b/docs/api/diagram_editor/view/events/beforeshow_event.md new file mode 100644 index 000000000..21a3447f9 --- /dev/null +++ b/docs/api/diagram_editor/view/events/beforeshow_event.md @@ -0,0 +1,46 @@ +--- +sidebar_label: beforeShow +title: beforeShow Event of View +description: You can learn about the beforeShow event of View in the Diagram Editor documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# beforeShow + +### Description + +@short: Fires before the Toolbar, Editbar or Shapebar view is displayed + +### Usage + +~~~jsx +"beforeShow": (view: "toolbar" | "shapebar" | "editbar") => boolean | void; +~~~ + +### Parameters + +The callback of the **beforeShow** event is called with the following parameter: + +- `view` - (required) a view that will be displayed. Refer to the [`view`](api/diagram_editor/editor/config/view_property.md) property for details. + +:::info +For handling the inner events of Diagram Editor you can use the **on()** method. +::: + +### Example + +~~~jsx {9-12} +// initializing Diagram Editor +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + shapebar: false + } +}); + +// attaching a handler to the event +editor.view.events.on("beforeShow", (view) => { + console.log("The " + view + " view of Diagram Editor will be displayed"); +}); +~~~ + +**Change log**: Added in v6.0 diff --git a/docs/api/diagram_editor/view/events/overview.md b/docs/api/diagram_editor/view/events/overview.md new file mode 100644 index 000000000..bed70d6a2 --- /dev/null +++ b/docs/api/diagram_editor/view/events/overview.md @@ -0,0 +1,14 @@ +--- +sidebar_label: View events +title: View events overview +description: You can explore the View events in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# View events overview + +| Name | Description | +| :--------------------------------------------------------- | :---------------------------------------------------------------- | +| [](api/diagram_editor/view/events/afterhide_event.md) | @getshort(api/diagram_editor/view/events/afterhide_event) | +| [](api/diagram_editor/view/events/aftershow_event.md) | @getshort(api/diagram_editor/view/events/aftershow_event) | +| [](api/diagram_editor/view/events/beforehide_event.md) | @getshort(api/diagram_editor/view/events/beforehide_event) | +| [](api/diagram_editor/view/events/beforeshow_event.md) | @getshort(api/diagram_editor/view/events/beforeshow_event) | diff --git a/docs/api/diagram_editor/view/methods/hide_method.md b/docs/api/diagram_editor/view/methods/hide_method.md new file mode 100644 index 000000000..dcc209ffb --- /dev/null +++ b/docs/api/diagram_editor/view/methods/hide_method.md @@ -0,0 +1,43 @@ +--- +sidebar_label: hide() +title: hide Method of View +description: You can learn about the hide method of view in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# hide() + +### Description + +@short: Hides Toolbar, Editbar, and Shapebar views of Diagram Editor. + +:::info +If you need to hide the **Toolbar**, **Editbar**, and **Shapebar** view separately, call the `hide()` method with the corresponding parameter. To hide all these elements, call the `hide()` method without parameters. +::: + +### Usage + +~~~jsx +hide(view?: "toolbar" | "shapebar" | "editbar"): void; +~~~ + +### Parameters + +- `toolbar` - (optional) hides Toolbar +- `shapebar` - (optional) hides Shapebar +- `editbar` - (optional) hides Editbar + +### Example + +~~~jsx {5-6,8-9} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default" +}); + +// hides the Shapebar view +editor.view.hide("shapebar"); + +// hides Shapebar, Editbar, and Toolbar +editor.view.hide(); +~~~ + +**Change log**: Added in v6.0 diff --git a/docs/api/diagram_editor/view/methods/isvisible_method.md b/docs/api/diagram_editor/view/methods/isvisible_method.md new file mode 100644 index 000000000..6f5246e07 --- /dev/null +++ b/docs/api/diagram_editor/view/methods/isvisible_method.md @@ -0,0 +1,41 @@ +--- +sidebar_label: isVisible() +title: isVisible Method of View +description: You can learn about the isVisible method of view in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# isVisible() + +### Description + +@short: Checks if the Toolbar, Editbar, or Shapebar view of Diagram Editor is visible. + +### Usage + +~~~jsx +isVisible(view: "toolbar" | "shapebar" | "editbar"): boolean; +~~~ + +### Parameters + +- `toolbar` - (required) checks if Toolbar is visible +- `shapebar` - (required) checks if Shapebar is visible +- `editbar` - (required) checks if Editbar is visible + +### Example + +~~~jsx {9-11} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + shapebar: false, + toolbar: true + } +}); + +// checks the Toolbar and Shapebar visibility +editor.view.isVisible("shapebar"); // return false +editor.view.isVisible("toolbar"); // return true +~~~ + +**Change log**: Added in v6.0 diff --git a/docs/api/diagram_editor/view/methods/overview.md b/docs/api/diagram_editor/view/methods/overview.md new file mode 100644 index 000000000..9eb5b1828 --- /dev/null +++ b/docs/api/diagram_editor/view/methods/overview.md @@ -0,0 +1,13 @@ +--- +sidebar_label: View methods +title: View methods overview +description: You can explore the View methods in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# View methods overview + +| Name | Description | +| :----------------------------------------------------- | :------------------------------------------------------------- | +| [](api/diagram_editor/view/methods/hide_method.md) | @getshort(api/diagram_editor/view/methods/hide_method.md) | +| [](api/diagram_editor/view/methods/isvisible_method.md)| @getshort(api/diagram_editor/view/methods/isvisible_method.md) | +| [](api/diagram_editor/view/methods/show_method.md) | @getshort(api/diagram_editor/view/methods/show_method.md) | \ No newline at end of file diff --git a/docs/api/diagram_editor/view/methods/show_method.md b/docs/api/diagram_editor/view/methods/show_method.md new file mode 100644 index 000000000..dcf31e5fa --- /dev/null +++ b/docs/api/diagram_editor/view/methods/show_method.md @@ -0,0 +1,43 @@ +--- +sidebar_label: show() +title: show Method of View +description: You can learn about the show method of view in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# show() + +### Description + +@short: Shows Toolbar, Editbar, and Shapebar views of Diagram Editor + +:::info +If you need to show the **Toolbar**, **Editbar**, or **Shapebar** view separately, call the `show()` method with the corresponding parameter. To show all these elements, call the `show()` method without parameters. +::: + +### Usage + +~~~jsx +show(view?: "toolbar" | "shapebar" | "editbar"): void; +~~~ + +### Parameters + +- `toolbar` - (optional) shows Toolbar +- `shapebar` - (optional) shows Shapebar +- `editbar` - (optional) shows Editbar + +### Example + +~~~jsx {5-6,8-9} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default" +}); + +// shows the Shapebar view +editor.view.show("shapebar"); + +// shows Shapebar, Editbar, and Toolbar +editor.view.show(); +~~~ + +**Change log**: Added in v6.0 diff --git a/docs/api/editor/aftergroupmove_event.md b/docs/api/editor/aftergroupmove_event.md deleted file mode 100644 index a692fbbe7..000000000 --- a/docs/api/editor/aftergroupmove_event.md +++ /dev/null @@ -1,49 +0,0 @@ ---- -sidebar_label: afterGroupMove -title: afterGroupMove Event of Editor -description: You can learn about the afterGroupMove event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# afterGroupMove - -### Description - -@short: Fires when a group or swimlane is moved one grid step - -### Usage - -~~~js -afterGroupMove: ( - event: MouseEvent, - id: string | number, - coord: object -) => void; -~~~ - -### Parameters - -The callback of the event takes the following parameters: - -- `event` - (required) a native HTML event object -- `id` - (required) the id of an item -- `coord` - (required) an object with the x and y coordinates of the group or swimlane position after movement - -### Example - -~~~js {7-13} -// initializing Diagram Editor -const editor = new dhx.DiagramEditor("editor_container"); -// loading data -editor.parse(data); - -// attaching a handler to the event -editor.events.on("afterGroupMove", (event, id, coordinates) => { - console.log(` - Group ${id} position: - x: ${coordinates.x} - y: ${coordinates.y} - `); -}); -~~~ - -**Change log**: Added in v4.0 diff --git a/docs/api/editor/afteritemcatch_event.md b/docs/api/editor/afteritemcatch_event.md deleted file mode 100644 index d106a208c..000000000 --- a/docs/api/editor/afteritemcatch_event.md +++ /dev/null @@ -1,49 +0,0 @@ ---- -sidebar_label: afterItemCatch -title: afterItemCatch Event of Editor -description: You can learn about the afterItemCatch event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# afterItemCatch - -:::info -The event works only in the org chart and mindmap modes of Diagram, the **itemsDraggable** property must be set to **true** -::: - -### Description - -@short: Fires after an item is caught - -### Usage - -~~~js -afterItemCatch: ( - movedId: string | number, - targetId: string | number, - event: MouseEvent -) => void; -~~~ - -### Parameters - -The callback of the event takes the following parameters: - -- `movedId` - (required) the id of the moved item -- `targetId` - (required) the id of the target item -- `event` - (required) a native HTML event object - -### Example - -~~~js {7-9} -// initializing Diagram Editor -const editor = new dhx.DiagramEditor("editor_container"); -// loading data -editor.parse(data); - -// attaching a handler to the event -editor.events.on("afterItemCatch", (movedId, targetId, event) => { - console.log("afterItemCatch", movedId, targetId, event); -}); -~~~ - -**Change log**: Added in v4.1 diff --git a/docs/api/editor/afteritemmove_event.md b/docs/api/editor/afteritemmove_event.md deleted file mode 100644 index a7ea96e0a..000000000 --- a/docs/api/editor/afteritemmove_event.md +++ /dev/null @@ -1,53 +0,0 @@ ---- -sidebar_label: afterItemMove -title: afterItemMove Event of Editor -description: You can learn about the afterItemMove event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# afterItemMove - -### Description - -@short: Fires when an item is moved one grid step - -:::note -The event doesn't work with the line object -::: - -### Usage - -~~~js -afterItemMove: ( - event: MouseEvent, - id: string | number, - coord: object -) => void; -~~~ - -### Parameters - -The callback of the event takes the following parameters: - -- `event` - (required) a native HTML event object -- `id` - (required) the id of an item -- `coord` - (required) an object with the x and y coordinates of the item position after movement - -### Example - -~~~js {7-13} -// initializing Diagram Editor -const editor = new dhx.DiagramEditor("editor_container"); -// loading data -editor.parse(data); - -// attaching a handler to the event -editor.events.on("afterItemMove", (event, id, coordinates) => { - console.log(` - Item ${id} is position: - x: ${coordinates.x} - y: ${coordinates.y} - `); -}); -~~~ - -**Change log**: Added in v4.0 \ No newline at end of file diff --git a/docs/api/editor/afterlinetitlemove_event.md b/docs/api/editor/afterlinetitlemove_event.md deleted file mode 100644 index 1c4d57421..000000000 --- a/docs/api/editor/afterlinetitlemove_event.md +++ /dev/null @@ -1,51 +0,0 @@ ---- -sidebar_label: afterLineTitleMove -title: afterLineTitleMove Event of Editor -description: You can learn about the afterLineTitleMove event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# afterLineTitleMove - -### Description - -@short: Fires when a text element of a line is moved one grid step - -### Usage - -~~~js -afterLineTitleMove: ( - event: MouseEvent, - lineId: string | number, - titleId: string | number, - coord: object -) => void; -~~~ - -### Parameters - -The callback of the event takes the following parameters: - -- `event` - (required) a native HTML event object -- `lineId` - (required) the id of a line -- `titleId` - (required) the id of a text element of a line -- `coord` - (required) an object with the x and y coordinates of the text element position after movement - -### Example - -~~~js {7-13} -// initializing Diagram Editor -const editor = new dhx.DiagramEditor("editor_container"); -// loading data -editor.parse(data); - -// attaching a handler to the event -editor.events.on("afterLineTitleMove", (event, lineId, titleId, coordinates) => { - console.log(` - LineTitle ${id} is position: - x: ${coordinates.x} - y: ${coordinates.y} - `); -}); -~~~ - -**Change log**: Added in v4.1 diff --git a/docs/api/editor/aftershapemove_event.md b/docs/api/editor/aftershapemove_event.md deleted file mode 100644 index 1bde119d6..000000000 --- a/docs/api/editor/aftershapemove_event.md +++ /dev/null @@ -1,52 +0,0 @@ ---- -sidebar_label: afterShapeMove -title: afterShapeMove Event of Editor -description: You can learn about the afterShapeMove event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# afterShapeMove - -### Description - -@short: Fires when a shape is moved one grid step - -### Usage - -~~~js -afterShapeMove: ( - event: MouseEvent, - id: string | number, - coord: object -) => void; -~~~ - -### Parameters - -The callback of the event takes the following parameters: - -- `event` - (required) a native HTML event object -- `id` - (required) the id of a shape -- `coord` - (required) an object with the x and y coordinates of the shape position after movement - -### Example - -~~~js {7-13} -// initializing Diagram Editor -const editor = new dhx.DiagramEditor("editor_container"); -// loading data -editor.parse(data); - -// attaching a handler to the event -editor.events.on("afterShapeMove", (event, id, coordinates) => { - console.log(` - Shape ${id} is position: - x: ${coordinates.x} - y: ${coordinates.y} - `); -}); -~~~ - -**Change log**: - -- The **id** and **coordinates** parameters are added in v4.0 -- Added in v3.1 \ No newline at end of file diff --git a/docs/api/editor/api_overview.md b/docs/api/editor/api_overview.md deleted file mode 100644 index 5b330bd4f..000000000 --- a/docs/api/editor/api_overview.md +++ /dev/null @@ -1,105 +0,0 @@ ---- -sidebar_label: API overview -title: Editor API Overview -description: You can have an overview of the Editor API in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# Editor API overview - -## Editor methods - -| Name | Description | -| :----------------------------------- | :------------------------------------------ | -| [](api/editor/import_method.md) | @getshort(api/editor/import_method.md) | -| [](api/editor/paint_method.md) | @getshort(api/editor/paint_method.md) | -| [](api/editor/parse_method.md) | @getshort(api/editor/parse_method.md) | -| [](api/editor/serialize_method.md) | @getshort(api/editor/serialize_method.md) | -| [](api/editor/setviewmode_method.md) | @getshort(api/editor/setviewmode_method.md) | -| [](api/editor/zoomin_method.md) | @getshort(api/editor/zoomin_method.md) | -| [](api/editor/zoomout_method.md) | @getshort(api/editor/zoomout_method.md) | - -## Editor events - -| Name | Description | -| :------------------------------------------- | :-------------------------------------------------- | -| [](api/editor/aftergroupmove_event.md) | @getshort(api/editor/aftergroupmove_event.md) | -| [](api/editor/afteritemcatch_event.md) | @getshort(api/editor/afteritemcatch_event.md) | -| [](api/editor/afteritemmove_event.md) | @getshort(api/editor/afteritemmove_event.md) | -| [](api/editor/afterlinetitlemove_event.md) | @getshort(api/editor/afterlinetitlemove_event.md) | -| [](api/editor/aftershapeiconclick_event.md) | @getshort(api/editor/aftershapeiconclick_event.md) | -| [](api/editor/aftershapemove_event.md) | @getshort(api/editor/aftershapemove_event.md) | -| [](api/editor/applybutton_event.md) | @getshort(api/editor/applybutton_event.md) | -| [](api/editor/autolayout_event.md) | @getshort(api/editor/autolayout_event.md) | -| [](api/editor/beforegroupmove_event.md) | @getshort(api/editor/beforegroupmove_event.md) | -| [](api/editor/beforeitemcatch_event.md) | @getshort(api/editor/beforeitemcatch_event.md) | -| [](api/editor/beforeitemmove_event.md) | @getshort(api/editor/beforeitemmove_event.md) | -| [](api/editor/beforelinetitlemove_event.md) | @getshort(api/editor/beforelinetitlemove_event.md) | -| [](api/editor/beforeshapeiconclick_event.md) | @getshort(api/editor/beforeshapeiconclick_event.md) | -| [](api/editor/beforeshapemove_event.md) | @getshort(api/editor/beforeshapemove_event.md) | -| [](api/editor/changegridstep_event.md) | @getshort(api/editor/changegridstep_event.md) | -| [](api/editor/exportdata_event.md) | @getshort(api/editor/exportdata_event.md) | -| [](api/editor/groupmoveend_event.md) | @getshort(api/editor/groupmoveend_event.md) | -| [](api/editor/importdata_event.md) | @getshort(api/editor/importdata_event.md) | -| [](api/editor/itemmoveend_event.md) | @getshort(api/editor/itemmoveend_event.md) | -| [](api/editor/itemtarget_event.md) | @getshort(api/editor/itemtarget_event.md) | -| [](api/editor/linetitlemoveend_event.md) | @getshort(api/editor/linetitlemoveend_event.md) | -| [](api/editor/resetbutton_event.md) | @getshort(api/editor/resetbutton_event.md) | -| [](api/editor/shapemoveend_event.md) | @getshort(api/editor/shapemoveend_event.md) | -| [](api/editor/shaperesize_event.md) | @getshort(api/editor/shaperesize_event.md) | -| [](api/editor/visibility_event.md) | @getshort(api/editor/visibility_event.md) | -| [](api/editor/zoomin_event.md) | @getshort(api/editor/zoomin_event.md) | -| [](api/editor/zoomout_event.md) | @getshort(api/editor/zoomout_event.md) | - -In addition to the events listed above, you may also apply [events of the diagram object](../../../api/diagram/api_overview/#diagram-events) while working in the editor. Here is an example of applying the [itemClick](../../../api/diagram/itemclick_event/) event of the Diagram object in the editor: - -~~~js -editor.diagram.events.on("itemClick", (id, event) => { - console.log(id, event); -}); -~~~ - -## Editor properties - -| Name | Description | -| :---------------------------------------- | :----------------------------------------------- | -| [](api/editor/autoplacement_property.md) | @getshort(api/editor/autoplacement_property.md) | -| [](api/editor/controls_property.md) | @getshort(api/editor/controls_property.md) | -| [](api/editor/defaults_property.md) | @getshort(api/editor/defaults_property.md) | -| [](api/editor/editmode_property.md) | @getshort(api/editor/editmode_property.md) | -| [](api/editor/gappreview_property.md) | @getshort(api/editor/gappreview_property.md) | -| [](api/editor/gridstep_property.md) | @getshort(api/editor/gridstep_property.md) | -| [](api/editor/itemsdraggable_property.md) | @getshort(api/editor/itemsdraggable_property.md) | -| [](api/editor/lineconfig_property.md) | @getshort(api/editor/lineconfig_property.md) | -| [~~lineGap~~](api/editor/linegap_property.md) | Deprecated! ~~@getshort(api/editor/linegap_property.md)~~ | -| [](api/editor/magnetic_property.md) | @getshort(api/editor/magnetic_property.md) | -| [](api/editor/reservedwidth_property.md) | @getshort(api/editor/reservedwidth_property.md) | -| [](api/editor/scale_property.md) | @getshort(api/editor/scale_property.md) | -| [](api/editor/scalepreview_property.md) | @getshort(api/editor/scalepreview_property.md) | -| [](api/editor/shapebarwidth_property.md) | @getshort(api/editor/shapebarwidth_property.md) | -| [](api/editor/shapesections_property.md) | @getshort(api/editor/shapesections_property.md) | -| [](api/editor/shapetoolbar_property.md) | @getshort(api/editor/shapetoolbar_property.md) | -| [](api/editor/shapetype_property.md) | @getshort(api/editor/shapetype_property.md) | -| [](api/editor/type_property.md) | @getshort(api/editor/type_property.md) | - -## HistoryManager API - -HistoryManager works automatically by default. In case you need manual application of HistoryManager use the construction `editor.history`. - -### HistoryManager methods - -| Name | Description | -| :-------------------------------------- | :--------------------------------------------- | -| [](../historymanager/add_method.md) | @getshort(../historymanager/add_method.md) | -| [](../historymanager/disable_method.md) | @getshort(../historymanager/disable_method.md) | -| [](../historymanager/enable_method.md) | @getshort(../historymanager/enable_method.md) | -| [](../historymanager/isredo_method.md) | @getshort(../historymanager/isredo_method.md) | -| [](../historymanager/redo_method.md) | @getshort(../historymanager/redo_method.md) | -| [](../historymanager/reset_method.md) | @getshort(../historymanager/reset_method.md) | -| [](../historymanager/undo_method.md) | @getshort(../historymanager/undo_method.md) | - -### HistoryManager properties - -| Name | Description | -| :------------------------------------------ | :------------------------------------------------- | -| [](../historymanager/disabled_property.md) | @getshort(../historymanager/disabled_property.md) | -| [](../historymanager/savedelay_property.md) | @getshort(../historymanager/savedelay_property.md) | diff --git a/docs/api/editor/applybutton_event.md b/docs/api/editor/applybutton_event.md deleted file mode 100644 index f69444a35..000000000 --- a/docs/api/editor/applybutton_event.md +++ /dev/null @@ -1,31 +0,0 @@ ---- -sidebar_label: applyButton -title: applyButton Event of Editor -description: You can learn about the applyButton event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# applyButton - -### Description - -@short: Fires after the Apply All button has been clicked - -### Usage - -~~~js -applyButton: () => void; -~~~ - -### Example - -~~~js {7-9} -// initializing Diagram Editor -const editor = new dhx.DiagramEditor("editor_container"); -// loading data -editor.parse(data); - -// attaching a handler to the event -editor.events.on("applyButton", function(){ - console.log("The changes are applied"); -}); -~~~ diff --git a/docs/api/editor/autolayout_event.md b/docs/api/editor/autolayout_event.md deleted file mode 100644 index 2b77f8370..000000000 --- a/docs/api/editor/autolayout_event.md +++ /dev/null @@ -1,31 +0,0 @@ ---- -sidebar_label: autoLayout -title: autoLayout Event of Editor -description: You can learn about the autoLayout event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# autoLayout - -### Description - -@short: Fires after the Auto Layout button has been clicked - -### Usage - -~~~js -autoLayout: () => void; -~~~ - -### Example - -~~~js {7-9} -// initializing Diagram Editor -const editor = new dhx.DiagramEditor("editor_container"); -// loading data -editor.parse(data); - -// attaching a handler to the event -editor.events.on("autoLayout", function() { - console.log("The shapes are arranged automatically"); -}); -~~~ \ No newline at end of file diff --git a/docs/api/editor/beforegroupmove_event.md b/docs/api/editor/beforegroupmove_event.md deleted file mode 100644 index 3c2feb443..000000000 --- a/docs/api/editor/beforegroupmove_event.md +++ /dev/null @@ -1,54 +0,0 @@ ---- -sidebar_label: beforeGroupMove -title: beforeGroupMove Event of Editor -description: You can learn about the beforeGroupMove event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# beforeGroupMove - -### Description - -@short: Fires before a group or swimlane is moved - -### Usage - -~~~js -beforeGroupMove: ( - event: MouseEvent, - id: string | number, - coord: object -) => boolean | void; -~~~ - -### Parameters - -The callback of the event takes the following parameters: - -- `event` - (required) a native HTML event object -- `id` - (required) the id of an item -- `coord` - (required) am object with the x and y coordinates of the group or swimlane position before movement - -### Returns - -Return `false` to prevent the group or swimlane from being moved; otherwise, `true` - -### Example - -~~~js {7-14} -// initializing Diagram Editor -const editor = new dhx.DiagramEditor("editor_container"); -// loading data -editor.parse(data); - -// attaching a handler to the event -editor.events.on("beforeGroupMove", (event, id, coordinates) => { - console.log(` - Group ${id} is position: - x: ${coordinates.x} - y: ${coordinates.y} - `); - return true; -}); -~~~ - -**Change log**: Added in v4.0 diff --git a/docs/api/editor/beforeitemcatch_event.md b/docs/api/editor/beforeitemcatch_event.md deleted file mode 100644 index 0e335a8f1..000000000 --- a/docs/api/editor/beforeitemcatch_event.md +++ /dev/null @@ -1,54 +0,0 @@ ---- -sidebar_label: beforeItemCatch -title: beforeItemCatch Event of Editor -description: You can learn about the beforeItemCatch event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# beforeItemCatch - -:::info -The event works only in the org chart and mindmap modes of Diagram, the **itemsDraggable** property must be set to **true** -::: - -### Description - -@short: Fires before an item is caught - -### Usage - -~~~js -beforeItemCatch: ( - movedId: string | number, - targetId: string | number, - event: MouseEvent -) => boolean | void; -~~~ - -### Parameters - -The callback of the event takes the following parameters: - -- `movedId` - (required) the id of the moved item -- `targetId` - (required) the id of the target item -- `event` - (required) a native HTML event object - -### Returns - -Return `false` to prevent the item from being caught; otherwise, `true` - -### Example - -~~~js {7-10} -// initializing Diagram Editor -const editor = new dhx.DiagramEditor("editor_container"); -// loading data -editor.parse(data); - -// attaching a handler to the event -editor.events.on("beforeItemCatch", (movedId, targetId, event) => { - console.log("beforeItemCatch", movedId, targetId, event); - if (targetId === "2.1") return false; -}); -~~~ - -**Change log**: Added in v4.1 diff --git a/docs/api/editor/beforeitemmove_event.md b/docs/api/editor/beforeitemmove_event.md deleted file mode 100644 index 14078577d..000000000 --- a/docs/api/editor/beforeitemmove_event.md +++ /dev/null @@ -1,58 +0,0 @@ ---- -sidebar_label: beforeItemMove -title: beforeItemMove Event of Editor -description: You can learn about the beforeItemMove event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# beforeItemMove - -### Description - -@short: Fires before an item is moved - -:::note -The event doesn't work with the line object -::: - -### Usage - -~~~js -beforeItemMove: ( - event: MouseEvent, - id: string | number, - coord: object -) => boolean | void; -~~~ - -### Parameters - -The callback of the event takes the following parameters: - -- `event` - (required) a native HTML event object -- `id` - (required) the id of an item -- `coord` - (required) an object with the x and y coordinates of the item position before movement - -### Returns - -Return `false` to prevent the item from being moved; otherwise, `true` - -### Example - -~~~js {7-14} -// initializing Diagram Editor -const editor = new dhx.DiagramEditor("editor_container"); -// loading data -editor.parse(data); - -// attaching a handler to the event -editor.events.on("beforeItemMove", (event, id, coordinates) => { - console.log(` - Item ${id} is position: - x: ${coordinates.x} - y: ${coordinates.y} - `); - return true; -}); -~~~ - -**Change log**: Added in v4.0 diff --git a/docs/api/editor/beforelinetitlemove_event.md b/docs/api/editor/beforelinetitlemove_event.md deleted file mode 100644 index a8158793c..000000000 --- a/docs/api/editor/beforelinetitlemove_event.md +++ /dev/null @@ -1,56 +0,0 @@ ---- -sidebar_label: beforeLineTitleMove -title: beforeLineTitleMove Event of Editor -description: You can learn about the beforeLineTitleMove event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# beforeLineTitleMove - -### Description - -@short: Fires before a text element of a line is moved - -### Usage - -~~~js -beforeLineTitleMove: ( - event: MouseEvent, - lineId: string | number, - titleId: string | number, - coord: object -) => boolean | void; -~~~ - -### Parameters - -The callback of the event takes the following parameters: - -- `event` - (required) a native HTML event object -- `lineId` - (required) the id of a line -- `titleId` - (required) the id of a text element of a line -- `coord` - (required) an object with the x and y coordinates of the text element position before movement - -### Returns - -Return `false` to prevent the text element of a line from being moved; otherwise, `true` - -### Example - -~~~js {7-14} -// initializing Diagram Editor -const editor = new dhx.DiagramEditor("editor_container"); -// loading data -editor.parse(data); - -// attaching a handler to the event -editor.events.on("beforeLineTitleMove", (event, lineId, titleId, coordinates) => { - console.log(` - LineTitle ${id} is position: - x: ${coordinates.x} - y: ${coordinates.y} - `); - return true; -}); -~~~ - -**Change log**: Added in v4.1 diff --git a/docs/api/editor/beforeshapemove_event.md b/docs/api/editor/beforeshapemove_event.md deleted file mode 100644 index 9b1759d88..000000000 --- a/docs/api/editor/beforeshapemove_event.md +++ /dev/null @@ -1,57 +0,0 @@ ---- -sidebar_label: beforeShapeMove -title: beforeShapeMove Event of Editor -description: You can learn about the beforeShapeMove event in of editor the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# beforeShapeMove - -### Description - -@short: Fires before a shape is moved - -### Usage - -~~~js -beforeShapeMove: ( - event: MouseEvent, - id: string | number, - coord: object -) => boolean | void; -~~~ - -### Parameters - -The callback of the event takes the following parameters: - -- `event` - (required) a native HTML event object -- `id` - (required) the id of a shape -- `coord` - (required) an object with the x and y coordinates of the shape position before movement - -### Returns - -Return `false` to prevent the shape from being moved; otherwise, `true` - -### Example - -~~~js {7-14} -// initializing Diagram Editor -const editor = new dhx.DiagramEditor("editor_container"); -// loading data -editor.parse(data); - -// attaching a handler to the event -editor.events.on("beforeShapeMove", (event, id, coordinates) => { - console.log(` - Shape ${id} is position: - x: ${coordinates.x} - y: ${coordinates.y} - `); - return true; -}); -~~~ - -**Change log**: - -- The **id** and **coordinates** parameters are added in v4.0 -- Added in v3.1 diff --git a/docs/api/editor/changegridstep_event.md b/docs/api/editor/changegridstep_event.md deleted file mode 100644 index ef0fd9eec..000000000 --- a/docs/api/editor/changegridstep_event.md +++ /dev/null @@ -1,37 +0,0 @@ ---- -sidebar_label: changeGridStep -title: changeGridStep Event of Editor -description: You can learn about the changeGridStep event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# changeGridStep - -### Description - -@short: Fires after the value of the grid step has been changed - -### Usage - -~~~js -changeGridStep: (step: number) => void; -~~~ - -### Parameters - -The callback of the event takes the following parameter: - -- `step` - (required) the current value of the grid step - -### Example - -~~~js {7-9} -// initializing Diagram Editor -const editor = new dhx.DiagramEditor("editor_container"); -// loading data -editor.parse(data); - -// attaching a handler to the event -editor.events.on("changeGridStep", function(step) { - console.log("The grid step is changed to:", step); -}); -~~~ diff --git a/docs/api/editor/controls_property.md b/docs/api/editor/controls_property.md deleted file mode 100644 index a1cd3ab0f..000000000 --- a/docs/api/editor/controls_property.md +++ /dev/null @@ -1,74 +0,0 @@ ---- -sidebar_label: controls -title: controls Property of Editor -description: You can learn about the controls property of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# controls - -### Description - -@short: Optional. An object with settings to define which controls should be shown/hidden in the toolbar of the editor - -### Usage - -~~~js -controls?: { - apply?: boolean, - reset?: boolean, - export?: boolean, - import?: boolean, - autoLayout?: boolean, - historyManager?: boolean, - editManager?: boolean, - scale?: boolean, - gridStep?: boolean -}; -~~~ - -### Parameters - -The **controls** object contains the following parameters: - -- `apply` - (optional) enables/disables the Apply All button -- `reset` - (optional) enables/disables the Reset Changes button -- `export` - (optional) enables/disables the Export Data button -- `import` - (optional) enables/disables the Import Data button -- `autoLayout` - (optional) enables/disables the Auto Layout button (in the default mode of the editor only) -- `historyManager` - (optional) enables/disables the Undo and Redo buttons -- `editManager` - (optional) enables/disables the Edit Mode button -- `scale` - (optional) enables/disables the Zoom group of buttons -- `gridStep` - (optional) enables/disables the Grid Step sidebar option in the right panel of the editor - -### Default config - -~~~js -controls: { - apply: true, - reset: true, - export: true, - import: true, - autoLayout: true, - historyManager: true, - editManager: true, - scale: true, - gridStep: true -}; -~~~ - -### Example - -~~~js -const editor = new dhx.DiagramEditor("editor_container", { - controls: { - import: true, - export: true, - gridStep: false, - autoLayout: false, - apply: false, - reset: false - } -}); -~~~ - -**Related articles**: [Toolbar](../../../guides/diagram_editor/toolbar/) \ No newline at end of file diff --git a/docs/api/editor/exportdata_event.md b/docs/api/editor/exportdata_event.md deleted file mode 100644 index 0461b1399..000000000 --- a/docs/api/editor/exportdata_event.md +++ /dev/null @@ -1,31 +0,0 @@ ---- -sidebar_label: exportData -title: exportData Event of Editor -description: You can learn about the exportData event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# exportData - -### Description - -@short: Fires after the Export Data button has been clicked - -### Usage - -~~~js -exportData: () => void; -~~~ - -### Example - -~~~js {7-9} -// initializing Diagram Editor -const editor = new dhx.DiagramEditor("editor_container"); -// loading data -editor.parse(data); - -// attaching a handler to the event -editor.events.on("exportData", function() { - console.log("The data are exported to the JSON format"); -}); -~~~ diff --git a/docs/api/editor/gappreview_property.md b/docs/api/editor/gappreview_property.md deleted file mode 100644 index f6be658ce..000000000 --- a/docs/api/editor/gappreview_property.md +++ /dev/null @@ -1,58 +0,0 @@ ---- -sidebar_label: gapPreview -title: gapPreview Property of Editor -description: You can learn about the gapPreview property of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# gapPreview - -:::info -The property is available only in the default mode of the editor (*type:"default"*) -::: - -### Description - -@short: Optional. Specifies the space between the items rendered in the left panel - -### Usage - -~~~js -gapPreview?: string | number; -~~~ - -### Default config - -~~~js -gapPreview: "6px 8px" -// sets 6px gap for the top and bottom sides and 8px gap for the right and left sides -~~~ - -### Example - -~~~js -const editor = new dhx.DiagramEditor("editor_container", { - gapPreview: 10 -}); -~~~ - -The value of the **gapPreview** property can be redefined for a separate shape via the **gap** attribute of the [preview](../../../shapes/configuration_properties/#properties-specific-for-the-default-mode) property of the shape object: - -~~~js -const defaults = {card: { - preview: { - scale: 0.72, - gap: 2 - } -} - -const editor = new dhx.DiagramEditor("editor_container", { - shapeSections: { - "org chart shapes": ["card", "img-card"], - "flowchart shapes": [true] - }, - scalePreview: 0.65, - defaults: defaults -}); -~~~ - -**Related articles**: [Left Panel](../../../guides/diagram_editor/left_panel/) \ No newline at end of file diff --git a/docs/api/editor/groupmoveend_event.md b/docs/api/editor/groupmoveend_event.md deleted file mode 100644 index 2742700a4..000000000 --- a/docs/api/editor/groupmoveend_event.md +++ /dev/null @@ -1,49 +0,0 @@ ---- -sidebar_label: groupMoveEnd -title: groupMoveEnd Event of Editor -description: You can learn about the groupMoveEnd event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# groupMoveEnd - -### Description - -@short: Fires after a group or swimlane is moved - -### Usage - -~~~js -groupMoveEnd: ( - event: MouseEvent, - id: string | number, - coord: object -) => void; -~~~ - -### Parameters - -The callback of the event takes the following parameters: - -- `event` - (required) a native HTML event object -- `id` - (required) the id of an item -- `coord` - (required) an object with the x and y coordinates of the group or swimlane position after movement - -### Example - -~~~js {7-13} -// initializing Diagram Editor -const editor = new dhx.DiagramEditor("editor_container"); -// loading data -editor.parse(data); - -// attaching a handler to the event -editor.events.on("groupMoveEnd", (event, id, coordinates) => { - console.log(` - Group ${id} is position: - x: ${coordinates.x} - y: ${coordinates.y} - `); -}); -~~~ - -**Change log**: Added in v4.0 diff --git a/docs/api/editor/importdata_event.md b/docs/api/editor/importdata_event.md deleted file mode 100644 index 05a2684fd..000000000 --- a/docs/api/editor/importdata_event.md +++ /dev/null @@ -1,37 +0,0 @@ ---- -sidebar_label: importData -title: importData Event of Editor -description: You can learn about the importData event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# importData - -### Description - -@short: Fires after the Import Data button has been clicked - -### Usage - -~~~js -importData: (data: any) => void; -~~~ - -### Parameters - -The callback of the event takes the following parameter: - -- `data` - (required) the imported data - -### Example - -~~~js {7-9} -// initializing Diagram Editor -const editor = new dhx.DiagramEditor("editor_container"); -// loading data -editor.parse(data); - -// attaching a handler to the event -editor.events.on("importData", function(data) { - console.log("The data are imported from the JSON file"); -}); -~~~ diff --git a/docs/api/editor/itemmoveend_event.md b/docs/api/editor/itemmoveend_event.md deleted file mode 100644 index cc45425d7..000000000 --- a/docs/api/editor/itemmoveend_event.md +++ /dev/null @@ -1,53 +0,0 @@ ---- -sidebar_label: itemMoveEnd -title: itemMoveEnd Event of Editor -description: You can learn about the itemMoveEnd event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# itemMoveEnd - -### Description - -@short: Fires after an item is moved - -:::note -The event doesn't work with the line object -::: - -### Usage - -~~~js -itemMoveEnd: ( - event: MouseEvent, - id: string | number, - coord: object -) => void; -~~~ - -### Parameters - -The callback of the event takes the following parameters: - -- `event` - (required) a native HTML event object -- `id` - (required) the id of an item -- `coord` - (required) an object with the x and y coordinates of the item position before movement - -### Example - -~~~js {7-13} -// initializing Diagram Editor -const editor = new dhx.DiagramEditor("editor_container"); -// loading data -editor.parse(data); - -// attaching a handler to the event -editor.events.on("itemMoveEnd", (event, id, coordinates) => { - console.log(` - Item ${id} is position: - x: ${coordinates.x} - y: ${coordinates.y} - `); -}); -~~~ - -**Change log**: Added in v4.0 diff --git a/docs/api/editor/itemtarget_event.md b/docs/api/editor/itemtarget_event.md deleted file mode 100644 index 1982a0191..000000000 --- a/docs/api/editor/itemtarget_event.md +++ /dev/null @@ -1,51 +0,0 @@ ---- -sidebar_label: itemTarget -title: itemTarget Event of Editor -description: You can learn about the itemTarget event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# itemTarget - -:::info -The event works only in the org chart and mindmap modes of Diagram, the **itemsDraggable** property must be set to **true**. - -The event doesn't work with the parent item of the moved item and with the moved item with the property **giveItem: false**. -::: - -### Description - -@short: Fires when the moved item is under the target item - -### Usage - -~~~js -itemTarget: ( - movedId: string | number, - targetId: string | number, - event: MouseEvent -) => boolean | void; -~~~ - -### Parameters - -The callback of the event takes the following parameters: - -- `movedId` - (required) the id of the moved item -- `targetId` - (required) the id of the target item -- `event` - (required) a native HTML event object - -### Example - -~~~js {7-9} -// initializing Diagram Editor -const editor = new dhx.DiagramEditor("editor_container"); -// loading data -editor.parse(data); - -// attaching a handler to the event -editor.events.on("itemTarget", (movedId, targetId, event) => { - console.log("itemTarget", movedId, targetId, event); -}); -~~~ - -**Change log**: Added in v4.1 diff --git a/docs/api/editor/linegap_property.md b/docs/api/editor/linegap_property.md deleted file mode 100644 index 10073b0d8..000000000 --- a/docs/api/editor/linegap_property.md +++ /dev/null @@ -1,45 +0,0 @@ ---- -sidebar_label: lineGap -title: lineGap Property of Editor -description: You can learn about the lineGap property of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# - -

lineGap

- -:::danger -Starting from version 5.0, the `lineGap` property is **deprecated** and no longer supported. Instead, you need to use the **lineGap** parameter of the [lineConfig](diagram/api/editor/lineconfig_property.md) property. -::: - -:::info -The property is available only in the default mode of the editor (*type:"default"*). -::: - -### Description - -@short: Optional. Sets the distance to the right-angled bend of a connector line - -### Usage - -~~~js -lineGap?: number; -~~~ - -### Default config - -~~~js -lineGap: 10 -~~~ - -### Example - -~~~js -const editor = new dhx.DiagramEditor("editor_container", { - lineGap: 50 -}); -~~~ - -The result of applying the **lineGap** property is shown in the image below: - -![](../../assets/linegap_config.png) diff --git a/docs/api/editor/linetitlemoveend_event.md b/docs/api/editor/linetitlemoveend_event.md deleted file mode 100644 index 7d26ad10d..000000000 --- a/docs/api/editor/linetitlemoveend_event.md +++ /dev/null @@ -1,51 +0,0 @@ ---- -sidebar_label: lineTitleMoveEnd -title: lineTitleMoveEnd Event of Editor -description: You can learn about the lineTitleMoveEnd event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# lineTitleMoveEnd - -### Description - -@short: Fires after a text element of a line is moved - -### Usage - -~~~js -lineTitleMoveEnd: ( - event: MouseEvent, - lineId: string | number, - titleId: string | number, - coord: object -) => void; -~~~ - -### Parameters - -The callback of the event takes the following parameters: - -- `event` - (required) a native HTML event object -- `lineId` - (required) the id of a line -- `titleId` - (required) the id of a text element of a line -- `coord` - (required) an object with the x and y coordinates of the text element position after movement - -### Example - -~~~js {7-13} -// initializing Diagram Editor -const editor = new dhx.DiagramEditor("editor_container"); -// loading data -editor.parse(data); - -// attaching a handler to the event -editor.events.on("lineTitleMoveEnd", (event, lineId, titleId, coordinates) => { - console.log(` - LineTitle ${id} is position: - x: ${coordinates.x} - y: ${coordinates.y} - `); -}); -~~~ - -**Change log**: Added in v4.1 diff --git a/docs/api/editor/reservedwidth_property.md b/docs/api/editor/reservedwidth_property.md deleted file mode 100644 index 86b250ba8..000000000 --- a/docs/api/editor/reservedwidth_property.md +++ /dev/null @@ -1,25 +0,0 @@ ---- -sidebar_label: reservedWidth -title: reservedWidth Property of Editor -description: You can learn about the reservedWidth property of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# reservedWidth - -### Description - -@short: Optional. Defines the left offset for the diagram - -### Usage - -~~~js -reservedWidth?: number; -~~~ - -### Example - -~~~js -const editor = new dhx.DiagramEditor("editor_container", { - reservedWidth: 150 -}); -~~~ diff --git a/docs/api/editor/resetbutton_event.md b/docs/api/editor/resetbutton_event.md deleted file mode 100644 index 9191733b5..000000000 --- a/docs/api/editor/resetbutton_event.md +++ /dev/null @@ -1,31 +0,0 @@ ---- -sidebar_label: resetButton -title: resetButton Event of Editor -description: You can learn about the resetButton event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# resetButton - -### Description - -@short: Fires after the Reset Changes button has been clicked - -### Usage - -~~~js -resetButton: () => void; -~~~ - -### Example - -~~~js {7-9} -// initializing Diagram Editor -const editor = new dhx.DiagramEditor("editor_container"); -// loading data -editor.parse(data); - -// attaching a handler to the event -editor.events.on("resetButton",function(){ - console.log("The changes are reset"); -}); -~~~ diff --git a/docs/api/editor/scalepreview_property.md b/docs/api/editor/scalepreview_property.md deleted file mode 100644 index ce6301ce7..000000000 --- a/docs/api/editor/scalepreview_property.md +++ /dev/null @@ -1,59 +0,0 @@ ---- -sidebar_label: scalePreview -title: scalePreview Property of Editor -description: You can learn about the scalePreview property of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# scalePreview - -:::info -The property is available only in the default mode of the editor (*type:"default"*) -::: - -### Description - -@short: Optional. Defines the scale of items rendered in the left panel of the editor - -### Usage - -~~~js -scalePreview?: string | number; -~~~ - -### Default config - -~~~js -scalePreview: 0.5 -~~~ - -### Example - -~~~js -const editor = new dhx.DiagramEditor("editor_container", { - scalePreview: 0.6, -}); -~~~ - -The value of the property can be redefined for a separate type of a shape via the **scale** attribute of the [preview](../../../shapes/configuration_properties/#properties-specific-for-the-default-mode) property of the shape object: - -~~~js -const defaults = {card: { - preview: { - scale: 0.72, - gap: 2 - } -} - -const editor = new dhx.DiagramEditor("editor_container", { - shapeSections: { - "org chart shapes": ["card", "img-card"], - "flowchart shapes": [true] - }, - scalePreview: 0.65, - defaults: defaults -}); -~~~ - -While the scale of the "card"-type shapes is 0.72, the scale of the other shapes in the left panel is 0.65. - -**Related articles**: [Left Panel](../../../guides/diagram_editor/left_panel/) \ No newline at end of file diff --git a/docs/api/editor/setviewmode_method.md b/docs/api/editor/setviewmode_method.md deleted file mode 100644 index c81a41d4d..000000000 --- a/docs/api/editor/setviewmode_method.md +++ /dev/null @@ -1,34 +0,0 @@ ---- -sidebar_label: setViewMode() -title: setViewMode Method of Editor -description: You can learn about the setViewMode method of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# setViewMode() - -### Description - -@short: Sets the mode of Diagram Editor - -### Usage - -~~~js -setViewMode(mode: string): void; -~~~ - -### Parameters - -- `mode` - (required) the mode of Editor: - - **"preview"** - the mode is used to show the diagram. Most of the editing functions of Editor are not available. The left and right panels are hidden - - **"edit"** - the mode is used to edit the diagram. All the functions of Editor are available. The left and right panels are shown - -### Example - -~~~js -const editor = new dhx.DiagramEditor("editor_container"); -editor.parse(data); - -editor.setViewMode("preview"); // "preview" or "edit" -~~~ - -**Change log**: Added in v4.1 diff --git a/docs/api/editor/shapebarwidth_property.md b/docs/api/editor/shapebarwidth_property.md deleted file mode 100644 index adfcd59bd..000000000 --- a/docs/api/editor/shapebarwidth_property.md +++ /dev/null @@ -1,37 +0,0 @@ ---- -sidebar_label: shapeBarWidth -title: shapeBarWidth Property of Editor -description: You can learn about the shapeBarWidth property of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# shapeBarWidth - -:::info -The property is available only in the default mode of the editor (*type:"default"*) -::: - -### Description - -@short: Optional. Sets the width of the left panel of the editor - -### Usage - -~~~js -shapeBarWidth?: number; -~~~ - -### Default config - -~~~js -shapeBarWidth: 295 -~~~ - -### Example - -~~~js -const editor = new dhx.DiagramEditor("editor_container", { - shapeBarWidth: 190 -}); -~~~ - -**Related articles**: [Left Panel](../../../guides/diagram_editor/left_panel/) \ No newline at end of file diff --git a/docs/api/editor/shapemoveend_event.md b/docs/api/editor/shapemoveend_event.md deleted file mode 100644 index 103cbef77..000000000 --- a/docs/api/editor/shapemoveend_event.md +++ /dev/null @@ -1,49 +0,0 @@ ---- -sidebar_label: shapeMoveEnd -title: shapeMoveEnd Event of Editor -description: You can learn about the shapeMoveEnd event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# shapeMoveEnd - -### Description - -@short: Fires after a shape is moved - -### Usage - -~~~js -shapeMoveEnd: ( - event: MouseEvent, - id: string | number, - coord: object -) => void; -~~~ - -### Parameters - -The callback of the event takes the following parameters: - -- `event` - (required) a native HTML event object -- `id` - (required) the id of a shape -- `coord` - (required) an object with the x and y coordinates of the shape position after movement - -### Example - -~~~js {7-13} -// initializing Diagram Editor -const editor = new dhx.DiagramEditor("editor_container"); -// loading data -editor.parse(data); - -// attaching a handler to the event -editor.events.on("shapeMoveEnd", (event, id, coordinates) => { - console.log(` - Shape ${id} is position: - x: ${coordinates.x} - y: ${coordinates.y} - `); -}); -~~~ - -**Change log**: Added in v4.0 diff --git a/docs/api/editor/shapesections_property.md b/docs/api/editor/shapesections_property.md deleted file mode 100644 index f6436c662..000000000 --- a/docs/api/editor/shapesections_property.md +++ /dev/null @@ -1,58 +0,0 @@ ---- -sidebar_label: shapeSections -title: shapeSections Property of Editor -description: You can learn about the shapeSections property of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# shapeSections - -:::info -The property is available only in the default mode of the editor (*type:"default"*) -::: - -The [default sections of the left panel](../../../guides/diagram_editor/left_panel/#default-sections) are: Shapes, Groups, Swimlanes. - -Using the **shapeSections** property you can change the structure of the left panel and display only the items which you need there. - -### Description - -@short: Optional. An object which specifies sections of items that will be shown in the left panel of the editor - -### Usage - -~~~js -shapeSections?: { - [key: string]: any -} -~~~ - -### Parameters - -The **shapeSections** object can contain a set of **key:value** pairs where: -- **key** - the name of a section -- **value** - an array which can include: - - an object with one *key:value* pair. The list of available pairs is given below: - - `flowShapes: true` - (optional) displays all available [flow-chart](../../../shapes/default_shapes/#shapes-overview) shapes - - `org: true` - (optional) displays "card" and "img-card" shapes - - `group: true` - (optional) displays a basic set of groups - - `swimlane: true` - (optional) displays a basic set of swimlanes - - a string value with a specific type of the item to be rendered in the section (for example, "text", "topic", etc.) - -### Example - -~~~js -const editor = new dhx.DiagramEditor("editor_container", { - shapeSections: { - "Swimlane": [{ swimlane: true }], - "Groups": [{ group: true }], - "Flowchart shapes": [{ flowShapes: true }], - "Org shapes, text, topic": [{ org: true }, "text", "topic"] - }, -}); -~~~ - -**Related articles**: [Left Panel](../../../guides/diagram_editor/left_panel/) - -**Related samples**: -- [Diagram editor. Default mode. Setting the section order in the left panel](https://snippet.dhtmlx.com/7747cx7b) -- [Diagram editor. Default mode. Left panel customization](https://snippet.dhtmlx.com/2z0a18oz) \ No newline at end of file diff --git a/docs/api/editor/shapetoolbar_property.md b/docs/api/editor/shapetoolbar_property.md deleted file mode 100644 index 86af18f55..000000000 --- a/docs/api/editor/shapetoolbar_property.md +++ /dev/null @@ -1,68 +0,0 @@ ---- -sidebar_label: shapeToolbar -title: shapeToolbar Property of Editor -description: You can learn about the shapeToolbar property of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# shapeToolbar - -### Description - -@short: Optional. Defines which controls should be shown in the personal toolbar of diagram items - -### Usage - -~~~js -shapeToolbar?: boolean | array; -~~~ - -### Parameters - -As an array, the **shapeToolbar** property can include: - -- a boolean *true/false* value - to show/hide the default toolbar; -- string values with the names of the toolbar controls. The sequence the values are put in the array defines the order the controls will be displayed in the toolbar. The available values are: - - in the default mode: *"copy" | "connect" | "remove" | "addRowLast" | "addColumnLast"*; - - in the org chart mode: *"add" | "horizontal" | "vertical" | "remove"*; - - in the mindmap mode: *"add" | "addLeft" | "addRight" | "remove"*; -- a set of icon objects. Each icon object can have the following properties: - - `id: string` - (required) the id of an icon. Note, that the usage of the default names of the toolbar controls as ids of new controls is prohibited; - - `content: string` - (required) the content of the icon. It can contain an HTML element with the name of the icon class; - - `check: function` - (optional) checks whether the icon should be applied to the shape. The function takes a shape object and returns *true*, if the icon will be rendered for this shape; - - `css: function` - (optional) the function which returns the name(s) of CSS class(es) that should be applied to the shape - - `tooltip: string` - (optional) a tooltip which appears on hovering over the icon - -{{note -The most recommended option is to enable the default set of controls by specifying *true* value in the **shapeToolbar** array and create your own control(s) by adding an icon object to the array.}} - -### Example - -The property can be set either as a **boolean** value: - -~~~js -const editor = new dhx.DiagramEditor("editor_container", { - type: "org", - shapeToolbar: false, // true by default -}); -~~~ - -or as an **array**: - -~~~js -const editor = new dhx.DiagramEditor("editor_container", { - type: "org", - shapeToolbar: [ - "add", - "remove", - {id: "info", content:"", tooltip: "Download"} - ], -}); -~~~ - -**Change log:** - -- The **tooltip** parameter of the icon object is added in v5.0 - -**Related articles**: [Grid Area](../../../guides/diagram_editor/grid_area/) - -**Relate sample**: [Diagram. Diagram editor. Toolbar customization](https://snippet.dhtmlx.com/b2agwets) \ No newline at end of file diff --git a/docs/api/editor/type_property.md b/docs/api/editor/type_property.md deleted file mode 100644 index 8cf5871cf..000000000 --- a/docs/api/editor/type_property.md +++ /dev/null @@ -1,38 +0,0 @@ ---- -sidebar_label: type -title: type Property of Editor -description: You can learn about the type property of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# type - -### Description - -@short: Required. Specifies the mode of the diagram editor - -### Usage - -~~~js -type?: "default" | "org" | "mindmap"; -~~~ - -### Details - -Diagram Editor can be initialized in one of three modes: - -- **type:"default"** is used to initialize the editor in the default mode: - - - -- **type:"org"** is used to initialize the editor in the org chart mode: - - - -- **type:"mindmap"** is used to initialize the editor in the mindmap mode: - - - - -**Related articles**: -- [Overview](../../../) -- [How to start with Diagram Editor](../../../guides/diagram_editor/initialization/) \ No newline at end of file diff --git a/docs/api/editor/visibility_event.md b/docs/api/editor/visibility_event.md deleted file mode 100644 index 7178142fa..000000000 --- a/docs/api/editor/visibility_event.md +++ /dev/null @@ -1,31 +0,0 @@ ---- -sidebar_label: visibility -title: visibility Event of Editor -description: You can learn about the visibility event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# visibility - -### Description - -@short: Fires after the Visibility button has been clicked - -### Usage - -~~~js -visibility: () => void; -~~~ - -### Example - -~~~js {7-9} -// initializing Diagram Editor -const editor = new dhx.DiagramEditor("editor_container"); -// loading data -editor.parse(data); - -// attaching a handler to the event -editor.events.on("visibility", function() { - console.log("The side panels are hidden"); -}); -~~~ diff --git a/docs/api/editor/zoomin_event.md b/docs/api/editor/zoomin_event.md deleted file mode 100644 index 6a9278124..000000000 --- a/docs/api/editor/zoomin_event.md +++ /dev/null @@ -1,31 +0,0 @@ ---- -sidebar_label: zoomIn -title: zoomIn Event of Editor -description: You can learn about the zoomIn event of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# zoomIn - -### Description - -@short: Fires after the Zoom In button has been clicked - -### Usage - -~~~js -zoomIn: () => void; -~~~ - -### Example - -~~~js {7-9} -// initializing Diagram Editor -const editor = new dhx.DiagramEditor("editor_container"); -// loading data -editor.parse(data); - -// attaching a handler to the event -editor.events.on("zoomIn", function() { - console.log("The diagram in the editor is zoomed in"); -}); -~~~ diff --git a/docs/api/export/index.md b/docs/api/export/index.md index 3953d2dd7..fff4a05f4 100644 --- a/docs/api/export/index.md +++ b/docs/api/export/index.md @@ -12,4 +12,4 @@ The API methods of the **diagram.export** object allow you to export data from t | Name | Description | | :--------------------------- | :---------------------------------- | | [](api/export/pdf_method.md) | @getshort(api/export/pdf_method.md) | -| [](api/export/png_method.md) | @getshort(api/export/png_method.md) | \ No newline at end of file +| [](api/export/png_method.md) | @getshort(api/export/png_method.md) | diff --git a/docs/api/export/pdf_method.md b/docs/api/export/pdf_method.md index 92c124eec..0525f0c73 100644 --- a/docs/api/export/pdf_method.md +++ b/docs/api/export/pdf_method.md @@ -16,7 +16,7 @@ To avoid problems during export, all images for Diagram shapes must be set eithe ### Usage -~~~js +~~~jsx pdf(config?: object): void; ~~~ @@ -26,34 +26,34 @@ pdf(config?: object): void; - `url?: string` - (optional) the url of the service that executes export and returns an exported file. This setting is optional, you should use it only if you need to specify the path to your local export service. The default value is `https://export.dhtmlx.com/diagram/pdf/5.0.0` - `name?: string` - (optional) the name of the exported file - `pdf?: object` - (optional) the object of pdf options. Here you can specify the following properties: - - `scale?: number` - (optional) the scale of the grid rendering (between *0.1* and *2*) - - `landscape?: boolean` - (optional) defines a landscape orientation, ***false*** by default. It works only if the `format` option is specified - - `width?: string | number` - (optional) the width of the output page. As a value of the property, you can specify a number or a string with a unit - - `height?: string | number` - (optional) the height of the output page. As a value of the property, you can specify a number or a string with a unit - - `margin?: object` - (optional) the object with paper margins, ***none*** by default - - `left?: string | number` - (optional) defines a left margin, accepts values labeled with units (px,in,cm,mm) - - `right?: string | number` - (optional) defines a right margin, accepts values labeled with units (px,in,cm,mm) - - `top?: string | number` - (optional) defines a top margin, accepts values labeled with units (px,in,cm,mm) - - `bottom?: string | number` - (optional) defines a bottom margin, accepts values labeled with units (px,in,cm,mm) - - `format?: string` - (optional) defines the paper format. If set, it takes priority over the **width** or **height** options. Not specified by default. Check the list of all available [formats and their sizes](#list-of-formats). - - `pageRanges?: string` - (optional) paper ranges to print, e.g. 1-5, 8, 11-13. It works only if the `format` option is specified - - `displayHeaderFooter?: boolean` - (optional) defines whether to display the header and footer, *false* by default - - `footerTemplate?: string` - (optional) an HTML template for the print footer. It should be a valid HTML markup with the following classes used to inject printing values into them: - - `date` - (optional) the formatted print date - - `title` - (optional) the document name - - `pageNumber` - (optional) the current page number. It is used by default - - `totalPages` - (optional) the total number of pages in the document. It is used by default - - `headerTemplate?: string` - (optional) an HTML template for the print header. It should be a valid HTML markup with the following classes used to inject printing values into them: - - `date` - (optional) the formatted print date - - `title` - (optional) the document name - - `pageNumber` - (optional) the current page number - - `totalPages` - (optional) the total number of pages in the document + - `scale?: number` - (optional) the scale of the grid rendering (between *0.1* and *2*) + - `landscape?: boolean` - (optional) defines a landscape orientation, ***false*** by default. It works only if the `format` option is specified + - `width?: string | number` - (optional) the width of the output page. As a value of the property, you can specify a number or a string with a unit + - `height?: string | number` - (optional) the height of the output page. As a value of the property, you can specify a number or a string with a unit + - `margin?: object` - (optional) the object with paper margins, ***none*** by default + - `left?: string | number` - (optional) defines a left margin, accepts values labeled with units (px,in,cm,mm) + - `right?: string | number` - (optional) defines a right margin, accepts values labeled with units (px,in,cm,mm) + - `top?: string | number` - (optional) defines a top margin, accepts values labeled with units (px,in,cm,mm) + - `bottom?: string | number` - (optional) defines a bottom margin, accepts values labeled with units (px,in,cm,mm) + - `format?: string` - (optional) defines the paper format. If set, it takes priority over the **width** or **height** options. Not specified by default. Check the list of all available [formats and their sizes](#list-of-formats). + - `pageRanges?: string` - (optional) paper ranges to print, e.g. 1-5, 8, 11-13. It works only if the `format` option is specified + - `displayHeaderFooter?: boolean` - (optional) defines whether to display the header and footer, *false* by default + - `footerTemplate?: string` - (optional) an HTML template for the print footer. It should be a valid HTML markup with the following classes used to inject printing values into them: + - `date` - (optional) the formatted print date + - `title` - (optional) the document name + - `pageNumber` - (optional) the current page number. It is used by default + - `totalPages` - (optional) the total number of pages in the document. It is used by default + - `headerTemplate?: string` - (optional) an HTML template for the print header. It should be a valid HTML markup with the following classes used to inject printing values into them: + - `date` - (optional) the formatted print date + - `title` - (optional) the document name + - `pageNumber` - (optional) the current page number + - `totalPages` - (optional) the total number of pages in the document ### Example -~~~js {7,10-13} +~~~jsx {7,10-13} const diagram = new dhx.Diagram("diagram_container", { - // config options + // config options }); diagram.data.parse(data); @@ -62,8 +62,8 @@ diagram.export.pdf(); // export with config settings diagram.export.pdf({ - url: "https://export.dhtmlx.com/diagram/pdf/5.0.0", - name:"result_pdf" + url: "https://export.dhtmlx.com/diagram/pdf/5.0.0", + name:"result_pdf" }); ~~~ @@ -91,4 +91,4 @@ It is necessary to set sufficient margin for correct display of `headerTemplate` **Related articles**: [Exporting Diagram](../../../guides/data_export/) -**Related samples**: [Diagram. Export. Export diagram](https://snippet.dhtmlx.com/ybpmz0zk) \ No newline at end of file +**Related samples**: [Diagram. Export. Export diagram](https://snippet.dhtmlx.com/ybpmz0zk) diff --git a/docs/api/export/png_method.md b/docs/api/export/png_method.md index 124b80151..f469b1a39 100644 --- a/docs/api/export/png_method.md +++ b/docs/api/export/png_method.md @@ -10,11 +10,13 @@ description: You can learn about the png method in the documentation of the DHTM @short: Exports a diagram to a PNG file -{{note To avoid problems during export, all images for Diagram shapes must be set either in base64 format or via an absolute URL.}} +:::note +To avoid problems during export, all images for Diagram shapes must be set either in base64 format or via an absolute URL. +::: ### Usage -~~~js +~~~jsx png(config?: object): void; ~~~ @@ -26,9 +28,9 @@ png(config?: object): void; ### Example -~~~js {7,10-13} +~~~jsx {7,10-13} const diagram = new dhx.Diagram("diagram_container", { - // config options + // config options }); diagram.data.parse(data); diff --git a/docs/api/historymanager/disabled_property.md b/docs/api/historymanager/disabled_property.md deleted file mode 100644 index 9d39a44c5..000000000 --- a/docs/api/historymanager/disabled_property.md +++ /dev/null @@ -1,19 +0,0 @@ ---- -sidebar_label: disabled -title: disabled Property of HistoryManager -description: You can learn about the disabled property of HistoryManager in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# disabled - -### Description - -@short: Enables/disables the work of HistoryManager - -### Usage - -~~~js -disabled: boolean; -~~~ - -**Change log**: Added in v4.1 diff --git a/docs/api/inline_editor/aftereditorclose_event.md b/docs/api/inline_editor/aftereditorclose_event.md index 609bf95f9..2b3ce34fa 100644 --- a/docs/api/inline_editor/aftereditorclose_event.md +++ b/docs/api/inline_editor/aftereditorclose_event.md @@ -12,7 +12,7 @@ description: You can learn about the afterEditorClose event in the documentation ### Usage -~~~js +~~~jsx afterEditorClose: ( id: string | number, key: string, @@ -30,7 +30,7 @@ The callback of the event takes the following parameters: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -44,10 +44,7 @@ diagram.events.on("afterEditorClose", (id, key, subId) => { }); ~~~ -**Change log**: +**Change log**: + - The **subHeaderId** parameter has been changed to **subId** in v4.1 - Added in v4.0 - -**Related samples**: -- [Diagram. Default mode. Events](https://snippet.dhtmlx.com/7h2hgb3g) -- [Diagram. Org chart mode. Events](https://snippet.dhtmlx.com/l38pct7c) \ No newline at end of file diff --git a/docs/api/inline_editor/aftereditorediting_event.md b/docs/api/inline_editor/aftereditorediting_event.md index 7a37776ef..4cf110dd8 100644 --- a/docs/api/inline_editor/aftereditorediting_event.md +++ b/docs/api/inline_editor/aftereditorediting_event.md @@ -12,7 +12,7 @@ description: You can learn about the afterEditorEditing event in the documentati ### Usage -~~~js +~~~jsx afterEditorEditing: ( value: string, id: string | number, @@ -32,7 +32,7 @@ The callback of the event takes the following parameters: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -46,10 +46,7 @@ diagram.events.on("afterEditorEditing", (value, id, key, subId) => { }); ~~~ -**Change log**: +**Change log**: + - The **subHeaderId** parameter has been changed to **subId** in v4.1 - Added in v4.0 - -**Related samples**: -- [Diagram. Default mode. Events](https://snippet.dhtmlx.com/7h2hgb3g) -- [Diagram. Org chart mode. Events](https://snippet.dhtmlx.com/l38pct7c) diff --git a/docs/api/inline_editor/aftereditoropen_event.md b/docs/api/inline_editor/aftereditoropen_event.md index d579ca40f..4e3423384 100644 --- a/docs/api/inline_editor/aftereditoropen_event.md +++ b/docs/api/inline_editor/aftereditoropen_event.md @@ -12,7 +12,7 @@ description: You can learn about the afterEditorOpen event in the documentation ### Usage -~~~js +~~~jsx afterEditorOpen: ( id: string | number, key: string, @@ -30,7 +30,7 @@ The callback of the event takes the following parameters: ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -44,10 +44,7 @@ diagram.events.on("afterEditorOpen", (id, key, subId) => { }); ~~~ -**Change log**: +**Change log**: + - The **subHeaderId** parameter has been changed to **subId** in v4.1 - Added in v4.0 - -**Related samples**: -- [Diagram. Default mode. Events](https://snippet.dhtmlx.com/7h2hgb3g) -- [Diagram. Org chart mode. Events](https://snippet.dhtmlx.com/l38pct7c) \ No newline at end of file diff --git a/docs/api/inline_editor/beforeeditorclose_event.md b/docs/api/inline_editor/beforeeditorclose_event.md index 27fc759d6..4589c2724 100644 --- a/docs/api/inline_editor/beforeeditorclose_event.md +++ b/docs/api/inline_editor/beforeeditorclose_event.md @@ -12,7 +12,7 @@ description: You can learn about the beforeEditorClose event in the documentatio ### Usage -~~~js +~~~jsx beforeEditorClose: ( id: string | number, key: string, @@ -34,7 +34,7 @@ Return `false` to block closing of the inline editor, otherwise `true`. ### Example -~~~js {9-11} +~~~jsx {9-11} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -49,10 +49,7 @@ diagram.events.on("beforeEditorClose", (id, key, subId) => { }); ~~~ -**Change log**: +**Change log**: + - The **subHeaderId** parameter has been changed to **subId** in v4.1 - Added in v4.0 - -**Related samples**: -- [Diagram. Default mode. Events](https://snippet.dhtmlx.com/7h2hgb3g) -- [Diagram. Org chart mode. Events](https://snippet.dhtmlx.com/l38pct7c) \ No newline at end of file diff --git a/docs/api/inline_editor/beforeeditorediting_event.md b/docs/api/inline_editor/beforeeditorediting_event.md index b291d1ded..072d77665 100644 --- a/docs/api/inline_editor/beforeeditorediting_event.md +++ b/docs/api/inline_editor/beforeeditorediting_event.md @@ -12,7 +12,7 @@ description: You can learn about the beforeEditorEditing event in the documentat ### Usage -~~~js +~~~jsx beforeEditorEditing: ( value: string, currentValue: string, @@ -38,7 +38,7 @@ Return `false` to block saving changes after editing an item via the inline edit ### Example -~~~js {9-12} +~~~jsx {9-12} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -53,10 +53,7 @@ diagram.events.on("beforeEditorEditing", (value, id, key, subId) => { }); ~~~ -**Change log**: +**Change log**: + - The **subHeaderId** parameter has been changed to **subId** in v4.1 - Added in v4.0 - -**Related samples**: -- [Diagram. Default mode. Events](https://snippet.dhtmlx.com/7h2hgb3g) -- [Diagram. Org chart mode. Events](https://snippet.dhtmlx.com/l38pct7c) \ No newline at end of file diff --git a/docs/api/inline_editor/beforeeditoropen_event.md b/docs/api/inline_editor/beforeeditoropen_event.md index b9facbcfe..b27a6b31e 100644 --- a/docs/api/inline_editor/beforeeditoropen_event.md +++ b/docs/api/inline_editor/beforeeditoropen_event.md @@ -12,7 +12,7 @@ description: You can learn about the beforeEditorOpen event in the documentation ### Usage -~~~js +~~~jsx beforeEditorOpen: ( id: string | number, key: string, @@ -34,7 +34,7 @@ Return `false` to block opening of the inline editor, otherwise `true` ### Example -~~~js {9-12} +~~~jsx {9-12} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "default" @@ -49,10 +49,7 @@ diagram.events.on("beforeEditorOpen", (id, key, subId) => { }); ~~~ -**Change log**: +**Change log**: + - The **subHeaderId** parameter has been changed to **subId** in v4.1 - Added in v4.0 - -**Related samples**: -- [Diagram. Default mode. Events](https://snippet.dhtmlx.com/7h2hgb3g) -- [Diagram. Org chart mode. Events](https://snippet.dhtmlx.com/l38pct7c) \ No newline at end of file diff --git a/docs/api/overview/cellmanager_events_overview.md b/docs/api/overview/cellmanager_events_overview.md index 41c2aa410..c7e4ee78a 100644 --- a/docs/api/overview/cellmanager_events_overview.md +++ b/docs/api/overview/cellmanager_events_overview.md @@ -6,8 +6,8 @@ description: You can explore the CellManager events in the documentation of the # CellManager events overview -| Name | Description | -| :-------------------------------------------------- | :--------------------------------------------------------- | +| Name | Description | +| :------------------------------------------------- | :-------------------------------------------------------- | | [](../cell_manager/aftercellsadd_event.md) | @getshort(../cell_manager/aftercellsadd_event.md) | | [](../cell_manager/aftercellsmove_event.md) | @getshort(../cell_manager/aftercellsmove_event.md) | | [](../cell_manager/aftercellsremove_event.md) | @getshort(../cell_manager/aftercellsremove_event.md) | @@ -15,4 +15,4 @@ description: You can explore the CellManager events in the documentation of the | [](../cell_manager/beforecellsadd_event.md) | @getshort(../cell_manager/beforecellsadd_event.md) | | [](../cell_manager/beforecellsmove_event.md) | @getshort(../cell_manager/beforecellsmove_event.md) | | [](../cell_manager/beforecellsremove_event.md) | @getshort(../cell_manager/beforecellsremove_event.md) | -| [](../cell_manager/beforecellsvalidation_event.md) | @getshort(../cell_manager/beforecellsvalidation_event.md) | \ No newline at end of file +| [](../cell_manager/beforecellsvalidation_event.md) | @getshort(../cell_manager/beforecellsvalidation_event.md) | diff --git a/docs/api/overview/cellmanager_methods_overview.md b/docs/api/overview/cellmanager_methods_overview.md index 53d415558..88b6d02b5 100644 --- a/docs/api/overview/cellmanager_methods_overview.md +++ b/docs/api/overview/cellmanager_methods_overview.md @@ -6,8 +6,8 @@ description: You can explore the CellManager methods in the documentation of the # CellManager methods overview -| Name | Description | -| :--------------------------------------------------- | :---------------------------------------------------------- | +| Name | Description | +| :-------------------------------------------------- | :--------------------------------------------------------- | | [](../cell_manager/add_method.md) | @getshort(../cell_manager/add_method.md) | | [](../cell_manager/getcellid_method.md) | @getshort(../cell_manager/getcellid_method.md) | | [](../cell_manager/getcellindex_method.md) | @getshort(../cell_manager/getcellindex_method.md) | @@ -18,4 +18,4 @@ description: You can explore the CellManager methods in the documentation of the | [](../cell_manager/remove_method.md) | @getshort(../cell_manager/remove_method.md) | | [](../cell_manager/resetswimlane_method.md) | @getshort(../cell_manager/resetswimlane_method.md) | | [](../cell_manager/setswimlane_method.md) | @getshort(../cell_manager/setswimlane_method.md) | -| [](../cell_manager/validation_method.md) | @getshort(../cell_manager/validation_method.md) | \ No newline at end of file +| [](../cell_manager/validation_method.md) | @getshort(../cell_manager/validation_method.md) | diff --git a/docs/api/overview/datacollection_events_overview.md b/docs/api/overview/datacollection_events_overview.md index 5325a3e7b..be8404b84 100644 --- a/docs/api/overview/datacollection_events_overview.md +++ b/docs/api/overview/datacollection_events_overview.md @@ -13,4 +13,5 @@ description: You can explore the DataCollection events in the documentation of t | [](../data_collection/beforeadd_event.md) | @getshort(../data_collection/beforeadd_event.md) | | [](../data_collection/beforeremove_event.md) | @getshort(../data_collection/beforeremove_event.md) | | [](../data_collection/change_event.md) | @getshort(../data_collection/change_event.md) | -| [](../data_collection/load_event.md) | @getshort(../data_collection/load_event.md) | \ No newline at end of file +| [](../data_collection/filter_event.md) | @getshort(../data_collection/filter_event.md) | +| [](../data_collection/load_event.md) | @getshort(../data_collection/load_event.md) | diff --git a/docs/api/overview/datacollection_methods_overview.md b/docs/api/overview/datacollection_methods_overview.md index 9601a788b..4031b9ca5 100644 --- a/docs/api/overview/datacollection_methods_overview.md +++ b/docs/api/overview/datacollection_methods_overview.md @@ -16,6 +16,7 @@ description: You can explore the DataCollection methods in the documentation of | [](../data_collection/filter_method.md) | @getshort(../data_collection/filter_method.md) | | [](../data_collection/find_method.md) | @getshort(../data_collection/find_method.md) | | [](../data_collection/findall_method.md) | @getshort(../data_collection/findall_method.md) | +| [](../data_collection/getfilters_method.md) | @getshort(../data_collection/getfilters_method.md) | | [](../data_collection/getid_method.md) | @getshort(../data_collection/getid_method.md) | | [](../data_collection/getindex_method.md) | @getshort(../data_collection/getindex_method.md) | | [](../data_collection/getitem_method.md) | @getshort(../data_collection/getitem_method.md) | @@ -28,5 +29,6 @@ description: You can explore the DataCollection methods in the documentation of | [](../data_collection/parse_method.md) | @getshort(../data_collection/parse_method.md) | | [](../data_collection/remove_method.md) | @getshort(../data_collection/remove_method.md) | | [](../data_collection/removeall_method.md) | @getshort(../data_collection/removeall_method.md) | +| [](../data_collection/resetfilter_method.md)| @getshort(../data_collection/resetfilter_method.md)| | [](../data_collection/serialize_method.md) | @getshort(../data_collection/serialize_method.md) | -| [](../data_collection/update_method.md) | @getshort(../data_collection/update_method.md) | \ No newline at end of file +| [](../data_collection/update_method.md) | @getshort(../data_collection/update_method.md) | diff --git a/docs/api/overview/diagram_events_overview.md b/docs/api/overview/diagram_events_overview.md index e33b3768a..37c46fa50 100644 --- a/docs/api/overview/diagram_events_overview.md +++ b/docs/api/overview/diagram_events_overview.md @@ -37,4 +37,4 @@ description: You can explore the Diagram events in the documentation of the DHTM | [](../diagram/shapeclick_event.md) | @getshort(../diagram/shapeclick_event.md) | | [](../diagram/shapedblclick_event.md) | @getshort(../diagram/shapedblclick_event.md) | | [](../diagram/shapeiconclick_event.md) | @getshort(../diagram/shapeiconclick_event.md) | -| [](../diagram/shapemousedown_event.md) | @getshort(../diagram/shapemousedown_event.md) | \ No newline at end of file +| [](../diagram/shapemousedown_event.md) | @getshort(../diagram/shapemousedown_event.md) | diff --git a/docs/api/overview/diagram_methods_overview.md b/docs/api/overview/diagram_methods_overview.md index c494c9862..a76ba1af2 100644 --- a/docs/api/overview/diagram_methods_overview.md +++ b/docs/api/overview/diagram_methods_overview.md @@ -17,4 +17,4 @@ description: You can explore the Diagram methods in the documentation of the DHT | [](../diagram/locate_method.md) | @getshort(../diagram/locate_method.md) | | [](../diagram/paint_method.md) | @getshort(../diagram/paint_method.md) | | [](../diagram/scrollto_method.md) | @getshort(../diagram/scrollto_method.md) | -| [](../diagram/showitem_method.md) | @getshort(../diagram/showitem_method.md) | \ No newline at end of file +| [](../diagram/showitem_method.md) | @getshort(../diagram/showitem_method.md) | diff --git a/docs/api/overview/diagram_properties_overview.md b/docs/api/overview/diagram_properties_overview.md index ed38b2b4a..7b041d6f9 100644 --- a/docs/api/overview/diagram_properties_overview.md +++ b/docs/api/overview/diagram_properties_overview.md @@ -13,10 +13,9 @@ description: You can explore the Diagram properties in the documentation of the | [](../diagram/defaultshapetype_property.md) | @getshort(../diagram/defaultshapetype_property.md) | | [](../diagram/exportstyles_property.md) | @getshort(../diagram/exportstyles_property.md) | | [](../diagram/lineconfig_property.md) | @getshort(../diagram/lineconfig_property.md) | -| [~~lineGap~~](api/diagram/linegap_property.md) |Deprecated! ~~@getshort(../diagram/linegap_property.md)~~ | | [](../diagram/margin_property.md) | @getshort(../diagram/margin_property.md) | | [](../diagram/scale_property.md) | @getshort(../diagram/scale_property.md) | | [](../diagram/select_property.md) | @getshort(../diagram/select_property.md) | | [](../diagram/toolbar_property.md) | @getshort(../diagram/toolbar_property.md) | | [](../diagram/type_property.md) | @getshort(../diagram/type_property.md) | -| [](../diagram/typeconfig_property.md) | @getshort(../diagram/typeconfig_property.md) | \ No newline at end of file +| [](../diagram/typeconfig_property.md) | @getshort(../diagram/typeconfig_property.md) | diff --git a/docs/api/overview/editor_events_overview.md b/docs/api/overview/editor_events_overview.md deleted file mode 100644 index 48859ff58..000000000 --- a/docs/api/overview/editor_events_overview.md +++ /dev/null @@ -1,45 +0,0 @@ ---- -sidebar_label: Editor events -title: Editor events overview -description: You can explore the Editor events in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# Editor events overview - -| Name | Description | -| :------------------------------------------- | :-------------------------------------------------- | -| [](../editor/aftergroupmove_event.md) | @getshort(../editor/aftergroupmove_event.md) | -| [](../editor/afteritemcatch_event.md) | @getshort(../editor/afteritemcatch_event.md) | -| [](../editor/afteritemmove_event.md) | @getshort(../editor/afteritemmove_event.md) | -| [](../editor/afterlinetitlemove_event.md) | @getshort(../editor/afterlinetitlemove_event.md) | -| [](../editor/aftershapeiconclick_event.md) | @getshort(../editor/aftershapeiconclick_event.md) | -| [](../editor/aftershapemove_event.md) | @getshort(../editor/aftershapemove_event.md) | -| [](../editor/applybutton_event.md) | @getshort(../editor/applybutton_event.md) | -| [](../editor/autolayout_event.md) | @getshort(../editor/autolayout_event.md) | -| [](../editor/beforegroupmove_event.md) | @getshort(../editor/beforegroupmove_event.md) | -| [](../editor/beforeitemcatch_event.md) | @getshort(../editor/beforeitemcatch_event.md) | -| [](../editor/beforeitemmove_event.md) | @getshort(../editor/beforeitemmove_event.md) | -| [](../editor/beforelinetitlemove_event.md) | @getshort(../editor/beforelinetitlemove_event.md) | -| [](../editor/beforeshapeiconclick_event.md) | @getshort(../editor/beforeshapeiconclick_event.md) | -| [](../editor/beforeshapemove_event.md) | @getshort(../editor/beforeshapemove_event.md) | -| [](../editor/changegridstep_event.md) | @getshort(../editor/changegridstep_event.md) | -| [](../editor/exportdata_event.md) | @getshort(../editor/exportdata_event.md) | -| [](../editor/groupmoveend_event.md) | @getshort(../editor/groupmoveend_event.md) | -| [](../editor/importdata_event.md) | @getshort(../editor/importdata_event.md) | -| [](../editor/itemmoveend_event.md) | @getshort(../editor/itemmoveend_event.md) | -| [](../editor/itemtarget_event.md) | @getshort(../editor/itemtarget_event.md) | -| [](../editor/linetitlemoveend_event.md) | @getshort(../editor/linetitlemoveend_event.md) | -| [](../editor/resetbutton_event.md) | @getshort(../editor/resetbutton_event.md) | -| [](../editor/shapemoveend_event.md) | @getshort(../editor/shapemoveend_event.md) | -| [](../editor/shaperesize_event.md) | @getshort(../editor/shaperesize_event.md) | -| [](../editor/visibility_event.md) | @getshort(../editor/visibility_event.md) | -| [](../editor/zoomin_event.md) | @getshort(../editor/zoomin_event.md) | -| [](../editor/zoomout_event.md) | @getshort(../editor/zoomout_event.md) | - -In addition to the events listed above, you may also apply [events of the diagram object](../../../api/diagram/api_overview/#diagram-events) while working in the editor. Here is an example of applying the [itemClick](../../../api/diagram/itemclick_event/) event of the Diagram object in the editor: - -~~~js -editor.diagram.events.on("itemClick", (id, event) => { - console.log(id, event); -}); -~~~ \ No newline at end of file diff --git a/docs/api/overview/editor_methods_overview.md b/docs/api/overview/editor_methods_overview.md deleted file mode 100644 index 07ae4045f..000000000 --- a/docs/api/overview/editor_methods_overview.md +++ /dev/null @@ -1,17 +0,0 @@ ---- -sidebar_label: Editor methods -title: Editor methods overview -description: You can explore the Editor methods in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# Editor methods overview - -| Name | Description | -| :---------------------------------- | :----------------------------------------- | -| [](../editor/import_method.md) | @getshort(../editor/import_method.md) | -| [](../editor/paint_method.md) | @getshort(../editor/paint_method.md) | -| [](../editor/parse_method.md) | @getshort(../editor/parse_method.md) | -| [](../editor/serialize_method.md) | @getshort(../editor/serialize_method.md) | -| [](../editor/setviewmode_method.md) | @getshort(../editor/setviewmode_method.md) | -| [](../editor/zoomin_method.md) | @getshort(../editor/zoomin_method.md) | -| [](../editor/zoomout_method.md) | @getshort(../editor/zoomout_method.md) | \ No newline at end of file diff --git a/docs/api/overview/editor_properties_overview.md b/docs/api/overview/editor_properties_overview.md deleted file mode 100644 index 04200a23e..000000000 --- a/docs/api/overview/editor_properties_overview.md +++ /dev/null @@ -1,28 +0,0 @@ ---- -sidebar_label: Editor properties -title: Editor properties overview -description: You can explore the Editor properties in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# Editor properties overview - -| Name | Description | -| :--------------------------------------- | :---------------------------------------------- | -| [](../editor/autoplacement_property.md) | @getshort(../editor/autoplacement_property.md) | -| [](../editor/controls_property.md) | @getshort(../editor/controls_property.md) | -| [](../editor/defaults_property.md) | @getshort(../editor/defaults_property.md) | -| [](../editor/editmode_property.md) | @getshort(../editor/editmode_property.md) | -| [](../editor/gappreview_property.md) | @getshort(../editor/gappreview_property.md) | -| [](../editor/gridstep_property.md) | @getshort(../editor/gridstep_property.md) | -| [](../editor/itemsdraggable_property.md) | @getshort(../editor/itemsdraggable_property.md) | -| [](../editor/lineconfig_property.md) | @getshort(../editor/lineconfig_property.md) | -| [~~lineGap~~](api/editor/linegap_property.md) | Deprecated! ~~@getshort(../editor/linegap_property.md)~~ | -| [](../editor/magnetic_property.md) | @getshort(../editor/magnetic_property.md) | -| [](../editor/reservedwidth_property.md) | @getshort(../editor/reservedwidth_property.md) | -| [](../editor/scale_property.md) | @getshort(../editor/scale_property.md) | -| [](../editor/scalepreview_property.md) | @getshort(../editor/scalepreview_property.md) | -| [](../editor/shapebarwidth_property.md) | @getshort(../editor/shapebarwidth_property.md) | -| [](../editor/shapesections_property.md) | @getshort(../editor/shapesections_property.md) | -| [](../editor/shapetoolbar_property.md) | @getshort(../editor/shapetoolbar_property.md) | -| [](../editor/shapetype_property.md) | @getshort(../editor/shapetype_property.md) | -| [](../editor/type_property.md) | @getshort(../editor/type_property.md) | diff --git a/docs/api/overview/historymanager_methods_overview.md b/docs/api/overview/historymanager_methods_overview.md deleted file mode 100644 index 46f2f5da8..000000000 --- a/docs/api/overview/historymanager_methods_overview.md +++ /dev/null @@ -1,17 +0,0 @@ ---- -sidebar_label: HistoryManager methods -title: HistoryManager methods overview -description: You can explore the HistoryManager methods in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# HistoryManager methods overview - -| Name | Description | -| :-------------------------------------- | :--------------------------------------------- | -| [](../historymanager/add_method.md) | @getshort(../historymanager/add_method.md) | -| [](../historymanager/disable_method.md) | @getshort(../historymanager/disable_method.md) | -| [](../historymanager/enable_method.md) | @getshort(../historymanager/enable_method.md) | -| [](../historymanager/isredo_method.md) | @getshort(../historymanager/isredo_method.md) | -| [](../historymanager/redo_method.md) | @getshort(../historymanager/redo_method.md) | -| [](../historymanager/reset_method.md) | @getshort(../historymanager/reset_method.md) | -| [](../historymanager/undo_method.md) | @getshort(../historymanager/undo_method.md) | \ No newline at end of file diff --git a/docs/api/overview/historymanager_properties_overview.md b/docs/api/overview/historymanager_properties_overview.md deleted file mode 100644 index 4889be84b..000000000 --- a/docs/api/overview/historymanager_properties_overview.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -sidebar_label: HistoryManager properties -title: HistoryManager properties overview -description: You can explore the HistoryManager properties in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# HistoryManager properties overview - -| Name | Description | -| :------------------------------------------ | :------------------------------------------------- | -| [](../historymanager/disabled_property.md) | @getshort(../historymanager/disabled_property.md) | -| [](../historymanager/savedelay_property.md) | @getshort(../historymanager/savedelay_property.md) | \ No newline at end of file diff --git a/docs/api/overview/selection_events_overview.md b/docs/api/overview/selection_events_overview.md index 04a55c104..c43302f56 100644 --- a/docs/api/overview/selection_events_overview.md +++ b/docs/api/overview/selection_events_overview.md @@ -6,9 +6,9 @@ description: You can explore the Selection events in the documentation of the DH # Selection events overview -| Name | Description | -| :---------------------------------------- | :----------------------------------------------- | +| Name | Description | +| :--------------------------------------- | :---------------------------------------------- | | [](../selection/afterselect_event.md) | @getshort(../selection/afterselect_event.md) | | [](../selection/afterunselect_event.md) | @getshort(../selection/afterunselect_event.md) | | [](../selection/beforeselect_event.md) | @getshort(../selection/beforeselect_event.md) | -| [](../selection/beforeunselect_event.md) | @getshort(../selection/beforeunselect_event.md) | \ No newline at end of file +| [](../selection/beforeunselect_event.md) | @getshort(../selection/beforeunselect_event.md) | diff --git a/docs/api/overview/selection_methods_overview.md b/docs/api/overview/selection_methods_overview.md index b08879327..0837b5c6c 100644 --- a/docs/api/overview/selection_methods_overview.md +++ b/docs/api/overview/selection_methods_overview.md @@ -8,8 +8,9 @@ description: You can explore the Selection methods in the documentation of the D | Name | Description | | :----------------------------------- | :------------------------------------------ | -| [](../selection/add_method.md) | @getshort(../selection/add_method.md) | -| [](../selection/getid_method.md) | @getshort(../selection/getid_method.md) | -| [](../selection/getitem_method.md) | @getshort(../selection/getitem_method.md) | -| [](../selection/getsubid_method.md) | @getshort(../selection/getsubid_method.md) | -| [](../selection/remove_method.md) | @getshort(../selection/remove_method.md) | \ No newline at end of file +| [](../selection/add_method.md) | @getshort(../selection/add_method.md) | +| [](../selection/clear_method.md) | @getshort(../selection/clear_method.md) | +| [](../selection/getids_method.md) | @getshort(../selection/getids_method.md) | +| [](../selection/getitem_method.md) | @getshort(../selection/getitem_method.md) | +| [](../selection/includes_method.md) | @getshort(../selection/includes_method.md) | +| [](../selection/remove_method.md) | @getshort(../selection/remove_method.md) | diff --git a/docs/api/selection/add_method.md b/docs/api/selection/add_method.md index 8c22b85de..dc06c9ff6 100644 --- a/docs/api/selection/add_method.md +++ b/docs/api/selection/add_method.md @@ -4,43 +4,64 @@ title: add Method of Selection description: You can learn about the add method of selection in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. --- -# add +# add() ### Description -@short: Selects the specified item +@short: Adds the specified item into the selection list ### Usage -~~~js -add( - id: string | number, - subId?: string | number -): void; +~~~jsx +add({ + id: string | number, + join?: boolean, + batch?: (string | number)[] +}): boolean; ~~~ ### Parameters -- `id` - (required) the item id -- `subId` - (optional) the id of a subheader of a swimlane or a text element of a line +The method takes as an argument an object with the following parameters: + +- `id` - (required) the id of an item +- `join` - (optional) the mode of adding the selected element to the selection list. In case the parameter is set to *false* or isn't passed, the items previously added into the selection list will be reset +- `batch` - (optional) the list of items to select (if known beforehand) + +### Returns + +The method returns: + +- `true` if the element hadn't been in the selection list and was successfully added into it +- `false` if the element wasn't added into the selection list by some reason, e.g. an element had already been added to the selection list ### Example -~~~js {7} -// diagram must be created with the "select:true" option +~~~jsx {8,11-12,15-16} +// a diagram must be created with the "select:true" option const diagram = new dhx.Diagram("diagram_container", { select: true }); +// loading data diagram.data.parse(data); -diagram.selection.add("2"); +diagram.selection.add({ id: "1" }); // -> returns true if the item has been selected +console.log(diagram.selection.getIds()); // -> ["1"] + +// adds the item with the id:"2" to the already selected items +diagram.selection.add({ id: "2", join: true }); +console.log(diagram.selection.getIds()); // -> ["1", "2"] + +// removes the previously selected items and adds the item with the id:"3" +diagram.selection.add({ id: "3" }); +console.log(diagram.selection.getIds()); // -> ["3"] ~~~ +**Change log**: Updated in v6.0 + **Related articles**: + - [diagram.config.select](../../../api/diagram/select_property/) - [Selecting items](../../../guides/manipulating_items/#selecting-items) -**Related samples**: - -- [Diagram. Selection. Item selection](https://snippet.dhtmlx.com/jyoxn5h7) -- [Diagram. Default mode. Item selection](https://snippet.dhtmlx.com/tcny4obw) \ No newline at end of file +**Related samples**: [Diagram. Selection. Item selection](https://snippet.dhtmlx.com/jyoxn5h7) diff --git a/docs/api/selection/afterselect_event.md b/docs/api/selection/afterselect_event.md index d9ef2c111..87c6a1bb0 100644 --- a/docs/api/selection/afterselect_event.md +++ b/docs/api/selection/afterselect_event.md @@ -1,7 +1,7 @@ --- sidebar_label: afterSelect title: afterSelect Event of Selection -description: teYou can learn about the afterSelect event in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram.xt +description: You can learn about the afterSelect event in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram.xt --- # afterSelect @@ -12,41 +12,58 @@ description: teYou can learn about the afterSelect event in the documentation of ### Usage -~~~js -afterSelect: ( +~~~jsx +"afterSelect": ({ id: string | number, - subId?: string | number | undefined -) => void; + join: boolean, + batch: (string | number)[] +}) => void; ~~~ ### Parameters -The callback of the event takes the following parameters: +The callback of the event is called with an object with the following parameters: -- `id` - (required) the item id -- `subId` - (optional) the id of a subheader of a swimlane or a text element of a line +- `id` - the id of the selected item +- `join` - the applied [mode of selection](../../../api/selection/add_method/#parameters) +- `batch` - the list of selected items ### Example -~~~js {10-12} +~~~jsx {9-12} // initializing Diagram -const diagram = new dhx.Diagram("diagram_container", { - type: "org", - select: true +const diagram = new dhx.Diagram("diagram_container", { + select: true, + // other config options }); // loading data diagram.data.parse(data); // attaching a handler to the event -diagram.events.on("AfterSelect", function(id) { - console.log(diagram.data.getItem(id).text + " was selected"); +diagram.events.on("afterSelect", ({ id }) => { + console.log(id + " was selected"); }); ~~~ -**Change log**: The **subId** parameter has been added in v4.1 +Here's an example of attaching an event handler to the event for the Diagram Editor: + +~~~jsx {8-11} +// initializing Diagram editor +const editor = new dhx.DiagramEditor("editor_container", { + // config options +}); +// loading data into the editor +editor.parse(data); + +// attaching a handler to the event +editor.diagram.events.on("afterSelect", ({ id }) => { + console.log(id + " was selected"); +}); +~~~ + +**Change log**: Updated in v6.0 **Related articles**: + - [diagram.config.select](../../../api/diagram/select_property/) - [Selecting items](../../../guides/manipulating_items/#selecting-items) - -**Related sample**: [Diagram. Org chart mode. Events](https://snippet.dhtmlx.com/l38pct7c) \ No newline at end of file diff --git a/docs/api/selection/afterunselect_event.md b/docs/api/selection/afterunselect_event.md index 13d4f1ab4..29061ba00 100644 --- a/docs/api/selection/afterunselect_event.md +++ b/docs/api/selection/afterunselect_event.md @@ -12,23 +12,23 @@ description: You can learn about the afterUnSelect event in the documentation of ### Usage -~~~js -afterUnSelect: ( +~~~jsx +"afterUnSelect": ({ id: string | number, - subId?: string | number | undefined -) => void; + batch: (string | number)[] +}) => void; ~~~ ### Parameters -The callback of the event takes the following parameters: +The callback of the event is called with an object with the following parameters: -- `id` - (required) the item id -- `subId` - (optional) the id of a subheader of a swimlane or a text element of a line +- `id` - the id of the unselected item +- `batch` - the list of unselected items ### Example -~~~js {10-12} +~~~jsx {9-12} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "org", @@ -38,16 +38,30 @@ const diagram = new dhx.Diagram("diagram_container", { diagram.data.parse(data); // attaching a handler to the event -diagram.events.on("AfterUnSelect", function (id) { - console.log(diagram.data.getItem(id).text + " was unselected"); +diagram.events.on("afterUnSelect", ({ id }) => { + console.log(id + " was unselected"); }); ~~~ -**Change log**: The **subId** parameter has been added in v4.1 +Here's an example of attaching an event handler to the event for the Diagram Editor: -**Related sample**: [Diagram. Org chart mode. Events](https://snippet.dhtmlx.com/l38pct7c) +~~~jsx {8-11} +// initializing Diagram editor +const editor = new dhx.DiagramEditor("editor_container", { + // config options +}); +// loading data into the editor +editor.parse(data); + +// attaching a handler to the event +editor.diagram.events.on("afterUnSelect", ({ id }) => { + console.log(id + " was unselected"); +}); +~~~ + +**Change log**: Updated in v6.0 **Related articles**: + - [diagram.config.select](../../../api/diagram/select_property/) - [Selecting items](../../../guides/manipulating_items/#selecting-items) - diff --git a/docs/api/selection/beforeselect_event.md b/docs/api/selection/beforeselect_event.md index e9cd92733..8a13d4f61 100644 --- a/docs/api/selection/beforeselect_event.md +++ b/docs/api/selection/beforeselect_event.md @@ -12,19 +12,21 @@ description: You can learn about the beforeSelect event in the documentation of ### Usage -~~~js -beforeSelect: ( +~~~jsx +"beforeSelect": ({ id: string | number, - subId?: string | number | undefined -) => void | boolean; + join: boolean, + batch: (string | number)[] +}) => boolean | void; ~~~ ### Parameters -The callback of the event takes the following parameters: +The callback of the event is called with an object with the following parameters: -- `id` - (required) the item id -- `subId` - (optional) the id of a subheader of a swimlane or a text element of a line +- `id` - the id of the item to select +- `join` - the applied [mode of selection](../../../api/selection/add_method/#parameters) +- `batch` - the list of items to select ### Returns @@ -32,7 +34,7 @@ Return `false` to prevent an item from being selected; otherwise, `true` ### Example -~~~js {10-12} +~~~jsx {9-13} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "org", @@ -42,16 +44,32 @@ const diagram = new dhx.Diagram("diagram_container", { diagram.data.parse(data); // attaching a handler to the event -diagram.events.on("BeforeSelect", function(id) { - console.log("Selecting " + diagram.data.getItem(id).text); - return true; +diagram.events.on("beforeSelect", ({ id }) => { + console.log(id + " will be selected"); + return true; }); ~~~ -**Change log**: The **subId** parameter has been added in v4.1 +Here's an example of attaching an event handler to the event for the Diagram Editor: + +~~~jsx {8-12} +// initializing Diagram editor +const editor = new dhx.DiagramEditor("editor_container", { + // config options +}); +// loading data into the editor +editor.parse(data); + +// attaching a handler to the event +editor.diagram.events.on("beforeSelect", ({ id }) => { + console.log(id + " will be selected"); + return true; +}); +~~~ + +**Change log**: Updated in v6.0 **Related articles**: + - [diagram.config.select](../../../api/diagram/select_property/) - [Selecting items](../../../guides/manipulating_items/#selecting-items) - -**Related sample**: [Diagram. Org chart mode. Events](https://snippet.dhtmlx.com/l38pct7c) \ No newline at end of file diff --git a/docs/api/selection/beforeunselect_event.md b/docs/api/selection/beforeunselect_event.md index 3c1a8b369..6041a5f91 100644 --- a/docs/api/selection/beforeunselect_event.md +++ b/docs/api/selection/beforeunselect_event.md @@ -12,19 +12,19 @@ description: You can learn about the beforeUnSelect event in the documentation o ### Usage -~~~js -beforeUnSelect: ( +~~~jsx +"beforeUnSelect": ({ id: string | number, - subId?: string | number | undefined -) => void | boolean; + batch: (string | number)[] +}) => void | boolean; ~~~ ### Parameters -The callback of the event takes the following parameters: +The callback of the event is called with an object with the following parameters: -- `id` - (required) the item id -- `subId` - (optional) the id of a subheader of a swimlane or a text element of a line +- `id` - the id of an item to unselect +- `batch` - the list of items to unselect ### Returns @@ -32,7 +32,7 @@ Return `false` to prevent an item from being unselected; otherwise, `true` ### Example -~~~js {10-13} +~~~jsx {9-13} // initializing Diagram const diagram = new dhx.Diagram("diagram_container", { type: "org", @@ -42,16 +42,32 @@ const diagram = new dhx.Diagram("diagram_container", { diagram.data.parse(data); // attaching a handler to the event -diagram.events.on("BeforeUnSelect", function(id) { - console.log("Unselecting " + diagram.data.getItem(id).text); - return true; +diagram.events.on("beforeUnSelect", ({ id }) => { + console.log(id + " will be unselected"); + return true; }); ~~~ -**Change log**: The **subId** parameter has been added in v4.1 +Here's an example of attaching an event handler to the event for the Diagram Editor: + +~~~jsx {8-12} +// initializing Diagram editor +const editor = new dhx.DiagramEditor("editor_container", { + // config options +}); +// loading data into the editor +editor.parse(data); + +// attaching a handler to the event +editor.diagram.events.on("beforeUnSelect", ({ id }) => { + console.log(id + " will be unselected"); + return true; +}); +~~~ + +**Change log**: Updated in v6.0 **Related articles**: + - [diagram.config.select](../../../api/diagram/select_property/) - [Selecting items](../../../guides/manipulating_items/#selecting-items) - -**Related sample**: [Diagram. Org chart mode. Events](https://snippet.dhtmlx.com/l38pct7c) \ No newline at end of file diff --git a/docs/api/selection/clear_method.md b/docs/api/selection/clear_method.md new file mode 100644 index 000000000..a2cde265a --- /dev/null +++ b/docs/api/selection/clear_method.md @@ -0,0 +1,40 @@ +--- +sidebar_label: clear() +title: clear Method of Selection +description: You can learn about the clear method of selection in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# clear() + +### Description + +@short: Clears the selection list without invoking events + +### Usage + +~~~jsx +clear(): void; +~~~ + +### Example + +~~~jsx {8} +// a diagram must be created with the "select:true" option +const diagram = new dhx.Diagram("diagram_container", { + select: true +}); +// loading data +diagram.data.parse(data); + +diagram.selection.clear(); +// the Selection events are not fired +~~~ + +**Change log**: Added in v6.0 + +**Related articles**: + +- [diagram.config.select](../../../api/diagram/select_property/) +- [Selecting items](../../../guides/manipulating_items/#selecting-items) + +**Related sample**: [Diagram. Selection. Item selection](https://snippet.dhtmlx.com/jyoxn5h7) diff --git a/docs/api/selection/getid_method.md b/docs/api/selection/getid_method.md deleted file mode 100644 index 92a60337f..000000000 --- a/docs/api/selection/getid_method.md +++ /dev/null @@ -1,42 +0,0 @@ ---- -sidebar_label: getId() -title: getId Method of Selection -description: You can learn about the getId method of selection in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# getId() - -### Description - -@short: Returns the id of the selected item - -### Usage - -~~~js -getId(): string | number; -~~~ - -### Returns - -The method returns the id of the selected item - -### Example - -~~~js {7} -// diagram must be created with the "select:true" option -const diagram = new dhx.Diagram("diagram_container", { - select: true -}); -diagram.data.parse(data); - -const id = diagram.selection.getId(); // -> "2" -~~~ - -**Related articles**: -- [diagram.config.select](../../../api/diagram/select_property/) -- [Selecting items](../../../guides/manipulating_items/#selecting-items) - -**Related samples**: - -- [Diagram. Selection. Item selection](https://snippet.dhtmlx.com/jyoxn5h7) -- [Diagram. Default mode. Item selection](https://snippet.dhtmlx.com/tcny4obw) \ No newline at end of file diff --git a/docs/api/selection/getids_method.md b/docs/api/selection/getids_method.md new file mode 100644 index 000000000..91c555e73 --- /dev/null +++ b/docs/api/selection/getids_method.md @@ -0,0 +1,43 @@ +--- +sidebar_label: getIds() +title: getIds Method of Selection +description: You can learn about the getIds method of selection in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# getIds() + +### Description + +@short: Returns the list of ids of selected items + +### Usage + +~~~jsx +getIds(): (string | number)[] +~~~ + +### Returns + +The method returns the list of ids of selected items as an array + +### Example + +~~~jsx {8} +// a diagram must be created with the "select:true" option +const diagram = new dhx.Diagram("diagram_container", { + select: true +}); +// loading data +diagram.data.parse(data); + +const ids = diagram.selection.getIds(); // -> ["1", "1.1", ...] or [] +~~~ + +**Change log**: Added in v6.0 + +**Related articles**: + +- [diagram.config.select](../../../api/diagram/select_property/) +- [Selecting items](../../../guides/manipulating_items/#selecting-items) + +**Related samples**: [Diagram. Selection. Item selection](https://snippet.dhtmlx.com/jyoxn5h7) diff --git a/docs/api/selection/getitem_method.md b/docs/api/selection/getitem_method.md index 98d51bc19..b58cc60aa 100644 --- a/docs/api/selection/getitem_method.md +++ b/docs/api/selection/getitem_method.md @@ -8,37 +8,59 @@ description: You can learn about the getItem method of selection in the document ### Description -@short: Returns the object of the selected item +@short: Returns the object of the specified selected item or of the last selected item when called without arguments ### Usage -~~~js +~~~jsx +getItem({ + id: string | number +}): object; + +//or + getItem(): object; ~~~ +### Parameters + +The method takes as an argument an object with the following parameter: + +- `id` - (required) the id of the item in question + ### Returns -The method returns the object of a selected item +The method returns the object of the specified item, if it is in the selection list, or the object of the last selected item, if called without arguments ### Example -~~~js {7-8} -// diagram must be created with the "select:true" option +~~~jsx {9-11,13-15,17-19} +// a diagram must be created with the "select:true" option const diagram = new dhx.Diagram("diagram_container", { select: true }); +// loading data diagram.data.parse(data); -const shape = diagram.selection.getItem(); -// -> {id: "3", text: "Technical Director", title: "Jerry Wagner", …} +console.log(diagram.selection.getIds()); // -> ["1", "2", "3"] +// getting the last selected item +const item = diagram.selection.getItem(); +// -> {id: "3", text: "Technical Director", title: "Jerry Wagner"} + +// getting the selected item by id +const item = diagram.selection.getItem({ id: "1" }); +// -> {id: "1", text: "Chairman & CEO", title: "Henry Bennett"} + +// trying to get an item which is not in the selection list +const item = diagram.selection.getItem({ id: "4" }); +// -> returns undefined, since there is no item with the specified id in the selection list ~~~ +**Change log**: Updated in v6.0 + **Related articles**: - [diagram.config.select](../../../api/diagram/select_property/) - [Selecting items](../../../guides/manipulating_items/#selecting-items) -**Related samples**: - -- [Diagram. Selection. Item selection](https://snippet.dhtmlx.com/jyoxn5h7) -- [Diagram. Default mode. Item selection](https://snippet.dhtmlx.com/tcny4obw) \ No newline at end of file +**Related samples**: [Diagram. Selection. Item selection](https://snippet.dhtmlx.com/jyoxn5h7) diff --git a/docs/api/selection/getsubid_method.md b/docs/api/selection/getsubid_method.md deleted file mode 100644 index d981364b8..000000000 --- a/docs/api/selection/getsubid_method.md +++ /dev/null @@ -1,42 +0,0 @@ ---- -sidebar_label: getSubId() -title: getSubId Method of Selection -description: You can learn about the getSubId method of selection in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# getSubId() - -### Description - -@short: Returns the subId (if any) of the selected item - -### Usage - -~~~js -getSubId(): string | number; -~~~ - -### Returns - -The method returns the subId (if any) of the selected item - -### Example - -~~~js {7} -// diagram must be created with the "select:true" option -const diagram = new dhx.Diagram("diagram_container", { - select: true -}); -diagram.data.parse(data); - -const subid = diagram.selection.getSubId(); // -> "2" -~~~ - -**Change log**: Added in v4.1 - -**Related articles**: [Selecting items](../../../guides/manipulating_items/#selecting-items) - -**Related samples**: - -- [Diagram. Selection. Item selection](https://snippet.dhtmlx.com/jyoxn5h7) -- [Diagram. Default mode. Item selection](https://snippet.dhtmlx.com/tcny4obw) \ No newline at end of file diff --git a/docs/api/selection/includes_method.md b/docs/api/selection/includes_method.md new file mode 100644 index 000000000..6e4f353c0 --- /dev/null +++ b/docs/api/selection/includes_method.md @@ -0,0 +1,53 @@ +--- +sidebar_label: includes() +title: includes Method of Selection +description: You can learn about the includes method of selection in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# includes() + +### Description + +@short: Checks whether an element is in the selection list + +### Usage + +~~~jsx +includes({ + id: string | number +}): boolean; +~~~ + +### Parameters + +The method takes as an argument an object with the following parameters: + +- `id` - (required) the id of the checked item + +### Returns + +The method returns `true` if the element is in the selected list, otherwise `false` + +### Example + +~~~jsx {9-10} +// a diagram must be created with the "select:true" option +const diagram = new dhx.Diagram("diagram_container", { + select: true +}); +// loading data +diagram.data.parse(data); + +diagram.selection.getIds(); // -> ["1", "2", "3"] +diagram.selection.includes({ id: "1" }) // returns true +diagram.selection.includes({ id: "4" }) // returns false +~~~ + +**Change log**: Added in v6.0 + +**Related articles**: + +- [diagram.config.select](../../../api/diagram/select_property/) +- [Selecting items](../../../guides/manipulating_items/#selecting-items) + +**Related samples**: [Diagram. Selection. Item selection](https://snippet.dhtmlx.com/jyoxn5h7) diff --git a/docs/api/selection/index.md b/docs/api/selection/index.md index 3de016261..27092db85 100644 --- a/docs/api/selection/index.md +++ b/docs/api/selection/index.md @@ -6,16 +6,17 @@ description: You can learn about the selection overview in the documentation of # Selection overview -A set of API that you can use when working with selection of the Diagram items. The API is available both in the diagram and in the editor. +A set of APIs that you can use when working with selection of the Diagram items. The API is available both in the diagram and in the editor. ## Methods | Name | Description | | :----------------------------------- | :------------------------------------------ | | [](api/selection/add_method.md) | @getshort(api/selection/add_method.md) | -| [](api/selection/getid_method.md) | @getshort(api/selection/getid_method.md) | +| [](api/selection/clear_method.md) | @getshort(api/selection/clear_method.md) | +| [](api/selection/getids_method.md) | @getshort(api/selection/getids_method.md) | | [](api/selection/getitem_method.md) | @getshort(api/selection/getitem_method.md) | -| [](api/selection/getsubid_method.md) | @getshort(api/selection/getsubid_method.md) | +| [](api/selection/includes_method.md) | @getshort(api/selection/includes_method.md) | | [](api/selection/remove_method.md) | @getshort(api/selection/remove_method.md) | ## Events diff --git a/docs/api/selection/remove_method.md b/docs/api/selection/remove_method.md index 762e10183..1371f7b19 100644 --- a/docs/api/selection/remove_method.md +++ b/docs/api/selection/remove_method.md @@ -8,46 +8,66 @@ description: You can learn about the remove method of selection in the documenta ### Description -@short: Unselects a previously selected item +@short: Removes the specified item or all the items from the selection list when called without arguments ### Usage -~~~js -remove( - id?: string | number, - subId?: string | number -): boolean +~~~jsx +remove({ + id: string | number +}): boolean; + +//or + +remove(): boolean; ~~~ ### Parameters -- `id` - (optional) the item id -- `subId` - (optional) the id of a subheader of a swimlane or a text element of a line +The method may take as an argument an object with the following parameter: + +- `id` - (required) the id of the item that should be removed from the selection list ### Returns -The method returns `true` if the item is unselected, otherwise `false` +The method returns `true` if unselection of an item or the list cleanup has been successful ### Example -~~~js {7-8} -// diagram must be created with the "select:true" option +~~~jsx {9} +// a diagram must be created with the "select:true" option const diagram = new dhx.Diagram("diagram_container", { select: true }); +// loading data diagram.data.parse(data); -diagram.selection.remove("1"); // -> true -diagram.paint(); +console.log(diagram.selection.getIds()); // -> ["1", "2", "3"] +diagram.selection.remove({ id: "3" }); // -> returns true if the item has been unselected +console.log(diagram.selection.getIds()); // -> ["1", "2"] ~~~ -{{note Please note that you need to call the **paint()** method to repaint the diagram after removing selection.}} +When called without arguments, the method clears the selection list: + +~~~jsx {9-10} +// a diagram must be created with the "select:true" option +const diagram = new dhx.Diagram("diagram_container", { + select: true +}); +// loading data +diagram.data.parse(data); + +console.log(diagram.selection.getIds()); // -> ["1", "2", "3"] +// removes all the items from the selection list +diagram.selection.remove(); +console.log(diagram.selection.getIds()); // -> [] +~~~ + +**Change log**: Updated in v6.0 + +**Related articles**: -**Related articles**: - [diagram.config.select](../../../api/diagram/select_property/) - [Selecting items](../../../guides/manipulating_items/#selecting-items) -**Related samples**: - -- [Diagram. Selection. Item selection](https://snippet.dhtmlx.com/jyoxn5h7) -- [Diagram. Default mode. Item selection](https://snippet.dhtmlx.com/tcny4obw) \ No newline at end of file +**Related samples**: [Diagram. Selection. Item selection](https://snippet.dhtmlx.com/jyoxn5h7) diff --git a/docs/assets/arrange_type.png b/docs/assets/arrange_type.png deleted file mode 100644 index 859ede266..000000000 Binary files a/docs/assets/arrange_type.png and /dev/null differ diff --git a/docs/assets/child_shape_toolbar.png b/docs/assets/child_shape_toolbar.png deleted file mode 100644 index f51b6c465..000000000 Binary files a/docs/assets/child_shape_toolbar.png and /dev/null differ diff --git a/docs/assets/child_shape_toolbar1.png b/docs/assets/child_shape_toolbar1.png deleted file mode 100644 index c96b6924d..000000000 Binary files a/docs/assets/child_shape_toolbar1.png and /dev/null differ diff --git a/docs/assets/connector.png b/docs/assets/connector.png deleted file mode 100644 index 92f615d81..000000000 Binary files a/docs/assets/connector.png and /dev/null differ diff --git a/docs/assets/connector_mindmap.png b/docs/assets/connector_mindmap.png deleted file mode 100644 index 213c066f8..000000000 Binary files a/docs/assets/connector_mindmap.png and /dev/null differ diff --git a/docs/assets/connector_sidebar.png b/docs/assets/connector_sidebar.png deleted file mode 100644 index 647f7fd60..000000000 Binary files a/docs/assets/connector_sidebar.png and /dev/null differ diff --git a/docs/assets/custom_mindmap_editor.png b/docs/assets/custom_mindmap_editor.png deleted file mode 100644 index 16f3f5478..000000000 Binary files a/docs/assets/custom_mindmap_editor.png and /dev/null differ diff --git a/docs/assets/custom_network_shape.png b/docs/assets/custom_network_shape.png deleted file mode 100644 index d0a537d13..000000000 Binary files a/docs/assets/custom_network_shape.png and /dev/null differ diff --git a/docs/assets/custom_shape.png b/docs/assets/custom_shape.png deleted file mode 100644 index 345893514..000000000 Binary files a/docs/assets/custom_shape.png and /dev/null differ diff --git a/docs/assets/customshape_mindmap_editor.png b/docs/assets/customshape_mindmap_editor.png deleted file mode 100644 index 4e13a992d..000000000 Binary files a/docs/assets/customshape_mindmap_editor.png and /dev/null differ diff --git a/docs/assets/dark_high_contrast_theme.png b/docs/assets/dark_high_contrast_theme.png new file mode 100644 index 000000000..b7cc69bff Binary files /dev/null and b/docs/assets/dark_high_contrast_theme.png differ diff --git a/docs/assets/dark_theme.png b/docs/assets/dark_theme.png new file mode 100644 index 000000000..8d7a29ecc Binary files /dev/null and b/docs/assets/dark_theme.png differ diff --git a/docs/assets/default_editor.png b/docs/assets/default_editor.png new file mode 100644 index 000000000..fb0984a93 Binary files /dev/null and b/docs/assets/default_editor.png differ diff --git a/docs/assets/defaultchart_with_title.png b/docs/assets/defaultchart_with_title.png deleted file mode 100644 index 1e22f2129..000000000 Binary files a/docs/assets/defaultchart_with_title.png and /dev/null differ diff --git a/docs/assets/diagram-editor-toolbar/arrange-default-mode.png b/docs/assets/diagram-editor-toolbar/arrange-default-mode.png new file mode 100755 index 000000000..c2f3e8c6b Binary files /dev/null and b/docs/assets/diagram-editor-toolbar/arrange-default-mode.png differ diff --git a/docs/assets/diagram-editor-toolbar/edit-default-mode.png b/docs/assets/diagram-editor-toolbar/edit-default-mode.png new file mode 100755 index 000000000..a30a9f7d4 Binary files /dev/null and b/docs/assets/diagram-editor-toolbar/edit-default-mode.png differ diff --git a/docs/assets/diagram-editor-toolbar/edit-org-mode.png b/docs/assets/diagram-editor-toolbar/edit-org-mode.png new file mode 100755 index 000000000..96672c834 Binary files /dev/null and b/docs/assets/diagram-editor-toolbar/edit-org-mode.png differ diff --git a/docs/assets/diagram-editor-toolbar/file-default-mode.png b/docs/assets/diagram-editor-toolbar/file-default-mode.png new file mode 100755 index 000000000..41ecca916 Binary files /dev/null and b/docs/assets/diagram-editor-toolbar/file-default-mode.png differ diff --git a/docs/assets/diagram-editor-toolbar/file-org-mode.png b/docs/assets/diagram-editor-toolbar/file-org-mode.png new file mode 100755 index 000000000..1c93664b0 Binary files /dev/null and b/docs/assets/diagram-editor-toolbar/file-org-mode.png differ diff --git a/docs/assets/diagram-editor-toolbar/scale-all-modes.png b/docs/assets/diagram-editor-toolbar/scale-all-modes.png new file mode 100755 index 000000000..837ef7f3c Binary files /dev/null and b/docs/assets/diagram-editor-toolbar/scale-all-modes.png differ diff --git a/docs/assets/diagram-editor-toolbar/scale-default-mode.png b/docs/assets/diagram-editor-toolbar/scale-default-mode.png new file mode 100755 index 000000000..98a93d9fd Binary files /dev/null and b/docs/assets/diagram-editor-toolbar/scale-default-mode.png differ diff --git a/docs/assets/diagram-editor-toolbar/scale-org-mode.png b/docs/assets/diagram-editor-toolbar/scale-org-mode.png new file mode 100755 index 000000000..18b5368cf Binary files /dev/null and b/docs/assets/diagram-editor-toolbar/scale-org-mode.png differ diff --git a/docs/assets/diagram-editor-toolbar/view-default-mode.png b/docs/assets/diagram-editor-toolbar/view-default-mode.png new file mode 100755 index 000000000..1646ccd74 Binary files /dev/null and b/docs/assets/diagram-editor-toolbar/view-default-mode.png differ diff --git a/docs/assets/diagram-editor-toolbar/view-org-mode.png b/docs/assets/diagram-editor-toolbar/view-org-mode.png new file mode 100755 index 000000000..6f0839f09 Binary files /dev/null and b/docs/assets/diagram-editor-toolbar/view-org-mode.png differ diff --git a/docs/assets/diagram_and_orgchart.png b/docs/assets/diagram_and_orgchart.png deleted file mode 100644 index c837382a4..000000000 Binary files a/docs/assets/diagram_and_orgchart.png and /dev/null differ diff --git a/docs/assets/diagram_basic.png b/docs/assets/diagram_basic.png deleted file mode 100644 index 3774f373d..000000000 Binary files a/docs/assets/diagram_basic.png and /dev/null differ diff --git a/docs/assets/diagram_connector_sidebar.png b/docs/assets/diagram_connector_sidebar.png deleted file mode 100644 index 0217173e2..000000000 Binary files a/docs/assets/diagram_connector_sidebar.png and /dev/null differ diff --git a/docs/assets/diagram_editor.png b/docs/assets/diagram_editor.png deleted file mode 100644 index e247d531b..000000000 Binary files a/docs/assets/diagram_editor.png and /dev/null differ diff --git a/docs/assets/diagram_editor2.png b/docs/assets/diagram_editor2.png deleted file mode 100644 index fdb7c8858..000000000 Binary files a/docs/assets/diagram_editor2.png and /dev/null differ diff --git a/docs/assets/diagram_editor_new.png b/docs/assets/diagram_editor_new.png deleted file mode 100644 index 1fcd3737c..000000000 Binary files a/docs/assets/diagram_editor_new.png and /dev/null differ diff --git a/docs/assets/diagram_editor_new1.png b/docs/assets/diagram_editor_new1.png deleted file mode 100644 index cfcd544d6..000000000 Binary files a/docs/assets/diagram_editor_new1.png and /dev/null differ diff --git a/docs/assets/diagram_editor_new2.png b/docs/assets/diagram_editor_new2.png deleted file mode 100644 index 9c8c15e0c..000000000 Binary files a/docs/assets/diagram_editor_new2.png and /dev/null differ diff --git a/docs/assets/diagram_mixed.png b/docs/assets/diagram_mixed.png deleted file mode 100644 index 3e3a563a9..000000000 Binary files a/docs/assets/diagram_mixed.png and /dev/null differ diff --git a/docs/assets/diagram_sidebar_settings.png b/docs/assets/diagram_sidebar_settings.png deleted file mode 100644 index 61cb978c9..000000000 Binary files a/docs/assets/diagram_sidebar_settings.png and /dev/null differ diff --git a/docs/assets/diagram_toolbar/configure_diagram_toolbar.png b/docs/assets/diagram_toolbar/configure_diagram_toolbar.png deleted file mode 100644 index 74fb7aea7..000000000 Binary files a/docs/assets/diagram_toolbar/configure_diagram_toolbar.png and /dev/null differ diff --git a/docs/assets/diagram_toolbar/custom_toolbar_control.png b/docs/assets/diagram_toolbar/custom_toolbar_control.png deleted file mode 100644 index e4d8bbfb8..000000000 Binary files a/docs/assets/diagram_toolbar/custom_toolbar_control.png and /dev/null differ diff --git a/docs/assets/diagram_toolbar/default_diagram_toolbar.png b/docs/assets/diagram_toolbar/default_diagram_toolbar.png deleted file mode 100644 index 89398241f..000000000 Binary files a/docs/assets/diagram_toolbar/default_diagram_toolbar.png and /dev/null differ diff --git a/docs/assets/diagram_toolbar/diagram_toolbar_controls.png b/docs/assets/diagram_toolbar/diagram_toolbar_controls.png deleted file mode 100644 index 72795488d..000000000 Binary files a/docs/assets/diagram_toolbar/diagram_toolbar_controls.png and /dev/null differ diff --git a/docs/assets/diagram_toolbar/fullcustom_toolbar_control.png b/docs/assets/diagram_toolbar/fullcustom_toolbar_control.png deleted file mode 100644 index 517dd804f..000000000 Binary files a/docs/assets/diagram_toolbar/fullcustom_toolbar_control.png and /dev/null differ diff --git a/docs/assets/diagram_toolbar/fullcustom_toolbar_control1.png b/docs/assets/diagram_toolbar/fullcustom_toolbar_control1.png deleted file mode 100644 index abb2d3870..000000000 Binary files a/docs/assets/diagram_toolbar/fullcustom_toolbar_control1.png and /dev/null differ diff --git a/docs/assets/diagram_with_arrows.png b/docs/assets/diagram_with_arrows.png deleted file mode 100644 index e542d08aa..000000000 Binary files a/docs/assets/diagram_with_arrows.png and /dev/null differ diff --git a/docs/assets/editbar-basic-controls/avatar.png b/docs/assets/editbar-basic-controls/avatar.png new file mode 100644 index 000000000..f150f197d Binary files /dev/null and b/docs/assets/editbar-basic-controls/avatar.png differ diff --git a/docs/assets/editbar-basic-controls/button.png b/docs/assets/editbar-basic-controls/button.png new file mode 100644 index 000000000..c2adea3e4 Binary files /dev/null and b/docs/assets/editbar-basic-controls/button.png differ diff --git a/docs/assets/editbar-basic-controls/checkbox.png b/docs/assets/editbar-basic-controls/checkbox.png new file mode 100644 index 000000000..dd50b1405 Binary files /dev/null and b/docs/assets/editbar-basic-controls/checkbox.png differ diff --git a/docs/assets/editbar-basic-controls/checkboxgroup.png b/docs/assets/editbar-basic-controls/checkboxgroup.png new file mode 100644 index 000000000..900418c2f Binary files /dev/null and b/docs/assets/editbar-basic-controls/checkboxgroup.png differ diff --git a/docs/assets/editbar-basic-controls/colorpicker.png b/docs/assets/editbar-basic-controls/colorpicker.png new file mode 100644 index 000000000..6803e6295 Binary files /dev/null and b/docs/assets/editbar-basic-controls/colorpicker.png differ diff --git a/docs/assets/editbar-basic-controls/combo.png b/docs/assets/editbar-basic-controls/combo.png new file mode 100644 index 000000000..fb8c2ebdf Binary files /dev/null and b/docs/assets/editbar-basic-controls/combo.png differ diff --git a/docs/assets/editbar-basic-controls/container.png b/docs/assets/editbar-basic-controls/container.png new file mode 100644 index 000000000..6cb53b0bc Binary files /dev/null and b/docs/assets/editbar-basic-controls/container.png differ diff --git a/docs/assets/editbar-basic-controls/datepicker.png b/docs/assets/editbar-basic-controls/datepicker.png new file mode 100644 index 000000000..24d9e8821 Binary files /dev/null and b/docs/assets/editbar-basic-controls/datepicker.png differ diff --git a/docs/assets/editbar-basic-controls/fieldset.png b/docs/assets/editbar-basic-controls/fieldset.png new file mode 100644 index 000000000..2b0ed4eda Binary files /dev/null and b/docs/assets/editbar-basic-controls/fieldset.png differ diff --git a/docs/assets/editbar-basic-controls/input.png b/docs/assets/editbar-basic-controls/input.png new file mode 100644 index 000000000..6bfb00bfe Binary files /dev/null and b/docs/assets/editbar-basic-controls/input.png differ diff --git a/docs/assets/editbar-basic-controls/radiogroup.png b/docs/assets/editbar-basic-controls/radiogroup.png new file mode 100644 index 000000000..0b763b925 Binary files /dev/null and b/docs/assets/editbar-basic-controls/radiogroup.png differ diff --git a/docs/assets/editbar-basic-controls/select.png b/docs/assets/editbar-basic-controls/select.png new file mode 100644 index 000000000..1f23d31cb Binary files /dev/null and b/docs/assets/editbar-basic-controls/select.png differ diff --git a/docs/assets/editbar-basic-controls/slider.png b/docs/assets/editbar-basic-controls/slider.png new file mode 100644 index 000000000..16d1d4c30 Binary files /dev/null and b/docs/assets/editbar-basic-controls/slider.png differ diff --git a/docs/assets/editbar-basic-controls/textarea.png b/docs/assets/editbar-basic-controls/textarea.png new file mode 100644 index 000000000..4b0f8dc89 Binary files /dev/null and b/docs/assets/editbar-basic-controls/textarea.png differ diff --git a/docs/assets/editbar-basic-controls/timepicker.png b/docs/assets/editbar-basic-controls/timepicker.png new file mode 100644 index 000000000..452a90d41 Binary files /dev/null and b/docs/assets/editbar-basic-controls/timepicker.png differ diff --git a/docs/assets/editbar-basic-controls/toggle.png b/docs/assets/editbar-basic-controls/toggle.png new file mode 100644 index 000000000..8185586e1 Binary files /dev/null and b/docs/assets/editbar-basic-controls/toggle.png differ diff --git a/docs/assets/editbar-basic-controls/togglegroup.png b/docs/assets/editbar-basic-controls/togglegroup.png new file mode 100644 index 000000000..8bf6388e9 Binary files /dev/null and b/docs/assets/editbar-basic-controls/togglegroup.png differ diff --git a/docs/assets/editbar-complex-controls/arrange.png b/docs/assets/editbar-complex-controls/arrange.png new file mode 100755 index 000000000..a4b3f3cc8 Binary files /dev/null and b/docs/assets/editbar-complex-controls/arrange.png differ diff --git a/docs/assets/editbar-complex-controls/border.png b/docs/assets/editbar-complex-controls/border.png new file mode 100755 index 000000000..0c05c7786 Binary files /dev/null and b/docs/assets/editbar-complex-controls/border.png differ diff --git a/docs/assets/editbar-complex-controls/gridstep.png b/docs/assets/editbar-complex-controls/gridstep.png new file mode 100755 index 000000000..b683fa055 Binary files /dev/null and b/docs/assets/editbar-complex-controls/gridstep.png differ diff --git a/docs/assets/editbar-complex-controls/header.png b/docs/assets/editbar-complex-controls/header.png new file mode 100755 index 000000000..7d0f1bf09 Binary files /dev/null and b/docs/assets/editbar-complex-controls/header.png differ diff --git a/docs/assets/editbar-complex-controls/headercommon.png b/docs/assets/editbar-complex-controls/headercommon.png new file mode 100755 index 000000000..7e0bbfe9b Binary files /dev/null and b/docs/assets/editbar-complex-controls/headercommon.png differ diff --git a/docs/assets/editbar-complex-controls/headerposition.png b/docs/assets/editbar-complex-controls/headerposition.png new file mode 100755 index 000000000..2a898a7f6 Binary files /dev/null and b/docs/assets/editbar-complex-controls/headerposition.png differ diff --git a/docs/assets/editbar-complex-controls/lineshape.png b/docs/assets/editbar-complex-controls/lineshape.png new file mode 100755 index 000000000..6c7d613cf Binary files /dev/null and b/docs/assets/editbar-complex-controls/lineshape.png differ diff --git a/docs/assets/editbar-complex-controls/pointerview.png b/docs/assets/editbar-complex-controls/pointerview.png new file mode 100755 index 000000000..f1f1cb0e9 Binary files /dev/null and b/docs/assets/editbar-complex-controls/pointerview.png differ diff --git a/docs/assets/editbar-complex-controls/position.png b/docs/assets/editbar-complex-controls/position.png new file mode 100755 index 000000000..ca8caa9da Binary files /dev/null and b/docs/assets/editbar-complex-controls/position.png differ diff --git a/docs/assets/editbar-complex-controls/size.png b/docs/assets/editbar-complex-controls/size.png new file mode 100755 index 000000000..7254dc761 Binary files /dev/null and b/docs/assets/editbar-complex-controls/size.png differ diff --git a/docs/assets/editbar-complex-controls/textalign.png b/docs/assets/editbar-complex-controls/textalign.png new file mode 100755 index 000000000..13437e2ee Binary files /dev/null and b/docs/assets/editbar-complex-controls/textalign.png differ diff --git a/docs/assets/editbar-complex-controls/textstyle.png b/docs/assets/editbar-complex-controls/textstyle.png new file mode 100755 index 000000000..544d0b8a2 Binary files /dev/null and b/docs/assets/editbar-complex-controls/textstyle.png differ diff --git a/docs/assets/editing_diagram_connector.png b/docs/assets/editing_diagram_connector.png deleted file mode 100644 index a6c854c0b..000000000 Binary files a/docs/assets/editing_diagram_connector.png and /dev/null differ diff --git a/docs/assets/editing_diagram_shape.png b/docs/assets/editing_diagram_shape.png deleted file mode 100644 index 601d4565c..000000000 Binary files a/docs/assets/editing_diagram_shape.png and /dev/null differ diff --git a/docs/assets/editing_mindmap_shape.png b/docs/assets/editing_mindmap_shape.png deleted file mode 100644 index 14fa9898b..000000000 Binary files a/docs/assets/editing_mindmap_shape.png and /dev/null differ diff --git a/docs/assets/editing_shape.png b/docs/assets/editing_shape.png deleted file mode 100644 index 6ee39cae9..000000000 Binary files a/docs/assets/editing_shape.png and /dev/null differ diff --git a/docs/assets/editor/align_left.png b/docs/assets/editor/align_left.png deleted file mode 100644 index 34c02470a..000000000 Binary files a/docs/assets/editor/align_left.png and /dev/null differ diff --git a/docs/assets/editor/arrange.png b/docs/assets/editor/arrange.png deleted file mode 100644 index c2941d546..000000000 Binary files a/docs/assets/editor/arrange.png and /dev/null differ diff --git a/docs/assets/editor/arrange1.png b/docs/assets/editor/arrange1.png deleted file mode 100644 index e996653bb..000000000 Binary files a/docs/assets/editor/arrange1.png and /dev/null differ diff --git a/docs/assets/editor/card_sidebar.png b/docs/assets/editor/card_sidebar.png deleted file mode 100644 index e5fc93e4e..000000000 Binary files a/docs/assets/editor/card_sidebar.png and /dev/null differ diff --git a/docs/assets/editor/coincidence_lines.gif b/docs/assets/editor/coincidence_lines.gif deleted file mode 100644 index 8d66adf53..000000000 Binary files a/docs/assets/editor/coincidence_lines.gif and /dev/null differ diff --git a/docs/assets/editor/color.png b/docs/assets/editor/color.png deleted file mode 100644 index 5a410e58a..000000000 Binary files a/docs/assets/editor/color.png and /dev/null differ diff --git a/docs/assets/editor/fill.png b/docs/assets/editor/fill.png deleted file mode 100644 index f978fbe53..000000000 Binary files a/docs/assets/editor/fill.png and /dev/null differ diff --git a/docs/assets/editor/flowchart_sidebar.png b/docs/assets/editor/flowchart_sidebar.png deleted file mode 100644 index 8b72dc084..000000000 Binary files a/docs/assets/editor/flowchart_sidebar.png and /dev/null differ diff --git a/docs/assets/editor/grid_step.png b/docs/assets/editor/grid_step.png deleted file mode 100644 index aa5fa7459..000000000 Binary files a/docs/assets/editor/grid_step.png and /dev/null differ diff --git a/docs/assets/editor/header.png b/docs/assets/editor/header.png deleted file mode 100644 index 168293236..000000000 Binary files a/docs/assets/editor/header.png and /dev/null differ diff --git a/docs/assets/editor/header_fill.png b/docs/assets/editor/header_fill.png deleted file mode 100644 index ebf6c70c9..000000000 Binary files a/docs/assets/editor/header_fill.png and /dev/null differ diff --git a/docs/assets/editor/header_position.png b/docs/assets/editor/header_position.png deleted file mode 100644 index 24d1b18ad..000000000 Binary files a/docs/assets/editor/header_position.png and /dev/null differ diff --git a/docs/assets/editor/header_settings.png b/docs/assets/editor/header_settings.png deleted file mode 100644 index d67f749f9..000000000 Binary files a/docs/assets/editor/header_settings.png and /dev/null differ diff --git a/docs/assets/editor/header_style.png b/docs/assets/editor/header_style.png deleted file mode 100644 index 0da68dd04..000000000 Binary files a/docs/assets/editor/header_style.png and /dev/null differ diff --git a/docs/assets/editor/header_text.png b/docs/assets/editor/header_text.png deleted file mode 100644 index b4d68d12a..000000000 Binary files a/docs/assets/editor/header_text.png and /dev/null differ diff --git a/docs/assets/editor/image.png b/docs/assets/editor/image.png deleted file mode 100644 index 7d42b0495..000000000 Binary files a/docs/assets/editor/image.png and /dev/null differ diff --git a/docs/assets/editor/line_stroke.png b/docs/assets/editor/line_stroke.png deleted file mode 100644 index 831cb4006..000000000 Binary files a/docs/assets/editor/line_stroke.png and /dev/null differ diff --git a/docs/assets/editor/line_title_fill.png b/docs/assets/editor/line_title_fill.png deleted file mode 100644 index 32e84a242..000000000 Binary files a/docs/assets/editor/line_title_fill.png and /dev/null differ diff --git a/docs/assets/editor/line_title_text.png b/docs/assets/editor/line_title_text.png deleted file mode 100644 index 90d51489e..000000000 Binary files a/docs/assets/editor/line_title_text.png and /dev/null differ diff --git a/docs/assets/editor/line_title_text_style.png b/docs/assets/editor/line_title_text_style.png deleted file mode 100644 index c956c8060..000000000 Binary files a/docs/assets/editor/line_title_text_style.png and /dev/null differ diff --git a/docs/assets/editor/line_with_text.png b/docs/assets/editor/line_with_text.png deleted file mode 100644 index 21791d2a2..000000000 Binary files a/docs/assets/editor/line_with_text.png and /dev/null differ diff --git a/docs/assets/editor/position.png b/docs/assets/editor/position.png deleted file mode 100644 index cad49c8ce..000000000 Binary files a/docs/assets/editor/position.png and /dev/null differ diff --git a/docs/assets/editor/size.png b/docs/assets/editor/size.png deleted file mode 100644 index 8dd53f7ac..000000000 Binary files a/docs/assets/editor/size.png and /dev/null differ diff --git a/docs/assets/editor/stroke.png b/docs/assets/editor/stroke.png deleted file mode 100644 index 6fdffe376..000000000 Binary files a/docs/assets/editor/stroke.png and /dev/null differ diff --git a/docs/assets/editor/stroke1.png b/docs/assets/editor/stroke1.png deleted file mode 100644 index 53da78e4e..000000000 Binary files a/docs/assets/editor/stroke1.png and /dev/null differ diff --git a/docs/assets/editor/subheader_cols.png b/docs/assets/editor/subheader_cols.png deleted file mode 100644 index 058783acf..000000000 Binary files a/docs/assets/editor/subheader_cols.png and /dev/null differ diff --git a/docs/assets/editor/subheader_rows.png b/docs/assets/editor/subheader_rows.png deleted file mode 100644 index 20fd17b26..000000000 Binary files a/docs/assets/editor/subheader_rows.png and /dev/null differ diff --git a/docs/assets/editor/text.png b/docs/assets/editor/text.png deleted file mode 100644 index 819a7f191..000000000 Binary files a/docs/assets/editor/text.png and /dev/null differ diff --git a/docs/assets/editor/text_settings.png b/docs/assets/editor/text_settings.png deleted file mode 100644 index 909c7358a..000000000 Binary files a/docs/assets/editor/text_settings.png and /dev/null differ diff --git a/docs/assets/editor/title.png b/docs/assets/editor/title.png deleted file mode 100644 index c1b43bafc..000000000 Binary files a/docs/assets/editor/title.png and /dev/null differ diff --git a/docs/assets/editor/topic_sidebar.png b/docs/assets/editor/topic_sidebar.png deleted file mode 100644 index 89eac739a..000000000 Binary files a/docs/assets/editor/topic_sidebar.png and /dev/null differ diff --git a/docs/assets/editor_mode.png b/docs/assets/editor_mode.png deleted file mode 100644 index 8e699d440..000000000 Binary files a/docs/assets/editor_mode.png and /dev/null differ diff --git a/docs/assets/editor_toolbar.png b/docs/assets/editor_toolbar.png deleted file mode 100644 index 2eccf3e28..000000000 Binary files a/docs/assets/editor_toolbar.png and /dev/null differ diff --git a/docs/assets/fill_type.png b/docs/assets/fill_type.png deleted file mode 100644 index b058e9fe1..000000000 Binary files a/docs/assets/fill_type.png and /dev/null differ diff --git a/docs/assets/grid.png b/docs/assets/grid.png deleted file mode 100644 index b31187c3b..000000000 Binary files a/docs/assets/grid.png and /dev/null differ diff --git a/docs/assets/grid_type.png b/docs/assets/grid_type.png deleted file mode 100644 index 6c2483a1c..000000000 Binary files a/docs/assets/grid_type.png and /dev/null differ diff --git a/docs/assets/group.png b/docs/assets/group.png deleted file mode 100644 index 3e5d0df66..000000000 Binary files a/docs/assets/group.png and /dev/null differ diff --git a/docs/assets/icon_diagram_editor.png b/docs/assets/icon_diagram_editor.png deleted file mode 100644 index d4ebecb4d..000000000 Binary files a/docs/assets/icon_diagram_editor.png and /dev/null differ diff --git a/docs/assets/icon_orgchart.png b/docs/assets/icon_orgchart.png deleted file mode 100644 index 89bc46db3..000000000 Binary files a/docs/assets/icon_orgchart.png and /dev/null differ diff --git a/docs/assets/icon_wide_diagram1.png b/docs/assets/icon_wide_diagram1.png deleted file mode 100644 index 24d01c2eb..000000000 Binary files a/docs/assets/icon_wide_diagram1.png and /dev/null differ diff --git a/docs/assets/img_type.png b/docs/assets/img_type.png deleted file mode 100644 index d5598969e..000000000 Binary files a/docs/assets/img_type.png and /dev/null differ diff --git a/docs/assets/interface_elements.png b/docs/assets/interface_elements.png deleted file mode 100644 index 8467bc78a..000000000 Binary files a/docs/assets/interface_elements.png and /dev/null differ diff --git a/docs/assets/left_section_customize.png b/docs/assets/left_section_customize.png deleted file mode 100644 index 791ca7667..000000000 Binary files a/docs/assets/left_section_customize.png and /dev/null differ diff --git a/docs/assets/light_high_contrast_theme.png b/docs/assets/light_high_contrast_theme.png new file mode 100644 index 000000000..5cd136202 Binary files /dev/null and b/docs/assets/light_high_contrast_theme.png differ diff --git a/docs/assets/light_theme.png b/docs/assets/light_theme.png new file mode 100644 index 000000000..206dcc5de Binary files /dev/null and b/docs/assets/light_theme.png differ diff --git a/docs/assets/line_toolbar.png b/docs/assets/line_toolbar.png deleted file mode 100644 index 37df25cea..000000000 Binary files a/docs/assets/line_toolbar.png and /dev/null differ diff --git a/docs/assets/live_custom.png b/docs/assets/live_custom.png deleted file mode 100644 index 249529383..000000000 Binary files a/docs/assets/live_custom.png and /dev/null differ diff --git a/docs/assets/live_diagram.png b/docs/assets/live_diagram.png deleted file mode 100644 index b197f4911..000000000 Binary files a/docs/assets/live_diagram.png and /dev/null differ diff --git a/docs/assets/live_editor.png b/docs/assets/live_editor.png deleted file mode 100644 index 7f1ee0765..000000000 Binary files a/docs/assets/live_editor.png and /dev/null differ diff --git a/docs/assets/live_editor1.png b/docs/assets/live_editor1.png deleted file mode 100644 index 8afb0860a..000000000 Binary files a/docs/assets/live_editor1.png and /dev/null differ diff --git a/docs/assets/live_editor2.png b/docs/assets/live_editor2.png deleted file mode 100644 index 5885266c7..000000000 Binary files a/docs/assets/live_editor2.png and /dev/null differ diff --git a/docs/assets/live_orgchart.png b/docs/assets/live_orgchart.png deleted file mode 100644 index 930f30b64..000000000 Binary files a/docs/assets/live_orgchart.png and /dev/null differ diff --git a/docs/assets/liveeditor.png b/docs/assets/liveeditor.png deleted file mode 100644 index edd8a4fac..000000000 Binary files a/docs/assets/liveeditor.png and /dev/null differ diff --git a/docs/assets/med_card.png b/docs/assets/med_card.png deleted file mode 100644 index 9eef3f6b0..000000000 Binary files a/docs/assets/med_card.png and /dev/null differ diff --git a/docs/assets/medical_hierarchy.png b/docs/assets/medical_hierarchy.png deleted file mode 100644 index 2068cd993..000000000 Binary files a/docs/assets/medical_hierarchy.png and /dev/null differ diff --git a/docs/assets/mindmap.png b/docs/assets/mindmap.png deleted file mode 100644 index 996ff9b4d..000000000 Binary files a/docs/assets/mindmap.png and /dev/null differ diff --git a/docs/assets/mindmap_basic.png b/docs/assets/mindmap_basic.png deleted file mode 100644 index 2d4ec95df..000000000 Binary files a/docs/assets/mindmap_basic.png and /dev/null differ diff --git a/docs/assets/mindmap_direction.png b/docs/assets/mindmap_direction.png deleted file mode 100644 index 4b08534a6..000000000 Binary files a/docs/assets/mindmap_direction.png and /dev/null differ diff --git a/docs/assets/mindmap_editor.gif b/docs/assets/mindmap_editor.gif deleted file mode 100644 index dae29f1b8..000000000 Binary files a/docs/assets/mindmap_editor.gif and /dev/null differ diff --git a/docs/assets/mindmap_editor.png b/docs/assets/mindmap_editor.png deleted file mode 100644 index 464d61088..000000000 Binary files a/docs/assets/mindmap_editor.png and /dev/null differ diff --git a/docs/assets/mindmap_editor1.png b/docs/assets/mindmap_editor1.png deleted file mode 100644 index 9d9249aa9..000000000 Binary files a/docs/assets/mindmap_editor1.png and /dev/null differ diff --git a/docs/assets/mindmap_editor_draggable.png b/docs/assets/mindmap_editor_draggable.png new file mode 100644 index 000000000..2655b5882 Binary files /dev/null and b/docs/assets/mindmap_editor_draggable.png differ diff --git a/docs/assets/mindmap_shape_toolbar.png b/docs/assets/mindmap_shape_toolbar.png deleted file mode 100644 index 1c2f10872..000000000 Binary files a/docs/assets/mindmap_shape_toolbar.png and /dev/null differ diff --git a/docs/assets/mindmap_sidebar_settings.png b/docs/assets/mindmap_sidebar_settings.png deleted file mode 100644 index 04d061ca7..000000000 Binary files a/docs/assets/mindmap_sidebar_settings.png and /dev/null differ diff --git a/docs/assets/mindmap_toolbar/configure_mindmap_toolbar.png b/docs/assets/mindmap_toolbar/configure_mindmap_toolbar.png deleted file mode 100644 index 431112257..000000000 Binary files a/docs/assets/mindmap_toolbar/configure_mindmap_toolbar.png and /dev/null differ diff --git a/docs/assets/mindmap_toolbar/custom_toolbar_control.png b/docs/assets/mindmap_toolbar/custom_toolbar_control.png deleted file mode 100644 index 764eada25..000000000 Binary files a/docs/assets/mindmap_toolbar/custom_toolbar_control.png and /dev/null differ diff --git a/docs/assets/mindmap_toolbar/default_mindmap_toolbar.png b/docs/assets/mindmap_toolbar/default_mindmap_toolbar.png deleted file mode 100644 index 82389963d..000000000 Binary files a/docs/assets/mindmap_toolbar/default_mindmap_toolbar.png and /dev/null differ diff --git a/docs/assets/mindmap_toolbar/default_mindmap_toolbar1.png b/docs/assets/mindmap_toolbar/default_mindmap_toolbar1.png deleted file mode 100644 index 02c042f6f..000000000 Binary files a/docs/assets/mindmap_toolbar/default_mindmap_toolbar1.png and /dev/null differ diff --git a/docs/assets/mindmap_toolbar/fullcustom_toolbar_control.png b/docs/assets/mindmap_toolbar/fullcustom_toolbar_control.png deleted file mode 100644 index 5d61ebea3..000000000 Binary files a/docs/assets/mindmap_toolbar/fullcustom_toolbar_control.png and /dev/null differ diff --git a/docs/assets/mindmap_toolbar/fullcustom_toolbar_control1.png b/docs/assets/mindmap_toolbar/fullcustom_toolbar_control1.png deleted file mode 100644 index 53dd1529b..000000000 Binary files a/docs/assets/mindmap_toolbar/fullcustom_toolbar_control1.png and /dev/null differ diff --git a/docs/assets/mindmap_toolbar/mindmap_toolbar_controls.png b/docs/assets/mindmap_toolbar/mindmap_toolbar_controls.png deleted file mode 100644 index 4ca03b18d..000000000 Binary files a/docs/assets/mindmap_toolbar/mindmap_toolbar_controls.png and /dev/null differ diff --git a/docs/assets/mixed.png b/docs/assets/mixed.png deleted file mode 100644 index 1bc7476c5..000000000 Binary files a/docs/assets/mixed.png and /dev/null differ diff --git a/docs/assets/mixed_mindmap.png b/docs/assets/mixed_mindmap.png deleted file mode 100644 index 3b16d8e08..000000000 Binary files a/docs/assets/mixed_mindmap.png and /dev/null differ diff --git a/docs/assets/nested_lists.png b/docs/assets/nested_lists.png deleted file mode 100644 index 0ec0fafe1..000000000 Binary files a/docs/assets/nested_lists.png and /dev/null differ diff --git a/docs/assets/org_shape_toolbar.png b/docs/assets/org_shape_toolbar.png deleted file mode 100644 index d50601f79..000000000 Binary files a/docs/assets/org_shape_toolbar.png and /dev/null differ diff --git a/docs/assets/orgcard_editor.png b/docs/assets/orgcard_editor.png deleted file mode 100644 index 20f3c62d6..000000000 Binary files a/docs/assets/orgcard_editor.png and /dev/null differ diff --git a/docs/assets/orgchart_and_diagram.png b/docs/assets/orgchart_and_diagram.png deleted file mode 100644 index f12da131a..000000000 Binary files a/docs/assets/orgchart_and_diagram.png and /dev/null differ diff --git a/docs/assets/orgchart_connectors.png b/docs/assets/orgchart_connectors.png deleted file mode 100644 index f8cadc689..000000000 Binary files a/docs/assets/orgchart_connectors.png and /dev/null differ diff --git a/docs/assets/orgchart_connectors2.png b/docs/assets/orgchart_connectors2.png deleted file mode 100644 index 45b40d32a..000000000 Binary files a/docs/assets/orgchart_connectors2.png and /dev/null differ diff --git a/docs/assets/orgchart_custom_rightpanel.png b/docs/assets/orgchart_custom_rightpanel.png deleted file mode 100644 index 1701dd5bb..000000000 Binary files a/docs/assets/orgchart_custom_rightpanel.png and /dev/null differ diff --git a/docs/assets/orgchart_editor.gif b/docs/assets/orgchart_editor.gif deleted file mode 100644 index f6602e708..000000000 Binary files a/docs/assets/orgchart_editor.gif and /dev/null differ diff --git a/docs/assets/orgchart_editor.png b/docs/assets/orgchart_editor.png deleted file mode 100644 index 462bfa761..000000000 Binary files a/docs/assets/orgchart_editor.png and /dev/null differ diff --git a/docs/assets/orgchart_editor_assistant.png b/docs/assets/orgchart_editor_assistant.png new file mode 100644 index 000000000..8be262e34 Binary files /dev/null and b/docs/assets/orgchart_editor_assistant.png differ diff --git a/docs/assets/orgchart_editor_draggable.gif b/docs/assets/orgchart_editor_draggable.gif deleted file mode 100644 index 9b26acdcc..000000000 Binary files a/docs/assets/orgchart_editor_draggable.gif and /dev/null differ diff --git a/docs/assets/orgchart_editor_draggable.png b/docs/assets/orgchart_editor_draggable.png new file mode 100644 index 000000000..51b74f7c6 Binary files /dev/null and b/docs/assets/orgchart_editor_draggable.png differ diff --git a/docs/assets/orgchart_mixed.png b/docs/assets/orgchart_mixed.png deleted file mode 100644 index e98bbd141..000000000 Binary files a/docs/assets/orgchart_mixed.png and /dev/null differ diff --git a/docs/assets/orgchart_mixed1.png b/docs/assets/orgchart_mixed1.png deleted file mode 100644 index c1862a849..000000000 Binary files a/docs/assets/orgchart_mixed1.png and /dev/null differ diff --git a/docs/assets/orgchart_multiple_shapes.png b/docs/assets/orgchart_multiple_shapes.png deleted file mode 100644 index 490b5edba..000000000 Binary files a/docs/assets/orgchart_multiple_shapes.png and /dev/null differ diff --git a/docs/assets/orgchart_toolbar/configure_orgshape_toolbar.png b/docs/assets/orgchart_toolbar/configure_orgshape_toolbar.png deleted file mode 100644 index 28e96df66..000000000 Binary files a/docs/assets/orgchart_toolbar/configure_orgshape_toolbar.png and /dev/null differ diff --git a/docs/assets/orgchart_toolbar/custom_toolbar_control.png b/docs/assets/orgchart_toolbar/custom_toolbar_control.png deleted file mode 100644 index 3abd1b099..000000000 Binary files a/docs/assets/orgchart_toolbar/custom_toolbar_control.png and /dev/null differ diff --git a/docs/assets/orgchart_toolbar/default_orgshape_toolbar.png b/docs/assets/orgchart_toolbar/default_orgshape_toolbar.png deleted file mode 100644 index 2ecd321ab..000000000 Binary files a/docs/assets/orgchart_toolbar/default_orgshape_toolbar.png and /dev/null differ diff --git a/docs/assets/orgchart_toolbar/fullcustom_toolbar_control.png b/docs/assets/orgchart_toolbar/fullcustom_toolbar_control.png deleted file mode 100644 index 5fa45e82a..000000000 Binary files a/docs/assets/orgchart_toolbar/fullcustom_toolbar_control.png and /dev/null differ diff --git a/docs/assets/orgchart_toolbar/fullcustom_toolbar_control1.png b/docs/assets/orgchart_toolbar/fullcustom_toolbar_control1.png deleted file mode 100644 index 02c52dd6e..000000000 Binary files a/docs/assets/orgchart_toolbar/fullcustom_toolbar_control1.png and /dev/null differ diff --git a/docs/assets/orgchart_toolbar/org_toolbar_controls.png b/docs/assets/orgchart_toolbar/org_toolbar_controls.png deleted file mode 100644 index df1fa53fd..000000000 Binary files a/docs/assets/orgchart_toolbar/org_toolbar_controls.png and /dev/null differ diff --git a/docs/assets/position_type.png b/docs/assets/position_type.png deleted file mode 100644 index 2c01cfeae..000000000 Binary files a/docs/assets/position_type.png and /dev/null differ diff --git a/docs/assets/right_panel.png b/docs/assets/right_panel.png deleted file mode 100644 index a5d233bbe..000000000 Binary files a/docs/assets/right_panel.png and /dev/null differ diff --git a/docs/assets/right_panel_swimlane.png b/docs/assets/right_panel_swimlane.png deleted file mode 100644 index 8db0f41ab..000000000 Binary files a/docs/assets/right_panel_swimlane.png and /dev/null differ diff --git a/docs/assets/search_shape.png b/docs/assets/search_shape.png deleted file mode 100644 index 7f24c8bc7..000000000 Binary files a/docs/assets/search_shape.png and /dev/null differ diff --git a/docs/assets/select_mindmaps.png b/docs/assets/select_mindmaps.png deleted file mode 100644 index b97952f8d..000000000 Binary files a/docs/assets/select_mindmaps.png and /dev/null differ diff --git a/docs/assets/select_multiple_shapes.png b/docs/assets/select_multiple_shapes.png deleted file mode 100644 index a79b48c21..000000000 Binary files a/docs/assets/select_multiple_shapes.png and /dev/null differ diff --git a/docs/assets/shape_sections.png b/docs/assets/shape_sections.png deleted file mode 100644 index b35b64788..000000000 Binary files a/docs/assets/shape_sections.png and /dev/null differ diff --git a/docs/assets/shapes_diagram.png b/docs/assets/shapes_diagram.png deleted file mode 100644 index 4aadf85ad..000000000 Binary files a/docs/assets/shapes_diagram.png and /dev/null differ diff --git a/docs/assets/shapes_diagram_styled.png b/docs/assets/shapes_diagram_styled.png deleted file mode 100644 index d790fb022..000000000 Binary files a/docs/assets/shapes_diagram_styled.png and /dev/null differ diff --git a/docs/assets/shapes_types.png b/docs/assets/shapes_types.png deleted file mode 100644 index 5709d8a30..000000000 Binary files a/docs/assets/shapes_types.png and /dev/null differ diff --git a/docs/assets/sidebar_options.png b/docs/assets/sidebar_options.png deleted file mode 100644 index e09ddd417..000000000 Binary files a/docs/assets/sidebar_options.png and /dev/null differ diff --git a/docs/assets/sidebar_settings.png b/docs/assets/sidebar_settings.png deleted file mode 100644 index a76b132bd..000000000 Binary files a/docs/assets/sidebar_settings.png and /dev/null differ diff --git a/docs/assets/sitemap.png b/docs/assets/sitemap.png deleted file mode 100644 index 5376714c0..000000000 Binary files a/docs/assets/sitemap.png and /dev/null differ diff --git a/docs/assets/size_type.png b/docs/assets/size_type.png deleted file mode 100644 index 9cfcee032..000000000 Binary files a/docs/assets/size_type.png and /dev/null differ diff --git a/docs/assets/stroke_type.png b/docs/assets/stroke_type.png deleted file mode 100644 index 86fd2054d..000000000 Binary files a/docs/assets/stroke_type.png and /dev/null differ diff --git a/docs/assets/styling_diagram.png b/docs/assets/styling_diagram.png deleted file mode 100644 index bdd4f638b..000000000 Binary files a/docs/assets/styling_diagram.png and /dev/null differ diff --git a/docs/assets/styling_orgchart.png b/docs/assets/styling_orgchart.png deleted file mode 100644 index 4370de81b..000000000 Binary files a/docs/assets/styling_orgchart.png and /dev/null differ diff --git a/docs/assets/styling_orgchart2.png b/docs/assets/styling_orgchart2.png deleted file mode 100644 index 5faf1103b..000000000 Binary files a/docs/assets/styling_orgchart2.png and /dev/null differ diff --git a/docs/assets/styling_svg_card.png b/docs/assets/styling_svg_card.png deleted file mode 100644 index 8a9acdded..000000000 Binary files a/docs/assets/styling_svg_card.png and /dev/null differ diff --git a/docs/assets/styling_svg_card2.png b/docs/assets/styling_svg_card2.png deleted file mode 100644 index ebfb7b897..000000000 Binary files a/docs/assets/styling_svg_card2.png and /dev/null differ diff --git a/docs/assets/styling_via_config.png b/docs/assets/styling_via_config.png deleted file mode 100644 index 48e8f1a90..000000000 Binary files a/docs/assets/styling_via_config.png and /dev/null differ diff --git a/docs/assets/svg_template.png b/docs/assets/svg_template.png deleted file mode 100644 index b7f6c91e8..000000000 Binary files a/docs/assets/svg_template.png and /dev/null differ diff --git a/docs/assets/swimlane_contextmenu1.png b/docs/assets/swimlane_contextmenu1.png deleted file mode 100644 index ac27310e7..000000000 Binary files a/docs/assets/swimlane_contextmenu1.png and /dev/null differ diff --git a/docs/assets/swimlane_overview.png b/docs/assets/swimlane_overview.png deleted file mode 100644 index 07ad8e410..000000000 Binary files a/docs/assets/swimlane_overview.png and /dev/null differ diff --git a/docs/assets/text_type.png b/docs/assets/text_type.png deleted file mode 100644 index 67ece881c..000000000 Binary files a/docs/assets/text_type.png and /dev/null differ diff --git a/docs/assets/textprops_type.png b/docs/assets/textprops_type.png deleted file mode 100644 index 31c03c4db..000000000 Binary files a/docs/assets/textprops_type.png and /dev/null differ diff --git a/docs/assets/title_type.png b/docs/assets/title_type.png deleted file mode 100644 index ed228492c..000000000 Binary files a/docs/assets/title_type.png and /dev/null differ diff --git a/docs/assets/toolbar.png b/docs/assets/toolbar.png deleted file mode 100644 index 4071eec98..000000000 Binary files a/docs/assets/toolbar.png and /dev/null differ diff --git a/docs/assets/toolbar_diagram_editor.png b/docs/assets/toolbar_diagram_editor.png deleted file mode 100644 index 8c5211162..000000000 Binary files a/docs/assets/toolbar_diagram_editor.png and /dev/null differ diff --git a/docs/assets/toolbar_diagrameditor.png b/docs/assets/toolbar_diagrameditor.png deleted file mode 100644 index ce550f03c..000000000 Binary files a/docs/assets/toolbar_diagrameditor.png and /dev/null differ diff --git a/docs/assets/toolbar_editor.png b/docs/assets/toolbar_editor.png deleted file mode 100644 index fcc678b72..000000000 Binary files a/docs/assets/toolbar_editor.png and /dev/null differ diff --git a/docs/assets/tutorial_start.png b/docs/assets/tutorial_start.png deleted file mode 100644 index 2deb7515c..000000000 Binary files a/docs/assets/tutorial_start.png and /dev/null differ diff --git a/docs/assets/type_card.png b/docs/assets/type_card.png deleted file mode 100644 index e67e5537c..000000000 Binary files a/docs/assets/type_card.png and /dev/null differ diff --git a/docs/assets/type_image.png b/docs/assets/type_image.png deleted file mode 100644 index 5fb53f279..000000000 Binary files a/docs/assets/type_image.png and /dev/null differ diff --git a/docs/assets/type_svg.png b/docs/assets/type_svg.png deleted file mode 100644 index 3995442e0..000000000 Binary files a/docs/assets/type_svg.png and /dev/null differ diff --git a/docs/assets/zoom.png b/docs/assets/zoom.png deleted file mode 100644 index aaf832504..000000000 Binary files a/docs/assets/zoom.png and /dev/null differ diff --git a/docs/editor_overview.md b/docs/editor_overview.md index 772a497ad..4b6c0c8d3 100644 --- a/docs/editor_overview.md +++ b/docs/editor_overview.md @@ -1,5 +1,5 @@ --- -sidebar_label: Diagram Editor overview +sidebar_label: Diagram Editor overview title: Editor Overview description: You can have an overview of DHTMLX JavaScript Diagram library in the documentation. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. --- @@ -11,77 +11,75 @@ The DHTMLX Diagram component provides you with Editor that allows you to try and ### Editor in the default mode The interface of the editor initialized in the default mode consists of four functional parts: -- toolbar -- left panel -- grid area -- right panel -To build a diagram, you need either to drag the necessary items from the left panel or create a copy of the items via the per-item toolbar. +- [toolbar](../guides/diagram_editor/toolbar/) +- [shapebar](../guides/diagram_editor/shapebar/) +- [grid area](../guides/diagram_editor/grid_area/) +- [editbar](../guides/diagram_editor/editbar/) -You can adjust the attributes of the items via [sidebar options of the right panel](../guides/diagram_editor/right_panel/). To accelerate the styling process, use `Alt (Option) + Ctrl (Cmd) + С` combination to copy styles of an item and `Alt (Option) + Ctrl (Cmd) + V` to apply these styles to the chosen items. +To build a diagram, you need either to drag the necessary items from the shapebar or create a copy of the items via the shape toolbar. -| [Diagram. Default mode. Wide flowchart](https://snippet.dhtmlx.com/4d4k3o8p) | -| ---------------------------------------------------------------------------- | -| ![](assets/default_editor.gif) | +You can adjust the attributes of the items via [sidebar options of the editbar](../guides/diagram_editor/editbar/). To accelerate the styling process, use `Alt (Option) + Ctrl (Cmd) + С` combination to copy styles of an item and `Alt (Option) + Ctrl (Cmd) + V` to apply these styles to the chosen items. -You may customize the [left panel](../guides/diagram_editor/left_panel/) and, if you have added a custom shape, [configure the right panel](../guides/diagram_editor/right_panel/#configuring-options-for-editing-custom-shapes) according to the attributes of your shape. +![](assets/default_editor.png) - +**Related sample:** [Diagram Editor. Default mode. Wide flowchart](https://snippet.dhtmlx.com/4d4k3o8p?text=diagram&mode=wide) -### Editor in the org chart mode +You may customize the [shapebar](../guides/diagram_editor/shapebar/) and, if you have added a custom shape, [configure the editbar](/api/diagram_editor/editbar/config/properties_property/) according to the attributes of your shape. -The interface of the editor initialized in the org chart mode consists of three parts: -- toolbar -- grid area -- right panel +### Editor in the org chart mode -> Note, the editor in this mode does not have the left panel +The interface of the editor initialized in the org chart mode consists of three functional parts: -To build a diagram in the org chart mode of the editor, you need to select a shape and add a new child for it. The shapes are draggable from one parent item to another. The moved item is dragged with all its child items. +- [toolbar](../guides/diagram_editor/toolbar/) +- [grid area](../guides/diagram_editor/grid_area/) +- [editbar](../guides/diagram_editor/editbar/) -You can adjust the attributes of the shapes via the available [sidebar options of the right panel](../guides/diagram_editor/right_panel/). To accelerate the styling process, use `Alt (Option) + Ctrl (Cmd) + С` combination to copy styles of an item and `Alt (Option) + Ctrl (Cmd) + V` to apply these styles to the chosen items. +:::note +Note, the editor in this mode does not have the shapebar +::: -| [Diagram editor. Org chart mode. Basic initialization](https://snippet.dhtmlx.com/og4qm3ja) | -| ------------------------------------------------------------------------------------------- | -| ![](assets/orgchart_editor_draggable.gif) | +To build a diagram in the org chart mode of the editor, you need to select a shape and add a new child for it. You can drag the shapes from one parent item to another. The moved item is being dragged with all its child items. -Select any card in the example below and you will notice that sidebar options for editing a shape with an image differs from the sidebar options for editing a simple card. +You can adjust the attributes of the shapes via the available [sidebar options of the editbar](../guides/diagram_editor/editbar/). To accelerate the styling process, use `Alt (Option) + Ctrl (Cmd) + С` combination to copy styles of an item and `Alt (Option) + Ctrl (Cmd) + V` to apply these styles to the chosen items. - +![](assets/orgchart_editor_draggable.png) -If you've added a custom shape to the editor in the org chart mode, you can [configure the right panel](../guides/diagram_editor/right_panel/#configuring-options-for-editing-custom-shapes) to be able to edit custom properties of the shape. +**Related sample:** [Diagram Editor. Org chart mode. Basic initialization](https://snippet.dhtmlx.com/og4qm3ja?text=diagram&mode=wide) -You can add **assistant** or **partner** items for a parent shape of any level. The assistant or partner items can't be parent items. +If you've added a custom shape to the editor in the org chart mode, you can [configure the editbar](/api/diagram_editor/editbar/config/properties_property/) to be able to edit custom properties of the shape. -| [Diagram editor. Org chart mode. Basic initialization](https://snippet.dhtmlx.com/og4qm3ja) | -| ------------------------------------------------------------------------------------------- | -| ![](assets/orgchart_editor_draggable_assistant.gif) | +You can add the **assistant** or **partner** items for a parent shape of any level. The assistant or partner items can't be the parent items. -The connection between the parent shape and its partner is always horizontal. Also, the connections between the parent shape and all its children will become horizontal after you add a partner item for the parent, even if the connections were vertical before. +Org chart editor assistant -| [Diagram editor. Org chart mode. Basic initialization](https://snippet.dhtmlx.com/og4qm3ja) | -| ------------------------------------------------------------------------------------------- | -| ![](assets/orgchart_editor_draggable_partner.gif) | +The connection between the parent shape and its partner is always horizontal. Also, the connections between the parent shape and all its children become horizontal after adding a partner item for the parent, even if the connections have been vertical before. ### Editor in the mindmap mode The interface of the editor initialized in the mindmap mode consists of three parts: -- toolbar -- grid area -- right panel -> Note, the editor in this mode does not have the left panel +- [toolbar](../guides/diagram_editor/toolbar/) +- [grid area](../guides/diagram_editor/grid_area/) +- [editbar](../guides/diagram_editor/editbar/) + +:::note +Note, the editor in this mode does not have the shapebar +::: + +To build a diagram in the mindmap mode of the editor, you need to select a shape and add a new child for it. You can drag the shapes from one parent item to another. The moved item is being dragged with all its child items. -To build a diagram in the mindmap mode of the editor, you need to select a shape and add a new child for it. The shapes are draggable from one parent item to another. The moved item is dragged with all its child items. +You can adjust the attributes of the shapes via the available [sidebar options of the editbar](../guides/diagram_editor/editbar/). To accelerate the styling process, use `Alt (Option) + Ctrl (Cmd) + С` combination to copy styles of an item and `Alt (Option) + Ctrl (Cmd) + V` to apply these styles to the chosen items. -You can adjust the attributes of the shapes via the available [sidebar options of the right panel](../guides/diagram_editor/right_panel/). To accelerate the styling process, use `Alt (Option) + Ctrl (Cmd) + С` combination to copy styles of an item and `Alt (Option) + Ctrl (Cmd) + V` to apply these styles to the chosen items. + ![](assets/mindmap_editor_draggable.png) -| [Diagram editor. Mindmap mode. Emotions mind map](https://snippet.dhtmlx.com/lo1vm0e8) | -| -------------------------------------------------------------------------------------- | -| ![](assets/mindmap_editor_draggable.gif) | + **Related sample:** [Diagram Editor. Mindmap mode. Emotions mind map](https://snippet.dhtmlx.com/lo1vm0e8?text=diagram&mode=wide) -If you've added a custom shape to the editor in the mindmap mode, you can [configure the right panel](../guides/diagram_editor/right_panel/#configuring-options-for-editing-custom-shapes) to be able to edit custom properties of the shape. +If you've added a custom shape to the editor in the mindmap mode, you can [configure the editbar](/api/diagram_editor/editbar/config/properties_property/) to be able to edit custom properties of the shape. ## What's next -That's all. Now you can start working with diagrams or keep exploring the inner world of JavaScript Diagram and Diagram Editor. +That's all. Now you can start working with diagrams or keep exploring the inner world of JavaScript Diagram and Diagram Editor in the [guides](../guides/overview/). diff --git a/docs/groups/configuration_properties.md b/docs/groups/configuration_properties.md index dfe795979..baec6aeea 100644 --- a/docs/groups/configuration_properties.md +++ b/docs/groups/configuration_properties.md @@ -1,16 +1,18 @@ --- -sidebar_label: Group properties +sidebar_label: Group properties title: Group Properties description: You can learn about the Group properties in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. --- # Group properties -{{note While specifying color values of the item, you can use the following formats: HEX, RGBA, RGB, HSL, or HSLA.}} +:::note +While specifying color values of the item, use the HEX format. +::: ### Usage -~~~js +~~~jsx const data = [ // group object { @@ -31,7 +33,8 @@ const data = [ partiallyFill?: string }, exitArea?: { - groupBehavior?: "unbound" | "boundNoBorderExtension" | "boundBorderExtension", // "unbound" by default + // "unbound" by default + groupBehavior?: "unbound" | "boundNoBorderExtension" | "boundBorderExtension", padding?: number }, header?: { @@ -49,7 +52,7 @@ const data = [ position?: "top" | "bottom" | "left" | "right", // "top" by default editable?: boolean, // true by default closable?: boolean, // false by default - enable?: boolean, // true by default + enable?: boolean // true by default }, [key: string]?: any }, @@ -68,10 +71,10 @@ A group object contains a list of configuration properties which allow you to co - `width` - (required) the width of the group, including its header (*position: left/right*) - `height` - (required) the height of the group, including its header (*position: top/bottom*) - `groupChildren` - (optional) an array with ids of the first-level child items of the group -- `open` - (optional) - defines whether the group is initialized in the expanded (*true*, default) or collapsed(*false*) state
+- `open` - (optional) - defines whether the group is initialized in the expanded (*true*, default) or collapsed (*false*) state :::tip The **open** property works when a **header** is initialized with the **closable** attribute -:::
+::: - `fixed` - (optional) enables/disables the ability to move and resize the group; *false* by default - `style` - (optional) an object with the style settings of the group. The object can contain the following attributes: - `strokeWidth` - (optional) the width of the group border, 1 by default @@ -83,11 +86,11 @@ The **open** property works when a **header** is initialized with the **closable - `groupBehavior` - (optional) the behavior of the child item of the group when the user is moving it out of the group: - *"unbound"* (by default) - the user can move an item into or outside the group - *"boundNoBorderExtension"* - the user can move an item into the group but cannot drag the item outside the group if the item has been dropped inside the group. The item won't expand the borders of the group when trying to drag the item outside the group - - *"boundBorderExtension"* - the user can move an item into the group but cannot drag the item outside the group if the item has been dropped inside the group. The item will expand the borders of the group when trying to drag the item outside the group
**Related sample:** [Diagram editor. Default mode. Groups and shapes interaction](https://snippet.dhtmlx.com/4gxy38ek) - - `padding` - (optional) defines the padding between the group and the edge of the item when moving the item inside the group
+ - *"boundBorderExtension"* - the user can move an item into the group but cannot drag the item outside the group if the item has been dropped inside the group. The item will expand the borders of the group when trying to drag the item outside the group
**Related sample**: [Diagram editor. Default mode. Groups and shapes interaction](https://snippet.dhtmlx.com/4gxy38ek) + - `padding` - (optional) defines the padding between the group and the edge of the item when moving the item inside the group :::tip The **padding** attribute is available if *groupBehavior: "boundNoBorderExtension" | "boundBorderExtension"* - :::
+ ::: - `header` - (optional) an object with configuration attributes of the header of the group. The attributes are: - `height` - (optional) the height of the header, 40 by default - `fill` - (optional) the background color of the header @@ -103,12 +106,12 @@ The **open** property works when a **header** is initialized with the **closable - `position` - (optional) the positioning of the group header: "top" (default) | "bottom" | "left" | "right" - `editable` - (optional) enables/disables the ability to edit the text of the header by double-clicking on it; *true* by default - `closable` - (optional) shows/hides an icon intended to expand/collapse a group; *false* by default - - `enable` - (optional) shows/hides the header of the group; *true* by default
**Related sample:** [Diagram. Default mode. Group. Header position and text settings](https://snippet.dhtmlx.com/6hunrja8) + - `enable` - (optional) shows/hides the header of the group; *true* by default - `key` - (optional) your own property with your own logic to be implemented under the hood ### Example -~~~js +~~~jsx const data = [ { type: "$group", @@ -126,12 +129,12 @@ const data = [ }, // the child items of the group groupChildren: [1.1, 1.2], - open: false, + open: false }, // configuring shapes to put into the group { type: "rectangle", id: 1.1, x: 50, y: 75, text: "Shape 1.1" }, - { type: "rectangle", id: 1.2, x: 200, y: 75, text: "Shape 1.2" }, + { type: "rectangle", id: 1.2, x: 200, y: 75, text: "Shape 1.2" } ]; ~~~ -**Related articles:** [Configuring groups](../../groups/) \ No newline at end of file +**Related articles**: [Configuring groups](../../groups/) diff --git a/docs/groups/index.md b/docs/groups/index.md index 89f8854bb..d6705c968 100644 --- a/docs/groups/index.md +++ b/docs/groups/index.md @@ -10,15 +10,17 @@ description: You can learn about Groups in the documentation of the DHTMLX JavaS A group is a separate kind of the Diagram items. You can draw simple or more complicated schemes by grouping shapes or other groups in different ways. It is possible to create as one-level groups as nested groups, to configure their appearance and behavior. -{{note Groups are available only in the default mode of Diagram/Diagram Editor (type: "default").}} +:::note +Groups are available only in the default mode of Diagram/Diagram Editor (type: "default"). +::: - + ## Creating groups To create a group, specify *"$group"* as a value of the **type** attribute inside the group object while preparing a related JSON structure to load into the diagram: -~~~js +~~~jsx const data = [ { type: "$group", @@ -28,9 +30,9 @@ const data = [ x: 0, y: 0, header: { - text: "User Access", + text: "User Access" }, - groupChildren: ["1.1", "1.2"], + groupChildren: ["1.1", "1.2"] }, { type: "it", @@ -57,12 +59,11 @@ diagram.data.parse(data); See [the full list of configuration properties of a group object](/groups/configuration_properties/) which allow you to configure the positioning and appearance of the group. -Configuring the group header -------------------------------- +## Configuring the group header The header of the group is disabled by default. To create a group with the header, you should specify the **header** property in the configuration object of the group. -~~~js +~~~jsx const data = [ { type: "$group", @@ -71,8 +72,8 @@ const data = [ height: 200, x: 0, y: 0, - header: {}, - }, + header: {} + } ]; ~~~ @@ -87,7 +88,7 @@ Check [the full list of API properties of the group object](/groups/configuratio To be able to collapse/expand a group, you need to enable the **closable** attribute of the [header](/groups/configuration_properties/) property. As a result, an icon, which allows a user to expand/collapse a group, will be added to the header. -~~~js +~~~jsx const data = [ { type: "$group", @@ -98,9 +99,9 @@ const data = [ y: 0, header: { text: "Top and collapsed header with tеxt alignment", - closable: true, - }, - }, + closable: true + } + } ]; ~~~ @@ -111,7 +112,9 @@ You can change the color of the icon via the **iconColor** attribute of the [gro By default, you can drag any child item of the group out of the group and drag it into another group. To change the behavior of the group items you need to use the **groupBehavior** and **padding** attributes of the **exitArea** property of the [group object](/groups/configuration_properties/). -{{note The **exitArea** property defines the behavior of the first-level children of the configurable group only.}} +:::note +The **exitArea** property defines the behavior of the first-level children of the configurable group only. +::: @@ -121,7 +124,7 @@ The *"unbound"* and *"boundBorderExtension"* values of the **groupBehavior** att If *groupBehavior: "boundNoBorderExtension" | "boundBorderExtension"* is set, you can specify the padding between the group and the edge of the item when moving the item inside the group. For this purpose, use the **padding** attribute: -~~~js +~~~jsx const data = [ { type: "$group", @@ -135,8 +138,8 @@ const data = [ padding: 10 }, //fixed: true, - groupChildren: ["1.1", "1.2", "1.3"], + groupChildren: ["1.1", "1.2", "1.3"] }, - ... + // ... ]; -~~~ \ No newline at end of file +~~~ diff --git a/docs/guides/customization.md b/docs/guides/customization.md index c5d3008f1..9c35445a5 100644 --- a/docs/guides/customization.md +++ b/docs/guides/customization.md @@ -1,14 +1,12 @@ --- -sidebar_label: Customizing items +sidebar_label: Customizing items title: Customizing Items description: You can learn about customizing items in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. --- # Customizing items -You can easily modify the appearance of diagram items by using various configuration properties inside their objects. - -Besides, you can change the look and feel of the diagram according to your needs by creating custom shapes of the desired appearance. +You can easily modify the appearance of diagram items by using various [configuration properties](/category/items-api/) inside their objects. Besides, you can change the look and feel of the diagram according to your needs by creating custom shapes of the desired appearance. ## Styling shapes and lines via the configuration properties @@ -18,9 +16,9 @@ A shape object provides a wide range of properties that you can use to modify th -A good way to style all the shapes of the same type at once is to specify the styling settings for the shapes via the **defaults** property of the diagram: +A good way to style all the shapes of the same type at once is to specify the styling settings for the shapes via the [`defaults`](/api/diagram/defaults_property/) property of the diagram: -~~~js +~~~jsx const defaults = { start: { fill: "#FE9998", @@ -34,30 +32,30 @@ const defaults = { fontColor: "#FFF", lineHeight: 16 }, - ... + // ... }; ~~~ -[See the full list of shape object properties](../../shapes/configuration_properties/). +[See the full list of the shape object properties](../../shapes/configuration_properties/). ### Styling lines To change the look of connector lines, use the necessary configuration properties inside the line object. -~~~js +~~~jsx const data = [ { id: "1-2", from: "1", to: "2", type: "line", - strokeType: "dash", - stroke: "red", - }, + strokeType: "dash", // dash line + stroke: "#fa55d1" // line color + } ]; ~~~ -[See the full list of line object properties](../../lines/configuration_properties/). +[See the full list of the line object properties](../../lines/configuration_properties/). Check the example: @@ -81,15 +79,19 @@ You can create a customized diagram by adding new types of shapes into the diagr ## Styling target shapes -In Diagram Editor in org and mindmap charts, you can add custom style for target items. The stylization doesn't work with the parent item of the moved item and with the moved item with the property `giveItem: false`. +While using the org and mindmap charts in the Diagram Editor, you can add a custom style for target items. -~~~ +:::note +The stylization doesn't work with the parent item of the moved item and with the moved item with the property `giveItem: false` +::: + +~~~jsx ~~~ @@ -98,89 +100,89 @@ In Diagram Editor in org and mindmap charts, you can add custom style for target ### Styling the group -To specify a custom style for a group, you can use the **style** property of the [group object](../../groups/configuration_properties/). For example: +To specify a custom style for a group, you can use the `style` property of the [group object](../../groups/configuration_properties/). For example: ### Styling the group header -You can change the default style of the group header via the attributes of the **header** property of the [group object](../../groups/configuration_properties/). +You can change the default style of the group header via the attributes of the `header` property of the [group object](../../groups/configuration_properties/). - + ## Styling swimlanes via the configuration properties ### Styling the swimlane -You can customize the **strokeWidth**, **stroke**, and **fill** settings of a swimlane via the **style** property of the [swimlane object](../../swimlanes/configuration_properties/#properties-of-a-swimlane): +You can customize the `strokeWidth`, `stroke`, and `fill` settings of a swimlane via the `style` property of the [swimlane object](../../swimlanes/configuration_properties/#properties-of-a-swimlane): -~~~js +~~~jsx const data = [ { - "type": "$swimlane", - "width": 970, - "height": 790, - "header": { - "text": "Game levels and locations", - "closable": true - }, - "layout": [ - ["1"], - ["2"], - ["3"], - ["4"], - ["5"] - ], + "type": "$swimlane", + "width": 970, + "height": 790, + "header": { + "text": "Game levels and locations", + "closable": true + }, + "layout": [ + ["1"], + ["2"], + ["3"], + ["4"], + ["5"] + ], "style": { "strokeWidth": 5, "stroke": "#083796", "fill": "#D4DAE4" } - }, + } ]; ~~~ ### Styling the swimlane headers/sub-headers -The **header**, **subHeaderRows**, and **subHeaderCols** properties of a [swimlane object](../../swimlanes/configuration_properties/#properties-of-a-swimlane) include sets of additional attributes for customizing the header and subheaders of the swimlane. +The `header`, `subHeaderRows`, and `subHeaderCols` properties of a [swimlane object](../../swimlanes/configuration_properties/#properties-of-a-swimlane) include sets of additional attributes for customizing the header and subheaders of the swimlane. -For example, you can change the background colors of the top subheaders of the swimlane via the **subHeaderCols** property: +For example, you can change the background colors of the top subheaders of the swimlane via the `subHeaderCols` property: -~~~js +~~~jsx const data = [ - { - "id": "main", - "type": "$swimlane", - "height": 730, - "width": 1195, - "header": { - "closable": true, - "text": "Waterfall diagram template" - }, - "layout": [ - [1, 2, 3, 4] - ], - "subHeaderCols": { - "headers": [ - { - "text": "September", - "fill": "rgba(243, 92, 79, 0.4)" - }, - { - "text": "October", - "fill": "rgba(155, 96, 248, 0.4)" - }, - { - "text": "November", - "fill": "rgba(255, 174, 18, 0.4)" - }, - { - "text": "December", - "fill": "rgba(60, 201, 122, 0.4)" - } - ] - } - } + { + "id": "main", + "type": "$swimlane", + "height": 730, + "width": 1195, + "header": { + "closable": true, + "text": "Waterfall diagram template" + }, + "layout": [ + [1, 2, 3, 4] + ], + "subHeaderCols": { + "headers": [ + { + "text": "September", + "fill": "#f35c4f66" + }, + { + "text": "October", + "fill": "#9b60f866" + }, + { + "text": "November", + "fill": "#ffae1266" + }, + { + "text": "December", + "fill": "#3cc97a66" + } + ] + } + } ]; ~~~ @@ -190,29 +192,29 @@ Check the full example: ### Styling swimlane cells -If you need to customize a separate cell of the swimlane, use the **style** property of the [object of the swimlane cell](../../swimlanes/configuration_properties/#properties-of-a-swimlane-cell) (type: "$sgroup"). +If you need to customize a separate cell of the swimlane, use the `style` property of the [swimlane cell object](../../swimlanes/configuration_properties/#properties-of-a-swimlane-cell) (`type:"$sgroup"`). -~~~js +~~~jsx const data = [ - { - "id": "main", - "type": "$swimlane", - "height": 730, - "width": 1195, - "layout": [ - [1, 2, 3, 4] - ], - ... - }, - { - "id": 1, - "type": "$sgroup", - "style": { - "fill": "rgba(243, 92, 79, 0.05)" - }, - "x": 0, - "y": 80 - }, + { + "id": "main", + "type": "$swimlane", + "height": 730, + "width": 1195, + "layout": [ + [1, 2, 3, 4] + ], + // ... + }, + { + "id": 1, + "type": "$sgroup", + "style": { + "fill": "#D4DAE4" + }, + "x": 0, + "y": 80 + } ]; ~~~ diff --git a/docs/guides/data_export.md b/docs/guides/data_export.md index 87047857a..ce32f08ae 100644 --- a/docs/guides/data_export.md +++ b/docs/guides/data_export.md @@ -8,14 +8,14 @@ description: You can learn about exporting Diagram in the documentation of the D You can easily export a diagram into the PDF or PNG format via the related [pdf()](../../api/export/pdf_method/)/[png()](../../api/export/png_method/) methods of the Export object: - + To adjust the export settings, pass an object with configuration options to the necessary method. Check the list of available settings: -- for the [pdf()](../../api/export/pdf_method/) method; -- for the [png()](../../api/export/png_method/) method. +- for the [pdf()](../../api/export/pdf_method/) method +- for the [png()](../../api/export/png_method/) method ## Exporting styles @@ -26,16 +26,16 @@ The library allows you: - to prevent all styles from being sent to the export service via setting the [](../api/diagram/exportstyles_property.md) configuration property of the Diagram object to *false*: -~~~js +~~~jsx const diagram = new dhx.Diagram("diagram_container", { - exportStyles: false + exportStyles: false }); ~~~ - to define a set of styles that you want to be exported via setting absolute paths to the desired styles to the [](../api/diagram/exportstyles_property.md) array: - + :::note **Note**, that you must use only absolute paths not relative ones. -::: \ No newline at end of file +::: diff --git a/docs/guides/diagram/configuration.md b/docs/guides/diagram/configuration.md index e6e03d548..ad23c9de0 100644 --- a/docs/guides/diagram/configuration.md +++ b/docs/guides/diagram/configuration.md @@ -6,13 +6,24 @@ description: You can learn about the Diagram Configuration in the documentation # Diagram configuration -DHTMLX Diagram provides a wide range of options for configuration. You can zoom into and out a diagram, set the default type of shapes and lines, set margins between shapes, apply selection, and set a toolbar with icons for the shapes. +DHTMLX Diagram provides a wide range of options for configuration. You can change the scale of a diagram, set the default type of shapes and lines, set margins between shapes, apply selection, and set a toolbar with icons for the shapes. + +### Setting the Diagram mode + +There are the following Diagram modes you can choose from: **"default"**, **"org"** and **"mindmap"**. Their detailed description is given in the [Diagram overview](/diagram) article. You can specify the necessary type via the [type](/api/diagram/type_property/) configuration option, as follows: + +~~~jsx +const diagram = new dhx.Diagram("diagram_container", { + type: "default" // or `type: "org"`, or `type: "mindmap"` +}); +diagram.data.parse(data); +~~~ ### Setting the default shape type -It is also possible to set the default type for all the shapes via the [](../../api/diagram/defaultshapetype_property.md) attribute of the diagram config object: +It is possible to set the default type for all the shapes via the [](../../api/diagram/defaultshapetype_property.md) attribute of the diagram configuration object: -~~~js +~~~jsx {3} const diagram = new dhx.Diagram("diagram_container", { type: "default", // or type: "org", or type: "mindmap" defaultShapeType: "rectangle" @@ -22,27 +33,27 @@ diagram.data.parse(data); This value will be applied, if the configuration object of the shape doesn't contain the `type` property. -By default, the default types for all shapes are: +The default types for all shapes are: -- *"rectangle"* - for the diagram in the default mode; -- *"card"* - for the diagram in the default or org chart mode; -- *"topic"* - for the diagram in the mindmap mode. +- *"rectangle"* - for the diagram in the default mode +- *"card"* - for the diagram in the default mode or the org chart mode +- *"topic"* - for the diagram in the mindmap mode ## Setting the default line type -You can set a common type for all the connector lines of the diagram via the **lineType** parameter of the [](../../api/diagram/lineconfig_property.md) property of the diagram config object: +You can set a common type for all the connector lines of the diagram via the `lineType` parameter of the [](../../api/diagram/lineconfig_property.md) property of the diagram configuration object: -~~~js +~~~jsx {3-5} const diagram = new dhx.Diagram("diagram_container", { type: "default", lineConfig: { - lineType: "dash", // "dash" | "line" - }, + lineType: "dash" // "dash" | "line" + } }); diagram.data.parse(data); ~~~ -This value is applied, if the line object doesn't contain the **type** property. +This value is applied, if the line object doesn't contain the `type` property. ## Setting the default configuration of a shape @@ -50,51 +61,55 @@ There is a great possibility to escape operating with a big data set while prepa For this purpose, use the [](../../api/diagram/defaults_property.md) property of the diagram configuration object: - + -The **defaults** object contains a number of *key:value* pairs where *key* is a type of a shape or line and *value* is the default config of the shape or line correspondingly. +The `defaults` object contains a number of `key:value` pairs where the *key* is the type of a shape or line and the *value* is the default config of the shape or line correspondingly. -{{note The *type* and *id* attributes can not be defined in the default configuration of a shape/line.}} +:::note +The `type` and `id` attributes can not be defined in the default configuration of a shape/line +::: Check the full list of configuration properties of a [shape](../../../shapes/configuration_properties/) and [line](../../../lines/configuration_properties/). ## Arranging shapes in the mindmap mode of Diagram -In the mindmap mode of Diagram, the arrangement of child shapes relative to the root shape is defined automatically by the main algorithm. +In the mindmap mode of Diagram, the arrangement of child shapes relative to the root shape is defined automatically by the main algorithm. To change the default direction of the child shapes, use the [](../../api/diagram/typeconfig_property.md) configuration property on initialization of the diagram. -{{note The **typeConfig** configuration property is not available in Diagram Editor.}} +:::note +The `typeConfig` configuration property is not available in the Diagram Editor +::: -The property allows you: +The property allows you to: -- [to set the direction for all child shapes at once](#setting-direction-for-all-child-shapes); -- [to specify individual direction for specific child shapes](#setting-direction-for-individual-child-shape). +- [set the direction for all child shapes at once](#setting-direction-for-all-child-shapes) +- [specify individual direction for specific child shapes](#setting-direction-for-individual-child-shape) ### Setting direction for all child shapes -To set the child shapes to the right/left of the root shape, use the **direction** attribute of the [](../../api/diagram/typeconfig_property.md) property: +To set the child shapes to the right/left of the root shape, use the `direction` attribute of the [](../../api/diagram/typeconfig_property.md) property: - + ### Setting direction for individual child shape -You can set the mandatory direction for specific child shapes via the **side** attribute of the [](../../api/diagram/typeconfig_property.md) property. The attribute is an object that contains a set of *key:value* pairs where *key* is the direction of the shapes (left, right) and *value* is an array with the ids of the shapes. +You can set the mandatory direction for specific child shapes via the `side` attribute of the [](../../api/diagram/typeconfig_property.md) property. The attribute is an object that contains a set of `key:value` pairs where *key* is the direction of the shapes (left, right) and *value* is an array with the ids of the shapes. - + -The other child shapes that are not set in the side option will be arranged automatically according to the main algorithm. +Other child shapes that are not set in the side option will be arranged automatically according to the main algorithm. ## Positioning Diagram and shapes You can specify the position of a diagram on a page and set margins for shapes inside the [](../../api/diagram/margin_property.md) attribute of the diagram configuration object: - + ## Configuring autoplacement for shapes -Starting from v3.0, the DHTMLX Diagram library lets you configure settings for automatically arranging connected shapes of Diagram in the hierarchical structure. You can specify the [](../../api/diagram/autoplacement_property.md) property in the configuration object of Diagram and configure the mode of connecting shapes and distance between unconnected diagrams: +The DHTMLX Diagram library lets you configure settings for arranging connected shapes of Diagram in the hierarchical structure automatically. You can specify the [](../../api/diagram/autoplacement_property.md) property in the configuration object of Diagram and configure the mode of connecting shapes and distance between unconnected diagrams: -~~~js +~~~jsx const diagram = new dhx.Diagram("diagram_container", { autoplacement: { mode: "edges", @@ -111,31 +126,29 @@ The property can contain three options: - **graphPadding** - (*number*) optional, sets the distance between unconnected diagrams, "200" by default - **placeMode** - (*string*) sets the mode of placement of shapes, "orthogonal" (by default) or "radial" -{{note The autoplacement will be applied only after the [](../../api/diagram/autoplace_method.md) method is applied. The autoplacement does not work if you use groups or swimlanes.}} +:::note +The autoplacement will be applied only after the [](../../api/diagram/autoplace_method.md) method is applied. The autoplacement does not work if you use groups or swimlanes. +::: -## Zooming Diagram +## Adjusting the Diagram scale If necessary, you can scale a diagram to fit your application. It can be done with the help of the [](../../api/diagram/scale_property.md) option. -By default, its value is set to 1. So, to zoom into a diagram, set the option to a value larger than 1 and to zoom out - smaller than 1, correspondingly. - - - -## Setting toolbar for items - -DHTMLX Diagram allows you to specify a toolbar with icons for Diagram items to simplify interaction with them. You can enable the toolbar via the [](../../api/diagram/toolbar_property.md) option of the diagram configuration object: +By default, its value is set to 1. So, to zoom in on a diagram, set the option to a value larger than 1 and to zoom out - smaller than 1, correspondingly. - + -## Selecting items +## Setting toolbar for shapes -It is possible to activate selection of items in a diagram. You need to make use of the [](../../api/diagram/select_property.md) attribute of the diagram config object. +DHTMLX Diagram allows you to specify a toolbar with icons for Diagram shapes to simplify interaction with them. You can enable the shape toolbar via the [](../../api/diagram/toolbar_property.md) option of the diagram configuration object: -### Example in the org chart mode + - +## Enabling items selection -### Example in the default mode +It is possible to activate selection of items in a diagram. You need to make use of the [](../../api/diagram/select_property.md) attribute of the diagram configuration object. Once you've enabled selection in a diagram, you can make use of the Selection object API to [work with the items selection](/guides/manipulating_items/#selecting-items). - +:::note +[The predefined set of events](../../../api/selection/#events) of the selection object can help you to define the way of processing the behavior of the diagram during selecting/unselecting items +::: -{{note [The predefined set of events](../../../api/selection/#events) of the selection object can help you to define the way of processing the behavior of the diagram during selecting/unselecting items.}} \ No newline at end of file + diff --git a/docs/guides/diagram/initialization.md b/docs/guides/diagram/initialization.md index 820febe1b..e0b8574b6 100644 --- a/docs/guides/diagram/initialization.md +++ b/docs/guides/diagram/initialization.md @@ -1,5 +1,5 @@ --- -sidebar_label: Initialization +sidebar_label: Initialization title: Initialization description: You can learn how to start with Diagram in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. --- @@ -9,46 +9,46 @@ description: You can learn how to start with Diagram in the documentation of the In this article we will discuss the stages of adding DHTMLX Diagram on a page. This process presupposes several simple steps: - [Download the DHTMLX Diagram package](https://dhtmlx.com/docs/products/dhtmlxDiagram/download.shtml) and unpack it into a folder of your project -- [Include the DHTMLX Diagram source files on a page](#including-required-code-files). -- [Initialize the Diagram with the object constructor](#initializing-diagram). -- [Load data into the Diagram](#loading-data-into-diagram). +- [Include the DHTMLX Diagram source files on a page](#including-required-code-files) +- [Initialize the Diagram with the object constructor](#initializing-diagram) +- [Load data into the Diagram](#loading-data-into-diagram) ~~~html - - + + -
- +
+ ~~~ ## Including required code files -To create Editor, you need to include 2 source files on your page: +To create Diagram, you need to include 2 source files on your page: - **diagram.js** - **diagram.css** @@ -62,12 +62,17 @@ Make sure that you set correct relative paths to these files: The structure of DHTMLX Diagram package is the following: -- **sources** - the source code files of the library. The files are not minified and easy-to-read. The package is mostly intended to be used for component's debugging; +- **sources** - the source code files of the library. The files are not minified and easy-to-read. The package is mostly intended to be used for component's debugging -{{note Note that the **Trial** version of the Diagram library doesn't contain the sources folder.}} +:::note +Note that the **Trial** version of the Diagram library doesn't contain the sources folder. +::: -- **samples** - the code samples; -- **codebase** - the packed code files of the library. These files are much smaller and intended for use in production. **In your apps you need to use files from this folder**. +- **samples** - the code samples +- **codebase** - the packed code files of the library. These files are much smaller and intended for use in production +:::info +In your apps you need to use files from the **codebase** folder +::: ## Initializing Diagram @@ -77,17 +82,17 @@ You can initialize a Diagram in a container, in the document body, or in a layou To initialize a diagram in a container, use the `dhx.Diagram` constructor and pass the following two parameters to the constructor function: -- a container to place a Diagram into, let's give it the id "diagram_container": +- a container to place a Diagram into, let's give it the *"diagram_container"* id: ~~~html title="index.html"
~~~ -- an object with [configuration properties](#configuration-properties). If this argument is not passed to the constructor, the settings will be default. +- an object with the [configuration properties](#configuration-properties). If this argument is not passed to the constructor, the default settings will be applied -~~~js title="index.js" +~~~jsx title="index.js" const diagram = new dhx.Diagram("diagram_container", { - type: "default" // "default" | "org" | "mindmap" + type: "default" // "default" | "org" | "mindmap" }); ~~~ @@ -95,9 +100,9 @@ const diagram = new dhx.Diagram("diagram_container", { It is possible to skip setting a container for Diagram and to add it right into the document's body: -~~~js +~~~jsx const diagram = new dhx.Diagram(document.body, { - type: "default" // "default" | "org" | "mindmap" + type: "default" // "default" | "org" | "mindmap" }); ~~~ @@ -105,15 +110,15 @@ const diagram = new dhx.Diagram(document.body, { You can also initialize a diagram inside [a Layout cell](https://docs.dhtmlx.com/suite/layout/). In this case use *null* instead of a container: -~~~js +~~~jsx const diagram = new dhx.Diagram(null, { - type: "default" // "default" | "org" | "mindmap" + type: "default" // "default" | "org" | "mindmap" }); const layout = new dhx.Layout("layout", { cols: [ { id: "diagram" - }, + } ] }); @@ -122,19 +127,22 @@ layout.getCell("diagram").attach(diagram); ### Configuration properties -To change the configuration of a diagram, you can specify the desired property in the config object passed as a second parameter of the constructor function. +To change the [configuration of a diagram](/guides/diagram/configuration/), you can specify the desired property in the config object passed as a second parameter of the constructor function. -~~~js +~~~jsx const diagram = new dhx.Diagram("diagram_container", { - scale: 0.7 + scale: 0.7, + // other config options }); ~~~ -**Related sample:** [Diagram. Default mode. Wide flowchart](https://snippet.dhtmlx.com/4d4k3o8p) +See [the full list of configuration properties of Diagram](../../../api/diagram/api_overview/#diagram-properties). + +**Related sample**: [Diagram Editor. Default mode. Wide flowchart](https://snippet.dhtmlx.com/4d4k3o8p) -Alternatively, you can get access to some option and set/modify its value via the diagram **config**. Don't forget to call the [](../../api/diagram/paint_method.md) method to re-render the diagram with a new configuration: +Alternatively, you can get access to some option and set/modify its value via the diagram **config** object. Don't forget to call the [](../../api/diagram/paint_method.md) method to re-render the diagram with a new configuration: -~~~js +~~~jsx const diagram = new dhx.Diagram("diagram_container"); diagram.data.parse(data); @@ -142,8 +150,6 @@ diagram.config.scale = 0.7; diagram.paint(); ~~~ -See [the full list of configuration properties of Diagram](../../../api/diagram/api_overview/#diagram-properties). - ## Loading data into Diagram Detailed information on loading data into DHTMLX Diagram is given in the [Loading and Storing Data](../../../guides/loading_data/) article. diff --git a/docs/guides/diagram/scrolling_diagram.md b/docs/guides/diagram/scrolling_diagram.md index ce42a72cc..d3c8a83e9 100644 --- a/docs/guides/diagram/scrolling_diagram.md +++ b/docs/guides/diagram/scrolling_diagram.md @@ -12,32 +12,31 @@ By default the component's size is set automatically to fit the content. If nece You can scroll a diagram to the area where the necessary item is situated via the [](../../api/diagram/showitem_method.md) method of the diagram object. - + As an alternative way, you can scroll to the necessary position on the diagram by using the [](../../api/diagram/scrollto_method.md) method. - + -Getting scroll state ------------------- +## Getting scroll state The Diagram API allows you to get the current position of the scroll via the related [](../../api/diagram/getscrollstate_method.md) method: -~~~js +~~~jsx // returning the initial scroll position -const coords = diagram.getScrollState(); // -> {x:0,y:0} +const coords = diagram.getScrollState(); // -> {x:0,y:0} ~~~ It returns an object with the horizontal and vertical scroll position. -## Catching diagram scrolling +## Catching diagram scrolling You can catch the start of Diagram scrolling using the [](../../api/diagram/scroll_event.md) event. The handler function takes the position of the scroll as a parameter: - **pos** - (*object*) the position of a scroll as an object with x and y attributes -~~~js -diagram.events.on("Scroll", function(position) { +~~~jsx +diagram.events.on("Scroll", (position) => { alert("The diagram has been scrolled:" position); }); -~~~ \ No newline at end of file +~~~ diff --git a/docs/guides/diagram_editor/editbar.md b/docs/guides/diagram_editor/editbar.md new file mode 100644 index 000000000..589724ffd --- /dev/null +++ b/docs/guides/diagram_editor/editbar.md @@ -0,0 +1,163 @@ +--- +sidebar_label: Editbar +title: Editor Guides - Editbar +description: You can learn about the Editbar of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# Editbar + +You can configure Editbar controls for each Diagram element separately and for a [group of elements](/guides/items_index) taking into account various conditions. For this purpose, use the Editbar [`properties`](api/diagram_editor/editbar/config/properties_property.md) config. + +If you want to configure Editbar controls for an individual [shape](/category/shapes), you need to specify the corresponding **shape type** within the [`properties`](api/diagram_editor/editbar/config/properties_property.md) config as shown in the example below: + +~~~jsx {6-9} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + editbar: { + properties: { + rectangle: [ // configure editbar controls for the "pert" shape + { type: "arrange", $properties: { angle: { hidden: true } }}, + // ... other Editbar controls configuration + ], + // ... other shapes configuration + } + } + } +}); +~~~ + +To configure a [group of elements](/guides/items_index), you need to use the following service properties within the [`properties`](api/diagram_editor/editbar/config/properties_property.md) config: + +- [`$default`](#configure-editbar-for-the-grid-area) - allows configuring Editbar controls if no elements are selected, or more than one element is selected +- [`$shape`](#configure-editbar-for-shapes) - allows configuring Editbar controls for [all shapes including custom shapes](/category/shapes) +- [`$group`](#configure-editbar-for-group-elements) - allows configuring Editbar controls for all elements with the [**group**](/groups/) type +- [`$swimlane`](#configure-editbar-for-swimlanes) - allows configuring Editbar controls for all elements with the [**swimlane**](/swimlanes/) type +- [`$line`](#configure-editbar-for-lines) allows configuring Editbar controls for all elements with the [**line**](/lines/) type +- [`$lineTitle`](#configure-editbar-for-line-titles) - allows configuring Editbar controls for all elements with the [**lineTitle**](/line_titles/) type + + + +## Configure Editbar for the grid area + +The `$default` service property allows configuring Editbar controls if no elements are selected, or more than one element is selected. + +~~~jsx +properties: { + $default: [ + { + type: "gridStep", + readOnly: true, + // ... + } + ] +} +~~~ + +**Related complex controls:** [Grid step](/api/diagram_editor/editbar/complex_controls/gridstep/), [Border](/api/diagram_editor/editbar/complex_controls/border/), [Arrange](/api/diagram_editor/editbar/complex_controls/arrange/) + +## Configure Editbar for shapes + +The `$shape` service property allows configuring Editbar controls for [all shapes including custom shapes](/category/shapes). + +~~~jsx +properties: { + $shape: [ + { + type: "position", + $properties: { + dx: { disabled: true }, + // ... + }, + // ... + } + ] +} +~~~ + +**Related complex controls:** [Border](/api/diagram_editor/editbar/complex_controls/border/), [Arrange](/api/diagram_editor/editbar/complex_controls/arrange/), [Position](/api/diagram_editor/editbar/complex_controls/position/), [Size](/api/diagram_editor/editbar/complex_controls/size/), [Text align](/api/diagram_editor/editbar/complex_controls/textalign/), [Text style](/api/diagram_editor/editbar/complex_controls/textstyle/) + +## Configure Editbar for group elements + +The `$group` service property allows configuring Editbar controls for all elements with the [**group**](/groups/) type. + +~~~jsx +properties: { + $group: [ + { + type: "header", + label: "Group header style", + // ... + } + ] +} +~~~ + +**Related complex controls:** [Border](/api/diagram_editor/editbar/complex_controls/border/), [Arrange](/api/diagram_editor/editbar/complex_controls/arrange/), [Header](/api/diagram_editor/editbar/complex_controls/header/), [Header common](/api/diagram_editor/editbar/complex_controls/headercommon/), [Header position](/api/diagram_editor/editbar/complex_controls/headerposition/), [Size](/api/diagram_editor/editbar/complex_controls/size/), [Text align](/api/diagram_editor/editbar/complex_controls/textalign/), [Text style](/api/diagram_editor/editbar/complex_controls/textstyle/) + +## Configure Editbar for swimlanes + +The `$swimlane` service property allows configuring Editbar controls for all elements with the [**swimlane**](/swimlanes/) type. + +~~~jsx +properties: { + $swimlane: [ + { + type: "header", + label: "Swimlane header style", + // ... + } + ] +} +~~~ + +**Related complex controls:** [Border](/api/diagram_editor/editbar/complex_controls/border/), [Arrange](/api/diagram_editor/editbar/complex_controls/arrange/), [Header](/api/diagram_editor/editbar/complex_controls/header/), [Header common](/api/diagram_editor/editbar/complex_controls/headercommon/), [Header position](/api/diagram_editor/editbar/complex_controls/headerposition/), [Size](/api/diagram_editor/editbar/complex_controls/size/), [Text align](/api/diagram_editor/editbar/complex_controls/textalign/), [Text style](/api/diagram_editor/editbar/complex_controls/textstyle/) + +## Configure Editbar for lines + +The `$line` service property allows configuring Editbar controls for all elements with the [**line**](/lines/) type. + +~~~jsx +properties: { + $line: [ + { + type: "lineShape", + label: "Line connection type", + // ... + } + ] +} +~~~ + +**Related complex controls:** [Border](/api/diagram_editor/editbar/complex_controls/border/), [Line shape](/api/diagram_editor/editbar/complex_controls/lineshape/), [Pointer view](/api/diagram_editor/editbar/complex_controls/pointerview/) + +## Configure Editbar for line titles + +The `$lineTitle` service property allows configuring Editbar controls for all elements with the [**lineTitle**](/line_titles/) type. + +~~~jsx +properties: { + $lineTitles: [ + { + type: "textAlign", + label: "Text align", + // ... + }, + // ... + ] +} +~~~ + +**Related complex controls:** [Text align](/api/diagram_editor/editbar/complex_controls/textalign/), [Text style](/api/diagram_editor/editbar/complex_controls/textstyle/) + +## Create and configure custom Editbar controls + +You can use the [`controls`](api/diagram_editor/editbar/config/controls_property.md) property of the Editbar view to create a custom control based on [**Basic controls**](api/diagram_editor/editbar/basic_controls_overview.md) and/or [**Complex controls**](api/diagram_editor/editbar/complex_controls_overview.md). + +:::warning +We do not recommend you to use a default control type (refer to the [***Basic controls***](api/diagram_editor/editbar/basic_controls_overview.md) and/or [***Complex controls***](api/diagram_editor/editbar/complex_controls_overview.md)) as the name for a custom control. Use the unique name for each custom control to avoid errors! +::: + +After creating a custom control, you need to apply it to the needed Diagram element via the [`properties`](api/diagram_editor/editbar/config/properties_property.md) property. + + diff --git a/docs/guides/diagram_editor/grid_area.md b/docs/guides/diagram_editor/grid_area.md index fc55925de..09e6d9bc9 100644 --- a/docs/guides/diagram_editor/grid_area.md +++ b/docs/guides/diagram_editor/grid_area.md @@ -1,5 +1,5 @@ --- -sidebar_label: Grid area +sidebar_label: Grid area title: Editor Guides - Grid Area description: You can learn about the Grid Area of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. --- @@ -8,28 +8,28 @@ description: You can learn about the Grid Area of editor in the documentation of Grid area is an area intended for editing a diagram. You can easily add new items, change their appearance and positioning, or remove them. -In this section you will find what interface elements you have available for each diagram item depending on the mode the editor is initialized in. The section also explains how to facilitate ease of designing a diagram via using keyboard shortcuts or operating several selected items at once. +In this section you will find what interface elements are available for each diagram item depending on the mode the editor is initialized in. The section also explains how to facilitate ease of designing a diagram by using keyboard shortcuts or operating several selected items at once. :::note -Distance between points in the Grid area depends on the value of the grid step +Distance between points in the Grid area depends on the value of the [grid step](/api/diagram_editor/editor/config/gridstep_property/) ::: ## Managing shapes ### Interface elements in the default mode -You can drag shapes from the left panel into the grid area to place them on the desired positions and connect them. +You can drag shapes from the shapebar into the grid area to place them at the desired positions and connect them. ![](../../assets/default_shape_toolbar.png) When you click on any shape, it becomes editable and gets personal interface elements: - a toolbar with controls: - - *"copy"* - to create a copy of the shape (except for the shape placed inside a group or a swimlane); - - *"connect"* - to activate the mode for setting connections to a different shape; - - *"remove"* - to delete the selected shape; -- resizing handles (pull the handles of the editable shape to change its sizes); -- a rotate icon (press the icon to rotate the shape). + - *"copy"* - to create a copy of the shape (except for the shape placed inside a group or a swimlane) + - *"connect"* - to activate the mode for setting connections to a different shape + - *"remove"* - to delete the selected shape +- resizing handles (pull the handles of the editable shape to change its sizes) +- a rotate icon (press the icon to rotate the shape) When the connection mode is enabled for a shape, you can set links to other shapes, adjust their position and form, as well as delete unnecessary links via the "remove" toolbar control. @@ -37,9 +37,9 @@ Double-click the text of a shape to edit it. ### Interface elements in the org chart mode -You can drag shapes to place them on the desired positions relative to the root shape, or drag the root shape to move the whole diagram. To add a new shape, select a shape and add a new child for it. You can also add assistant or partner items. The connection between parent shape and its partner is always horizontal. +You can drag shapes to place them at the desired positions relative to the root shape, or drag the root shape to move the whole diagram. To add a new shape, select a shape and add a new child for it. You can also add *assistant* or *partner* items. The connection between a parent shape and its partner is always horizontal. -The shapes are draggable from one parent item to another. The moved item is dragged with all its children. +You can drag shapes from one parent item to another. The moved item is dragged with all its children. ![](../../assets/orgchart_shape_toolbar_vertical.png) @@ -47,17 +47,17 @@ The shapes are draggable from one parent item to another. The moved item is drag When you click on any shape, it becomes editable and gets personal interface elements: -- a toolbar with controls: - - *"add"* - to add a new child for the selected shape; - - *"add assistant"* - to add assistant for the selected shape; - - *"add partner"* - to add partner for the selected shape; - - *"align vertically"* - to arrange children of the shape vertically; - - *"align horizontally"* - to arrange children of the shape horizontally; - - *"remove"* - to delete the selected shape (except for the root one) with its children; -- resizing handles (pull the handles of the editable shape to change its sizes); -- an icon to collapse/expand child shapes. +- a toolbar that may include the following controls: + - *"add"* - to add a new child for the selected shape + - *"add assistant"* - to add an assistant for the selected shape + - *"add partner"* - to add a partner for the selected shape + - *"align vertically"* - to arrange children of the shape vertically + - *"align horizontally"* - to arrange children of the shape horizontally + - *"remove"* - to delete the selected shape (except for the root one) with its children +- resizing handles (pull the handles of the editable shape to change its sizes) +- an icon to collapse/expand child shapes (if there are any) -When you click on assistant or partner shape, it becomes editable and gets personal interface elements: +When you click on an assistant or partner shape, it becomes editable and gets personal interface elements: - *"remove"* - to delete the selected shape @@ -65,19 +65,19 @@ Double-click the text of a shape to edit it. ### Interface elements in the mindmap mode -You can drag shapes to place them on the desired positions relative to the root shape, or drag the root shape to move the whole diagram. If you drag the parent shape, the shape will be moved with all its child shapes. To add a new shape, select a shape and add a new child for it. The shapes are draggable from one parent item to another. The moved item is dragged with all its children. +You can drag shapes to place them at the desired positions relative to the root shape, or drag the root shape to move the whole diagram. If you drag the parent shape, the shape will be moved with all its child shapes. To add a new shape, select a shape and add a new child for it. The shapes can be dragged from one parent item to another. The moved item is dragged with all its children. ![](../../assets/mindmap_toolbar_of_shape.png) When you click on any shape, it becomes editable and gets personal interface elements: - a toolbar with controls: - - *"add"* - to add a new child for the selected shape (except for the root one); - - *"addLeft"* - to add a new child to the left of the root shape; - - *"addRight"* - to add a new child to the right of the root shape; - - *"remove"* - to delete the selected shape (except for the root one) with its children; -- resizing handles (pull the handles of the editable shape to change its sizes); -- an icon to collapse/expand child shapes. + - *"add"* - to add a new child for the selected shape (except for the root one) + - *"addLeft"* - to add a new child to the left of the root shape + - *"addRight"* - to add a new child to the right of the root shape + - *"remove"* - to delete the selected shape (except for the root one) with its children +- resizing handles (pull the handles of the editable shape to change its sizes) +- an icon to collapse/expand child shapes Double-click the text of a shape to edit it. @@ -87,13 +87,13 @@ In the default mode, you can set links to other shapes, adjust their position an ![](../../assets/line_with_toolbar.png) -In the default mode, you can also add text to the line by double-clicking on it. Click the text to define its direction or delete it. Double-click the text to edit it. +In the default mode, you can also add a text to the line by double-clicking on it. Click the text to define its direction or delete it. Double-click the text to edit it. ![](../../assets/line_with_text.png) ## Managing groups -You can drag groups from the left panel into the grid area to place them on the desired positions. You can put several shapes or other groups into a group and move them as a unit, copy, or delete. +You can drag groups from the shapebar into the grid area to place them at the desired positions. You can put several shapes or other groups into a group and move them as a unit, copy, or delete. ![](../../assets/group_toolbar.png) @@ -108,18 +108,18 @@ Double-click the text in the header of the group to edit it. ## Managing swimlanes -You can drag a swimlane from the left panel into the grid area to place it on the desired position. +You can drag a swimlane from the shapebar into the grid area to place it at the desired position. ![](../../assets/swimlane_toolbar.png) When you click on any swimlane, it becomes editable and gets personal interface elements: - a toolbar with controls: - - *"addRowLast"* - to add a new row at the end of the swimlane; - - *"addColumnLast"* - to add a new column at the end of the swimlane; - - *"copy"* - to create a copy of the swimlane; - - *"remove"* - to delete the selected swimlane; -- resizing handles (pull the handles of the editable swimlane to change its sizes). + - *"addRowLast"* - to add a new row at the end of the swimlane + - *"addColumnLast"* - to add a new column at the end of the swimlane + - *"copy"* - to create a copy of the swimlane + - *"remove"* - to delete the selected swimlane +- resizing handles (pull the handles of the editable swimlane to change its sizes) Besides, there are the abilities to add, move, or remove columns or rows of the swimlane via the options of the context menu. The context menu will appear after the user clicks on the icon of a swimlane subheader. @@ -129,35 +129,21 @@ Note, that some options of moving the first/last columns and rows are deactivate ## Editing attributes of an item -After selecting an item in the grid area, you can update its attributes [via the sidebar options in the right panel of the editor](../../../guides/diagram_editor/right_panel/). +After selecting an item in the grid area, you can update its attributes [via the sidebar options in the editbar of the editor](../../../guides/diagram_editor/editbar/). -## Configuring toolbar per-item +## Configuring the toolbar of an item -You can customize the personal toolbar of shapes, groups, swimlanes according to your needs via the [shapeToolbar](../../../api/editor/shapetoolbar_property/) property of the editor. +You can customize the personal toolbar of shapes, groups, swimlanes according to your needs via the [shapeToolbar](../../../api/diagram_editor/editor/config/shapetoolbar_property/) property of the editor. ## Enabling/disabling snap lines -> The feature is available only in the default mode of Editor - -From v5.0, the Grid area is equipped with snap lines which will simplify the process of placing shapes symmetrically to each other. - -If you need to change the width and color of the lines, or to hide them at all, use the [magnetic](api/editor/magnetic_property.md) property of Editor. - -## Using hotkeys +:::note +The feature is available only in the default mode of Editor +::: -There is a set of hotkeys you can use while creating a diagram in the editor: +From v5.0, the Grid area is equipped with snap lines which will simplify the process of placing shapes symmetrically to each other. -|Hotkey|Description| -|---|---| -|**Ctrl (Cmd) + C**|Copy an item(s) (*in the default mode only*)| -|**Ctrl (Cmd) + V**|Paste an item(s) (*in the default mode only*)| -|**Alt (Option) + Ctrl (Cmd) + С**|Copy styles of an item (added in v5.0)| -|**Alt (Option) + Ctrl (Cmd) + V**|Paste styles of an item (added in v5.0)| -|**Shift + Left Click**|Select several items| -|**Ctrl (Cmd) + A**|Select all items| -|**Ctrl + Z**|Revert the latest action| -|**Del**|Delete an item(s)| -|**Arrows**|Move an item(s) left/right/up/down| +If you need to change the width and color of the lines, or to hide them at all, use the [magnetic](../../../api/diagram_editor/editor/config/magnetic_property/) property of Editor. ## Manipulating multiple items @@ -165,22 +151,24 @@ It is possible to select several diagram items via hovering them over with the l You can operate all the selected items at once, namely: -- to copy and paste items (*in the default mode only*); -- to drag the items; -- to delete the items; +- to copy and paste items (*in the default mode only*) +- to drag the items +- to delete the items - to paste the copied item's styles -- [to align a group of items](#aligning-multiple-items) (*in the default mode only*). +- [to align a group of items](#aligning-multiple-items) (*in the default mode only*) You can select and delete lines when the editor is initialized in the default mode only. ### Aligning multiple items ->The feature is available only in the default mode of Editor. +:::note +The feature is available only in the default mode of Editor. +::: From v5.0, you can align or distribute a group of items by selecting them and clicking the necessary control in the toolbar. The available controls are: -| Control | Description | -| --------------------------------- | ------------------------------------------- | +| Control | Description | +| --------------------------------- | -------------------------------------------| | **Align left** | Align items to the left along the x-axis | | **Align horizontal centers** | Align items to the center along the x-axis | | **Align right** | Align items to the right along the x-axis | @@ -188,7 +176,6 @@ From v5.0, you can align or distribute a group of items by selecting them and cl | **Distribute vertical spacing** | Distribute items evenly along the y-axis | | **Align top** | Align items to the top along the y-axis | | **Align vertical centers** | Align items to the center along the y-axis | -| **Align bottom** | Align items to the bottom along the y-axis | +| **Align bottom** | Align items to the bottom along the y-axis | ![](../../assets/editor/group_align_and_distribution.gif) - diff --git a/docs/guides/diagram_editor/hot_keys.md b/docs/guides/diagram_editor/hot_keys.md new file mode 100644 index 000000000..0685de3e3 --- /dev/null +++ b/docs/guides/diagram_editor/hot_keys.md @@ -0,0 +1,29 @@ +--- +sidebar_label: Hotkeys +title: Editor Guides - Hotkey List +description: You can learn about the Hotkeys of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# Hotkey list + +In this section you will find a set of hotkeys you can use while creating a diagram in the editor: + +|Hotkey|Description| +|---|---| +|**Alt+1**|Allows you to hide/show Shapebar (*default mode only*)| +|**Alt+2**|Allows you to hide/show Editbar| +|**Alt+2**|Allows you to hide/show Grid Area| +|**Ctrl+Z (CMD+Z)**|Allows you to revert the latest action| +|**Ctrl+Shift+Z (CMD+Shift+Z)**|Allows you to return to the canceled action| +|**Ctrl+D (CMD+D)**|Allows you to duplicate a selected element| +|**Ctrl+C (CMD+C)**|Allows you to copy a selected element (*default mode only*)| +|**Ctrl+V (CMD+V)**|Allows you to paste a selected element (*default mode only*)| +|**Ctrl+Alt+C (CMD+Alt+C)**|Allows you to copy the style of the selected item (applicable for elements of one essence)| +|**Ctrl+Alt+V (CMD+Alt+V)**|Allows you to apply a copied style to the selected item (applicable for elements of one essence)| +|**Ctrl+A (CMD+A)**|Allows you to select all items| +|**Ctrl+Shift+A (CMD+Shift+A)**|Allows you to unselect all selected items| +|**Ctrl+Mousewheel (CMD+Mousewheel)**|Allows you to increase/decrease the scale value| +|**Shift+Left Click**|Allows you to add an item to the list of selected items| +|**Alt+Left Click**|Allows you to unselect the selected item| +|**Delete (Del)**|Allows you to delete an item(s)| +|**Arrow-Top / Arrow-Bottom / Arrow-Left / Arrow-Right**|Allows you to move the selected items| diff --git a/docs/guides/diagram_editor/initialization.md b/docs/guides/diagram_editor/initialization.md index 4486ea7ea..8e7584cdc 100644 --- a/docs/guides/diagram_editor/initialization.md +++ b/docs/guides/diagram_editor/initialization.md @@ -1,47 +1,47 @@ --- -sidebar_label: Initialization +sidebar_label: Initialization title: Editor initialization description: You can learn how to start with Diagram Editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. --- # Editor initialization -This article covers the process of displaying a Diagram editor on a page. In order to initialize the editor, you need to include source files specific for Editor and use the *DiagramEditor* instance. In all other aspects the initialization stage is the same as for the Diagram component: +This article covers the process of displaying a Diagram editor on a page. In order to initialize the editor, you need to include source files specific for Editor and use the `DiagramEditor` instance. In all other aspects the initialization stage is the same as for the Diagram component: -- [Download the DHTMLX Diagram package](https://dhtmlx.com/docs/products/dhtmlxDiagram/download.shtml) and unpack it into a folder of your project; -- [Include the source files on a page](#including-required-code-files); -- [Initialize the Editor with the object constructor](#initializing-editor); -- [Load data into the Editor](#loading-data-into-editor). +- [Download the DHTMLX Diagram package](https://dhtmlx.com/docs/products/dhtmlxDiagram/download.shtml) and unpack it into a folder of your project +- [Include the source files on a page](#including-required-code-files) +- [Initialize the Editor with the object constructor](#initializing-editor) +- [Load data into the Editor](#loading-data-into-editor) ~~~html - - + + -
- +
+ ~~~ @@ -66,19 +66,19 @@ You can initialize a Diagram Editor in a container, in the document body, or in ### Initialization in a container -To initialize a diagram in a container, use the `dhx.DiagramEditor` constructor and pass the following two parameters to the constructor function: +To initialize an editor in a container, use the `dhx.DiagramEditor` constructor and pass the following two parameters to the constructor function: -- a container to place an Editor into, let's give it the id "editor_container": +- a container to place an Editor into, let's give it the *"editor_container"* id: ~~~html title="index.html"
~~~ -- an object with [configuration properties](#configuration-properties). If this argument is not passed to the constructor, the settings will be default. +- an object with [configuration properties](#configuration-properties). If this argument is not passed to the constructor, the default settings will be applied -~~~js title="index.js" +~~~jsx title="index.js" const editor = new dhx.DiagramEditor("editor_container", { - type: "default" // "default" | "org" | "mindmap" + type: "default" // "default" | "org" | "mindmap" }); ~~~ @@ -86,9 +86,9 @@ const editor = new dhx.DiagramEditor("editor_container", { It is also possible to skip setting a container for Editor and to add it right into the document's body: -~~~js +~~~jsx const editor = new dhx.DiagramEditor(document.body, { - type: "default" // "default" | "org" | "mindmap" + type: "default" // "default" | "org" | "mindmap" }); ~~~ @@ -96,15 +96,15 @@ const editor = new dhx.DiagramEditor(document.body, { You can also initialize an editor inside [a Layout cell](https://docs.dhtmlx.com/suite/layout/). In this case use *null* instead of a container: -~~~js +~~~jsx const editor = new dhx.DiagramEditor(null, { - type: "default" // "default" | "org" | "mindmap" + type: "default" // "default" | "org" | "mindmap" }); const layout = new dhx.Layout("layout", { cols: [ { id: "diagram_editor" - }, + } ] }); @@ -113,23 +113,22 @@ layout.getCell("diagram_editor").attach(editor); ### Configuration properties -To change the configuration of the editor, you can specify the desired property in the config object passed as a second parameter of the constructor function. +To change the configuration of the editor, you can specify the desired property in the config object passed as a second parameter of the constructor function. -~~~js +~~~jsx const editor = new dhx.DiagramEditor("editor_container", { - type: "default" // "default" | "org" | "mindmap", - shapeBarWidth: 320, - lineGap: 20 + type: "default", // "default" | "org" | "mindmap" + shapeBarWidth: 320, + lineGap: 20 }); ~~~ ### Properties -Check [the full list of configuration properties of Editor](../../../api/editor/api_overview/#editor-properties). +Check [the full list of configuration properties of Editor](/api/diagram_editor/editor/config/overview/). -Loading data into Editor ----------------------------- +## Loading data into Editor -It is possible to load an [appropriate data set](../../../guides/loading_data/#preparing-data-to-load) into the editor via the [parse()](../../../api/editor/parse_method/) method of the editor. +It is possible to load an [appropriate data set](../../../guides/loading_data/#preparing-data-to-load) into the editor via the [parse()](../../../api/diagram_editor/editor/methods/parse_method/) method of the editor. - + diff --git a/docs/guides/diagram_editor/left_panel.md b/docs/guides/diagram_editor/left_panel.md deleted file mode 100644 index 43b839a6a..000000000 --- a/docs/guides/diagram_editor/left_panel.md +++ /dev/null @@ -1,127 +0,0 @@ ---- -sidebar_label: Left panel -title: Editor Guides - Left Panel -description: You can learn about the Left Panel of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# Left panel - -Left panel is a part of the editor that renders previews of Diagram items. You can choose the necessary items and drag them from the left panel into the grid area. - -{{note The left panel is available only in the editor initialized in the default mode (type: "default").}} - -## Default sections - -By default, the left panel is divided into three sections: *Shapes*, *Groups*, and *Swimlanes*. The *Shapes* section includes all default shapes as well as custom ones. -The *Groups* and *Swimlanes* sections contain basic sets of the items. - - - -## Custom sections - -To customize the structure of the left panel, you should use the [](../../api/editor/shapesections_property.md) property of the editor object. The property allows you to specify your own sections in the necessary order and put the items into the corresponding sections. - - - -The **shapeSections** property is an object with a set of *key:value* pairs where *key* is the name of a section and *value* is an array with the list of items which should be rendered in the section. - -{{note To display a basic set of items in the section, include an object with the related *key:value* pair into the array. Check the list of available pairs in the [](../../api/editor/shapesections_property.md) article. }} - - -## Adding identical items with different settings into the left panel - -The library allows you to add several identical items (i.e. items of the same type) with different settings to the left panel of the editor. -To do that, you need to: - -- create separate objects with different configurations for the items of the necessary type. You can create as many objects as you need; -- use the names of the created objects as the types of the items and add them into the sections of the left panel using the [](../../api/editor/shapesections_property.md) property. - - - -## Setting shape preview - -To customize the appearance of the shapes rendered in the left panel of the editor, you can apply the [preview](../../../shapes/configuration_properties/#properties-specific-for-the-default-mode) configuration property of a shape object. - -The property can be applied in two cases: - -- when setting the default configuration of a default shape via the [](../../api/editor/defaults_property.md) property of the editor object; -- when setting the default configuration of a custom shape via the **defaults** attribute of the [](../../api/diagram/addshape_method.md) method. - -Let's consider three examples of configuring a shape preview: - -1\. You can specify an image to be shown in the left panel for a custom shape. For this purpose, you need to pass either an URL to load an image from or a base64 image as a string value to the **preview** property: - -~~~js {3} -const defaults = { - title: "Name and First name", img: "../avatar-1.jpg", height: 115, width: 330, - preview: "../shape_preview.png", -}; - -editor.diagram.addShape("template", { - template: template, - defaults: defaults -}); -~~~ - -2\. If you need to specify an image and define its width and height, you should provide the **preview** property as an object with the **img**, **heigh**, and **width** attributes: - -~~~js {4-7} -const defaults = { - title: "Name and First name", email: "some@mail.com", - img: "../avatar-1.jpg", height: 115, width: 330, - preview: { - img: "../shape_preview.png", - height: 58, width: 165, - } -} - -editor.diagram.addShape("template", { - template: template, - defaults: defaults -}); -~~~ - -{{note You can set the precise width and height of the image, but there is no ability to set the scale of the image.}} - -3\. You can redefine the scale of a specific shape rendered in the left panel via the **scale** property: - -~~~js {5-7} -const defaults = { - name: "Name and First name", - post: "Position held", - ... - preview: { - scale: 0.72 - } -}; - -const editor = new dhx.DiagramEditor("editor_container", { - shapeSections: { - "Custom shapes": ["personalCard"], - "OrgChart shapes": ["card", "img-card"] - }, - scalePreview: 0.65, -}); - -editor.diagram.addShape("personalCard", { - template: personalCard, - defaults, - ... -}); -~~~ - -**Related sample:** [Diagram editor. Default mode. Custom image shape](https://snippet.dhtmlx.com/d5hcx01h) - -While the scale of the "personalCard"-type shapes is 0.72, the scale of the other shapes in the left panel is 0.65. - -{{note **Note**, that the **preview** property will be omitted when exporting data to the JSON format. }} - -## Width of the panel - -The default width of the left panel is 295. You can change it and set any other width via the [](../../api/editor/shapebarwidth_property.md) property, e.g.: - -~~~js -const editor = new dhx.DiagramEditor("editor_container", { - shapeBarWidth: 350 -}); -~~~ \ No newline at end of file diff --git a/docs/guides/diagram_editor/right_panel.md b/docs/guides/diagram_editor/right_panel.md deleted file mode 100644 index 6f160e6cd..000000000 --- a/docs/guides/diagram_editor/right_panel.md +++ /dev/null @@ -1,234 +0,0 @@ ---- -sidebar_label: Right panel -title: Editor Guides - Right Panel -description: You can learn about the Right Panel of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. ---- - -# Right panel - -Right panel is a part of the editor with a *property sheet* that provides options for modifying values of the attributes of the diagram items. - -You can select a necessary item and edit its attributes via the related sidebar options. - -## Sidebar options for editing shapes - -Right panel can contain different sidebar options for editing various attributes of a shape. The presence or absence of the options in the right panel completely depends on the type and configuration of the shape, and the mode of Diagram initialization. - -### Grid step - -Use to modify the step of moving a shape. When you change the value of the grid step, the distance between points in the Grid area will be also changed - -The option can be hidden via the **gridStep** attribute of the [controls](../../../api/editor/controls_property/) property of the editor. - -![](../../assets/editor/grid_step.png) - -### Arrange - -Use to set the position of a shape via x and y coordinates; to define the width and height of a shape and set the angle of rotation. - -*The option is available for flow chart shapes in the default mode of the editor only.* - -![](../../assets/editor/arrange.png) - -### Position - -Use to set the left and top offsets to define the position of a shape. - -*The option is available for "card", "img-card", and "topic" shapes.* - -![](../../assets/editor/position.png) - -### Size - -Use to set the width and height of a shape. - -*The option is available for "card", "img-card", and "topic" shapes.* - -![](../../assets/editor/size.png) - -### Fill - -Use to modify the color of a shape via the related colorpicker. - -*The option is available for "topic" and flow chart shapes.* - -![](../../assets/editor/fill.png) - -### Color - -Use to modify the color of a shape header via the related colorpicker. - -*The option is available for "img-card" shapes.* - -![](../../assets/editor/color.png) - -### Text - -Use to edit the text of a shape. - -![](../../assets/editor/text.png) - -### Stroke - -Use to change the outline of a shape: set its color, type and width. - -*The option is available for "topic" and flow chart shapes.* - -![](../../assets/editor/stroke.png) - -### Text settings - -Use to adjust the text settings: - -- font size, weight, style and color; -- line spacing; -- horizontal and vertical text alignment. - -*The option is available for "topic" and flow chart shapes.* - -![](../../assets/editor/text_settings.png) - -### Title - -Use to edit the title. - -*The option is available for "img-card" shapes.* - -![](../../assets/editor/title.png) - -### Image - -Use to load an image for the card and update it. An image is loaded from the computer and saved in the base64 format right into the data. - -*The option is available for "img-card" shapes.* - -![](../../assets/editor/image.png) - -## Configuring options for editing custom shapes - -When you create a custom shape with a standard configuration (i.e. without adding custom properties), the options of the right panel will be rendered automatically depending on the data set of the shape. - -In case you create more complex shape, you can change the structure of the right panel and specify additional options for editing custom properties of the shape. To do this, you need to make use of the **properties** attribute of the [](../../api/diagram/addshape_method.md) method. - - - -The **properties** attribute contains a set of objects that defines which sidebar options will be rendered in the right panel of the editor for the shape. [Check the full list of available types of the options you can apply while configuring the right panel](../../../api/diagram/addshape_method/#types-of-sidebar-options). - -The order of the objects in the array defines the order the sidebar options will be displayed in the right panel. - -## Sidebar options for editing lines - -### Grid step - -Use to modify the step of moving a line. The option can be hidden via the **gridStep** attribute of the [controls](../../../api/editor/controls_property/) property of the editor. - -![](../../assets/editor/grid_step.png) - -### Stroke - -Use to change the settings of a line: - -- to modify the color of a connector line; -- to define the width and type of a connector line; -- to choose the type of the line's start and end points; -- to select the type of a connector line; -- to set the radius for rounded corners of a line. - -![](../../assets/editor/line_stroke.png) - -## Sidebar options for editing titles of lines - -Lines with title are available in the default mode only. - -### Fill - -Use to modify the background color of the text item of a line via the related colorpicker. - -![](../../assets/editor/line_title_fill.png) - -### Text - -Use to edit the text of the text item of a line. - -![](../../assets/editor/line_title_text.png) - -### Text style - -Use to adjust the text settings: - -- font size, line spacing, weight, style -- color, horizontal text alignment. - -![](../../assets/editor/line_title_text_style.png) - -## Sidebar options for editing groups, swimlanes - -### Grid step - -Use to modify the step of moving an item. The option can be hidden via the **gridStep** attribute of the [controls](../../../api/editor/controls_property/) property of the editor. - -![](../../assets/editor/grid_step.png) - -### Arrange - -Use to set the position of an item via x and y coordinates; to define the width and height of a group/swimlane. - -![](../../assets/editor/arrange1.png) - -### Fill - -Use to modify the color of an item via the related colorpicker. - -![](../../assets/editor/fill.png) - -### Stroke - -Use to change the outline of an item: set its color and width. - -![](../../assets/editor/stroke1.png) - -### Header text - -Use to edit the text of the header of an item. - -![](../../assets/editor/header_text.png) - -### Header style - -Use to adjust the text settings of the header of an item: - -- font size, weight, style and color; -- line spacing; -- horizontal and vertical text alignment. - -![](../../assets/editor/header_style.png) - -### Header fill - -Use to modify the color of the header of an item via the related colorpicker. - -![](../../assets/editor/header_fill.png) - -### Header position - -Use to define the position of the header of an item. - -![](../../assets/editor/header_position.png) - -### Header - -Use to show/hide the header of an item. If you hide the header, such options as *Header text*, *Header style*, *Header fill*, *Header position* will become hidden. - -![](../../assets/editor/header.png) - -### Subheader rows - -Use to show/hide the left/right subheadings of a swimlane. - -![](../../assets/editor/subheader_rows.png) - -### Subheader cols - -Use to show/hide the top/bottom subheadings of a swimlane. - -![](../../assets/editor/subheader_cols.png) diff --git a/docs/guides/diagram_editor/shapebar.md b/docs/guides/diagram_editor/shapebar.md new file mode 100644 index 000000000..4e8568283 --- /dev/null +++ b/docs/guides/diagram_editor/shapebar.md @@ -0,0 +1,307 @@ +--- +sidebar_label: Shapebar +title: Editor Guides - Shapebar +description: You can learn about the Shapebar of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# Shapebar + +Shapebar is a part of the editor that renders previews of Diagram items. You can choose the necessary items and drag them from the shapebar into the grid area. + +:::note +The shapebar is available only in the editor initialized in the default mode (type: "default"). +::: + +## Default sections + +By default, the shapebar is divided into three sections: *Shapes*, *Groups*, and *Swimlanes*. The *Shapes* section includes all default shapes as well as custom ones. +The *Groups* and *Swimlanes* sections contain basic sets of the items. + + + +## Custom sections + +To customize the structure of the shapebar, you should use the [`sections`](../../../api/diagram_editor/shapebar/config/sections_property/) property. It allows you to specify your own sections in the necessary order and put the items into the corresponding sections. + +The `sections` property is an object with a set of *key:value* pairs where `key` is the name of a section and `value` is an array with the list of items which should be rendered in the section. + +Depending on the chosen elements, the configuration of items of a particular section can be the following: + +1. Rendering of basic sections + +You can render a basic set of shapes using the `sections` configuration object. For example: + +~~~jsx +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + shapebar: { + sections: { + "Base flow shapes": [{ flowShapes: true }], + "Base org cards": [{ org: true }], + "Base groups": [{ group: true }], + "Base swimlane": [{ swimlane: true }] + } + } + } +}); +~~~ + +2. Specifying items with the help of string literals + +You can render Shapebar items by specifying the types of shapes with the help of string literals. Check the example below: + +~~~jsx +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + shapebar: { + sections: { + "Custom section": ["custom_shape"], + "Other shapes": ["text", "topic", "circle"] + } + } + } +}); +~~~ + +3.

Redefining basic configurations

+ +Another option is to redefine basic properties of any shape and render it with the necessary parameters. The example below shows rendering of a shape of the `circle` type with various text and color settings: + +~~~jsx +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + shapebar: { + sections: { + "Circles": [ + { + type: "circle", + fill: "#fcba03", + text: "Orange" + }, + { + type: "circle", + fill: "#03d7fc", + text: "Blue" + }, + { + type: "circle", + fill: "#03fc88", + text: "Green" + } + ] + } + } + } +}); +~~~ + +You can reconfigure any type of shapes in such a way. + +4. Combining different types of items in a section + +If your project presupposes usage of various elements, you can create sections with mixed types of items in the Shapebar. Check the following example: + +~~~jsx +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + shapebar: { + sections: { + "Base flow shapes": [{ flowShapes: true }, "text", "topic"], + "Circles": [ + "circle", + { + type: "circle", + fill: "#fcba03", + text: "Orange" + }, + { + type: "circle", + fill: "#03d7fc", + text: "Blue" + }, + { + type: "circle", + fill: "#03fc88", + text: "Green" + } + ] + } + } + } +}); +~~~ + +## Adding items of the same type with different settings + +The library allows you to add several identical items (i.e. items of the same type) with different settings to the shapebar of the editor. +To do that, you need to: + +- create separate objects with different configurations for the items of the necessary type. You can create as many objects as you need +- use the *names* of the created objects as the *types* of the items and add them into the sections of the shapebar using the [`sections`](../../../api/diagram_editor/shapebar/config/sections_property/) property + +## Setting the preview of shapes + +To configure the preview of items rendered in the shapebar of the editor, make use of the [`preview`](../../../api/diagram_editor/shapebar/config/preview_property/) property. It is an object that contains two attributes: + +- `scale` - (optional) defines the scale of items rendered in the shapebar of the editor, 0.5 by default +- `gap` - (optional) specifies the space between the items rendered in the shapebar, "6px 8px" by default +(sets 6px gap for the top and bottom sides and 8px gap for the right and left sides) + +~~~jsx +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + shapebar: { + preview: { + scale: 0.65, + gap: 8 + } + } + } +}); +~~~ + +### Customizing a shape preview + +To customize the appearance of a particular shape, you can apply the [preview](/shapes/configuration_properties/#properties-specific-for-the-default-mode) configuration property of a shape object. + +The property can be applied in two cases: + +- when setting the default configuration of a default shape via the [`defaults`](/api/diagram_editor/editor/config/defaults_property/) property of the editor object +- when setting the default configuration of a custom shape via the `defaults` attribute of the [`addShape()`](/api/diagram/addshape_method/) method + +Let's consider three examples of configuring a shape preview: + +1\. You can specify an image to be shown in the shapebar for a custom shape. For this purpose, you need to pass either an URL to load an image from or a base64 image as a string value to the `preview` property: + +~~~jsx {6} +const defaults = { + title: "Name and First name", + img: "../avatar-1.jpg", + height: 115, + width: 330, + preview: "../shape_preview.png" +}; + +editor.diagram.addShape("template", { + template, + defaults +}); +~~~ + +2\. If you need to specify an image and define its width and height, you should provide the `preview` property as an object with the `img`, `height`, and `width` attributes: + +~~~jsx {4-8} +const defaults = { + title: "Name and First name", email: "some@mail.com", + img: "../avatar-1.jpg", height: 115, width: 330, + preview: { + img: "../shape_preview.png", + height: 58, + width: 165 + } +} + +editor.diagram.addShape("template", { + template, + defaults +}); +~~~ + +:::note +You can set the precise width and height of the image, but there is no ability to set the scale of the image. +::: + +3\. You can redefine the scale of a specific shape rendered in the shapebar via the `scale` property: + +~~~jsx {2-4} +const defaults = { + preview: { + scale: 0.72 + } +}; + +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + shapebar: { + sections: { + "Custom shapes": ["personalCard"], + "OrgChart shapes": ["card", "img-card"] + }, + preview: { + scale: 0.65 + } + } + } +}); + +editor.diagram.addShape("personalCard", { + defaults, + // ... +}); +~~~ + +:::note +**Note**, that the `preview` property will be omitted when exporting data to the JSON format. +::: + +## Setting the width of shapebar + +The default width of the shapebar is 300. You can change it and set any other width via the [`width`](/api/diagram_editor/shapebar/config/width_property/) property, e.g.: + +~~~jsx +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + shapebar: { + width: 400 // 300 by default + } + } +}); +~~~ + +## Showing/hiding the Shapebar + +Whenever you need to control the visibility of a shapebar, you can use the [`show`](/api/diagram_editor/shapebar/config/show_property/) property. It allows you to hide the shapebar with particular settings on initialization of the Diagram Editor and show it later, when needed. By default the shapebar is shown. + +~~~jsx +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + shapebar: { + show: false // true by default + } + } +}); +~~~ + +## Shapebar and shapes appearance + +You can provide the desired look and feel for the shapebar with the [`css`](/api/diagram_editor/shapebar/config/css_property/) property. It allows specifying custom CSS classes to stylize items presentation in the shapebar in your own way. + +~~~html {6} + + + +~~~ + +You can also [adjust the appearance of shapes](guides/themes/base_themes_configuration.md/#configuring-the-look-of-shapes-in-shapebar) by redefining the default color scheme for a particular theme or use your own CSS variables to manage the color scheme of Shapebar items. diff --git a/docs/guides/diagram_editor/toolbar.md b/docs/guides/diagram_editor/toolbar.md index d2494a6bb..7c4bc167c 100644 --- a/docs/guides/diagram_editor/toolbar.md +++ b/docs/guides/diagram_editor/toolbar.md @@ -6,26 +6,440 @@ description: You can learn about the Toolbar of editor in the documentation of t # Toolbar -Toolbar is a top part of Editor that helps to control the editing process and can look like: +Toolbar is a top part of Diagram Editor that helps users to control the editing process. -![](../../assets/toolbar.png) +![](../../assets/diagram-editor-toolbar/scale-default-mode.png) -## Default toolbar +To configure the Toolbar you can use the following properties: -By default, the toolbar contains the following controls: +- [`css`](api/diagram_editor/toolbar/config/css_property.md) - applies the custom CSS class -- **reset** - to reset all the applied changes to the previous state. The control works in tandem with the [](../../api/editor/resetbutton_event.md) event; -- **apply** - to apply changes made in the editor to the diagram. The control works in tandem with the [](../../api/editor/applybutton_event.md) event; -- **historyManager** - to undo and redo changes; -- **export** - to export the data of the diagram to the JSON format. The control works in tandem with the [](../../api/editor/exportdata_event.md) event; -- **import** - to import the data from a JSON file to the diagram. The control works in tandem with the [](../../api/editor/importdata_event.md) event; -- **autoLayout** - to arrange diagram shapes and connectors either in the **orthogonal** or **radial** hierarchy automatically. The control works in tandem with the [](../../api/editor/autolayout_event.md) event;
*It works only in the default mode of Diagram and does not work if you use groups or swimlanes;* -- **editManager** - to hide and show the panels of the editor. The control works in tandem with the [](../../api/editor/visibility_event.md) event; -- **scale** - to zoom a diagram in the editor in and out. The control works in tandem with the [zoomIn](../../../api/editor/zoomin_event/) and [zoomOut](../../../api/editor/zoomout_event/) events. +- [`navigationType`](api/diagram_editor/toolbar/config/navigationtype_property.md) - defines the action that activates a Toolbar item. You can specify one of the following actions: + - `"click"` - activates a Toolbar item when a user clicks on it + - `"pointer"` - activates a Toolbar item when a user hovers the mouse pointer over it -## Custom toolbar +- [`items`](api/diagram_editor/toolbar/config/items_property.md) - the array of [**items**](#service-elements) (controls) arranged on Toolbar. There are 2 ways how to configure Toolbar items: + - [**Configuring Items via Strings**](api/diagram_editor/toolbar/config/items_property.md/#configuring-items-via-strings) + - [**Configuring Items via Objects**](api/diagram_editor/toolbar/config/items_property.md/#configuring-items-via-objects) -You can change the structure of the toolbar via the [controls](api/editor/controls_property.md) configuration property of the editor. -Using the property you can define which controls to show/hide in the Editor. +~~~jsx {9-40} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + // toolbar: true, // displays default Toolbar + // or configure Toolbar via object + toolbar: { + css: "custom_css", + navigationType: "pointer", + items: [ + { + type: "file", + items: [ + "importJson", + { + type: "exportJson", + value: "Export to JSON" + }, + { + id: "custom_id_1", + type: "menuItem", + value: "Server export", + icon: "dxi dxi-vault", + items: [ + "exportPdf", + { + id: "custom_id_2", + type: "menuItem", + value: "PNG", + handler: editor => { + editor.diagram.export.png(); + // custom logic here + } + } + ] + } + ] + }, + "spacer", + "scale" + ] + } + } +}); +~~~ - +## Service elements + +Toolbar items are represented by **service elements**. You can use and configure the following service elements: + +- **file** - forms a group of service elements for importing and exporting files + +
+ The **file** item has the following structure: + + ~~~jsx + - file + - importJson + - export + - exportJson + - exportPdf + - exportPng + ~~~ + + The **file** collection of items looks in the following way: + + ![](../../assets/diagram-editor-toolbar/file-default-mode.png) +
+ +- **importJson** - opens a dialog box to import a file in the JSON format + +- **export** - forms a group of service elements for exporting a file in the selected format + +
+ The **export** item has the following structure: + + ~~~jsx + - export + - exportJson + - exportPdf + - exportPng + ~~~ +
+ +- **exportJson** - exports a file in the JSON format + +- **exportPdf** - exports a file in the PDF format + +- **exportPng** - exports a file in the PNG format + +
+ +- **edit** - forms a group of service elements for managing and editing shapes, lines, groups, and swimlanes + +
+ In the ***default*** mode the **edit** collection of items has the following default structure: + + ~~~jsx + - edit + - undo + - redo + - separator + - duplicate + - copy + - paste + - separator + - copyStyle + - pasteStyle + - separator + - selectAll + - selectNone + ~~~ + + ![](../../assets/diagram-editor-toolbar/edit-default-mode.png) + + In the ***org/mindmap*** modes the **edit** collection of items has the following default structure: + + ~~~jsx + - edit + - undo + - redo + - separator + - copyStyle + - pasteStyle + - separator + - selectAll + - selectNone + ~~~ + + ![](../../assets/diagram-editor-toolbar/edit-org-mode.png) +
+ +- **undo** - takes a step back in the history of changes + +- **redo** - takes a step forward in the history of changes + +- **duplicate** - duplicates selected elements + +- **copy** - copies selected files to the `model` object + +- **paste** - pastes copied files from the `model` object + +- **copyStyle** - copies the selected element styles to the `model` object + +- **pasteStyle** - applies styles stored in the `model` object to the selected elements + +- **selectAll** - selects all the elements available for selection + +- **selectNone** - deselects all the available items + +
+ +- **view** - forms a group of service elements for managing view of Diagram Editor elements + +
+ In the ***default*** mode the **view** collection of items has the following default structure: + + ~~~jsx + - view + - theme + - themeLight + - themeDark + - themeLightContrast + - themeDarkContrast + - separator + - shapebar + - editbar + - grid + - separator + - connectionPoints + - resizePoints + - magnetic + - separator + - zoomIn + - zoomOut + ~~~ + + ![](../../assets/diagram-editor-toolbar/view-default-mode.png) + + In the ***org/mindmap*** modes the **view** collection of items has the following default structure: + + ~~~jsx + - view + - theme + - themeLight + - themeDark + - themeLightContrast + - themeDarkContrast + - separator + - editbar + - separator + - grid + - separator + - resizePoints + - itemsDraggable + - separator + - zoomIn + - zoomOut + ~~~ + + ![](../../assets/diagram-editor-toolbar/view-org-mode.png) +
+ +- **theme** - forms a group of service elements for applying themes + +
+ The **theme** item has the following structure: + + ~~~jsx + - theme + - themeLight + - themeDark + - themeLightContrast + - themeDarkContrast + ~~~ +
+ +- **themeLight** - applies the **Light** theme + +- **themeDark** - applies the **Dark** theme + +- **themeLightContrast** - applies the **LightContrast** theme + +- **themeDarkContrast** - applies the **DarkContrast** theme + +- **shapebar** - shows/hides the **Shapebar** panel + +- **editbar** - shows/hides the **Editbar** panel + +- **grid** - shows/hides the **grid** on the Grid area + +- **connectionPoints** - shows/hides the **connection points** + +- **resizePoints** - shows/hides the **resize points** + +- **magnetic** - turns on/of the **magnetic** functionality + +- **zoomIn** - decreases the scale value by 0.05 (5%) + +- **zoomOut** - increases the scale value by 0.05 (5%) + +
+ +- **arrange** - forms a group of service elements for arranging Diagram Editor elements + +
+ In the ***default*** mode the **arrange** collection of items has the following default structure: + + ~~~jsx + - arrange + - layout + - layoutMode + - layoutModeDirect + - layoutModeEdges + - separator + - layoutOrthogonal + - layoutRadial + - align + - alignHorizontalLeft + - alignHorizontalCenter + - alignHorizontalRight + - separator + - alignVerticalTop + - alignVerticalCenter + - alignVerticalBottom + - distribute + - distributeVertical + - distributeHorizontal + ~~~ + + ![](../../assets/diagram-editor-toolbar/arrange-default-mode.png) +
+ +- **layout** - forms a group of service elements to autoplace Diagram Editor elements + +
+ The **layout** item has the following structure: + + ~~~jsx + - layout + - layoutMode + - layoutModeDirect + - layoutModeEdges + - separator + - layoutOrthogonal + - layoutRadial + ~~~ +
+ +- **layoutMode** - forms a group of service elements for managing the autoplacement mode + +
+ The **layoutMode** item has the following structure: + + ~~~jsx + - layoutMode + - layoutModeDirect + - layoutModeEdges + ~~~ +
+ +- **layoutModeDirect** - applies the `direct` mode of the element connectors + +- **layoutModeEdges** - applies the `edges` mode of the element connectors + +- **layoutOrthogonal** - applies the `orthogonal` mode of the element arrangement + +- **layoutRadial** - applies the `radial` mode of the element arrangement + +- **align** - forms a group of service elements for managing alignment of the Diagram Editor elements + +
+ The **align** item has the following structure: + + ~~~jsx + - align + - alignHorizontalLeft + - alignHorizontalCenter + - alignHorizontalRight + - separator + - alignVerticalTop + - alignVerticalCenter + - alignVerticalBottom + ~~~ +
+ +- **alignHorizontalLeft** - aligns elements horizontally on the left + +- **alignHorizontalCenter** - aligns elements horizontally in the center + +- **alignHorizontalRight** - aligns elements horizontally on the right + +- **alignVerticalTop** - aligns elements vertically at the top + +- **alignVerticalCenter** - aligns elements vertically in the center + +- **alignVerticalBottom** - aligns elements vertically at the bottom + +- **distribute** - forms a group of service elements for distributing of the Diagram Editor elements + +
+ The **distribute** item has the following structure: + ~~~jsx + - distribute + - distributeVertical + - distributeHorizontal + ~~~ +
+ +- **distributeVertical** - distributes elements vertically + +- **distributeHorizontal** - distributes elements horizontally + +
+ +- **scale** - the control that allows users to increase or decrease the scale value by 0.05 (5%) + +
+ The **scale** item looks in the following way: + + ![](../../assets/diagram-editor-toolbar/scale-default-mode.png) +
+ +- [**separator**](https://docs.dhtmlx.com/suite/toolbar/api/api_separator_properties/) - a horizontal (between menu options) or vertical (between toolbar controls) line separating items/groups of items from each other. + +- [**spacer**](https://docs.dhtmlx.com/suite/toolbar/api/api_spacer_properties/) - a space on the toolbar used for aligning controls + +## Base elements + +Besides [**Service elements**](#service-elements), you can also specify and configure the following **Base elements** using the [object](api/diagram_editor/toolbar/config/items_property.md/#configuring-items-via-objects) approach: + +- [Button](https://docs.dhtmlx.com/suite/toolbar/button/) +- [Custom HTML](https://docs.dhtmlx.com/suite/toolbar/customhtmlbutton/) +- [Datepicker](https://docs.dhtmlx.com/suite/toolbar/datepicker/) +- [ImageButton]( https://docs.dhtmlx.com/suite/toolbar/image_button/) +- [Input](https://docs.dhtmlx.com/suite/toolbar/input/) +- [MenuItem](https://docs.dhtmlx.com/suite/toolbar/menuitem/) +- [NavItem](https://docs.dhtmlx.com/suite/toolbar/navitem/) +- [SelectButton](https://docs.dhtmlx.com/suite/toolbar/selectbutton/) +- [Separator](https://docs.dhtmlx.com/suite/toolbar/separator/) +- [Spacer](https://docs.dhtmlx.com/suite/toolbar/spacer/) +- [Title](https://docs.dhtmlx.com/suite/toolbar/title/) + +The example below shows how to add the [Button](https://docs.dhtmlx.com/suite/toolbar/button/) control to the Toolbar: + +~~~jsx {8-11} +const editor = new dhx.DiagramEditor("editor_container", { + type: "org", // "default" | "org" | "mindmap" + view: { + // toolbar: true, // displays default Toolbar + // or configure Toolbar via object + toolbar: { + items: [ + { + type: "button", + value: "Best button" + } + ] + } + } +}); +~~~ + +In addition to the inner properties of **base elements** (excluding [Separator](https://docs.dhtmlx.com/suite/toolbar/separator/), [Spacer](https://docs.dhtmlx.com/suite/toolbar/spacer/) and [Title](https://docs.dhtmlx.com/suite/toolbar/title/)) you can also use the following properties: + +- `checkIcon` - (optional) - the handler that returns the icon css class. It is called with the following argument: + - `editor` - the Diagram Editor object + +~~~jsx +checkIcon?: (editor: IDiagramEditor) => string; // Use only for base elements that contain icon +~~~ + +- `handler` - (optional) - the handler that runs when the ***click*** or ***inputChange*** event occurs. It is called with the following arguments: + - `editor` - the Diagram Editor object + - `event` - a [native event](https://developer.mozilla.org/en-US/docs/Web/API/Event) + +~~~jsx +handler?: (editor: object, event: Event) => void; +~~~ + +**Related sample**: [Diagram with Editor. Default mode. Customization of cards, editbar, toolbar and shapebar](https://snippet.dhtmlx.com/1p0wemnn) diff --git a/docs/guides/event_handling.md b/docs/guides/event_handling.md index b9a4627ec..f05910d97 100644 --- a/docs/guides/event_handling.md +++ b/docs/guides/event_handling.md @@ -13,8 +13,8 @@ You can add any user-defined handler to any of the available events. To do this, - **name** - (*string*) the name of the event - **handler** - (*function*) the handler function -~~~js -diagram.events.on("ShapeClick", function(id) { +~~~jsx +diagram.events.on("ShapeClick", (id) => { alert("You've just clicked an item with id="+id); }); ~~~ @@ -25,7 +25,7 @@ You can attach several handlers to the same event and all of them will be execut To detach events, use **diagram.events.detach()** method: -~~~js +~~~jsx diagram.events.on("CustomEvent", args); diagram.events.detach("CustomEvent"); @@ -35,7 +35,7 @@ diagram.events.detach("CustomEvent"); To call events, use the **diagram.events.fire()**. -~~~js +~~~jsx diagram.events.fire("CustomEvent", args); // where args is an array of arguments ~~~ @@ -50,19 +50,19 @@ Check the full list of the Diagram API events in the [API reference](../../api/d ### Editor events -The list of the Diagram editor API events is given in the [API section](../../api/editor/api_overview/#editor-events). +The list of the Diagram editor API events is given in the [API section](/api/diagram_editor/editor/events/overview/). :::note In addition to the events of the Diagram editor, you may also apply [events of the diagram object](../../api/diagram/api_overview/#diagram-events) while working in the editor view. For example: ::: -~~~js {6-8} +~~~jsx {6-8} const editor = new dhx.DiagramEditor("editor_container", { controls: { autoLayout: false } }); editor.parse(data); -editor.diagram.events.on("ShapeClick", function(id) { +editor.diagram.events.on("ShapeClick", (id) => { alert("You've just clicked an item with id=" + id); }); ~~~ @@ -84,5 +84,3 @@ Check the full list of the InlineEditor API events in the [API Reference](../../ ### Selection events Check the full list of the Selection API events in the [API Reference](../../api/selection/#events). - - diff --git a/docs/guides/inline_editing.md b/docs/guides/inline_editing.md index 842f8b60f..2e9995c92 100644 --- a/docs/guides/inline_editing.md +++ b/docs/guides/inline_editing.md @@ -1,5 +1,5 @@ --- -sidebar_label: Inline editing +sidebar_label: Inline editing title: Inline Editing description: You can learn about inline editing in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. --- @@ -12,74 +12,69 @@ Inline editing for Lines is enabled only in the default mode of Diagram. ![](../assets/inline_editing.gif) -{{note Inline editing does not work for custom shapes.}} +:::note +Inline editing does not work for custom shapes. +::: -The functionality is enabled by default. - -To disable inline editing, you should use the **editable** property of the element, which you want to make uneditable, and set its value to *false*. +The functionality is enabled by default. To disable inline editing, you should use the `editable` property of the element, which you want to make uneditable, and set its value to *false*. You can find examples of disabling inline editing for diagram items below: -#### Lines +#### Line titles -~~~js title="Disabling the ability to edit the text content of a line" +~~~jsx title="Disabling the ability to edit the text content of a line" {18} const data = [ - // configuring shapes - { "id": 1, "x": 200, "y": 0, "text": "Start", "type": "start" }, - { "id": 2, "x": 200, "y": 220, "text": "Step 1", "type": "process" }, - // configuring line - { - "type": "line", - "from": "1", - "to": "2", - "id": "1-2", - "title": { - "fontSize": 14, - "lineHeight": 14, - "editable": false, // disables inline editing of text items of a line - "text": [ - { - "type":"$linetext", - "id":"t1", - "text":"Follow the instruction", - "editable": true, // enables inline editing of the current text item of a line - } - ] - }, - }, - ]; + // configuring shapes + { "id": "shape_1", "type": "start", "x": 0, "text": "Start" }, + { "id": "shape_2", "type": "process", "x": 400, "text": "Step 1" }, + // configuring a line + { + "id": "line_1", + "type": "line", + "from": "shape_1", + "to": "shape_2" + }, + // configuring a line title + { + "id": "title_1", + "type": "lineTitle", + "parent": "line_1", + "text": "Some text", + "editable": false // disables inline editing of the text item of a line + } +]; ~~~ #### Shapes -~~~js title="Disabling the ability to edit the text content of a shape" +~~~jsx title="Disabling the ability to edit the text content of a shape" const data = [ - { id: 1, x: 280, y: 0, text: "Start", type: "start", editable: false}, + { "id": 1, "x": 280, "y": 0, "text": "Start", "type": "start", "editable": false} ]; ~~~ #### Groups -~~~js title="Disabling the ability to edit the text content of the header of a group" +~~~jsx title="Disabling the ability to edit the text content of the header of a group" const data = [ { - type: "$group", - id: 1, - width: 400, - height: 200, - x: 0, - y: 0, - header: { - text: "Group 1", - editable: false, - }, - }, + "type": "$group", + "id": 1, + "width": 400, + "height": 200, + "x": 0, + "y": 0, + "header": { + "text": "Group 1", + "editable": false + } + } ]; ~~~ #### Swimlanes -~~~js title="Configuring the ability to edit the text content of the header and subheaders of a swimlane" +~~~jsx title="Configuring the ability to edit the text content of the header and subheaders of a swimlane" const data = [ { "id": "main", @@ -99,13 +94,13 @@ const data = [ "headers": [ { "text": "September", "fill": "rgba(243, 92, 79, 0.4)" }, // enables inline editing for the subheader - { "text": "October", "fill": "rgba(155, 96, 248, 0.4)", editable: true }, - { "text": "November", "fill": "rgba(255, 174, 18, 0.4)" }, + { "text": "October", "fill": "rgba(155, 96, 248, 0.4)", "editable": true }, + { "text": "November", "fill": "rgba(255, 174, 18, 0.4)" } ], // disables inline editing for all subheaders "editable": false } - }, + } ]; ~~~ diff --git a/docs/guides/angular_integration.md b/docs/guides/integrations/angular_integration.md similarity index 73% rename from docs/guides/angular_integration.md rename to docs/guides/integrations/angular_integration.md index 27577cf2c..f955dbeb7 100644 --- a/docs/guides/angular_integration.md +++ b/docs/guides/integrations/angular_integration.md @@ -8,11 +8,13 @@ description: You can learn about the Integration with Angular in the documentati DHTMLX Diagram can be easily integrated into an application created with the Angular framework. -{{note View the [DHTMLX Diagram + Angular](https://github.com/DHTMLX/angular-diagram-demo) demo on GitHub. }} +:::note +View the [DHTMLX Diagram + Angular](https://github.com/DHTMLX/angular-diagram-demo) demo on GitHub. +::: You can clone or download it, and use it for your projects. To run the demo, follow the instructions given in the README file. If you use some other frameworks, check the available examples below: -- [Integration with React](../../guides/react_integration/) -- [Integration with Vue.js](../../guides/vue_integration/) \ No newline at end of file +- [Integration with React](/guides/integrations/react_integration/) +- [Integration with Vue.js](/guides/integrations/vue_integration/) diff --git a/docs/guides/react_integration.md b/docs/guides/integrations/react_integration.md similarity index 72% rename from docs/guides/react_integration.md rename to docs/guides/integrations/react_integration.md index f98051321..8fb772094 100644 --- a/docs/guides/react_integration.md +++ b/docs/guides/integrations/react_integration.md @@ -8,11 +8,13 @@ description: You can learn about the Integration with React in the documentation DHTMLX Diagram can be easily integrated into an application built with the React framework. -{{note Check the ready [DHTMLX Diagram + React](https://github.com/DHTMLX/react-diagram-demo/) demo on GitHub. }} +:::note +Check the ready [DHTMLX Diagram + React](https://github.com/DHTMLX/react-diagram-demo/) demo on GitHub. +::: You can clone or download it, and use it for your projects. To run the demo, follow the instructions given in the README file. If you use some other frameworks, check the available examples below: -- [Integration with Angular](../../guides/angular_integration/) -- [Integration with Vue.js](../../guides/vue_integration/) \ No newline at end of file +- [Integration with Angular](/guides/integrations/angular_integration/) +- [Integration with Vue.js](/guides/integrations/vue_integration/) diff --git a/docs/guides/vue_integration.md b/docs/guides/integrations/vue_integration.md similarity index 69% rename from docs/guides/vue_integration.md rename to docs/guides/integrations/vue_integration.md index b82378433..9fa907f29 100644 --- a/docs/guides/vue_integration.md +++ b/docs/guides/integrations/vue_integration.md @@ -6,13 +6,15 @@ description: You can learn about the Integration with Vue.js in the documentatio # Integration with Vue.js -DHTMLX Diagram can be easily integrated into an application built with the Vue.js framework. +DHTMLX Diagram can be easily integrated into an application built with the Vue.js framework. -{{note Have a look at the [DHTMLX Diagram + Vue.js](https://github.com/DHTMLX/vue-diagram-demo) demo on GitHub.}} +:::note +Have a look at the [DHTMLX Diagram + Vue.js](https://github.com/DHTMLX/vue-diagram-demo) demo on GitHub. +::: You can clone or download it, and use it for your projects. To run the demo, follow the instructions given in the README file. If you use some other frameworks, check the available examples below: -- [Integration with Angular](../../guides/angular_integration/) -- [Integration with React](../../guides/react_integration/) +- [Integration with Angular](/guides/integrations/angular_integration/) +- [Integration with React](/guides/integrations/react_integration/) diff --git a/docs/guides/items_index.md b/docs/guides/items_index.md index 54bda5b0b..cb68f0009 100644 --- a/docs/guides/items_index.md +++ b/docs/guides/items_index.md @@ -16,15 +16,15 @@ import {useCurrentSidebarCategory} from '@docusaurus/theme-common'; After you have learnt the guides, you can check the following API sections to accelerate the development process: - [Items API properties](category/items-api.md) -- [DataCollection API](api/data_collection.md) (allows adding, removing, filtering data items (such as shapes, lines, groups, swimlanes), etc.) +- [DataCollection API](api/data_collection.md) (allows adding, removing, filtering data items (such as shapes, lines, line titles, groups, swimlanes), etc.) - [CellManager API](api/cell_manager.md) (allows adding, removing, moving swimlane cells, etc.) - [Selection API](api/selection.md) - [Diagram API](api/diagram/api_overview.md) -- [Diagram Editor API](api/editor/api_overview.md) +- [Diagram Editor API](api/diagram_editor/editor/api_overview.md) To get more knowledge on how to load, customize, edit items and perform different operations over them, read the guides: - [Loading and storing data](guides/loading_data.md) - [Customizing items](guides/customization.md) - [Inline editing](guides/inline_editing.md) -- [Manipulating items](guides/manipulating_items.md) \ No newline at end of file +- [Manipulating items](guides/manipulating_items.md) diff --git a/docs/guides/loading_data.md b/docs/guides/loading_data.md index b3b507ce6..117dddb7f 100644 --- a/docs/guides/loading_data.md +++ b/docs/guides/loading_data.md @@ -1,5 +1,5 @@ --- -sidebar_label: Loading and storing data +sidebar_label: Loading and storing data title: Loading and Storing data description: You can learn about loading and storing data of editor in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. --- @@ -13,15 +13,21 @@ You can populate DHTMLX Diagram with data in the following ways: ## Preparing data to load -DHTMLX Diagram takes data in the JSON format. It is an array that contains a set of data objects. There are 4 types of objects: +DHTMLX Diagram takes data in the JSON format. It is an array that contains a set of data objects. There are 5 types of objects: - **shape objects** -~~~js +~~~jsx {2-5} const data = [ - { "id": 1, "x": 200, "y": 0, "text": "Start", "type": "start" }, - { "id": 2, "x": 200, "y": 120, "text": "Call Client and \n set-up Appointment", "type": "process" }, - { "id": 3, "x": 200, "y": 240, "text": "Decision", "type": "decision" }, + // configuring shapes + { "id": "shape_1", "type": "start", "x": 200, y: 0, "text": "Start" }, + { "id": "shape_2", "type": "process", "x": 200, y: 120, "text": "Call Client and \n set-up Appointment" }, + { "id": "shape_3", "type": "decision", "x": 200, "y": 240, "text": "Decision" }, + // configuring lines + { "id": "line_1", "type": "line", "from": "shape_1", "to": "shape_2" }, + { "id": "line_2", "type": "dash", "from": "shape_2", "to": "shape_3" }, + // configuring a line title + { "id": "title_1", "type": "lineTitle", "parent": "line_1", "text": "Some text" } ]; ~~~ @@ -30,59 +36,65 @@ Besides, you may create [your own type of shapes](../../shapes/custom_shape/) an - **line objects** -~~~js - +~~~jsx {6-8} const data = [ - { - "id": "1-2", "from": "1", "to": "2", "type": "dash" - }, - { - "id": "2-3", - "from": "2", - "to": "3", - "type": "line", - "title": { - "fontSize":14, - "lineHeight":14, - "text": [ - { - "type":"$linetext", - "id":"t2-3", - "text":"text", - } - ] - }, - }, + // configuring shapes + { "id": "shape_1", "type": "start", "x": 200, y: 0, "text": "Start" }, + { "id": "shape_2", "type": "process", "x": 200, y: 120, "text": "Call Client and \n set-up Appointment" }, + { "id": "shape_3", "type": "decision", "x": 200, "y": 240, "text": "Decision" }, + // configuring lines + { "id": "line_1", "type": "line", "from": "shape_1", "to": "shape_2" }, + { "id": "line_2", "type": "dash", "from": "shape_2", "to": "shape_3" }, + // configuring a line title + { "id": "title_1", "type": "lineTitle", "parent": "line_1", "text": "Some text" } ]; ~~~ The presence or absence of line objects in the data set depends on the chosen [way of shapes connection](../../lines/#setting-connections-between-shapes). Check the full list of available properties of the line object in the [API reference](lines/configuration_properties.md). +- **line title objects** + +~~~jsx {9-10} +const data = [ + // configuring shapes + { "id": "shape_1", "type": "start", "x": 200, y: 0, "text": "Start" }, + { "id": "shape_2", "type": "process", "x": 200, y: 120, "text": "Call Client and \n set-up Appointment" }, + { "id": "shape_3", "type": "decision", "x": 200, "y": 240, "text": "Decision" }, + // configuring lines + { "id": "line_1", "type": "line", "from": "shape_1", "to": "shape_2" }, + { "id": "line_2", "type": "dash", "from": "shape_2", "to": "shape_3" }, + // configuring a line title + { "id": "title_1", "type": "lineTitle", "parent": "line_1", "text": "Some text" } +]; +~~~ + +Check the full list of available properties of the line title object in the [API reference](line_titles/configuration_properties.md). + - **group objects** -~~~js +~~~jsx const data = [ { - type: "$group", - id: 1, - width: 400, - height: 200, - x: 0, - y: 0, - header: { - text: "Top and collapsed header with tеxt alignment", - editable: true, - closable: true, - textAlign: "left", // "left", "center", "right" - textVerticalAlign: "center", // "top", "center", "bottom" + "type": "$group", + "id": 1, + "width": 400, + "height": 200, + "x": 0, + "y": 0, + "header": { + "text": "Top and collapsed header with tеxt alignment", + "editable": true, + "closable": true, + "textAlign": "left", // "left", "center", "right" + "textVerticalAlign": "center", // "top", "center", "bottom" }, - // the child items of the group - groupChildren: [1.1, 1.2], - open: false, + // the child items of the group + "groupChildren": [1.1, 1.2], + "open": false, }, - // configuring shapes to put into the group - { type: "rectangle", id: 1.1, x: 50, y: 75, text: "Shape 1.1" }, - { type: "rectangle", id: 1.2, x: 200, y: 75, text: "Shape 1.2" }, + // configuring shapes to put into the group + { "type": "rectangle", "id": 1.1, "x": 50, "y": 75, "text": "Shape 1.1" }, + { "type": "rectangle", "id": 1.2, "x": 200, "y": 75, "text": "Shape 1.2" } ]; ~~~ @@ -90,55 +102,66 @@ Check the full list of the available properties of a group object in the [API re - **objects of a swimlane and its cell** -~~~js +~~~jsx const data = [ { - "id": "main", - "type": "$swimlane", - "height": 730, - "width": 1195, - "header": { - "closable": true, - "text": "Waterfall diagram template" - }, - "layout": [ - [1, 2, 3, 4] - ], - "subHeaderCols": { - "headers": [ - { "text": "September", "fill": "rgba(243, 92, 79, 0.4)" }, - { "text": "October", "fill": "rgba(155, 96, 248, 0.4)" }, - { "text": "November", "fill": "rgba(255, 174, 18, 0.4)" }, - { "text": "December", "fill": "rgba(60, 201, 122, 0.4)" } - ] - } - }, - // configuring a cell of the swimlane + "id": "main", + "type": "$swimlane", + "height": 730, + "width": 1195, + "header": { + "closable": true, + "text": "Waterfall diagram template" + }, + "layout": [ + [1, 2, 3, 4] + ], + "subHeaderCols": { + "headers": [ + { + "text": "September", + "fill": "#f35c4f66" + }, + { + "text": "October", + "fill": "#9b60f866" + }, + { + "text": "November", + "fill": "#ffae1266" + }, + { + "text": "December", + "fill": "#3cc97a66" + } + ] + } + }, + // configuring a cell of the swimlane { - "id": 1, - "type": "$sgroup", - "groupChildren": ["s1"], - "style": { - "fill": "rgba(243, 92, 79, 0.05)" - }, - "x": 0, - "y": 80 - }, - // configuring a shape to put into the cell + "id": 1, + "type": "$sgroup", + "groupChildren": ["s1"], + "style": { + "fill": "#D4DAE4" + }, + "x": 0, + "y": 80 + }, + // configuring a shape to put into the cell { - "id": "s1", "type": "end", "text": "Step 1", "x": 20, "y": 110 - }, + "id": "s1", "type": "end", "text": "Step 1", "x": 20, "y": 110 + } ]; ~~~ Check the full list of the available configuration properties of the objects of a swimlane and its cells in the [API reference](swimlanes/configuration_properties.md). -External data loading -------------------- +## External data loading To load data from an external file, make use of the [](../api/data_collection/load_method.md) method. It takes the URL of the file with data as a parameter: -~~~js +~~~jsx diagram.data.load("../common/data.json"); ~~~ @@ -146,47 +169,46 @@ The component will make an AJAX call and expect the remote URL to provide valid Data loading is asynchronous, so you need to wrap any after-loading code into a promise: -~~~js -diagram.data.load("/some/data").then(function(){ - diagram.selection.add("123"); +~~~jsx +diagram.data.load("/some/data").then(() => { + diagram.selection.add("123"); }); ~~~ -**Related sample:** [Diagram. Data. Data loading](https://snippet.dhtmlx.com/09isp2d8) +**Related sample**: [Diagram. Data. Data loading](https://snippet.dhtmlx.com/09isp2d8) -Loading from a local source --------------------- +## Loading from a local source To load data from a local data source, use the [](../api/data_collection/parse_method.md) method. As a parameter you need to pass an array of [predefined data objects](#preparing-data-to-load): -~~~js +~~~jsx diagram.data.parse(data); ~~~ -**Related sample:** [Diagram. Default mode. Wide flowchart](https://snippet.dhtmlx.com/4d4k3o8p) +**Related sample**: [Diagram. Default mode. Wide flowchart](https://snippet.dhtmlx.com/4d4k3o8p) ### Loading data into the editor -To load a data set into the editor, use the [](../api/editor/parse_method.md) method of the editor. +To load a data set into the editor, use the [parse()](/api/diagram_editor/editor/methods/parse_method/) method of the editor. -~~~js +~~~jsx editor.parse(data); ~~~ -**Related sample:** [Diagram editor. Default mode. Basic initialization](https://snippet.dhtmlx.com/xshe9ut7) +**Related sample**: [Diagram editor. Default mode. Basic initialization](https://snippet.dhtmlx.com/xshe9ut7) ## Saving and restoring state -To save the current state of a diagram, use the [](../api/data_collection/serialize_method.md) method. It converts the data of the diagram into an array of JSON objects. +To save the current state of a diagram, use the [](../api/data_collection/serialize_method.md) method. It converts the data of the diagram into an array of JSON objects. Each JSON object contains the configuration of a separate shape. -~~~js +~~~jsx const state = diagram1.data.serialize(); ~~~ Then you can parse the data stored in the saved state array to a different diagram. For example: -~~~js +~~~jsx // creating a new diagram const diagram2 = new dhx.Diagram("diagram_container"); // parsing the state of the diagram1 into diagram2 @@ -195,15 +217,15 @@ diagram2.data.parse(state); ## Importing data into the editor -When you use a diagram together with an editor, you can import data from the diagram into the editor via the [](../api/editor/import_method.md) method of the editor object: +When you use a diagram together with an editor, you can import data from the diagram into the editor via the [import()](/api/diagram_editor/editor/methods/import_method/) method of the editor object: -~~~js +~~~jsx function runEditor() { expand(); editor.import(diagram); } ~~~ -**Related sample**: [Diagram editor. Org chart mode. Live editor](https://snippet.dhtmlx.com/4d4k3o8p) +**Related sample**: [Diagram. Default mode. Wide flowchart](https://snippet.dhtmlx.com/4d4k3o8p) The diagram state will be imported into the editor on running the editor. diff --git a/docs/guides/localization.md b/docs/guides/localization.md index c2dcd07ad..3525a12e9 100644 --- a/docs/guides/localization.md +++ b/docs/guides/localization.md @@ -9,96 +9,155 @@ description: You can learn about the Localization in the documentation of the DH It is possible to localize the interface of the Diagram editor into a desired language. For this, you need to provide the corresponding locale settings via the **dhx.i18n.setLocale()** method. The method takes two parameters: the diagram container and an object that contains rules of localization for a particular country. -~~~js +~~~jsx //an example of English locale -const locale = { - applyAll: "Apply all", - exportData: "Export Data", - importData: "Import Data", - resetChanges: "Reset Changes", - autoLayout: "Auto Layout",, - orthogonal: "Orthogonal", // added in v5.0 - radial: "Radial", // added in v5.0 - - shapeSections: "Shapes", - groupSections: "Groups", - swimlaneSections: "Swimlanes", - - gridStep: "Grid step", - arrange: "Arrange", - position: "Position", - size: "Size", - color: "Color", - title: "Title", +const en = { + addColumnLast: "Add column", + addLeftShape: "Add left shape", + addLineTitle: "Add title", + addRightShape: "Add right shape", + addRowLast: "Add row", + addShape: "Add shape", + alignHorizontalCenter: "Align horizontal center", + alignHorizontalDistribution: "Distribute horizontal spacing", + alignHorizontalLeft: "Align left", + alignHorizontalRight: "Align right", + alignVerticalBottom: "Align bottom", + alignVerticalDistribution: "Distribute vertical spacing", + alignVerticalMiddle: "Align vertical center", + alignVerticalTop: "Align top", + connect: "Connect", + copy: "Duplicate", + lineTitleAutoPositionDisable: "Disable title auto position", + lineTitleAutoPositionEnable: "Enable title auto position", + menu: "Menu", + menuAddAssistant: "Add assistant", + menuAddColumnLeft: "Add column left", + menuAddColumnRight: "Add column right", + menuAddPartner: "Add partner", + menuAddRowDown: "Add row down", + menuAddRowUp: "Add row up", + menuAlignChildrenHorizontally: "Align children horizontally", + menuAlignChildrenVertically: "Align children vertically", + menuDelete: "Delete", + menuDeleteCol: "Delete column", + menuDeleteRow: "Delete row", + menuMoveColumnLeft: "Move column left", + menuMoveColumnRight: "Move column right", + menuMoveRowDown: "Move row down", + menuMoveRowUp: "Move row up", + remove: "Delete", + removePoint: "Delete point", text: "Text", - image: "Image", - fill: "Fill", - textProps: "Text", - stroke: "Stroke", - - headerText: "Header text", - headerFill: "Header fill", - headerStyle: "Header style", - headerPosition: "Header position", - headerEnable: "Header", - subHeaderRowsEnable: "Subheader rows", - subHeaderColsEnable: "Subheader cols", - - positionOptions: { - top: "top", - bottom: "bottom", - left: "left", - right: "right", - }, - switchOptions: { - on: "on", - off: "off", - }, - - menuDeleteRow: "Delete row", - menuDeleteCol: "Delete column", - menuMoveColumnRight: "Move column right", - menuMoveColumnLeft: "Move column left", - menuMoveRowUp: "Move row up", - menuMoveRowDown: "Move row down", - menuAddRowUp: "Add row up", - menuAddRowDown: "Add row down", - menuAddColumnRight: "Add column right", - menuAddColumnLeft: "Add column left", - menuDelete: "Delete", - menuAddPartner: "Add partner", - menuAddAssistant: "Add assistant", - menuAlignChildrenVertically: "Align children vertically", - menuAlignChildrenHorizontally: "Align children horizontally", - - imageUpload: "Click to upload", - emptyState: "Select a shape or a connector" - - // the following locale options were added in v5.0 - alignHorizontalLeft: "Align left", - alignHorizontalCenter: "Align horizontal centers", - alignHorizontalRight: "Align right", - alignHorizontalDistribution: "Distribute horizontal spacing", - alignVerticalDistribution: "Distribute vertical spacing", - alignVerticalTop: "Align top", - alignVerticalMiddle: "Align vertical centers", - alignVerticalBottom: "Align bottom", - - addShape: "Add shape", - menu: "Menu", - remove: "Delete", - addLeftShape: "Add left shape", - addRightShape: "Add right shape", - - lineTextAutoPositionEnable: "Enable text autoposition", - lineTextAutoPositionDisable: "Disable text autoposition", - addLineText: "Add text", - addColumnLast: "Add column", - addRowLast: "Add row", - copy: "Duplicate", - connect: "Connect", - removePoint: "Delete point", - + shapebar: { + shapeSections: "Shapes", + groupSections: "Groups", + swimlaneSections: "Swimlanes", + group: "Group", + swimlaneCols: "Swimlane cols", + swimlaneRows: "Swimlane rows", + swimlaneMix: "Swimlane mix", + untitled: "Untitled", + }, + editbar: { + arrange: "Arrange", + border: "Border", + fill: "Fill", + gridStep: "Grid step", + header: "Header", + headerColor: "Header color", + headerPosition: "Position", + image: "Image", + lineShape: "Line shape", + lineStyle: "Line style", + pointerView: "Pointer view", + positionOffset: "Position offset", + size: "Size", + subheaderCols: "Subheader for columns", + subheaderRows: "Subheader for rows", + text: "Text", + textAlignment: "Text alignment", + textStyle: "Text style", + title: "Title" + }, + toolbar: { + align: "Align", + alignHorizontalCenter: "Horizontal center", + alignHorizontalLeft: "Left", + alignHorizontalRight: "Right", + alignVerticalBottom: "Bottom", + alignVerticalCenter: "Vertical center", + alignVerticalTop: "Top", + arrange: "Arrange", + connectionPoints: "Connection points", + copy: "Copy", + copyStyle: "Copy style", + distribute: "Distribute", + distributeHorizontal: "Horizontal", + distributeVertical: "Vertical", + duplicate: "Duplicate", + edit: "Edit", + editbar: "Edit bar", + export: "Export as", + exportJson: "JSON", + exportPdf: "PDF", + exportPng: "PNG", + file: "File", + grid: "Grid", + gridStep: "Grid step", + importJson: "Import from JSON", + itemsDraggable: "Draggable items", + layout: "Auto layout", + layoutMode: "Placement mode", + layoutModeDirect: "Direct", + layoutModeEdges: "Edges", + layoutOrthogonal: "Orthogonal", + layoutRadial: "Radial", + magnetic: "Magnetic", + paste: "Paste", + pasteStyle: "Paste style", + redo: "Redo", + resizePoints: "Resize points", + selectAll: "Select all", + selectNone: "Select none", + shapebar: "Shape bar", + theme: "Theme", + themeDark: "Dark", + themeDarkContrast: "Dark contrast", + themeLight: "Light", + themeLightContrast: "Light contrast", + undo: "Undo", + view: "View", + zoomIn: "Zoom in", + zoomOut: "Zoom out" + }, + hotkey: { + "Alt+1": "Alt+1", + "Alt+2": "Alt+2", + "Alt+3": "Alt+3", + + "Ctrl+Z": "Ctrl+Z", + "Ctrl+Shift+Z": "Ctrl+Shift+Z", + "Ctrl+D": "Ctrl+D", + "Ctrl+C": "Ctrl+C", + "Ctrl+V": "Ctrl+V", + "Ctrl+Alt+C": "Ctrl+Alt+C", + "Ctrl+Alt+V": "Ctrl+Alt+V", + "Ctrl+A": "Ctrl+A", + "Ctrl+Shift+A": "Ctrl+Shift+A", + "Ctrl+Mousewheel": "Ctrl+Mousewheel", + + "CMD+Z": "CMD+Z", + "CMD+Shift+Z": "CMD+Shift+Z", + "CMD+D": "CMD+D", + "CMD+C": "CMD+C", + "CMD+V": "CMD+V", + "CMD+Alt+C": "CMD+Alt+C", + "CMD+Alt+V": "CMD+Alt+V", + "CMD+A": "CMD+A", + "CMD+Shift+A": "CMD+Shift+A", + "CMD+Mousewheel": "CMD+Mousewheel" + } }; dhx.i18n.setLocale("diagram", locale); @@ -106,13 +165,14 @@ dhx.i18n.setLocale("diagram", locale); After that, you need to initialize the editor and check how the labels' names have changed. -~~~js +~~~jsx const editor = new dhx.DiagramEditor("editor_container", { type: "default" // "default" | "org" | "mindmap" // other config options }); ~~~ -**Related sample:** [Diagram editor. Default mode. Localization](https://snippet.dhtmlx.com/sivvpbyg) +**Related samples**: -**Related sample:** [Diagram editor. Org chart mode. Localization](https://snippet.dhtmlx.com/7qt2mfu2) \ No newline at end of file +- [Diagram editor. Default mode. Localization](https://snippet.dhtmlx.com/sivvpbyg) +- [Diagram editor. Org chart mode. Localization](https://snippet.dhtmlx.com/7qt2mfu2) diff --git a/docs/guides/manipulating_items.md b/docs/guides/manipulating_items.md index 79053f963..6cb9fcbb0 100644 --- a/docs/guides/manipulating_items.md +++ b/docs/guides/manipulating_items.md @@ -1,17 +1,16 @@ --- -sidebar_label: Manipulating items +sidebar_label: Manipulating items title: Manipulating Items description: You can learn about manipulating items in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. --- - # Manipulating items You can easily manipulate Diagram items via the [Diagram Editor](../../guides/diagram_editor/initialization/). But in this article we'll explore the examples on how to manipulate the items of DHTMLX Diagram via the component's API. The article contains different sections that cover such questions as: - [how to automatically arrange shapes in the hierarchical order](#arranging-shapes-automatically); - how to perform a range of operations over items, in particular: - - [add](#adding-an-item)/[update](#updating-an-item)/[delete](#deleting-an-item) items; - - [check if an item exists](#checking-existence-of-an-item) in the diagram and [get it](#getting-an-item); + - [add](#adding-an-item)/[update](#updating-an-item)/[delete](#deleting-items) items; + - [check if an item exists](#checking-existence-of-the-item) in the diagram and [get it](#getting-an-item); - [select a certain item](#selecting-items); - [scroll to a necessary item](#showing-the-necessary-item) to make it visible on the screen, if there are many items in the diagram; - [expand/collapse items](#expandingcollapsing-items); @@ -38,22 +37,22 @@ To perform the auto-placement, you need to make use of the [](../api/diagram/aut - **graphPadding** - (*number*) sets the distance between unconnected diagrams, *"200"* by default - **placeMode** - (*string*) sets the mode of placement of shapes, "orthogonal" (by default) or "radial" -~~~js +~~~jsx const diagram = new dhx.Diagram("diagram_container"); diagram.data.parse(data); diagram.autoPlace({ - mode: "edges", + mode: "edges", graphPadding: 100, placeMode: "radial" }); ~~~ -**Related sample:** [Diagram. Default mode. Autoplacement](https://snippet.dhtmlx.com/f3uekgjw) +**Related sample**: [Diagram. Default mode. Autoplacement](https://snippet.dhtmlx.com/f3uekgjw) In case you don't pass the parameter to the method, the default settings will be applied. -~~~js +~~~jsx const diagram = new dhx.Diagram("diagram_container"); diagram.data.parse(data); @@ -62,14 +61,15 @@ diagram.autoPlace(); There is also the ability to configure settings for the auto-placement by using the [](../api/diagram/autoplacement_property.md) configuration option of Diagram and applying the **autoPlace()** method. -{{note The **autoPlace()** method works only in the default mode of the diagram and only for shapes.}} +:::note +The **autoPlace()** method works only in the default mode of the diagram and only for shapes. +::: -Adding an item -------------- +## Adding an item To add a new item into a diagram, apply the [](../api/data_collection/add_method.md) method of the **data** object. -~~~js +~~~jsx diagram.data.add({ id: "3.2", text: "New Item", parent: "3" }); ~~~ @@ -81,19 +81,19 @@ For example, we've added a new shape object that has the following attributes: You can check all available properties of shape objects in the [API section](../../shapes/configuration_properties/). -**Related sample:** [Diagram. Data. Add/delete item](https://snippet.dhtmlx.com/8wi20uop) +**Related sample**: [Diagram. Data. Add/delete item](https://snippet.dhtmlx.com/8wi20uop) ## Getting an item You can get the object of an item by passing its id to the [](../api/data_collection/getitem_method.md) method of the **data** object. For example: -~~~js +~~~jsx const shape = diagram.data.getItem(1); ~~~ After getting an item, you can access its original properties, as follows: -~~~js +~~~jsx const shape = diagram.data.getItem(1); const text = shape.text; ~~~ @@ -102,7 +102,7 @@ const text = shape.text; If the id of an item is unknown, you can use the [](../api/data_collection/getid_method.md) method to get it. The method takes the index of the item as a parameter: -~~~js +~~~jsx const id = diagram.data.getId(0); // -> returns "1" ~~~ @@ -110,7 +110,7 @@ const id = diagram.data.getId(0); // -> returns "1" You can get the index of an item by passing its id to the [](../api/data_collection/getindex_method.md) method: -~~~js +~~~jsx const id = diagram.data.getIndex("1"); // -> returns 0 ~~~ @@ -120,27 +120,29 @@ const id = diagram.data.getIndex("1"); // -> returns 0 To delete an unnecessary item, make use of the [](../api/data_collection/remove_method.md) method of the **data** object and pass as a parameter the id of the item under question: -~~~js +~~~jsx diagram.data.remove("3.2"); ~~~ -{{note If the diagram is initialized either in the org or mindmap mode, deleting a shape will remove its connectors and all child shapes as well.}} +:::note +If the diagram is initialized either in the org or mindmap mode, deleting a shape will remove its connectors and all child shapes as well. +::: ### Deleting all the items If necessary, you can clear the diagram, by deleting all the items at once. For this, apply the [](../api/data_collection/removeall_method.md) method of the **data** object: -~~~js +~~~jsx diagram.data.removeAll(); ~~~ -**Related sample:** [Diagram. Data. Add/delete item](https://snippet.dhtmlx.com/8wi20uop) +**Related sample**: [Diagram. Data. Add/delete item](https://snippet.dhtmlx.com/8wi20uop) ## Updating an item You can update the look and content of an item with the help of the [](../api/data_collection/update_method.md) method of the **data** object: -~~~js +~~~jsx diagram.data.update("1", { text: "Some new text" }); ~~~ @@ -149,13 +151,13 @@ As parameters, you need to pass two parameters: - **id** - (*string|number*) the id of the item - **config** - (*object*) an object with updated configuration properties -**Related sample:** [Diagram. Data. Update item](https://snippet.dhtmlx.com/y8uk4sbj) +**Related sample**: [Diagram. Data. Update item](https://snippet.dhtmlx.com/y8uk4sbj) ## Checking existence of the item You can check whether an item exists in the diagram via the [](../api/data_collection/exists_method.md) method of the **data** collection. The method takes the id of the item as a parameter and returns *true*, if the item exists: -~~~js +~~~jsx const shapeExists = diagram.data.exists("1"); ~~~ @@ -163,50 +165,123 @@ const shapeExists = diagram.data.exists("1"); ### Selecting an item -To select items, you need firstly [enable selection](../../guides/diagram/configuration/#selecting-items) for the diagram and then call the [add()](api/selection/add_method.md) method of the **selection** object to select a desired item. +To select items, you need firstly [enable selection](../../guides/diagram/configuration/#enabling-items-selection) for the diagram and then call the [add()](api/selection/add_method.md) method of the `selection` object to select a desired item. -~~~js -const diagram = new dhx.Diagram("diagram_container", { select: true }); +~~~jsx {8,11-12,15-16} +// a diagram must be created with the "select:true" option +const diagram = new dhx.Diagram("diagram_container", { + select: true +}); +// loading data diagram.data.parse(data); - -diagram.selection.add("2"); + +diagram.selection.add({ id: "1" }); // -> returns true if the item has been selected +console.log(diagram.selection.getIds()); // -> ["1"] + +// adds the item with the id:"2" to the already selected items +diagram.selection.add({ id: "2", join: true }); +console.log(diagram.selection.getIds()); // -> ["1", "2"] + +// removes the previously selected items and adds the item with the id:"3" +diagram.selection.add({ id: "3" }); +console.log(diagram.selection.getIds()); // -> ["3"] ~~~ -The method takes the item's id as a parameter. +The method takes as an argument an object with the following parameters: + +- `id` - (required) the id of the item to add into the selection list +- `join` - (optional) the mode of adding the selected element to the selection list. In case the parameter is set to *false* or isn't passed, the items previously added into the selection list will be reset +- `batch` - (optional) the list of items to select (if known beforehand) + +The method returns: + +- `true` if the element hadn't been in the list and was successfully added into it +- `false` if the element wasn't added into the list by some reason, e.g. an element had already been added to the list ### Unselecting an item -To unselect a selected item, make use of the [](../api/selection/remove_method.md) method of the **selection** object: +To remove an item from the selection list, make use of the [](../api/selection/remove_method.md) method of the `selection` object: -~~~js -diagram.selection.remove("2"); +~~~jsx {2} +console.log(diagram.selection.getIds()); // -> ["1", "2", "3"] +diagram.selection.remove({ id: "3" }); // -> returns true if the item has been unselected +console.log(diagram.selection.getIds()); // -> ["1", "2"] ~~~ -### Getting the id of a selected item +The method may take an object with *the id of the item to unselect* as a parameter. It returns *true*, if the item has been successfully removed from the selection list. -You can get the id of the currently selected item with the [](../api/selection/getid_method.md) method of the **selection** object: +You can also call the method with no arguments to clear the selection list as follows: -~~~js -const selected = diagram.selection.getId(); +~~~jsx {2-3} +console.log(diagram.selection.getIds()); // -> ["1", "2", "3"] +// removes all the items from the selection list +diagram.selection.remove(); +console.log(diagram.selection.getIds()); // -> [] ~~~ -### Getting the subId of a selected item +### Getting the ids of selected items -You can get the subId of the currently selected item with the [](../api/selection/getsubid_method.md) method of the **selection** object: +You can get the list of ids of the currently selected items with the [](../api/selection/getids_method.md) method of the `selection` object: -~~~js -const selected = diagram.selection.getSubId(); +~~~jsx +const ids = diagram.selection.getIds(); // -> ["1", "1.1" ...] or [] ~~~ +The method returns an array of ids of selected items and sub-items or an empty array, if there are no selected items at the moment. + ### Getting the object of a selected item -It is also possible to get the object of a selected item using the [](../api/selection/getitem_method.md) method of the **selection** object: +You can get the object of a selected item using the [](../api/selection/getitem_method.md) method of the `selection` object. The method may take as an argument an object with the following parameter: -~~~js -const item = diagram.selection.getItem(); +- `id` - (required) - the id of the item in question + +You can also call the method without the parameter to get the object of the last selected item. Check the examples below to explore the method's functionality: + +~~~jsx {9-11,13-15,17-19} +// a diagram must be created with the "select:true" option +const diagram = new dhx.Diagram("diagram_container", { + select: true +}); +// loading data +diagram.data.parse(data); + +console.log(diagram.selection.getIds()); // -> ["1", "2", "3"] +// getting the last selected item +const item = diagram.selection.getItem(); +// -> {id: "3", text: "Technical Director", title: "Jerry Wagner"} + +// getting the selected item by id +const item = diagram.selection.getItem({ id: "1" }); +// -> {id: "1", text: "Chairman & CEO", title: "Henry Bennett"} + +// trying to get an item which is not in the selection list +const item = diagram.selection.getItem({ id: "4" }); +// -> returns undefined, since there is no item with the specified id in the selection list ~~~ -**Related sample:** [Diagram. Org chart mode. Item selection](https://snippet.dhtmlx.com/jyoxn5h7) +### Clearing the selection list + +Whenever you need to clear the selection list without invoking events, use the [](../api/selection/clear_method.md) method: + +~~~jsx +diagram.selection.clear(); +~~~ + +### Checking whether an item is selected + +There is a way to check the presence of an item in the list of selected Diagram items via API. Use the [](../api/selection/includes_method.md) method of the `selection` object for this purpose: + +~~~jsx {2-3} +diagram.selection.getIds(); // -> ["1", "2", "3"] +diagram.selection.includes({ id: "1" }) // returns true +diagram.selection.includes({ id: "4" }) // returns false +~~~ + +The method takes as an argument an object with the following parameters: + +- `id` - (*string|number*) required, the id of the checked item + +**Related sample**: [Diagram. Selection. Item selection](https://snippet.dhtmlx.com/jyoxn5h7) ## Expanding/collapsing items @@ -214,10 +289,10 @@ You can expand and collapse either a shape that have child shapes or a group/swi Both methods takes two parameters: -- **id** - (*string,number*) the id of the item +- **id** - (*string|number*) the id of the item - **dir** - (*string*) optional, defines the side the children will be hidden/shown in relation to the parent shape: "left", "right" -~~~js +~~~jsx // expanding the item with the id "3" diagram.expandItem("3"); @@ -229,7 +304,7 @@ diagram.collapseItem("3"); **Note**, that the **dir** attribute can be used only in the mindmap mode of Diagram (type:"mindmap"). ::: -~~~js +~~~jsx const diagram = new dhx.Diagram("diagram_container", { type:"mindmap" }); @@ -245,11 +320,11 @@ diagram.expandItem("main", "left"); In case you have a large diagram with lots of items, DHTMLX Diagram provides you with the possibility to make the desired item visible. For this, you need to apply the [](../api/diagram/showitem_method.md) method, which takes the id of an item as a parameter: -~~~js +~~~jsx diagram.showItem("2.1"); ~~~ -**Related sample:** [Diagram. Scroll content](https://snippet.dhtmlx.com/f970hbym) +**Related sample**: [Diagram. Scroll content](https://snippet.dhtmlx.com/f970hbym) You can [read more about scrolling in DHTMLX Diagram](../../guides/diagram/scrolling_diagram/). @@ -258,33 +333,33 @@ You can [read more about scrolling in DHTMLX Diagram](../../guides/diagram/scrol You can use the API of the Diagram component to find the necessary item in the diagram. The [](../api/data_collection/find_method.md) method of the **data** collection will help you to perform this task. The method takes the search criteria as a parameter and returns the first object of the shape that matches the specified criteria: -~~~js +~~~jsx // searching for a shape by the attribute key const shape = diagram.data.find({by:"text",match:"Manager"}); // ->{id:"2",text:"Manager",title:"Mildred Kim",img:"../avatar-2.png",type:"card", …} // searching for a shape by the function -const shape = diagram.data.find(function(shape){ +const shape = diagram.data.find((shape) => { if(shape.text==="Manager"||shape.text==="Marketer"){ - return true + return true; } }); ~~~ -**Related sample:** [Diagram. Data. Finding necessary shape](https://snippet.dhtmlx.com/sete9z73) +**Related sample**: [Diagram. Data. Finding necessary shape](https://snippet.dhtmlx.com/sete9z73) ### Finding all the items that meet the search criteria You can also find all the items that meet the set criteria via the [](../api/data_collection/findall_method.md) of the **data** collection method. The method takes the same parameters as the **find()** method and returns an array of item objects: -~~~js +~~~jsx // searching for shapes by the attribute key const shapes = diagram.data.findAll({by:"text",match:"Manager"}); // searching for shapes by the function -const shapes = diagram.data.findAll(function(shapes){ +const shapes = diagram.data.findAll((shapes) => { if(shapes.text==="Manager"||shapes.text==="Marketer"){ - return true + return true; } }); // ->{id:"2",text:"Manager",title:"Mildred Kim",img:"../avatar-2.png",type:"card", …} @@ -295,11 +370,11 @@ const shapes = diagram.data.findAll(function(shapes){ It is possible to filter the diagram and render only the items that meet the filter criteria via the [](../api/data_collection/filter_method.md) method of the **data** collection. The method will show only the filtered items, hiding the rest of items. - + ## Drag-n-drop of group items -The default settings of a group allow you to reorder child items in the group and drag items between groups. +The default settings of a group allow you to reorder child items in the group and drag items between groups. If needed you can disable dragging child items to different groups and make it possible to drag the items only within their parent group. In addition, you can adjust the behavior of the borders of the parent group and define whether they should expand when a user is dragging a child item outside the group. @@ -311,7 +386,7 @@ You can manage swimlane cells with the help of the [CellManager API](../../api/c Let's take a swimlane of the following configuration: -~~~js +~~~jsx const data = [ { type: "$swimlane", @@ -321,7 +396,7 @@ const data = [ layout: [ [1, 2, 3], [4, 5, 6], - [7, 8, 9], + [7, 8, 9] ], header: { text: "Swimlane", @@ -332,9 +407,9 @@ const data = [ { text: "Subheader 1", id: "s1" }, { text: "Subheader 2", id: "s2" }, { text: "Subheader 3", id: "s3" } - ], + ] } - }, + } ]; ~~~ @@ -344,19 +419,19 @@ and consider how to operate the cells of the swimlane using the available API me To be able to manipulate the cells of a swimlane, you need to set the active swimlane. It can be done either via the [](../api/cell_manager/setswimlane_method.md) method of the cellManager object: -~~~js +~~~jsx diagram.cellManager.setSwimlane("main"); ~~~ or via the [](../api/selection/add_method.md) method of the selection object: -~~~js +~~~jsx diagram.selection.add("main"); ~~~ After you finish operating the swimlane or its cells, you can apply the [](../api/cell_manager/resetswimlane_method.md) method of the cellManager object to remove selection from the swimlane: -~~~js +~~~jsx diagram.cellManager.resetSwimlane(); ~~~ @@ -366,7 +441,7 @@ You can add a set of cells either as a row or column into the swimlane. For this - the start index of the position of the cell where a new column/row should be added; - the direction of its adding: *"up" | "down"* to add a row, *"left" | "right"* to add a column. -~~~js +~~~jsx // adding a new row under the specified row diagram.cellManager.add(0, "down"); @@ -381,7 +456,7 @@ To remove a set of cells either as a row or column from the swimlane, use the [] - the index of the position from which a column/row should be removed; - the type of the item to be removed: *"col" | "row"* -~~~js +~~~jsx // removes the first row from the swimlane diagram.cellManager.remove(0, "row"); @@ -396,7 +471,7 @@ It is possible to change the position of a column or row in the swimlane by appl - the index of the current position of the column/row to move - the direction of moving the item: *"up" | "down"* to move a row, *"left" | "right"* to move a column -~~~js +~~~jsx // moves the first row one position down diagram.cellManager.move(0, "down"); @@ -408,7 +483,7 @@ diagram.cellManager.move(2, "left"); You can check whether such actions as adding, removing, or moving cells can be done over the specified cell via the [](../api/cell_manager/validation_method.md) method of the cellManager object: -~~~js +~~~jsx // checks whether a cell with index 0 can be moved down diagram.cellManager.validation(0, "down", "move"); // true ~~~ @@ -417,7 +492,7 @@ diagram.cellManager.validation(0, "down", "move"); // true To return the type of the subheader of a swimlane, use the [](../api/cell_manager/getsubheadertype_method.md) method of the cellManager object. The method takes the id of a subheader as a parameter: -~~~js +~~~jsx diagram.cellManager.getSubHeaderType("s1"); // returns "row" ~~~ @@ -428,7 +503,7 @@ You can get the id of the first cell of a column/row the cell belongs to. It can - the index of the first cell of a row/column; - the type of the item: *"col" | "row"*. -~~~js +~~~jsx // return the id of the first cell of the first row diagram.cellManager.getCellId(0, "row"); // returns 1 @@ -436,9 +511,9 @@ diagram.cellManager.getCellId(0, "row"); // returns 1 diagram.cellManager.getCellId(2, "col"); // returns 3 ~~~ -You can also get the id of a cell the subheader belongs to via using the [](../api/cell_manager/getsubheadercellid_method.md) method of the cellManager object. The method takes the id of the subheader of a swimlane as a parameter: +You can also get the id of a cell the subheader belongs to by using the [](../api/cell_manager/getsubheadercellid_method.md) method of the cellManager object. The method takes the id of the subheader of a swimlane as a parameter: -~~~js +~~~jsx // return the id of the cell the subheader belongs to diagram.cellManager.getSubHeaderCellId("s2"); // returns 4 ~~~ @@ -450,9 +525,11 @@ When you need to get the index of a cell of a swimlane, use the [](../api/cell_m - the id of a cell; - the type of the item: *"col" | "row"*. -{{note All cells which belong to the same row (or column) will have the same index.}} +:::note +All cells which belong to the same row (or column) will have the same index. +::: -~~~html +~~~js layout: [ [1, 2, 3], [4, 5, 6], @@ -460,7 +537,7 @@ layout: [ ], ~~~ -~~~js +~~~jsx // return the index of the cell with id=2 if the cell belongs to a column diagram.cellManager.getCellIndex(2, "col"); // returns 1 @@ -474,9 +551,9 @@ diagram.cellManager.getCellIndex(2, "row"); // returns 0 diagram.cellManager.getCellIndex(8, "row"); // returns 2 ~~~ -You can also get the index of a cell the subheader belongs to via using the [](../api/cell_manager/getsubheadercellindex_method.md) method of the cellManager object. The method takes the id of the subheader of a swimlane as a parameter: +You can also get the index of a cell the subheader belongs to by using the [](../api/cell_manager/getsubheadercellindex_method.md) method of the cellManager object. The method takes the id of the subheader of a swimlane as a parameter: -~~~js +~~~jsx // return the index of the cell the subheader belongs to diagram.cellManager.getSubHeaderCellIndex("s2"); // returns 1 ~~~ diff --git a/docs/guides/overview.md b/docs/guides/overview.md index f725cb6c9..3e6d1a72f 100644 --- a/docs/guides/overview.md +++ b/docs/guides/overview.md @@ -36,9 +36,9 @@ Learn how to initialize Diagram Editor - a great tool which significantly accele The guides give you a broad overview of all parts of the interface of the editor and their settings, present examples of customization of the interface elements you may have at your disposal. - [Toolbar](../../guides/diagram_editor/toolbar/) -- [Left panel](../../guides/diagram_editor/left_panel/) +- [Shapebar](../../guides/diagram_editor/shapebar/) - [Grid area](../../guides/diagram_editor/grid_area/) -- [Right panel](../../guides/diagram_editor/right_panel/) +- [Editbar](../../guides/diagram_editor/editbar/) ## Common guides @@ -62,9 +62,9 @@ Learn how to adapt the diagram to various languages and easily edit the text ele The articles give you examples of usage a Diagram with different client-side frameworks. -- [Integration with Angular](../../guides/angular_integration/) -- [Integration with React](../../guides/react_integration/) -- [Integration with Vue.js](../../guides/vue_integration/) +- [Integration with Angular](/guides/integrations/angular_integration/) +- [Integration with React](/guides/integrations/react_integration/) +- [Integration with Vue.js](/guides/integrations/vue_integration/) ## Touch support @@ -74,4 +74,4 @@ You can easily create responsive web applications using DHTMLX Diagram due to bu Browse the TypeScript Support guide with code snippets to learn more about built-in type definitions allowing you to write clean code faster. -- [Using Diagram with TypeScript](../../guides/using_typescript/) \ No newline at end of file +- [Using Diagram with TypeScript](../../guides/using_typescript/) diff --git a/docs/guides/themes/base_themes_configuration.md b/docs/guides/themes/base_themes_configuration.md new file mode 100644 index 000000000..9a08353c1 --- /dev/null +++ b/docs/guides/themes/base_themes_configuration.md @@ -0,0 +1,159 @@ +--- +sidebar_label: Configuring built-in themes +title: Configuring Built-in Themes +description: You can learn how to configure themes in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# Configuring built-in themes + +## Configuring all themes + +You may notice that CSS variables of the [default](guides/themes.md#light-theme-default) theme include variables of the color scheme: + +~~~css +--dhx-h-primary: 200; +--dhx-s-primary: 98%; +--dhx-l-primary: 40%; + +--dhx-h-secondary: 0; +--dhx-s-secondary: 0%; +--dhx-l-secondary: 30%; + +--dhx-h-danger: 0; +--dhx-s-danger: 100%; +--dhx-l-danger: 60%; + +--dhx-h-success: 154; +--dhx-s-success: 89%; +--dhx-l-success: 37%; + +--dhx-h-background: 0; +--dhx-s-background: 0%; +--dhx-l-background: 100%; +--dhx-a-background: 0.5; +~~~ + +:::tip +Color values are specified in the [HSL](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/hsl) format, where: + +- *hue* is a degree on the color wheel from 0 to 360. 0 is red, 120 is green, 240 is blue; +- *saturation* is a percentage value; 0% means completely unsaturated (gray) and 100% is completely saturated; +- *lightness* is a percentage value; 100% is white, 0% is black, and 50% is "normal". +::: + +Due to the use of these CSS variables, color scheme is calculated automatically. It means, that if you change some value for the variable from the color scheme in the root, values for the *"contrast-light"*, *"dark"*, and *"contrast-dark"* themes will be recalculated automatically in real time. + +For instance, you can override the primary colors for all Diagram themes at once in the following way: + +~~~html + +~~~ + +In addition, values of variables, which are calculated on the base of the primary color, will be recalculated accordingly. For example, the value of the focused color is calculated as follows: + +~~~jsx +--dhx-color-focused: hsl(calc(var(--dhx-h-primary) + 10), var(--dhx-s-primary), var(--dhx-l-primary)); +~~~ + +## Configuring a separate theme + +If you want to override some color values for a separate [Diagram theme](guides/themes.md), you need to do this in the **'data-dhx-theme'** attribute: + +~~~html + + + +~~~ + +## Configuring the look of shapes in Shapebar + +### Redefining default color schemes + +You can manage the appearance of the Shapebar items by redefining the CSS variables that specify the color scheme: + +- `--dhx-shapebar-item-font-color` +- `--dhx-shapebar-item-background` +- `--dhx-shapebar-item-border-color` + +The default values of these variables [depend on the applied theme](guides/themes.md). + +### Setting custom CSS variables + +It is also possible to adjust the look and feel of the Shapebar items by using your own CSS variables. For this, you should define a custom CSS variable and specify it as a value of the necessary property in the `defaults` configuration option. + +:::note +The value of the variable will be assigned to a Shapebar item when it is selected and won't be redefined on the change of a theme. +::: + +For example: + +~~~html {11-12,23-24} + + +
+ + +~~~ diff --git a/docs/guides/themes/custom_theme.md b/docs/guides/themes/custom_theme.md new file mode 100644 index 000000000..8c546e6ad --- /dev/null +++ b/docs/guides/themes/custom_theme.md @@ -0,0 +1,81 @@ +--- +sidebar_label: Custom theme +title: Custom Theme +description: You can learn how to create a custom theme in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# Custom theme + +If the base Diagram themes don't fit your project, you can configure your own color theme. +Check the **custom light** and **custom dark** themes in the snippet below: + + + +To make a custom theme of your own, you need to override the values of the internal CSS variables as follows: + +~~~html + + + +~~~ + +**Related sample:** [Diagram Editor. Default mode. Basic and custom themes](https://snippet.dhtmlx.com/9twmlfus) + + diff --git a/docs/guides/themes/themes.md b/docs/guides/themes/themes.md new file mode 100644 index 000000000..aeebd80d0 --- /dev/null +++ b/docs/guides/themes/themes.md @@ -0,0 +1,451 @@ +--- +sidebar_label: Built-in themes +title: Built-in Themes +description: You can learn about the built-in themes in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# Built-in themes + +DHTMLX Diagram library provides 4 predefined themes: + +- [light theme](#light-theme-default) (**"light"**) - used by default +- [dark theme](#dark-theme) (**"dark"**) +- [light high contrast theme](#light-high-contrast-theme) (**"contrast-light"**) +- [dark high contrast theme](#dark-high-contrast-theme) (**"contrast-dark"**) + +The Diagram themes are developed in accordance with international standards. The high contrast themes will be helpful for users who have vision impairment. For more detail, read the [Accessibility support](https://docs.dhtmlx.com/suite/common_features/accessibility_support/) article. + +You can try all themes in the example below: + + + +## Light theme (default) + +![](../../assets/light_theme.png) + +The default **"light"** theme is configured on the base of the CSS variables which are listed below: + +~~~css +:root, [data-dhx-theme] { + /* base colors */ + --dhx-color-white: #fff; + --dhx-color-gray-100: #e6e6e6; + --dhx-color-gray-200: #ccc; + --dhx-color-gray-300: #b3b3b3; + --dhx-color-gray-400: #999; + --dhx-color-gray-500: #808080; + --dhx-color-gray-600: #666; + --dhx-color-gray-700: #4d4d4d; + --dhx-color-gray-800: #333; + --dhx-color-gray-900: #1a1a1a; + --dhx-color-black: #000; + /* end base colors */ + + /* font */ + --dhx-font-family: "Roboto", Arial, Tahoma, Verdana, sans-serif; + + --dhx-font-weight-regular: 400; + --dhx-font-weight-medium: 500; + --dhx-font-weight-bold: 700; + + --dhx-font-size-small: 12px; + --dhx-font-size-normal: 14px; + --dhx-font-size-large: 16px; + + --dhx-line-height-small: 16px; + --dhx-line-height-normal: 20px; + --dhx-line-height-large: 24px; + + --dhx-font-color-primary: rgba(0, 0, 0, .7); + --dhx-font-color-secondary: rgba(0, 0, 0, .5); + --dhx-font-color-additional: rgba(0, 0, 0, .3); + --dhx-font-color-disabled: rgba(0, 0, 0, .3); + + --dhx-font-color-contrast: var(--dhx-color-white); + --dhx-font-color-contrast-disabled: var(--dhx-color-white); + /* end font */ + + /* icon */ + --dhx-icon-size-small: 16px; + --dhx-icon-size-normal: 20px; + --dhx-icon-size-large: 24px; + /* end icon */ + + /* border */ + --dhx-border-width: 1px; + --dhx-border-radius: 2px; + --dhx-border-color: rgba(0, 0, 0, .1); + --dhx-border-color-focused: rgba(0, 0, 0, .3); + --dhx-border: var(--dhx-border-width) solid var(--dhx-border-color); + /* end border */ + + /* border shadow */ + --dhx-border-shadow-small: 0 2px 4px rgba(0, 0, 0, .15); + --dhx-border-shadow-normal: 0 2px 5px rgba(0, 0, 0, .3); + --dhx-border-shadow-large: 0px 1px 6px rgba(0, 0, 0, 0.1), 0px 10px 20px rgba(0, 0, 0, 0.1); + + --dhx-shadow-input-size: inset 0px 0px 0px var(--dhx-border-width); + /* end border shadow */ + + /* transitions */ + --dhx-transition-time: 0.2s; + --dhx-transition-in: ease-in; + --dhx-transition-out: ease-out; + /* end transitions */ + + /* z-index */ + --dhx-z-index-up: 1; + --dhx-z-index-force-up: 10; + --dhx-z-index-overlay: 999; + --dhx-z-index-overlay-total: 10000000; + /* end z-index */ + + /* only service color schema */ + --dhx-l-contrast-offset: 0%; /* lightness contrast theme offset */ + --dhx-l-h-offset: 10%; /* lightness hover offset */ + --dhx-s-d-offset: 30%; /* saturation disable offset */ + --dhx-l-d: 70%; /* lightness disable value */ + --dhx-a-l-h: .15; /* alpha light hover value */ + --dhx-a-l-a: .3; /* alpha light active value */ + /* only service */ + + /* color scheme */ + --dhx-h-primary: 200; + --dhx-s-primary: 98%; + --dhx-l-primary: 40%; + + --dhx-h-secondary: 0; + --dhx-s-secondary: 0%; + --dhx-l-secondary: 30%; + + --dhx-h-danger: 0; + --dhx-s-danger: 100%; + --dhx-l-danger: 60%; + + --dhx-h-success: 154; + --dhx-s-success: 89%; + --dhx-l-success: 37%; + + --dhx-h-background: 0; + --dhx-s-background: 0%; + --dhx-l-background: 100%; + --dhx-a-background: 0.5; + /* end color scheme */ + + /* theme colors */ + --dhx-background-primary: hsl(var(--dhx-h-background), var(--dhx-s-background), var(--dhx-l-background)); + --dhx-background-secondary: hsl(var(--dhx-h-background), var(--dhx-s-background), calc(var(--dhx-l-background) - 3%)); + --dhx-background-additional: hsl(var(--dhx-h-background), var(--dhx-s-background), calc(var(--dhx-l-background) - 10%)); + --dhx-background-overlay: hsla(var(--dhx-h-background), var(--dhx-s-background), calc(var(--dhx-l-background) * -1), var(--dhx-a-background)); + --dhx-background-overlay-light: rgba(255, 255, 255, .5); + + --dhx-tooltip-background-dark: var(--dhx-color-gray-800); + --dhx-tooltip-background-light: var(--dhx-color-white); + + --dhx-color-focused: hsl(calc(var(--dhx-h-primary) + 10), var(--dhx-s-primary), var(--dhx-l-primary)); + + --dhx-color-primary: hsl(var(--dhx-h-primary), var(--dhx-s-primary), calc(var(--dhx-l-primary) - var(--dhx-l-contrast-offset))); + --dhx-color-primary-hover: hsl(var(--dhx-h-primary), var(--dhx-s-primary), calc(var(--dhx-l-primary) + var(--dhx-l-h-offset) - var(--dhx-l-contrast-offset))); + --dhx-color-primary-active: var(--dhx-color-primary); + --dhx-color-primary-disabled: hsl(var(--dhx-h-primary), calc(var(--dhx-s-primary) - var(--dhx-s-d-offset)), var(--dhx-l-d)); + --dhx-color-primary-light-hover: hsla(var(--dhx-h-primary), var(--dhx-s-primary), calc(var(--dhx-l-primary) - var(--dhx-l-contrast-offset)), var(--dhx-a-l-h)); + --dhx-color-primary-light-active: hsla(var(--dhx-h-primary), var(--dhx-s-primary), calc(var(--dhx-l-primary) - var(--dhx-l-contrast-offset)), var(--dhx-a-l-a)); + + --dhx-color-secondary: hsl(var(--dhx-h-secondary), var(--dhx-s-secondary), calc(var(--dhx-l-secondary) - var(--dhx-l-contrast-offset))); + --dhx-color-secondary-hover: hsl(var(--dhx-h-secondary), var(--dhx-s-secondary), calc(var(--dhx-l-secondary) + var(--dhx-l-h-offset) - var(--dhx-l-contrast-offset))); + --dhx-color-secondary-active: var(--dhx-color-secondary); + --dhx-color-secondary-disabled: hsl(var(--dhx-h-secondary), calc(var(--dhx-s-secondary) - var(--dhx-s-d-offset)), var(--dhx-l-d)); + --dhx-color-secondary-light-hover: hsla(var(--dhx-h-secondary), var(--dhx-s-secondary), calc(var(--dhx-l-secondary) - var(--dhx-l-contrast-offset)), var(--dhx-a-l-h)); + --dhx-color-secondary-light-active: hsla(var(--dhx-h-secondary), var(--dhx-s-secondary), calc(var(--dhx-l-secondary) - var(--dhx-l-contrast-offset)), var(--dhx-a-l-a)); + + --dhx-color-danger: hsl(var(--dhx-h-danger), var(--dhx-s-danger), calc(var(--dhx-l-danger) - var(--dhx-l-contrast-offset))); + --dhx-color-danger-hover: hsl(var(--dhx-h-danger), var(--dhx-s-danger), calc(var(--dhx-l-danger) + var(--dhx-l-h-offset) - var(--dhx-l-contrast-offset))); + --dhx-color-danger-active: var(--dhx-color-danger); + --dhx-color-danger-disabled: hsl(var(--dhx-h-danger), calc(var(--dhx-s-danger) - var(--dhx-s-d-offset)), var(--dhx-l-d)); + --dhx-color-danger-light-hover: hsla(var(--dhx-h-danger), var(--dhx-s-danger), calc(var(--dhx-l-danger) - var(--dhx-l-contrast-offset)), var(--dhx-a-l-h)); + --dhx-color-danger-light-active: hsla(var(--dhx-h-danger), var(--dhx-s-danger), calc(var(--dhx-l-danger) - var(--dhx-l-contrast-offset)), var(--dhx-a-l-a)); + + --dhx-color-success: hsl(var(--dhx-h-success), var(--dhx-s-success), calc(var(--dhx-l-success) - var(--dhx-l-contrast-offset))); + --dhx-color-success-hover: hsl(var(--dhx-h-success), var(--dhx-s-success), calc(var(--dhx-l-success) + var(--dhx-l-h-offset) - var(--dhx-l-contrast-offset))); + --dhx-color-success-active: var(--dhx-color-success); + --dhx-color-success-disabled: hsl(var(--dhx-h-success), calc(var(--dhx-s-success) - var(--dhx-s-d-offset)), var(--dhx-l-d)); + --dhx-color-success-light-hover: hsla(var(--dhx-h-success), var(--dhx-s-success), calc(var(--dhx-l-success) - var(--dhx-l-contrast-offset)), var(--dhx-a-l-h)); + --dhx-color-success-light-active: hsla(var(--dhx-h-success), var(--dhx-s-success), calc(var(--dhx-l-success) - var(--dhx-l-contrast-offset)), var(--dhx-a-l-a)); + /* end theme colors */ + + /* DHTMLX Toolbar service variables*/ + --dhx-s-toolbar-background: var(--dhx-background-primary); + --dhx-s-toolbar-button-background-hover: rgba(0, 0, 0, .07); + --dhx-s-toolbar-button-background-active: rgba(0, 0, 0, .15); + /* end DHTMLX Toolbar service variables */ + + /* DHTMLX Grid service variables*/ + --dhx-s-grid-header-background: var(--dhx-background-secondary); + --dhx-s-grid-selection-background: var(--dhx-color-gray-700); + /* end DHTMLX Grid service variables*/ + + /* DHTMLX Calendar service variables*/ + --dhx-s-calendar-muffled: .6; + /* end DHTMLX Calendar service variables*/ + + /* DHTMLX Slider service variables*/ + --dhx-s-tick-font-size: calc(var(--dhx-font-size-small) / 1.2); + /* end DHTMLX Slider service variables*/ + + /* DHTMLX Diagram variables*/ + --dhx-selected-border: 1px solid var(--dhx-color-primary); + --dhx-selected-border-dashed: 1px dashed var(--dhx-color-primary); + + --dhx-shapebar-item-font-color: #4C4C4C; + --dhx-shapebar-item-background: #EEF1F6; + --dhx-shapebar-item-border-color: #B8C6D6; + /* end DHTMLX Diagram variables*/ +} +~~~ + +## Light high contrast theme + +![](../../assets/light_high_contrast_theme.png) + +The **"contrast-light"** theme is configured both on the base of the [root CSS variables](#light-theme-default) and the variables which are listed below: + +~~~css +[data-dhx-theme='contrast-light'] { + /* font */ + --dhx-font-size-normal: 16px; + --dhx-font-size-small: var(--dhx-font-size-normal); + + --dhx-font-color-secondary: rgba(0, 0, 0, .66); + --dhx-font-color-additional: var(--dhx-font-color-secondary); + /* end font */ + + /* border */ + --dhx-border-color: rgba(0, 0, 0, .4); + /* end border */ + + /* color scheme */ + --dhx-l-contrast-offset: 14%; + /* end color scheme */ + + /* DHTMLX Toolbar service variables*/ + --dhx-s-toolbar-background: var(--dhx-background-primary); + --dhx-s-toolbar-button-background-hover: rgba(0, 0, 0, .07); + --dhx-s-toolbar-button-background-active: rgba(0, 0, 0, .15); + /* end DHTMLX Toolbar service variables */ + + /* DHTMLX Grid service variables*/ + --dhx-s-grid-header-background: var(--dhx-background-secondary); + --dhx-s-grid-selection-background: var(--dhx-color-gray-700); + /* end DHTMLX Grid service variables*/ + + /* DHTMLX Calendar service variables*/ + --dhx-s-calendar-muffled: .8; + /* end DHTMLX Calendar service variables*/ + + /* DHTMLX Slider service variables*/ + --dhx-s-tick-font-size: var(--dhx-font-size-small); + /* end DHTMLX Slider service variables*/ +} +~~~ + +## Dark theme + +![](../../assets/dark_theme.png) + +The **"dark"** theme is configured both on the base of the [root CSS variables](#light-theme-default) and the variables which are listed below: + +~~~css +[data-dhx-theme='dark'] { + /* font */ + --dhx-font-color-primary: var(--dhx-color-white); + --dhx-font-color-secondary: rgba(255, 255, 255, .7); + --dhx-font-color-additional: rgba(255, 255, 255, .5); + --dhx-font-color-disabled: rgba(255, 255, 255, .5); + --dhx-font-color-contrast: var(--dhx-color-white); + --dhx-font-color-contrast-disabled: var(--dhx-font-color-disabled); + /* end font */ + + /* border */ + --dhx-border-color: rgba(255, 255, 255, 0.3); + --dhx-border-color-focused: rgba(255, 255, 255, 0.5); + /* end border */ + + /* color scheme */ + --dhx-l-secondary: 60%; /* lightness contrast theme offset */ + + --dhx-h-background: 226; + --dhx-s-background: 12%; + --dhx-l-background: 20%; + /* end color scheme */ + + /* theme colors */ + --dhx-background-primary: hsl(var(--dhx-h-background), var(--dhx-s-background), var(--dhx-l-background)); + --dhx-background-secondary: hsl(var(--dhx-h-background), var(--dhx-s-background), calc(var(--dhx-l-background) + 8%)); + --dhx-background-additional: hsl(var(--dhx-h-background), var(--dhx-s-background), calc(var(--dhx-l-background) + 12%)); + /* end theme colors */ + + /* DHTMLX Toolbar service variables*/ + --dhx-s-toolbar-background: var(--dhx-color-black); + --dhx-s-toolbar-button-background-hover: rgba(255, 255, 255, .07); + --dhx-s-toolbar-button-background-active: rgba(255, 255, 255, .15); + /* end DHTMLX Toolbar service variables */ + + /* DHTMLX Grid service variables*/ + --dhx-s-grid-header-background: #212329; + --dhx-s-grid-selection-background: var(--dhx-color-gray-100); + /* end DHTMLX Grid service variables*/ + + /* DHTMLX Calendar service variables*/ + --dhx-s-calendar-muffled: .6; + /* end DHTMLX Calendar service variables*/ + + /* DHTMLX Slider service variables*/ + --dhx-s-tick-font-size: calc(var(--dhx-font-size-small) / 1.2); + /* end DHTMLX Slider service variables*/ + + /* DHTMLX Diagram variables*/ + --dhx-shapebar-item-font-color: var(--dhx-font-color-primary); + --dhx-shapebar-item-background: #212329; + --dhx-shapebar-item-border-color: #6c6e74; + /* end DHTMLX Diagram variables*/ +} +~~~ + +## Dark high contrast theme + +![](../../assets/dark_high_contrast_theme.png) + +The **"contrast-dark"** theme is configured both on the base of the [root CSS variables](#light-theme-default) and the variables which are listed below: + +~~~css +[data-dhx-theme='contrast-dark'] { + /* font */ + --dhx-font-size-normal: 16px; + --dhx-font-size-small: var(--dhx-font-size-normal); + + --dhx-font-color-primary: var(--dhx-color-white); + --dhx-font-color-secondary: rgba(255, 255, 255, 0.86); + --dhx-font-color-additional: var(--dhx-font-color-secondary); + --dhx-font-color-disabled: rgba(255, 255, 255, .5); + --dhx-font-color-contrast: var(--dhx-color-black); + --dhx-font-color-contrast-disabled: var(--dhx-font-color-disabled); + /* end font */ + + /* border */ + --dhx-border-color: rgba(255, 255, 255, 0.5); + --dhx-border-color-focused: rgba(255, 255, 255, 0.7); + /* end border */ + + /* color scheme */ + --dhx-l-contrast-offset: -12%; /* lightness contrast theme offset */ + + --dhx-l-secondary: 60%; + + --dhx-h-background: 226; + --dhx-s-background: 12%; + --dhx-l-background: 20%; + /* end color scheme */ + + /* theme colors */ + --dhx-background-primary: hsl(var(--dhx-h-background), var(--dhx-s-background), var(--dhx-l-background)); + --dhx-background-secondary: hsl(var(--dhx-h-background), var(--dhx-s-background), calc(var(--dhx-l-background) + 8%)); + --dhx-background-additional: hsl(var(--dhx-h-background), var(--dhx-s-background), calc(var(--dhx-l-background) + 12%)); + /* end theme colors */ + + /* DHTMLX Toolbar service variables*/ + --dhx-s-toolbar-background: var(--dhx-color-black); + --dhx-s-toolbar-button-background-hover: rgba(255, 255, 255, .07); + --dhx-s-toolbar-button-background-active: rgba(255, 255, 255, .15); + /* end DHTMLX Toolbar service variables */ + + /* DHTMLX Grid service variables*/ + --dhx-s-grid-header-background: #212329; + --dhx-s-grid-selection-background: var(--dhx-color-gray-100); + /* end DHTMLX Grid service variables*/ + + /* DHTMLX Calendar service variables*/ + --dhx-s-calendar-muffled: .8; + /* end DHTMLX Calendar service variables*/ + + /* DHTMLX Slider service variables*/ + --dhx-s-tick-font-size: var(--dhx-font-size-small); + /* end DHTMLX Slider service variables*/ + + /* DHTMLX Diagram variables*/ + --dhx-shapebar-item-font-color: var(--dhx-font-color-primary); + --dhx-shapebar-item-background: #212329; + --dhx-shapebar-item-border-color: #6c6e74; + /* end DHTMLX Diagram variables*/ +} +~~~ + +## Setting themes + +To set the necessary theme, be it a [built-in Diagram theme](diagram/guides/themes.md) or a [custom one](diagram/guides/themes/custom_theme.md), use one of the ways described below: + +### Using the ***data-dhx-theme*** attribute + +You can choose from the following variants: + +- set the ***data-dhx-theme*** attribute for the *chosen container*: + +~~~html title="index.html" + +
+~~~ + +- set the ***data-dhx-theme*** attribute for an *HTML element*, e.g. for *documentElement*: + +~~~jsx title="index.js" +document.documentElement.setAttribute("data-dhx-theme", "dark"); +~~~ + +### Using the ***dhx.setTheme()*** method + +The ***dhx.setTheme()*** method takes the following parameters: + +- `theme: string` - (required) the name of the theme. It can be: + - the name of the Diagram theme: *"light" | "contrast-light" | "dark" | "contrast-dark"* + - the name of a [custom theme](guides/themes/custom_theme.md) + - *"light"* - by default +- `container: string | HTMLElement` - (optional) the container to which the theme must be applied. It can be: + - an HTMLElement + - a string value with the ID of the container or the ID of a Layout cell + - *document.documentElement* - by default + +Below you'll find the examples of the ***dhx.setTheme()*** method usage: + +- applying a theme either to the body or to the container + +~~~html {8-11} +
+
Other content
+ + +~~~ + +- setting a theme for any HTML element, e.g. for the Toolbar control + +~~~jsx {10-11} +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + toolbar: { + css: "toolbar" + } + } +}); + +const toolbarEl = document.querySelector(".toolbar"); +dhx.setTheme("dark", toolbarEl); +~~~ + +**Related sample:** [Diagram Editor. Default mode. Basic and custom themes](https://snippet.dhtmlx.com/9twmlfus) diff --git a/docs/guides/touch_support.md b/docs/guides/touch_support.md index 910cea577..d59db97ee 100644 --- a/docs/guides/touch_support.md +++ b/docs/guides/touch_support.md @@ -10,8 +10,6 @@ description: You can learn about touch support in the documentation of the DHTML Since version 4.2 and upper, the DHTMLX Diagram library provides the built-in Touch support that should work out of the box. -{{note Check the example in our Snippet Tool to try out the functionality on your touch devices.}} - While interacting with applications by touching the screen, a tap becomes the same thing as a mouse click. Thus, the click events (fire on clicking, double clicking an item) will continue working on touch-screen devices. But note, that the mouseover events will not trigger. @@ -19,4 +17,4 @@ Touch support enables recognition for the following touch gestures: - **Double Tap** - to edit the text of a shape/group/swimlane; to create and edit the text of a connector line - **Press, Hold, and Drag** - to call blockSelection and select several items -- **Drag** - to drag a shape/group/swimlane; to drag a shape/text/group/swimlane from the left panel of the editor \ No newline at end of file +- **Drag** - to drag a shape/group/swimlane; to drag a shape/text/group/swimlane from the left panel of the editor diff --git a/docs/guides/using_typescript.md b/docs/guides/using_typescript.md index 9662a139b..032251de2 100644 --- a/docs/guides/using_typescript.md +++ b/docs/guides/using_typescript.md @@ -8,7 +8,9 @@ description: You can learn about using Diagram with TypeScript in the documentat Starting from v3.1, the library of DHTMLX Diagram provides the ability to use TypeScript definitions. The built-in support of TypeScript should work out of the box. -{{note You can try out the functionality directly in our Snippet Tool.}} +:::note +You can try out the functionality directly in our Snippet Tool. +::: ![](../assets/typescript.png) @@ -18,4 +20,4 @@ Why we suggest that you use DHTMLX Diagram with TypeScript? The main benefit of TypeScript is that it lets you know exactly what type of data APIs of the DHTMLX Diagram library expect. -The way of building an application becomes more intelligent as checking the types together with autocompletion allow you to avoid potential mistakes as well as to code without constantly using the documentation. \ No newline at end of file +The way of building an application becomes more intelligent as checking the types together with autocompletion allow you to avoid potential mistakes as well as to code without constantly using the documentation. diff --git a/docs/line_titles/configuration_properties.md b/docs/line_titles/configuration_properties.md new file mode 100644 index 000000000..eb88cea9e --- /dev/null +++ b/docs/line_titles/configuration_properties.md @@ -0,0 +1,79 @@ +--- +sidebar_label: LineTitle properties +title: LineTitle Properties +description: You can learn about the LineTitle properties in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# LineTitle properties + +:::note +While specifying color values of the item, use the HEX format. +::: + +### Usage + +~~~jsx +const data = [ + // line title object + { + type: "lineTitle", + id?: string | number, + text: string, + parent: string | number, + + distance?: number, // 50 by default + autoPosition?: boolean, // true by default + editable?: boolean, // true by default + fixed?: boolean, // false by default + hidden?: boolean, // false by default + + fill?: string, + fontSize?: string | number, // 14 by default + lineHeight?: string | number, // 14 by default + fontStyle?: "normal" | "italic" | "oblique", // "normal" by default + fontColor?: string, // "#4C4C4C" by default + fontWeight?: string, // "500" by default + textAlign?: "center" | "left" | "right" // "center" by default + }, + // more line objects +]; +~~~ + +### Description + +Each line title object can include the following properties: + +- `type` - (required) the type of the item, set it to "lineTitle" +- `id` - (optional) the id of the line title, autogenerated by default +- `parent` - (required) the id of the line to display the title for +- `text` - (required) the text of the line title +- `distance` - (optional) specifies the distance to the point of displaying the title on the line in the range from 0 to 100, 50 by default +- `autoPosition` - (optional) defines the direction of the text, if set to *true* - the direction of the text is the same as that of the line, *false* - the direction of the text is always horizontal, *true* by default +- `editable` - (optional) enables/disables the ability to edit the text of the item by double-clicking on it, *true* by default +- `fixed` - (optional) enables/disables the ability to fix the text of the item with the specified `distance` value, *false* by default +- `hidden` - (optional) defines whether the text will be hidden, *false* by default +- `fill` - (optional) the background color of the line title item +- `fontSize` - (optional) the size of the font, 14 by default +- `lineHeight` - (optional) the height of the text line, 14 by default +- `fontStyle` - (optional) the style of the text font: "normal" (default), "italic", "oblique" +- `fontColor` - (optional) the color of the text font, "#4C4C4C" by default +- `fontWeight` - (optional) the text font weight, possible values are: "normal", "bold", "bolder", "lighter"; values "100"-"900", where "400" is the same as normal, and "600"+ is the boldest font; "500" by default +- `textAlign` - (optional) the alignment of the text: "center"(default), "left", "right" + +### Example + +~~~jsx +const data = [ + // configuring shapes + { type: "rectangle", id: "shape_1" }, + { type: "rectangle", id: "shape_2", x: 400 }, + + // configuring lines + { type: "line", id: "line_1", from: "shape_1", to: "shape_2" }, + + // configuring line titles + { type: "lineTitle", id: "title_1", parent: "line_1", text: "Some text" } +]; +~~~ + +**Related articles**: [Configuring line titles](../../line_titles/) diff --git a/docs/line_titles/index.md b/docs/line_titles/index.md new file mode 100644 index 000000000..5a0300d4e --- /dev/null +++ b/docs/line_titles/index.md @@ -0,0 +1,106 @@ +--- +sidebar_label: LineTitles +title: LineTitles +description: You can learn about Lines in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. +--- + +# LineTitles + +## Overview + +Line titles set texts for lines that connect shapes. You can add a text for a line both in the diagram and in the editor by double-clicking on a line or use a toolbar of a line in the editor (click a line to activate). Use double-clicking also for editing line titles both in the diagram and in the editor. + +Another way to add a text to a line and manipulate it is to prepare a [data set](guides/loading_data.md/#preparing-data-to-load). + +:::note +LineTitles are available only in the default mode of Diagram/Diagram Editor (type: "default"). +::: + + + +## Creating line titles + +To create a line title, you need to specify `type: "lineTitle"` inside the line title object while preparing a data set to load into the diagram: + +~~~jsx {5-6} +const data = [ + { type: "rectangle", id: "shape_1" }, + { type: "rectangle", id: "shape_2", x: 400 }, + { type: "line", id: "line_1", from: "shape_1", to: "shape_2" }, + // configuring a line title + { type: "lineTitle", id: "title_1", parent: "line_1", text: "Some text" } +]; + +// initializing a diagram +const diagram = new dhx.Diagram("diagram_container"); +diagram.data.parse(data); +~~~ + +### Properties of a line title object + +Check [the full list of configuration properties of a line title object](/line_titles/configuration_properties/) to adjust the look and feel as well as configure the positioning of line titles. + +## Working with line titles + +You can manipulate line titles via the [DataCollection API](../api/data_collection/). + +:::note +The examples below are suitable both for Diagram and Diagram Editor. +::: + +### Adding a line title + +You can add a line title via the [`add`](../api/data_collection/add_method/) method of DataCollection: + +~~~jsx {5-10} +const editor= new dhx.DiagramEditor("editor_container", { + type: "default" +}); +editor.parse(data); +editor.diagram.data.add({ + type: "lineTitle", + parent: "line_1", + text: "Some text", + fill: "#BCE4CE" +}); +~~~ + +Provide an object with the configuration of a new line title as a parameter of the method. + +:::note +See [the full list of configuration properties of a line title object](/line_titles/configuration_properties/). +::: + +### Blocking line titles adding + +If you need to prevent adding of line titles, you can make use of the [`beforeAdd`](../api/data_collection/beforeadd_event/) event of DataCollection: + +~~~jsx {5} +const editor= new dhx.DiagramEditor("editor_container", { + type: "default" +}); +editor.parse(data); +editor.diagram.data.events.on("beforeAdd", (item) => item.type !== "lineTitle"); +~~~ + +### Iterating over line titles + +It is possible to iterate over line titles as child items of lines with the help of the [`eachChild()`](../api/data_collection/eachchild_method/) method of DataCollection: + +~~~jsx {7-9,11-13} +const editor= new dhx.DiagramEditor("editor_container", { + type: "default" +}); +editor.parse([ + { type: "rectangle", id: "shape_1" }, + { type: "rectangle", id: "shape_2", x: 400 }, + { type: "line", id: "line_1", from: "shape_1", to: "shape_2" }, + { type: "lineTitle", id: "title_1", parent: "line_1", text: "Text 1", distance: 50 }, + { type: "lineTitle", id: "title_2", parent: "line_1", text: "Text 2", distance: 70 } +]); +editor.diagram.data.eachChild("line_1", (child) => { + console.log(child.id); // => "title_1", "title_2" +}); +~~~ + +You need to pass the id of the line the titles of which should be iterated over as a first parameter. In the above example the callback function will be applied to each child of the specified line and return their ids. diff --git a/docs/lines/configuration_properties.md b/docs/lines/configuration_properties.md index 00424ffc2..21f4db53b 100644 --- a/docs/lines/configuration_properties.md +++ b/docs/lines/configuration_properties.md @@ -1,22 +1,24 @@ --- -sidebar_label: Line properties +sidebar_label: Line properties title: Line Properties description: You can learn about the Line properties in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. --- # Line properties -{{note While specifying color values of the item, you can use the following formats: HEX, RGBA, RGB, HSL, or HSLA.}} +:::note +While specifying color values of the item, use the HEX format. +::: ## Common properties ### Usage -~~~js +~~~jsx const data = [ // line object { - type?: "line" | "dash", // "line" by default + type: "line" | "dash", id?: string | number, from?: string | number, to?: string | number, @@ -32,7 +34,7 @@ const data = [ Each line object can include the following properties: -- `type` - (optional) the type of the connector line: "*line*" (default) or "*dash*" +- `type` - (required) the type of the connector line: "*line*" or "*dash*" - `id` - (optional) the id of a connector - `from` - (optional) the id of the parent shape - `to` - (optional) the id of the child shape @@ -44,11 +46,11 @@ Each line object can include the following properties: ### Usage -~~~js +~~~jsx const data = [ // line object { - ..., // common properties + // ... common properties forwardArrow?: string, // "filled" by default backArrow?: string, // "filled" by default fromSide?: "top" | "bottom" | "left" | "right" | "center", @@ -58,44 +60,7 @@ const data = [ points?: [ { x: number, y: number, custom?: boolean }, // more point's objects - ], - title?: { - fontSize?: number | string, // 14 by default - lineHeight?: number | string, // 14 by default - textAlign?: "center" | "left" | "right", // "center" by default - textVerticalAlign?: string, - fontStyle?: "normal" | "italic" | "oblique", // "normal" by default - fontColor?: string, // "#4C4C4C" by default - fontWeight?: string, // "500" by default - fill?: string, - editable?: boolean, // true by default - hidden?: boolean, - draggable?: boolean, - autoPosition?: boolean, - text?: [ - { - id?: string | number, - type?: "$linetext", - width?: number, - height?: number, - distance?: number, - autoPosition?: boolean, - hidden?: boolean, - editable?: boolean, // true by default - draggable?: boolean, - fill?: string, - text?: string, - fontSize?: number | string, // 14 by default - lineHeight?: number | string, // 14 by default - fontStyle?: "normal" | "italic" | "oblique", // "normal" by default - fontColor?: string, // "#4C4C4C" by default - fontWeight?: string, // "500" by default - textAlign?: "center" | "left" | "right", // "center" by default - textVerticalAlign?: "center" | "top" | "bottom" // "center" by default - }, - // more objects for text items of a line - ] - } + ] }, // more line objects ] @@ -110,49 +75,15 @@ When preparing a data set for lines to load into the diagram in the default mode - `fromSide` - (optional) the side of the shape from which connection will start ("*top*", "*bottom*", "*left*","*right*", "*center*") - `toSide` - (optional) the side of the shape to which a different shape will be attached ("*top*", "*bottom*", "*left*", "*right*", "*center*") - `cornersRadius` - (optional) the radius of rounding corners of a connector -- `customGap` - (optional) sets the value of the [](../api/diagram/linegap_property.md) property for the line +- `customGap` - (optional) sets the distance from the shape to the right-angled bend of a connector line - `points` - (optional) sets an array with point's objects for a line. Each object contains the following properties: - `x` - (required) the x coordinate of the point - `y` - (required) the y coordinate of the point - `custom` - (optional) defines whether the point is fixed. If *true*, the position of the point can be changed only after interaction with it -- `title` - (optional) sets text items of a line. The title property presents an object with the following properties: - - `fontSize` - (optional) the size of the font in pixels, 14 by default - - `lineHeight` - (optional) the height of a line, 14 by default - - `textAlign` - (optional) the alignment of text: "center"(default), "left", "right" - - `textVerticalAlign` - (optional) the vertical alignment of text: "center"(default), "top", "bottom" - - `fontStyle` - (optional) the style of the text font: "normal" (default), "italic", "oblique" - - `fontColor` - (optional) the color of the text font, "#4C4C4C" by default - - `fontWeight` - (optional) the text font weight, possible values are: "normal", "bold", "bolder", "lighter", values "100"-"900", where "400" is the same as normal, and "600"+ is the boldest font; "500" by default - - `fill` - (optional) the background color of the text item - - `editable` - (optional) enables/disables the ability to edit the text of all text items of the line by double-clicking on it; *true* by default - - `hidden` - (optional) defines, whether the text will be hidden - - `draggable` - (optional) enables/disables the ability to drag the text - - `autoPosition` - (optional) defines the direction of the text, *true* - the direction - of the text is the same as the line, *false* - the direction of the text is always horizontal - - `text` - (optional) an array of text items of a line. The text property presents an array of text items of a line, each item contains the following configuration: - - `id` - (optional) the id of the text item of a line - - `type` - (optional) the type of an item, set it to "$linetext" - - `width` - (optional) the width of the text item, calculated automatically - - `height` - (optional) the height of text item, calculated automatically - - `distance` - (optional) defines the distance between the text and the parent shape, the value from 0 to 100 - - `autoPosition` - (optional) defines the direction of the text, *true* - the direction - of the text is the same as the line, *false* - the direction of the text is always horizontal - - `hidden` - (optional) defines, whether the text will be hidden - - `editable` - (optional) enables/disables the ability to edit the text of the item by double-clicking on it; *true* by default - - `draggable` - (optional) enables/disables the ability to fix text item with set distance value - - `fill` - (optional) the background color of the text item - - `text` - (optional) the text to be rendered in the text item of a line - - `fontSize` - (optional) the size of the font in pixels, 14 by default - - `lineHeight` - (optional) the height of a line, 14 by default - - `fontStyle` - (optional) the style of the text font: "normal" (default), "italic", "oblique" - - `fontColor` - (optional) the color of the text font, "#4C4C4C" by default - - `fontWeight` - (optional) the text font weight, possible values are: "normal", "bold", "bolder", "lighter", values "100"-"900", where "400" is the same as normal, and "600"+ is the boldest font; "500" by default - - `textAlign` - (optional) the alignment of text: "center"(default), "left", "right" - - `textVerticalAlign` - (optional) the vertical alignment of text: "center"(default), "top", "bottom" ## Example -~~~js +~~~jsx const data = [ // configuring shapes { "id": 1, "x": 200, "y": 0, "text": "Start", "type": "start" }, @@ -162,24 +93,15 @@ const data = [ "type": "line", "stroke": "#0AB169", "connectType": "straight", - "from": "1", - "to": "2", + "from": 1, + "to": 2, "fromSide": "bottom", "toSide": "top", - "forwardArrow": "filled", - "title": { - "fontSize":14, - "lineHeight":14, - "text": [ - { - "type":"$linetext", - "id":"t2-3", - "text":"Read the instruction", - } - ] - }, - }, + "forwardArrow": "filled" + } ]; ~~~ -**Related articles:** [Configuring lines](../../lines/) \ No newline at end of file +**Change log**: The `title` property was deprecated in v6.0 + +**Related articles**: [Configuring lines](../../lines/) diff --git a/docs/lines/index.md b/docs/lines/index.md index fbc021104..2bca5236e 100644 --- a/docs/lines/index.md +++ b/docs/lines/index.md @@ -1,5 +1,5 @@ --- -sidebar_label: Lines +sidebar_label: Lines title: Lines description: You can learn about Lines in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. --- @@ -14,9 +14,7 @@ The look and the way of lines which connect shapes is defined by the mode you in In the default mode of Diagram, various shapes can be connected by ["straight" (by default) or "elbow"](/lines/configuration_properties/) lines in the necessary sequence to make up a scheme of a particular process. -The [title](/lines/configuration_properties/#properties-specific-for-the-default-mode) property is enabled in the default mode of Diagram. You can add the text for a line both in the diagram and in the editor by double-clicking on a line or use a toolbar of a line in the editor (click a line to activate). Use double-clicking also for editing the text both in the diagram and in the editor. - -Another way to add the text to a line and manipulate it is to prepare a [data set](guides/loading_data.md/#preparing-data-to-load). +To add a text for a line in the default mode of Diagram/Diagram Editor, use the `text` property of the [lineTitle](../line_titles) object. @@ -34,9 +32,9 @@ The mindmap mode of Diagram is used to render one more kind of a hierarchical di -The mode is useful when you need to represent a core topic or idea surrounded by the branches of the subtopics. +The mode is useful when you need to represent a core topic or idea surrounded by the branches of the subtopics. -The arrangement of child shapes relative to the root shape is defined automatically by the main algorithm. +The arrangement of child shapes relative to the root shape is defined automatically by the main algorithm. To change the default direction of the child shapes, use the [](../api/diagram/typeconfig_property.md) configuration property on initialization of the diagram. ## Setting connections between shapes @@ -45,12 +43,12 @@ To connect shapes in Diagram, you can apply one of the following two ways: - **using line objects** -You need to specify separate objects that will describe the logic of connecting shapes. For example: +You need to specify separate objects that will describe the logic of connecting shapes. For example: -~~~js +~~~jsx const data = [ - // shapes - { id: "1", text: "Chairman & CEO" }, + // shapes + { id: "1", text: "Chairman & CEO" }, { id: "2", text: "Manager" }, { id: "3", text: "Technical Director" }, { id: "4", text: "Manager" }, @@ -58,26 +56,29 @@ const data = [ // connectors { "id": "1-2", "from": "1", "to": "2", "type": "dash" }, { "id": "1-3", "from": "1", "to": "3", "type": "dash" }, - { "id": "1-4", "from": "1", "to": "4", "type": "line" }, - { "id": "1-5", "from": "1", "to": "5", "type": "line" }, + { "id": "1-4", "from": "1", "to": "4", "type": "line" }, + { "id": "1-5", "from": "1", "to": "5", "type": "line" } ]; ~~~ The **type** property specified in the line object allows you to specify individual type for a separate line. -{{note See [the full list of configuration properties of a line object](/lines/configuration_properties/). -}} +:::note +See [the full list of configuration properties of a line object](/lines/configuration_properties/). +::: - **using the "parent attribute"** -{{note This way does not work in the default mode of Diagram/Diagram Editor.}} +:::note +This way does not work in the default mode of Diagram/Diagram Editor. +::: You can specify the **parent** property in the configuration object of the shape and set the id of its parent shape as the value: -~~~js +~~~jsx const data = [ - // shapes - { id: "1", text: "Chairman & CEO" }, + // shapes + { id: "1", text: "Chairman & CEO" }, { id: "2", text: "Manager", parent: "1" }, { id: "3", text: "Technical Director", parent: "1" }, { id: "4", text: "Manager", parent: "1" }, @@ -85,20 +86,20 @@ const data = [ ]; ~~~ -In this case, all the connectors will have the same type. +In this case, all the connectors will have the same type. ### Setting the default line type You can set a common type for all the connector lines of the diagram via the **lineType** parameter of the [](../api/diagram/lineconfig_property.md) property of the diagram config object: -~~~js +~~~jsx const diagram = new dhx.Diagram("diagram_container", { type: "default", lineConfig: { - lineType: "dash", // "dash" | "line" - }, + lineType: "dash" // "dash" | "line" + } }); diagram.data.parse(data); ~~~ -This value is applied, if the line object doesn't contain the **type** property. \ No newline at end of file +This value is applied, if the line object doesn't contain the **type** property. diff --git a/docs/migration.md b/docs/migration.md index f6353e3bf..5800d31e4 100644 --- a/docs/migration.md +++ b/docs/migration.md @@ -6,21 +6,423 @@ description: You can learn about the Migration to Newer Versions in the document # Migration to newer versions -4.2 -> 5.0 --------------- +## 5.0 -> 6.0 + +### Diagram Editor structure + +The main parts of the Diagram Editor are renamed: + +- Left panel -> [Shapebar](guides/diagram_editor/shapebar.md) +- Right panel -> [Editbar](guides/diagram_editor/editbar.md) is [provided with a flexible configuration](/whats_new/#new-functionality) + +The default [Toolbar](guides/diagram_editor/toolbar.md) structure has been modified. It became highly configurable as well, so you can also add custom Toolbar elements. + +### Diagram Editor API + +The `view` object is introduced for configuring the Diagram Editor panels: + +~~~jsx +view?: { + toolbar?: boolean | obj, + shapebar?: boolean | obj, + editbar?: boolean | obj +} +~~~ + +Check the related API overview guides to explore the new possibilities of managing panels: + +- [View API overview](/api/diagram_editor/view/api_overview/) +- [Toolbar API overview](/api/diagram_editor/toolbar/api_overview/) +- [Shapebar API overview](/api/diagram_editor/shapebar/api_overview/) +- [Editbar API overview](/api/diagram_editor/editbar/api_overview/) + +#### Deprecated methods + +- The `setViewMode()` method of Diagram Editor is deprecated and no longer supported. Instead, use the [`show()`](../api/diagram_editor/view/methods/show_method/)/[`hide()`](../api/diagram_editor/view/methods/hide_method/) methods of the `view` object. + +~~~jsx {4} title="Before v6.0" +const editor = new dhx.DiagramEditor("editor_container"); +editor.parse(data); + +editor.setViewMode("preview"); // "preview" or "edit" +~~~ + +~~~jsx {4-5} title="From v6.0" +const editor = new dhx.DiagramEditor("editor_container"); +editor.parse(data); + +editor.view.hide("shapebar"); +editor.view.hide("editbar"); +~~~ + +#### Deprecated properties + +- The `reservedWidth` property of Diagram Editor is deprecated and no longer supported. + +~~~jsx {2} title="Before v6.0" +const editor = new dhx.DiagramEditor("editor_container", { + reservedWidth: 150 +}); +~~~ + +Instead, use the following syntax: + +~~~jsx title="From v6.0" +editor.diagram.config.margin = 40; +~~~ + +- The `editMode` property of Diagram Editor is deprecated and no longer supported. Instead, use the corresponding property of the `view` object ([toolbar](/api/diagram_editor/toolbar/api_overview/), [shapebar](/api/diagram_editor/shapebar/api_overview/), [editbar](/api/diagram_editor/editbar/api_overview/)). + +~~~jsx {2} title="Before v6.0" +const editor = new dhx.DiagramEditor("editor_container", { + editMode: false +}); +~~~ + +~~~jsx {2-6} title="From v6.0" +const editor = new dhx.DiagramEditor("editor_container", { + view: { + toolbar: false, + shapebar: false, // only for "default" mode + editbar: false + } +}); +~~~ + +- The `controls` property of Diagram Editor is deprecated and no longer supported. Instead, use the [`items`](/api/diagram_editor/toolbar/config/items_property/) property of the `view.toolbar` configuration. + +~~~jsx {2-4} title="Before v6.0" +const editor = new dhx.DiagramEditor("editor_container", { + controls: { + // ... + } +}); +~~~ + +~~~jsx {2-6} title="From v6.0" +const editor = new dhx.DiagramEditor("editor_container", { + view: { + toolbar: { + items: [] + } + } +}); +~~~ + +- The `shapeBarWidth` property of Diagram Editor is deprecated and no longer supported. Instead, use the [`width`](/api/diagram_editor/shapebar/config/width_property/) property of the `view.shapebar` configuration. + +~~~jsx {2} title="Before v6.0" +const editor = new dhx.DiagramEditor("editor_container", { + shapeBarWidth: 190 +}); +~~~ + +~~~jsx {3-7} title="From v6.0" +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + shapebar: { + width: 400 // 300 by default + } + } +}); +~~~ + +- The `shapeSections` property of Diagram Editor is deprecated and no longer supported. Instead, use the [`sections`](/api/diagram_editor/shapebar/config/sections_property/) property of the `view.shapebar` configuration. + +~~~jsx {2-7} title="Before v6.0" +const editor = new dhx.DiagramEditor("editor_container", { + shapeSections: { + "Swimlane": [{ swimlane: true }], + "Groups": [{ group: true }], + "Flowchart shapes": [{ flowShapes: true }], + "Org shapes, text, topic": [{ org: true }, "text", "topic"] + } +}); +~~~ + +~~~jsx {3-12} title="From v6.0" +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + shapebar: { + sections: { + "Swimlane": [{ swimlane: true }], + "Groups": [{ group: true }], + "Flowchart shapes": [{ flowShapes: true }], + "Org shapes, text, topic": [{ org: true }, "text", "topic"] + } + } + } +}); +~~~ + +- The `gapPreview` property of Diagram Editor is deprecated and no longer supported. Instead, use the `gap` property of the [`preview`](/api/diagram_editor/shapebar/config/preview_property/) object of the `view.shapebar` configuration. + +~~~jsx {2} title="Before v6.0" +const editor = new dhx.DiagramEditor("editor_container", { + gapPreview: 10 +}); +~~~ + +~~~jsx {3-10} title="From v6.0" +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + shapebar: { + preview: { + scale: 0.65, + gap: 8 + } + } + } +}); +~~~ + +- The `scalePreview` property of Diagram Editor is deprecated and no longer supported. Instead, use the `scale` property of the [`preview`](/api/diagram_editor/shapebar/config/preview_property/) object of the `view.shapebar` configuration. + +~~~jsx {2} title="Before v6.0" +const editor = new dhx.DiagramEditor("editor_container", { + gapPreview: 10 +}); +~~~ + +~~~jsx {3-10} title="From v6.0" +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + shapebar: { + preview: { + scale: 0.65, + gap: 8 + } + } + } +}); +~~~ + +#### Deprecated events + +- The following events of Diagram Editor are deprecated and no longer supported, since there are no corresponding buttons in the toolbar: `resetButton`, `applyButton`, `visibility`, `exportData`, `importData`, `autoLayout`. Instead, you can listen to the `click` event of the `toolbar` object of Diagram Editor: + +~~~jsx +editor.toolbar.events.on("click", id => console.log(id)); +~~~ + +:::note +The names of the [service elements](/guides/diagram_editor/toolbar/#service-elements) ids start from the `$` symbol. +::: + +- The `changeGridStep` event of Diagram Editor is deprecated and no longer supported. + +### Diagram API + +- The `properties` property of the [`addShape`](/api/diagram/addshape_method/) method is deprecated and no longer used. The configuration of a custom shape in the editbar of the Editor is implemented via the [`properties`](/api/diagram_editor/editbar/config/properties_property/) property of the Editbar panel: + +~~~jsx {13-16} title="Before v6.0" +const editor = new dhx.DiagramEditor("editor_container", { + type: "default" +}); +editor.parse(data); + +editor.diagram.addShape("template", { + template: config => ( + `
+

${config.title}

+
  • ${config.text.join("
  • ")}
+
` + ), + properties:[ + {type:"arrange"}, + {type:"size"} + ] +}); +~~~ + +~~~jsx {14-27} title="From v6.0" +const editor = new dhx.DiagramEditor("editor_container", { + type: "default", + view: { + shapebar: { + sections: { + "Network shapes": [ + { type: "network", text: "Core", img: src + "core.svg" }, + { type: "network", text: "Server", img: src + "server.svg" } + ], + "Flow shapes": [{ flowShapes: true }] + } + }, + editbar: { + properties: { + network: [ + { type: "arrange" }, + { + type: "fieldset", + label: "Network information", + rows: [ + { type: "avatar", key: "img", circle: true, readOnly: true }, + { type: "textarea", key: "text", label: "Description" }, + { type: "input", key: "ip", label: "IP" } + ] + } + ] + } + } + } +}); + +editor.parse(data); + +editor.diagram.addShape("network", { + template: ({ img, text, ip }) => { + return ` +
+ ${text} + ${text} + ${ip} +
+ `; + }, + defaults: { + width: 160, height: 160, + preview: { scale: 0.7 }, + ip: "127.0.0.1" + } +}); +~~~ + +### Diagram Selection API + +- The `getId()` method of the Selection object of Diagram is deprecated and no longer supported. Instead you can use the [`getIds()`](/api/selection/getids_method/) and [`getItem()`](/api/selection/getitem_method/) methods of the Selection object. Check the examples below: + +~~~jsx {7} title="Before v6.0" +// diagram must be created with the "select:true" option +const diagram = new dhx.Diagram("diagram_container", { + select: true +}); +diagram.data.parse(data); + +const id = diagram.selection.getId(); // -> "2" +~~~ + +~~~jsx {7-11} title="From v6.0" +// a diagram must be created with the "select:true" option +const diagram = new dhx.Diagram("diagram_container", { + select: true +}); +diagram.data.parse(data); + +// returning the last selected element +let id = diagram.selection.getIds().at(-1); +id = diagram.selection.getItem().id; +~~~ + +### Shape properties + +The usage of the `text` property of the [Shape configuration object](/shapes/configuration_properties/) is limited to the string value only. Its usage as an array of string values while configuring a custom shape is deprecated and no longer supported. + +### Line titles + +The titles of Lines are moved from the `line` objects to the common data structure on the same level with Lines and defined as [`lineTitles`](../line_titles/) objects. + +Before v6.0 titles of lines have been specified inside the `line` object as follows: + +~~~jsx title="Before v6.0" +const data = [ + // line object + { + // line object properties + title?: { + fontSize?: number | string, // 14 by default + lineHeight?: number | string, // 14 by default + textAlign?: "center" | "left" | "right", // "center" by default + textVerticalAlign?: string, + fontStyle?: "normal" | "italic" | "oblique", // "normal" by default + fontColor?: string, // "#4C4C4C" by default + fontWeight?: string, // "500" by default + fill?: string, + editable?: boolean, // true by default + hidden?: boolean, + draggable?: boolean, + autoPosition?: boolean, + text?: [ + { + id?: string | number, + type?: "$linetext", + width?: number, + height?: number, + distance?: number, + autoPosition?: boolean, + hidden?: boolean, + editable?: boolean, // true by default + draggable?: boolean, + fill?: string, + text?: string, + fontSize?: number | string, // 14 by default + lineHeight?: number | string, // 14 by default + fontStyle?: "normal" | "italic" | "oblique", // "normal" by default + fontColor?: string, // "#4C4C4C" by default + fontWeight?: string, // "500" by default + textAlign?: "center" | "left" | "right", // "center" by default + textVerticalAlign?: "center" | "top" | "bottom" // "center" by default + }, + // more objects for text items of a line + ] + } + }, + // more line objects +] +~~~ + +From v6.0 line titles are defined in separate objects with the **"lineTitle"** type. The `lineTitle` object has the following configuration properties: + +~~~jsx title="From v6.0" +const data = [ + // line title object + { + type: "lineTitle", + id?: string | number, + text: string, + parent: string | number, + + distance?: number, // 50 by default + autoPosition?: boolean, // true by default + editable?: boolean, // true by default + fixed?: boolean, // false by default + hidden?: boolean, // false by default + + fill?: string, + fontSize?: string | number, // 14 by default + lineHeight?: string | number, // 14 by default + fontStyle?: "normal" | "italic" | "oblique", // "normal" by default + fontColor?: string, // "#4C4C4C" by default + fontWeight?: string, // "500" by default + textAlign?: "center" | "left" | "right" // "center" by default + }, + // more objects +]; +~~~ + +Check the details in the LineTitles [API](/line_titles/configuration_properties/) and [guides](/line_titles/). + +### Localization + +Due to the modifications in the Diagram editor interface, the locale settings have been updated. Check the [Localization guides](/guides/localization/) for details. + +## 4.2 -> 5.0 ### Diagram API The **lineGap** property of Diagram is deprecated and no longer supported. Instead, use the **lineGap** parameter of the [lineConfig](diagram/api/diagram/lineconfig_property.md) property. -~~~js {3} title="Before v5.0" +~~~jsx {3} title="Before v5.0" const diagram = new dhx.Diagram("diagram_container", { type: "default", lineGap: 30 }); ~~~ -~~~js {3-5} title="From v5.0" +~~~jsx {3-5} title="From v5.0" const diagram = new dhx.Diagram("diagram_container", { type: "default", lineConfig: { @@ -32,16 +434,16 @@ const diagram = new dhx.Diagram("diagram_container", { ### Editor API -The **lineGap** property of Diagram Editor is deprecated and no longer supported. Instead, use the **lineGap** parameter inside the [lineConfig](diagram/api/editor/lineconfig_property.md) property. +The **lineGap** property of Diagram Editor is deprecated and no longer supported. Instead, use the **lineGap** parameter inside the `lineConfig` property. -~~~js {3} title="Before v5.0" +~~~jsx {3} title="Before v5.0" const editor = new dhx.DiagramEditor("editor_container", { type: "default", lineGap: 30 }); ~~~ -~~~js {3-5} title="From v5.0" +~~~jsx {3-5} title="From v5.0" const editor = new dhx.DiagramEditor("editor_container", { type: "default", lineConfig: { @@ -51,8 +453,7 @@ const editor = new dhx.DiagramEditor("editor_container", { }); ~~~ -4.1 -> 4.2 --------------- +## 4.1 -> 4.2 ### Diagram API @@ -60,13 +461,13 @@ In v4.2, the **defaultLinkType** property is deprecated. Starting from v4.2, you need to apply the new [lineConfig](../api/diagram/lineconfig_property/) property to specify the default type for connector lines. -~~~js title="Before v4.2" +~~~jsx title="Before v4.2" const diagram = new dhx.Diagram("diagram_container", { defaultLinkType: "dash" }); ~~~ -~~~js {2-4} title="From v4.2" +~~~jsx {2-4} title="From v4.2" const diagram = new dhx.Diagram("diagram_container", { lineConfig: { lineType: "dash", @@ -81,7 +482,7 @@ The syntax of specifying basic sets of items for sections in the left panel of t Before v4.2, you could set boolean *true* value to the array of the section's items to display all available flow-chart shapes in the section: -~~~js {3} title="Before v4.2" +~~~jsx {3} title="Before v4.2" const editor = new dhx.DiagramEditor("editor_container", { shapeSections: { "flowchart shapes": [true], @@ -93,7 +494,7 @@ const editor = new dhx.DiagramEditor("editor_container", { Starting from v4.2, you need to use the different syntax for this purpose: -~~~js {3} title="From v4.2" +~~~jsx {3} title="From v4.2" const editor = new dhx.DiagramEditor("editor_container", { shapeSections: { "flowchart shapes": [{ flowShapes: true }], @@ -103,22 +504,21 @@ const editor = new dhx.DiagramEditor("editor_container", { }); ~~~ -Besides, it became possible to specify other basic sets of items via the related *key:value* pairs. For more details, check the [shapeSections](../api/editor/shapesections_property/) article. +Besides, it became possible to specify other basic sets of items via the related *key:value* pairs. For more details, check the `shapeSections` article. -3.1 -> 4.0 ------------- +## 3.1 -> 4.0 ### API The **shapeHover** event has been deprecated in v4.0. Starting with v4.0, use the new [itemMouseOver](../api/diagram/itemmouseover_event/) event instead. -~~~js title="Before v4.0" -diagram.events.on("shapeHover",function(id,e){ +~~~jsx title="Before v4.0" +diagram.events.on("shapeHover", (id,e) => { console.log("An item"+ diagram.data.getItem(id).text +"has been hovered over"); }); ~~~ -~~~js title="From v4.0" +~~~jsx title="From v4.0" diagram.events.on("itemMouseOver", (id, event) => { console.log(id, event); }); @@ -128,29 +528,28 @@ editor.diagram.events.on("itemMouseOver", (id, event) => { }); ~~~ -3.0 -> 3.1 ------------- +## 3.0 -> 3.1 ### Editor API The **shapeMove** event of the editor object has been deprecated in v3.1. Starting with v3.1, use the new **BeforeShapeMove** and **AfterShapeMove** events instead. -~~~js title="Before v3.1" -editor.events.on("shapeMove",function() { +~~~jsx title="Before v3.1" +editor.events.on("shapeMove", () => { console.log("The shape is moved"); }); ~~~ -~~~js title="From v3.1" +~~~jsx title="From v3.1" // BeforeShapeMove event -editor.events.on("BeforeShapeMove", function(events) { - console.log("Before the shape is moved:", events); +editor.events.on("BeforeShapeMove", (e) => { + console.log("Before the shape is moved:", e); return true; }); // AfterShapeMove event -editor.events.on("AfterShapeMove", function(events) { - console.log("After the shape is moved:", events); +editor.events.on("AfterShapeMove", (e) => { + console.log("After the shape is moved:", e); }); ~~~ @@ -174,13 +573,13 @@ In the version 3.0 these properties are deprecated and removed. Instead, the **c - showReset -> controls.reset - showExport -> controls.export -~~~js +~~~jsx const editor = new dhx.DiagramEditor("editor_container", { controls: { apply: false, reset: false, export: true - }, + } }); ~~~ @@ -204,10 +603,10 @@ See the full list of the available controls in the [Toolbar](../guides/diagram_e - diagram.detachEvent -> [diagram.events.detach](../guides/event_handling/#detaching-event-listeners) - diagram.eachItem -> [diagram.data.map](../api/data_collection/map_method/) - diagram.getItem -> [diagram.data.getItem](../api/data_collection/getitem_method/) -- diagram.getSelectedId -> [diagram.selection.getId](../api/selection/getid_method/) +- diagram.getSelectedId -> `diagram.selection.getId` - diagram.load -> [diagram.data.load](../api/data_collection/load_method/) - diagram.parse -> [diagram.data.parse](../api/data_collection/parse_method/) - diagram.selectItem -> [diagram.selection.add](../api/selection/add_method/) - diagram.serialize -> [diagram.data.serialize](../api/data_collection/serialize_method/) - diagram.unselectItem -> [diagram.selection.remove](../api/selection/remove_method/) -- diagram.updateItem -> [diagram.data.update](../api/data_collection/update_method/) \ No newline at end of file +- diagram.updateItem -> [diagram.data.update](../api/data_collection/update_method/) diff --git a/docs/overview.md b/docs/overview.md index 7335fa1c6..b13b7991a 100644 --- a/docs/overview.md +++ b/docs/overview.md @@ -1,5 +1,5 @@ --- -sidebar_label: Diagram overview +sidebar_label: Diagram overview title: Diagram Overview slug: / description: You can have an overview of DHTMLX JavaScript Diagram library in the documentation. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. @@ -12,7 +12,7 @@ as a scheme, chart, organizational chart, mind map, etc. The diagram makes it ea ## Diagram in the default mode -DHTMLX Diagram provides the possibility to make various diagrams using a predefined set of shapes and connectors, and experiment with their look and feel. +DHTMLX Diagram provides the possibility to make various diagrams using a [predefined set of shapes](/shapes/default_shapes/) and [connectors](/lines), and experiment with their look and feel. You can choose shapes of desired types, link them by suitable connectors and build any type of a diagram that will show the sequence of some operations making up a particular process, like this: @@ -28,41 +28,41 @@ You can choose shapes of desired types, link them by suitable connectors and bui You can easily create [your own templates of shapes](/shapes/custom_shape/) and use them to design any diagram you need. For example, it is possible to create such famous types of custom diagrams as: -| [Life Cycle Diagram](https://snippet.dhtmlx.com/y4k51owl) | [Venn Diagram](https://snippet.dhtmlx.com/2tzyfois) | [UML Class Diagram](https://snippet.dhtmlx.com/madymxt5) | +| [Life Cycle Diagram](https://snippet.dhtmlx.com/y4k51owl) | [Venn Diagram template](https://snippet.dhtmlx.com/2tzyfois) | [UML Class Diagram template](https://snippet.dhtmlx.com/madymxt5) | | --------------------------------------------------------- | --------------------------------------------------- | -------------------------------------------------------- | | ![](assets/sticky.png) | ![](assets/venn.png) | ![](assets/html.png) | -| [Network Diagram](https://snippet.dhtmlx.com/u1xqyo9w) | [Game levels and locations](https://snippet.dhtmlx.com/1h4j9gb3) | +| [Network Diagram template](https://snippet.dhtmlx.com/u1xqyo9w) | [Game levels and locations](https://snippet.dhtmlx.com/1h4j9gb3) | | ------------------------------------------------------ | ---------------------------------------------------------------- | | ![](assets/network.png) | ![](assets/game_levels.png) | ### Groups -You can draw simple or more complicated schemes by grouping shapes in different ways with the help of such an element of Diagram as a group. It is possible to create as one-level groups as nested groups, to configure their appearance and behavior. Check the details in the [Configuring groups](/groups/) article. +You can draw simple or more complicated schemes by grouping shapes in different ways with the help of such an element of Diagram as a group. It is possible to create as one-level groups as nested groups, to configure their appearance and behavior. Check the details in the [Groups](/groups/) article. -| [Diagram. Default mode. Virtual private cloud architecture](https://snippet.dhtmlx.com/0hf8ahrb) | +| [Diagram Editor. Default mode. Virtual private cloud architecture](https://snippet.dhtmlx.com/0hf8ahrb) | | ------------------------------------------------------------------------------------------------ | | ![](assets/virtual_cloud.png) | ### Swimlanes -Usage of swimlanes of the DHTMLX Diagram library lets you represent any process (be it a business process, manufacturing or service one, and any other processes) or its separate parts from start to finish. Check the details in the [Configuring swimlanes](/swimlanes/) article. +Usage of swimlanes of the DHTMLX Diagram library lets you represent any process (be it a business process, manufacturing or service one, and any other processes) or its separate parts from start to finish. Check the details in the [Swimlanes](/swimlanes/) article. | [Diagram. Default mode. Swimlane template](https://snippet.dhtmlx.com/z6x5m3gb) | | ------------------------------------------------------------------------------- | | ![](assets/swimlane.png) | -### Title of lines +### Line titles -The title of Line is enabled in the default mode of Diagram. You can add the text by double-clicking on a line. Use double-clicking also for editing the text. +The titles of Lines are enabled in the default mode of Diagram. You can add the text by double-clicking on a line. Use double-clicking also for editing the text. Check the details in the [LineTitles](/line_titles/) article. - + ## Diagram in the org chart mode There is also an org chart mode of Diagram that presents a set of shapes connected by lines in a hierarchical order. - + ### Assistant and partner shapes @@ -78,7 +78,7 @@ The connection between parent shape and its partner items is always horizontal. The partner shapes are very useful for building a family tree. -**Related sample:** [Diagram editor. Org chart mode. Family tree](https://snippet.dhtmlx.com/5pfybpmz) +**Related sample**: [Diagram editor. Org chart mode. Family tree](https://snippet.dhtmlx.com/5pfybpmz) Here are examples of how the connections of parent shapes look like with one, two, three, and four partners. @@ -94,13 +94,13 @@ Here are examples of how the connections of parent shapes look like with one, tw An example of adding custom shapes for creating a diagram to present the hierarchical organizational structure of a medical institution: -| [Diagram. Org chart mode. Medical hierarchy diagram template](https://snippet.dhtmlx.com/8fubjmlz) | +| [Diagram Editor. Org chart mode. Medical hierarchy diagram template](https://snippet.dhtmlx.com/8fubjmlz) | | -------------------------------------------------------------------------------------------------- | | ![](assets/medical_hierarchy_overview.png) | ## Diagram in the mindmap mode -The mindmap mode is used to represent a core topic or idea surrounded by the branches of the subtopics. +The Mindmap mode is used to represent a core topic or idea surrounded by the branches of the subtopics. | [Diagram. Mindmap mode. Emotions mind map](https://snippet.dhtmlx.com/twd25ww1) | | ------------------------------------------------------------------------------- | @@ -118,13 +118,13 @@ An example of adding a custom template into the mindmap mode of the diagram to c DHTMLX Diagram provides you with a set of API that you can apply in order to make working with a Diagram more convenient. For example, you can implement a feature of searching a shape on request that helps you to simplify work with large diagrams. - + ## Diagram scale You can apply the zoom template to your diagram to be able to change its appearance via zooming the diagram in or out. Besides, you can make it possible to user to get the detailed information on the selected shape. - + ## What's next diff --git a/docs/shapes/configuration_properties.md b/docs/shapes/configuration_properties.md index 4950ae20d..8e586e77e 100644 --- a/docs/shapes/configuration_properties.md +++ b/docs/shapes/configuration_properties.md @@ -1,26 +1,28 @@ --- -sidebar_label: Shape properties +sidebar_label: Shape properties title: Shape Properties description: You can learn about the Shape properties in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. --- # Shape properties -{{note While specifying color values of the item, you can use the following formats: HEX, RGBA, RGB, HSL, or HSLA.}} +:::note +While specifying color values of the item, use the HEX format. +::: ## Common properties ### Usage -~~~js +~~~jsx const data = [ // shape object { - type?: string, + type: string, id?: string | number, x?: number, // required in the default mode of Diagram y?: number, // required in the default mode of Diagram - text?: string | string[], + text?: string, editable?: boolean, // true by default height?: number, width?: number, @@ -35,30 +37,30 @@ const data = [ Each shape object can include the following properties: -- `type` - (optional) the type of the shape (by default: "rectangle" in the default mode, "card" in the org chart mode, "topic" in the mindmap mode) +- `type` - (required) the type of the shape (by default: "rectangle" in the default mode, "card" in the org chart mode, "topic" in the mindmap mode) - `id` - (optional) the unique id of a shape - `x` - (optional) the x coordinate of the shape position. The property is **required** in the default mode of Diagram - `y` - (optional) the y coordinate of the shape position. The property is **required** in the default mode of Diagram -- `text` - (optional) the text to be rendered in a shape. The property can be set as an array of string values while [configuring a **custom shape** only](../../shapes/custom_shape/) +- `text` - (optional) the text to be rendered in a shape - `editable` - (optional) enables/disables the ability to edit the text of the shape by double-clicking on it; *true* by default.
*The property is not available for a custom shape.* - `height` - (optional) the height of a shape - `width` - (optional) the width of a shape - `fixed` - (optional) enables/disables movement and resizing of a shape, *false* by default - `hidden` - (optional) defines, whether a shape will be hidden -{{note The values of the **height** and **width** are calculated automatically for a "text"/"topic" shape, depending on the content of the shape.}} - +:::note +The values of the **height** and **width** are calculated automatically for a "text"/"topic" shape, depending on the content of the shape. +::: ## Custom properties - ### Usage -~~~js +~~~jsx const data = [ // shape object { - ..., // common properties + // ... common properties [key: string]?: any, // custom property - ... // more custom properties + // ... more custom properties }, // more shape objects ] @@ -72,7 +74,7 @@ When preparing a data set for a custom shape, you can add any custom properties ### Example -~~~js +~~~jsx const data = [ { "id": "main", @@ -81,7 +83,7 @@ const data = [ "phone": "(405) 555-0128", "mail": "kmccoy@gmail.com", "photo": "../img/avatar-01.jpg" - }, + } ] ~~~ @@ -89,11 +91,11 @@ const data = [ ### Usage -~~~js +~~~jsx const data = [ // shape object { - ..., // common properties + // ... common properties angle?: number, //either @@ -116,21 +118,21 @@ const data = [ When preparing a data set for shapes to load into the diagram in the default mode, you can add the following properties to the configuration object of a shape: - `angle` - (optional) the angle of shape rotation -- `preview` - (optional) either a path to the image/a base64 image or an object with settings [to configure the shape preview displayed in the left panel of the editor](../../guides/diagram_editor/left_panel/#setting-shape-preview). As an object, the property can contain a set of optional properties: +- `preview` - (optional) either a path to the image/a base64 image or an object with settings [to configure the shape preview displayed in the shapebar of the editor](/guides/diagram_editor/shapebar/#setting-the-preview-of-shapes). As an object, the property can contain a set of optional properties: - `img` - (optional) a path to the image or a base64 image - `width` - (optional) the width of the image - `height` - (optional) the height of the image - - `gap` - (optional) sets the value of the [](../api/editor/gappreview_property.md) property for the specified type of a shape - - `scale` - (optional) sets the value of the [](../api/editor/scalepreview_property.md) property for the specified type of a shape + - `gap` - (optional) sets the value of the `gap` attribute of the [preview](../../api/diagram_editor/shapebar/config/preview_property/) property for the specified type of a shape + - `scale` - (optional) sets the value of the `scale` attribute of the [preview](../../api/diagram_editor/shapebar/config/preview_property/) property for the specified type of a shape :::info The **scale** property can't be applied together with the **img**, **width**, **height** properties ::: ### Example -~~~js +~~~jsx const data = [ - { id: 1, x: 280, y: 0, text: "Start", type: "start", angle: 10 }, + { id: 1, x: 280, y: 0, text: "Start", type: "start", angle: 10 } ]; ~~~ @@ -138,11 +140,11 @@ const data = [ ### Usage -~~~js +~~~jsx const data = [ // shape object { - ..., // common properties + // ... common properties parent?: string | number, dx?: number, dy?: number, @@ -174,7 +176,7 @@ When preparing a data set for shapes to load into the diagram in the org chart m ### Example -~~~js +~~~jsx const data = [ { "id": "1", @@ -183,37 +185,35 @@ const data = [ { "id": "2", "text": "item 2", - "parent": 1, + "parent": "1", "dir": "vertical" }, { "id": "1.1", "text": "assistant for 1", - "parent": 1, + "parent": "1", "assistant": true }, { "id": "1.2", "text": "partner for 1", - "parent": 1, + "parent": "1", "partner": true - }, + } ]; ~~~ -**Related samples**: -- [Diagram. Org chart mode. Nested vertical lists](https://snippet.dhtmlx.com/98tzmzpg) -- [Diagram editor. Org chart mode. Image card editor](https://snippet.dhtmlx.com/vghuunmd) +**Related sample**: [Diagram. Org chart mode. Nested vertical lists](https://snippet.dhtmlx.com/98tzmzpg) ## Properties specific for the mindmap mode ### Usage -~~~js +~~~jsx const data = [ // shape object { - ..., // common properties + // ... common properties parent?: string | number, dx?: number, dy?: number, @@ -243,7 +243,7 @@ When preparing a data set for shapes to load into the diagram in the mindmap mod - `catchItem` - (optional) defines, whether the item can catch the moving item - `giveItem` - (optional) defines, whether the item can be moved -**Related samples**: [Diagram editor. Mindmap mode. Emotions mind map](https://snippet.dhtmlx.com/lo1vm0e8) +**Related sample**: [Diagram editor. Mindmap mode. Emotions mind map](https://snippet.dhtmlx.com/lo1vm0e8) :::info Read the details in the [How to Create a JavaScript Mindmap Diagram with DHTMLX Library](https://dhtmlx.com/blog/create-javascript-mindmap-diagram-dhtmlx-library/) article @@ -251,7 +251,7 @@ Read the details in the [How to Create a JavaScript Mindmap Diagram with DHTMLX ### Example -~~~js +~~~jsx const data = [ { id: "1", @@ -265,19 +265,19 @@ const data = [ id: "2", text: "2", parent: "1", - giveItem: false, + giveItem: false }, { id: "3", text: "3", parent: "1", - catchItem: false, + catchItem: false }, { id: "4", text: "4", - parent: "1", - }, + parent: "1" + } ]; ~~~ @@ -285,11 +285,11 @@ const data = [ ### Usage -~~~js +~~~jsx const data = [ // shape object { - ..., // common properties + // ... common properties fill?: string, stroke?: string, strokeWidth?: number, // 1 by default @@ -326,7 +326,7 @@ When preparing a data set for "text", "topic" and flow chart shapes, you can add ### Example -~~~js +~~~jsx const data = [ { "id": "u1585139915192", @@ -338,8 +338,8 @@ const data = [ "height": 16, "lineHeight": 14, "fontSize": "16", - "fontColor": "rgba(0,0,0,0.70)", - }, + "fontColor": "rgba(0,0,0,0.70)" + } ]; ~~~ @@ -347,11 +347,11 @@ const data = [ ### Usage -~~~js +~~~jsx const data = [ // shape object { - ..., // common properties + // ... common properties headerColor?: string }, // more shape objects @@ -366,7 +366,7 @@ When preparing a data set for "card" shapes, you can add the following propertie ### Example -~~~js +~~~jsx const data = [ { "id": 1, @@ -387,11 +387,11 @@ const data = [ ### Usage -~~~js +~~~jsx const data = [ // shape object { - ..., // common properties + // ... common properties img?: string, title?: string, headerColor?: string @@ -410,7 +410,7 @@ When preparing a data set for "img-card" shapes, you can add the following prope ### Example -~~~js {title="Example"} +~~~jsx {title="Example"} const data = [ { "id": "1", @@ -426,13 +426,13 @@ const data = [ "text": "QA Lead", "title": "Emma Lynch", "img": "../img/avatar-02.png", - "parent": 1, + "parent": "1", "headerColor": "#5874CD" - }, + } ]; ~~~ -**Related articles:** +**Related articles**: - [Default Shapes](../../shapes/default_shapes/) - [Custom Shape](../../shapes/custom_shape/) diff --git a/docs/shapes/custom_shape.md b/docs/shapes/custom_shape.md index bf106789e..66beab0cc 100644 --- a/docs/shapes/custom_shape.md +++ b/docs/shapes/custom_shape.md @@ -10,13 +10,13 @@ If the default shapes don't meet your needs, you can create your custom shape. Let's imagine, you want to create a new `networkCard` shape which should render an image, text, and IP address. - + To do that, you need to take the following steps: 1\. Apply the [](../api/diagram/addshape_method.md) method to add a unique name for your shape (*"networkCard"* in our case) and provide a template for it: -~~~js +~~~jsx diagram.addShape("networkCard", { template: ({ img, text, ip }) => (`
@@ -26,12 +26,12 @@ diagram.addShape("networkCard", {
`), // the default configuration for the shapes with type:"networkCard" - defaults: { - width: 160, - height: 160, - img: path.network + "desktop.svg", - text: "Network Card", - ip: "138.68.41.78" + defaults: { + width: 160, + height: 160, + img: path.network + "desktop.svg", + text: "Network Card", + ip: "138.68.41.78" } }); ~~~ @@ -40,9 +40,11 @@ The **defaults** attribute is used to define the default configuration of a "net 2\. Use the unique name of the shape as a value of the **type** attribute inside the shape object while preparing a data set for loading into the diagram. -{{note The data object of a custom shape can contain any [configuration properties](/shapes/configuration_properties/) including custom ones.}} +:::note +The data object of a custom shape can contain any [configuration properties](/shapes/configuration_properties/) including custom ones. +::: -~~~js +~~~jsx const networkDiagram = [ { "id": 1, diff --git a/docs/shapes/default_shapes.md b/docs/shapes/default_shapes.md index 0c439b13d..1a24d1cfb 100644 --- a/docs/shapes/default_shapes.md +++ b/docs/shapes/default_shapes.md @@ -10,48 +10,47 @@ description: You can learn about the Default Shapes in the documentation of the The DHTMLX Diagram library provides you with a set of default types of shapes that you can use to build your diagram. The default shapes include: -- a set of the flow chart shapes: - - +- a set of the flow chart shapes Tip: Use the name of the necessary shape as a value of the **type** attribute inside the shape object, while [preparing a data set for loading into the diagram](/guides/loading_data/#preparing-data-to-load). - the `"card"` type that is the default type of shapes in the org chart mode of Diagram. Each shape has a text and a colored header line. Shapes located on the same level have headers of identical color. - + - the `"img-card"` type that can be used for adding shapes with images. Don't forget to provide images for cards via the **img** attribute of the shape object. - - - the `"topic"` type that is the default type of shapes in the "mindmap" mode of Diagram. Each shape has a text and a colored border. The color of the outline depends on the level the shape belongs to. - + -{{note Any of the above shapes can be added into the diagram of any mode ("default", "org", or "mindmap" one). }} +:::note +Any of the above shapes can be added into the diagram of any mode ("default", "org", or "mindmap" one). +::: ## Setting the type of a shape To set the type of a shape, use the [type](/shapes/configuration_properties/) property inside the shape object while preparing a related JSON structure to load into the diagram: -~~~js +~~~jsx const data = [ { id: 1, x: 280, y: 0, text: "Start", type: "start" }, { id: 2, x: 280, y: 120, text: "Read N", type: "output" }, { id: 3, x: 280, y: 240, text: "M=1\nF=2", type: "process" }, { id: 4, x: 280, y: 360, text: "F=F*M", type: "process" }, - { id: 5, x: 280, y: 480, text: "Is M=N?", type: "decision" }, + { id: 5, x: 280, y: 480, text: "Is M=N?", type: "decision" } ]; ~~~ -{{note See [the full list of configuration properties of a shape object](/shapes/configuration_properties/). Do not add custom properties while creating data objects for default shapes. -}} +:::note +See [the full list of configuration properties of a shape object](/shapes/configuration_properties/). Do not add custom properties while creating data objects for default shapes. +::: ### Setting the default shape type It is also possible to set the default type for all the shapes via the [](../api/diagram/defaultshapetype_property.md) attribute of the diagram config object: -~~~js +~~~jsx const diagram = new dhx.Diagram("diagram_container", { type: "default", // or type: "org", or type: "mindmap" defaultShapeType: "rectangle" @@ -59,4 +58,4 @@ const diagram = new dhx.Diagram("diagram_container", { diagram.data.parse(data); ~~~ -This value will be applied, if the configuration object of the shape doesn't contain the `type` property. \ No newline at end of file +This value will be applied, if the configuration object of the shape doesn't contain the `type` property. diff --git a/docs/swimlanes/configuration_properties.md b/docs/swimlanes/configuration_properties.md index 250b44d1e..90b18bfc9 100644 --- a/docs/swimlanes/configuration_properties.md +++ b/docs/swimlanes/configuration_properties.md @@ -1,18 +1,20 @@ --- -sidebar_label: Swimlane properties +sidebar_label: Swimlane properties title: Swimlane and Swimlane Cell Properties description: You can learn about the Swimlane and Swimlane cell properties in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. --- # Swimlane and swimlane cell properties -{{note While specifying color values of the item, you can use the following formats: HEX, RGBA, RGB, HSL, or HSLA.}} +:::note +While specifying color values of the item, use the HEX format. +::: ## Properties of a swimlane ### Usage -~~~js +~~~jsx const data = [ // swimlane object { @@ -82,7 +84,7 @@ const data = [ }, subHeaderCols?: { position?: "top" | "bottom", - ... // the other attributes are the same as the attributes of subHeaderRows + // ... the other attributes are the same as the attributes of subHeaderRows }, [key: string]?: any } @@ -102,10 +104,10 @@ Each swimlane object can include the following configuration properties: - `y` - (optional) the y coordinate of the swimlane position - `layout` - (required) an array with matrix representation of the cells of the swimlane - `fixed` - (optional) enables/disables the ability to move and resize the swimlane; *false* by default -- `open` - (optional) defines whether the swimlane is initialized in the expanded (*true*, default) or collapsed(*false*) state;
+- `open` - (optional) defines whether the swimlane is initialized in the expanded (*true*, default) or collapsed (*false*) state :::tip The **open** property works when a **header** is initialized with the **closable** attribute -:::
+::: - `style` - (optional) an object with the style settings of the swimlane. The object can contain the following attributes: - `strokeWidth` - (optional) the width of the swimlane border, 1 by default - `stroke` - (optional) the color of the border of the swimlane, "#DEDEDE" by default @@ -160,29 +162,41 @@ The **open** property works when a **header** is initialized with the **closable ### Example -~~~js +~~~jsx const data = [ { - "id": "main", - "type": "$swimlane", - "height": 730, - "width": 1195, - "header": { - "closable": true, - "text": "Waterfall diagram template" - }, - "layout": [ - [1, 2, 3, 4] - ], - "subHeaderCols": { - "headers": [ - { "text": "September", "fill": "rgba(243, 92, 79, 0.4)" }, - { "text": "October", "fill": "rgba(155, 96, 248, 0.4)" }, - { "text": "November", "fill": "rgba(255, 174, 18, 0.4)" }, - { "text": "December", "fill": "rgba(60, 201, 122, 0.4)" } - ] - } - }, + "id": "main", + "type": "$swimlane", + "height": 730, + "width": 1195, + "header": { + "closable": true, + "text": "Waterfall diagram template" + }, + "layout": [ + [1, 2, 3, 4] + ], + "subHeaderCols": { + "headers": [ + { + "text": "September", + "fill": "#f35c4f66" + }, + { + "text": "October", + "fill": "#9b60f866" + }, + { + "text": "November", + "fill": "#ffae1266" + }, + { + "text": "December", + "fill": "#3cc97a66" + } + ] + } + } ]; ~~~ @@ -190,7 +204,7 @@ const data = [ ### Usage -~~~js +~~~jsx const data = [ // swimlane cell object { @@ -233,7 +247,7 @@ The configuration properties of a swimlane cell are given below: ### Example -~~~js +~~~jsx const data = [ // configuring a swimlane { @@ -243,7 +257,7 @@ const data = [ "width": 1195, "layout": [ [1, 2, 3, 4] - ], + ] }, // configuring a cell of the swimlane { @@ -251,7 +265,7 @@ const data = [ "type": "$sgroup", "groupChildren": ["s1"], "style": { - "fill": "rgba(243, 92, 79, 0.05)" + "fill": "#D4DAE4" }, "x": 0, "y": 80 @@ -259,15 +273,15 @@ const data = [ // configuring a shape to put into the cell { "id": "s1", "type": "end", "text": "Step 1", "x": 20, "y": 110 - }, + } ]; ~~~ -**Related articles:** [Configuring swimlanes](../../swimlanes/) +**Related articles**: [Configuring swimlanes](../../swimlanes/) -**Related samples**: +**Related samples**: - [Diagram. Default mode. Game levels and locations](https://snippet.dhtmlx.com/1h4j9gb3?tag=diagram&mode=wide) - [Diagram. Default mode. Swimlane template](https://snippet.dhtmlx.com/z6x5m3gb?tag=diagram&mode=wide) - [Diagram. Default mode. Waterfall diagram template](https://snippet.dhtmlx.com/k5vlvj8i?tag=diagram&mode=wide) -- [Diagram. Default mode. Eisenhower matrix example](https://snippet.dhtmlx.com/yfvccvc4?mode=wide)
Read the details in the [How to Build a JavaScript Eisenhower Matrix with DHTMLX](https://dhtmlx.com/blog/build-javascript-eisenhower-matrix-dhtmlx/) article \ No newline at end of file +- [Diagram. Default mode. Eisenhower matrix example](https://snippet.dhtmlx.com/yfvccvc4?mode=wide)
Read the details in the [How to Build a JavaScript Eisenhower Matrix with DHTMLX](https://dhtmlx.com/blog/build-javascript-eisenhower-matrix-dhtmlx/) article diff --git a/docs/swimlanes/index.md b/docs/swimlanes/index.md index 740ff3fea..08f44538a 100644 --- a/docs/swimlanes/index.md +++ b/docs/swimlanes/index.md @@ -1,5 +1,5 @@ --- -sidebar_label: Swimlanes +sidebar_label: Swimlanes title: Swimlanes description: You can learn about Swimlanes in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram. --- @@ -8,9 +8,11 @@ description: You can learn about Swimlanes in the documentation of the DHTMLX Ja ## Swimlane overview -A swimlane represents a rectangular element of Diagram that consists of cells (or lanes) arranged vertically or horizontally. Each cell (*type: "$sgroup"*) can include child items such as shapes, or groups. +A swimlane represents a rectangular element of Diagram that consists of cells (or lanes) arranged vertically or horizontally. Each cell (*type: "$sgroup"*) can include child items such as shapes, or groups. -{{note Swimlanes are available only in the default mode of Diagram/Diagram Editor (type: "default").}} +:::note +Swimlanes are available only in the default mode of Diagram/Diagram Editor (type: "default"). +::: @@ -22,17 +24,17 @@ Swimlanes will help you to visualize any process (be it a business process, manu To create a swimlane, you need to specify **type: "$swimlane"** and define the structure of the swimlane layout inside the swimlane object while preparing a data set to load into the diagram: -~~~js +~~~jsx const data = [ // configuring a swimlane { - type: "$swimlane", - height: 500, - width: 850, + type: "$swimlane", + height: 500, + width: 850, // the layout of a swimlane should contain at least one cell - layout: [ - [1] // the cell with id:"1" and type:"$sgroup" - ], + layout: [ + [1] // the cell with id:"1" and type:"$sgroup" + ] } ]; @@ -49,21 +51,21 @@ The structure of a swimlane can be rather different. It is defined via the [layo All you need to do is specify an array with a matrix as a value of the property. The matrix can be either an array: -~~~js +~~~jsx // a swimlane with 3 columns layout: [ [1, 2, 3] -], +] ~~~ or a set of arrays separated by commas: -~~~js +~~~jsx // a swimlane with 2 rows and 3 columns layout: [ [1, 2, 3], [4, 5, 6] -], +] ~~~ where: @@ -80,24 +82,24 @@ Check [the full list of configuration properties of a swimlane object](/swimlane When you initialize a swimlane on the page, the id of a swimlane cell is generated automatically as well as its configuration. To change the default configuration of the cell, create an object of the cell which must include the **type: "$sgroup"** and **id** attributes, and specify the necessary configuration settings there: -~~~js +~~~jsx const data = [ // configuring a swimlane { - type: "$swimlane", + type: "$swimlane", id: "main", - height: 500, - width: 850, - layout: [ - [1, 2, 3] - ], + height: 500, + width: 850, + layout: [ + [1, 2, 3] + ] }, // configuring a swimlane cell { - type: "$sgroup", - id: 3, + type: "$sgroup", + id: 3, style: { - fill: "grey" + fill: "#D4DAE4" } } ]; @@ -111,11 +113,11 @@ Check [the full list of configuration properties of a swimlane cell](/swimlanes/ When you specify a unique number for each cell, all the cells will be rendered with the borders: -~~~js +~~~jsx layout: [ [1, 2, 3], [4, 5, 6] -], +] ~~~ ![](../assets/swimlane_cells.png) @@ -123,11 +125,11 @@ layout: [ If needed you can group a range of cells and remove a border(s) between them. To do this, choose any cell from the range and replace unique numbers of the cell(s) from the range with the number of this cell.
Here is an example of grouping first two cells placed in the first row: -~~~js +~~~jsx layout: [ [1, 1, 3], [4, 5, 6] -], +] ~~~ The result will look like this: @@ -136,24 +138,24 @@ The result will look like this: Here is an example of grouping the cells placed in the second column: -~~~js +~~~jsx layout: [ [1, 2, 3], [4, 2, 6] -], +] ~~~ The result: ![](../assets/swimlane_merge_cell_col.png) -**Related sample:** [Diagram editor. Default mode. Configuring columns and rows in swimlanes](https://snippet.dhtmlx.com/uzx5ulal) +**Related sample**: [Diagram editor. Default mode. Configuring columns and rows in swimlanes](https://snippet.dhtmlx.com/uzx5ulal) ## Sizes of a swimlane and its cells The size of the swimlane is defined by the **width** and **height** configuration attributes of the swimlane. -~~~js +~~~jsx const data = [ // configuring a swimlane { @@ -162,8 +164,8 @@ const data = [ height: 500, width: 850, layout: [ - [1, 2, 3] - ], + [1, 2, 3] + ] } ]; ~~~ @@ -172,17 +174,17 @@ const data = [ The width of a cell depends on the width of the swimlane, the number of columns, and the height of the left/right swimlane header and subheader. For example: -~~~js +~~~jsx const data = [ { - type: "$swimlane", + type: "$swimlane", id: "main", - height: 500, - width: 830, - layout: [ + height: 500, + width: 830, + layout: [ // 3 columns - [1, 2, 3] - ], + [1, 2, 3] + ], header: { position: "left", height: 40 @@ -191,7 +193,7 @@ const data = [ enable: true, position: "left", height: 40 - }, + } } ]; ~~~ @@ -202,18 +204,18 @@ The width of each cell can be calculated as *(830-40-40)/3 = 250*. The height of a cell depends on the height of the swimlane, the number of rows, and the height of the top/bottom swimlane header and subheader. For example: -~~~js +~~~jsx const data = [ { - type: "$swimlane", + type: "$swimlane", id: "main", - height: 500, - width: 830, - layout: [ + height: 500, + width: 830, + layout: [ // 2 rows - [1, 2, 3], + [1, 2, 3], [4, 5, 6] - ], + ], header: { position: "top", height: 40 @@ -222,7 +224,7 @@ const data = [ enable: true, position: "top", height: 40 - }, + } } ]; ~~~ diff --git a/docs/whats_new.md b/docs/whats_new.md index 9aa4dd80e..4b09c18aa 100644 --- a/docs/whats_new.md +++ b/docs/whats_new.md @@ -8,17 +8,113 @@ description: You can learn a new information about DHTMLX JavaScript Diagram lib If you are updating Diagram from an older version, check [Migration to Newer Version](migration.md) for details. -Version 5.0.3 -------------- +## Version 6.0 + +Released on May 16, 2024 + +### Breaking changes + +The new update introduces significant changes in the structure and functionality of Diagram and Diagram Editor. Check the [Migration article](../migration/#50---60) to keep in step with the latest version. + +### New functionality + +- Restructuring of Diagram Editor: providing the ability to interact with its parts and manage their visibility with the [`view`](../api/diagram_editor/editor/config/view_property/) property that includes the following configurations: + - [Toolbar](../guides/diagram_editor/toolbar/) - a top part of Diagram Editor that helps users to control the editing process (see [API overview](/api/diagram_editor/toolbar/api_overview/)) + - [Shapebar](../guides/diagram_editor/shapebar/) - (former Left panel) a part of Diagram Editor that renders previews of Diagram items (see [API overview](/api/diagram_editor/shapebar/api_overview/)) + - [Editbar](../guides/diagram_editor/editbar/) - (former Right panel) a part of Diagram Editor that allows users to edit Diagram items (see [API overview](/api/diagram_editor/editbar/api_overview/)). You can perform the following actions: + - sets of predefined [Basic controls](/api/diagram_editor/editbar/basic_controls_overview/) and [Complex controls](/api/diagram_editor/editbar/complex_controls_overview/) + - adjustable configuration of [Basic controls](/api/diagram_editor/editbar/basic_controls_overview/) and [Complex controls](/api/diagram_editor/editbar/complex_controls_overview/) depending on the provided conditions + - dynamic management of the Editbar panel depending on the provided conditions ([Example](https://snippet.dhtmlx.com/ealq0m4l?mode=wide)) + - creation of custom controls ([Example](https://snippet.dhtmlx.com/1p0wemnn?mode=wide)) + - creation of HTML content ([Example](https://snippet.dhtmlx.com/vcnt647v?mode=wide)) +- Diagram Editor. The [Copy manager API](/api/diagram_editor/copymanager/api_overview/) added +- Diagram Editor. The ability to show/hide [Shapebar](../api/diagram_editor/shapebar/config/show_property/), [Editbar](../guides/diagram_editor/editbar/) and [Toolbar](../guides/diagram_editor/toolbar/) +- Diagram Editor. The [destructor()](../api/diagram_editor/editor/methods/destructor_method/) method is added +- Diagram Editor. The ability to [hide the connection points](../api/diagram_editor/editor/config/connectionpoints_property/) +- Diagram Editor. The ability to [hide the resize points](../api/diagram_editor/editor/config/resizepoints_property/) +- Diagram Editor. The ability to [hide the grid](../api/diagram_editor/editor/config/grid_property/) +- The upgrade of the [Selection API](../api/selection/) with the ability of multiple selection +- The titles of lines are declared as separate objects defined as [`lineTitles`](../line_titles/) with their own [configuration properties](../line_titles/configuration_properties/) +- [Supporting new themes](../category/themes/): Dark, Light High Contrast and Dark High Contrast ([Example](https://snippet.dhtmlx.com/9twmlfus)) +- Diagram Editor. The ability to customize the [Shapebar items' color scheme](../guides/themes/base_themes_configuration/#configuring-the-look-of-shapes-in-shapebar) by redefining the CSS variables and using the custom ones + +### Updates + +- Diagram Editor. [Locales](../guides/localization/) are updated +- Diagram Editor. The [Hotkeys](../guides/diagram_editor/hot_keys/) list is extended +- Diagram Editor. The behavior of Shapebar items when they are pulled to the grid and their appearance are improved +- Diagram Editor. The callback function of [`zoomIn`](../api/diagram_editor/editor/events/zoomin_event/) / [`zoomOut`](../api/diagram_editor/editor/events/zoomout_event/) events is called with the `step` parameter +- Diagram Editor. The functionality of the [`magnetic`](../api/diagram_editor/editor/config/magnetic_property/) configuration option is extended +- Diagram Editor. The move [events](/api/diagram_editor/editor/events/overview/) of the Editor object are updated: +- The ability to [work with line titles via the DataCollection API](../line_titles/#working-with-line-titles) +[`afterGroupMove`](../api/diagram_editor/editor/events/aftergroupmove_event/), +[`afterItemCatch`](../api/diagram_editor/editor/events/afteritemcatch_event/), +[`afterItemMove`](../api/diagram_editor/editor/events/afteritemmove_event), +[`afterLineTitleMove`](../api/diagram_editor/editor/events/afterlinetitlemove_event/), +[`afterShapeMove`](../api/diagram_editor/editor/events/aftershapemove_event/), +[`beforeGroupMove`](../api/diagram_editor/editor/events/beforegroupmove_event/), +[`beforeItemCatch`](../api/diagram_editor/editor/events/beforeitemcatch_event/), +[`beforeItemMove`](../api/diagram_editor/editor/events/beforeitemmove_event/), +[`beforeLineTitleMove`](../api/diagram_editor/editor/events/beforelinetitlemove_event/), +[`beforeShapeMove`](../api/diagram_editor/editor/events/beforeshapemove_event/), +[`groupMoveEnd`](../api/diagram_editor/editor/events/groupmoveend_event/), +[`itemMoveEnd`](../api/diagram_editor/editor/events/itemmoveend_event/), +[`itemTarget`](../api/diagram_editor/editor/events/itemtarget_event/), +[`lineTitleMoveEnd`](../api/diagram_editor/editor/events/linetitlemoveend_event/), +[`shapeMoveEnd`](../api/diagram_editor/editor/events/shapemoveend_event/) + +### Deprecated API + +- #### Properties + + - The `controls` property of Diagram Editor is deprecated and no longer supported + - The `editMode` property of Diagram Editor is deprecated and no longer supported + - The `gapPreview` property of Diagram Editor is deprecated and no longer supported + - The `reservedWidth` property of Diagram Editor is deprecated and no longer supported + - The `scalePreview` property of Diagram Editor is deprecated and no longer supported + - The `shapeBarWidth` property of Diagram Editor is deprecated and no longer supported + - The `shapeSections` property of Diagram Editor is deprecated and no longer supported + - The `title` property of [Line](/diagram/lines/configuration_properties/) data is deprecated and no longer supported + +- #### Methods + + - The `getId()` method of the Selection object of Diagram is deprecated and no longer supported + - The `getSubId()` method of the Selection object of Diagram is deprecated and no longer supported + - The `setViewMode()` method of Diagram Editor is deprecated and no longer supported + +- #### Events + + - The following events of Diagram Editor are deprecated and no longer supported, since there are no corresponding buttons in the toolbar: `resetButton`, `applyButton`, `visibility`, `exportData`, `importData`, `autoLayout` + - The `changeGridStep` event of Diagram Editor is deprecated and no longer supported + +### Fixes + +- Diagram Editor. Fix a console error caused by clicking the "Import data" button for a second time after data import and not selecting a file +- Diagram Editor. Fix blocking of a new shape adding +- Diagram Editor. Fix copying of lines while selecting elements manually +- Diagram Editor. Fix dragging when the root shape is close to the child one in the **mindmap/org** modes +- Diagram Editor. Fix incorrect selection behavior that required an additional click for selecting a shape with the Shift key +- Diagram Editor. Fix moving a group and a swimlane together +- Diagram Editor. Fix removing of unused lines/connectors +- Diagram Editor. Fix the ability to move items of different parents to the target item (for the **org** and **mindmap** modes) +- Diagram Editor. Fix the ability to set default values for the Shapebar elements +- Diagram Editor. Fix the appearance of connectors on hovering moved items above any shape +- Diagram Editor. Fix the impossibility to remove selected items via menu in the **mindmap** and **org** modes +- Diagram Editor. Fix the issue with data import working just once +- Diagram Editor. Improve performance during the connector movement +- Diagram Editor. Limit the recording of actions during the connector movement in the **historyManager** +- Diagram Editor. Optimize the logic of searching for the nearest connector +- Fix the localization with complex widgets + +## Version 5.0.3 Released on July 12, 2023 ### Fixes -- Fix the issue when calling of the [autoPlace()](/diagram/api/diagram/autoplace_method/) method after data parsing caused an error +- Fix the issue when calling of the [autoPlace()](/diagram/api/diagram/autoplace_method/) method after data parsing caused an error -Version 5.0.2 --------------- +## Version 5.0.2 Released on May 30, 2023 @@ -31,22 +127,20 @@ Released on May 30, 2023 - Fix path formation of the URL in the Export object - Types for export are added -Version 5.0.1 --------------- +## Version 5.0.1 Released on January 19, 2023 ### Fixes - Diagram Editor. Fix the issue which caused lines not always being drawn in their places if data was exported and then loaded again - - Now it is possible to define the coordinates for lines in the default mode (new [`points`](diagram/lines/configuration_properties.md#properties-specific-for-the-default-mode) property of the line object) + - Now it is possible to define the coordinates for lines in the default mode (new [`points`](diagram/lines/configuration_properties.md#properties-specific-for-the-default-mode) property of the line object) - Diagram Editor. Fix the issue with dragging of shapes in the grid after changing the zoom level - Fix the error thrown after clicking on the "Auto layout" button in the absence of shapes - Fix the issue with display of [default settings](diagram/api/diagram/defaults_property.md) after creation of lines via the editor -- Fix the issue with scale of Diagram/Diagram Editor appeared when auto-placing shapes in the "radial" mode +- Fix the issue with scale of Diagram/Diagram Editor appeared when auto-placing shapes in the "radial" mode -Version 5.0 --------------- +## Version 5.0 Released on September 7, 2022 @@ -69,24 +163,24 @@ The new release introduces some changes to the `lineGap` property. Check the [Mi #### Diagram Editor - Radial algorithm of auto-placement of shapes: - - the `placemode` parameter is added to the [`autoplacement`](api/editor/autoplacement_property.md) property + - the `placemode` parameter is added to the [`autoplacement`](/api/diagram_editor/editor/config/autoplacement_property/) property - the **Auto Layout** button of [Toolbar](guides/diagram_editor/toolbar.md) now provides two options for shapes' auto-placement: *Orthogonal* and *Radial* - [Snap lines](guides/diagram_editor/grid_area.md#enablingdisabling-snap-lines) for arrangement of shapes in the grid area with greater precision -- The ability to configure snap lines via the new [`magnetic`](api/editor/magnetic_property.md) property +- The ability to configure snap lines via the new [`magnetic`](api/diagram_editor/editor/config/magnetic_property.md) property - The ability to copy and paste styles of an item(s) via `Alt (Option) + Ctrl (Cmd) + С` => `Alt (Option) + Ctrl (Cmd) + V` (see the **[example](https://snippet.dhtmlx.com/klgvu3jq)**) - The ability to [align and distribute multiple items](guides/diagram_editor/grid_area.md#aligning-multiple-items) - Now tooltips will appear when you hover over controls in the personal toolbar of items - Extended list of [locale options](guides/localization.md) for localization of tooltips in the per-item toolbar -- The ability to set tooltips for [custom toolbar icons](guides/diagram_editor/grid_area.md#configuring-toolbar-per-item): - - the `tooltip` parameter of the icon object is added to the [`shapeToolbar`](api/editor/shapetoolbar_property.md) property +- The ability to set tooltips for [custom toolbar icons](guides/diagram_editor/grid_area.md#configuring-the-toolbar-of-an-item): + - the `tooltip` parameter of the icon object is added to the [`shapeToolbar`](api/diagram_editor/editor/config/shapetoolbar_property.md) property - Improved design of [Grid area](guides/diagram_editor/grid_area.md). Now the distance between points in the grid area depends on the value of the grid step ### Fixes - Fix the issue which caused a loading icon not to disappear from the right panel of Editor after loading a file -Version 4.2 ------------------ +## Version 4.2 + Released on March 3, 2022 Review of release on the blog @@ -95,20 +189,20 @@ Released on March 3, 2022 - [Touch support](/guides/touch_support/) - The ability to specify the default setting for lines via the [`lineConfig`](/api/diagram/lineconfig_property/) property of Diagram -- The ability to specify the default settings for new lines created in the editor via the [`lineConfig`](/api/editor/lineconfig_property/) property of Diagram Editor -- The ability to add default sets of org shapes, groups, swimlanes in the necessary order when [configuring sections in the left panel of the editor](/guides/diagram_editor/left_panel/#custom-sections) +- The ability to specify the default settings for new lines created in the editor via the [`lineConfig`](/api/diagram_editor/editor/config/lineconfig_property/) property of Diagram Editor +- The ability to add default sets of org shapes, groups, swimlanes in the necessary order when [configuring sections in the left panel of the editor](/guides/diagram_editor/shapebar/#custom-sections) ### Updates - The `defaultLinkType` property of Diagram is deprecated. Check the [Migration](/migration/#41---42) article -- The [`shapeSections`](/api/editor/shapesections_property/) property of Diagram Editor is updated. Check the [Migration](/migration/#41---42) article +- The `shapeSections` property of Diagram Editor is updated. Check the [Migration](/migration/#41---42) article - Now it is possible to define the default configurations not only for shapes of the particular types but also for lines: - the [`defaults`](/api/diagram/defaults_property/) property of Diagram is updated - - the [`defaults`](/api/editor/defaults_property/) property of Diagram Editor is updated + - the [`defaults`](/api/diagram_editor/editor/config/defaults_property/) property of Diagram Editor is updated - The documentation for [Modes of connecting shapes](/api/diagram/autoplace_method/#modes-of-connecting-shapes) has been updated -Version 4.1 ------------------- +## Version 4.1 + Released on December 7, 2021 Review of release on the blog @@ -117,7 +211,7 @@ Released on December 7, 2021 - The ability to add [partner shapes](/#assistant-and-partner-shapes) in the org chart mode - The ability to add [assistant shapes](/#assistant-and-partner-shapes) in the org chart mode -- The ability to add [titles to lines](/#title-of-lines) in the default mode +- The ability to add [titles to lines](/#line-titles) in the default mode - The ability to [drag and drop shapes](../editor_overview/#editor-in-the-org-chart-mode) from one parent to another in Editor in org chart and mind map modes. The shapes are dragged with their children items - The ability to [style target items](/guides/customization/#styling-target-shapes) in Editor in org chart and mindmap modes @@ -127,12 +221,12 @@ Released on December 7, 2021 - New [Shape properties](/shapes/configuration_properties/#properties-specific-for-the-org-chart-mode) specific for the org chart mode: `assistant`, `partner`, `catchItem`, `giveItem` - New [Shape properties](/shapes/configuration_properties/#properties-specific-for-the-mindmap-mode) specific for the mindmap mode: `catchItem`, `giveItem` - New [Line properties](/lines/configuration_properties/#properties-specific-for-the-default-mode) specific for the default mode: `title` -- New methods of the Editor object: [`setViewMode()`](/api/editor/setviewmode_method/), [`zoomIn()`](/api/editor/zoomin_method/), [`zoomOut()`](/api/editor/zoomout_method/) -- New events of the Editor object: [`beforeLineTitleMove`](/api/editor/beforelinetitlemove_event/), [`afterLineTitleMove`](/api/editor/afterlinetitlemove_event/), [`lineTitleMoveEnd`](/api/editor/linetitlemoveend_event/), [`itemTarget`](/api/editor/itemtarget_event/), [`beforeItemCatch`](/api/editor/beforeitemcatch_event/), [`afterItemCatch`](/api/editor/afteritemcatch_event/) -- New properties of the Editor object: [`itemsDraggable`](/api/editor/itemsdraggable_property/) -- New HistoryManager methods: [`add()`](/api/historymanager/add_method/), [`disable()`](/api/historymanager/disable_method/), [`enable()`](/api/historymanager/enable_method/), [`isRedo()`](/api/historymanager/isredo_method/), [`redo()`](/api/historymanager/redo_method/), [`reset()`](/api/historymanager/reset_method/), [`undo()`](/api/historymanager/undo_method/) -- New HistoryManager properties: [`disabled`](/api/historymanager/disabled_property/), [`saveDelay`](/api/historymanager/savedelay_property/) -- New Selection method: [`getSubId()`](/api/selection/getsubid_method/) +- New methods of the Editor object: `setViewMode()`, `zoomIn()`, `zoomOut()` +- New events of the Editor object: [`beforeLineTitleMove`](/api/diagram_editor/editor/events/beforelinetitlemove_event/), [`afterLineTitleMove`](/api/diagram_editor/editor/events/afterlinetitlemove_event/), [`lineTitleMoveEnd`](/api/diagram_editor/editor/events/linetitlemoveend_event/), [`itemTarget`](/api/diagram_editor/editor/events/itemtarget_event/), [`beforeItemCatch`](/api/diagram_editor/editor/events/beforeitemcatch_event/), [`afterItemCatch`](/api/diagram_editor/editor/events/afteritemcatch_event/) +- New properties of the Editor object: [`itemsDraggable`](/api/diagram_editor/editor/config/itemsdraggable_property/) +- New HistoryManager methods: [`add()`](/api/diagram_editor/historymanager/methods/add_method/), [`disable()`](/api/diagram_editor/historymanager/methods/disable_method/), [`enable()`](/api/diagram_editor/historymanager/methods/enable_method/), [`isRedo()`](/api/diagram_editor/historymanager/methods/isredo_method/), [`redo()`](/api/diagram_editor/historymanager/methods/redo_method/), [`reset()`](/api/diagram_editor/historymanager/methods/reset_method/), [`undo()`](/api/diagram_editor/historymanager/methods/undo_method/) +- New HistoryManager properties: `disabled`, [`saveDelay`](/api/diagram_editor/historymanager/config/savedelay_property/) +- New Selection method: `getSubId()` ### Updates @@ -145,8 +239,8 @@ Released on December 7, 2021 - The performance has been improved for all types of diagrams - Fix of the incorrect work of *undo/redo* buttons in Toolbar of Editor -Version 4.0.1 -------------------- +## Version 4.0.1 + Released on September 16, 2021 ### Fixes @@ -156,8 +250,8 @@ Released on September 16, 2021 - Fix the work of the algorithm when adding new items into the diagram editor in the org chart/mindmap modes - Fix the work of the right panel of the editor when working with styles of the text -Version 4.0 ------------------- +## Version 4.0 + Released on September 7, 2021 Review of release on the blog @@ -165,23 +259,23 @@ Released on September 7, 2021 ### New functionality - New diagram items are added: [Groups](../groups/), [Swimlanes](../swimlanes/) -- New sections in the left panel of the Diagram Editor are added: [Groups, Swimlanes](../guides/diagram_editor/left_panel/#default-sections) -- [New sidebar options are added to the right panel of the editor for Groups, Swimlanes](../guides/diagram_editor/right_panel/#sidebar-options-for-editing-groups-swimlanes) +- New sections in the left panel of the Diagram Editor are added: [Groups, Swimlanes](../guides/diagram_editor/shapebar/#default-sections) +- [New sidebar options are added to the right panel of the editor for Groups, Swimlanes](../guides/diagram_editor/editbar/) - The ability to edit [Groups](../guides/diagram_editor/grid_area/#managing-groups) and [Swimlanes](../guides/diagram_editor/grid_area/#managing-swimlanes) via UI - Extended list of [locale options](../guides/localization/) - The ability to operate the cells of a swimlane via [CellManager API](../api/cell_manager/) - The ability to edit the text of an item by double-clicking on it -- [DHTMLX Diagram with Angular](../guides/angular_integration/) demo is added -- [DHTMLX Diagram with React](../guides/react_integration/) demo is added -- [DHTMLX Diagram with Vue.js](../guides/vue_integration/) demo is added -- The ability [to add identical items with different styles and settings to the left panel of the editor](../guides/diagram_editor/left_panel/#adding-identical-items-with-different-settings-into-the-left-panel) +- [DHTMLX Diagram with Angular](/guides/integrations/angular_integration/) demo is added +- [DHTMLX Diagram with React](/guides/integrations/react_integration/) demo is added +- [DHTMLX Diagram with Vue.js](/guides/integrations/vue_integration/) demo is added +- The ability [to add identical items with different styles and settings to the left panel of the editor](../guides/diagram_editor/shapebar/) ### API - New [CellManager API](../api/cell_manager/) methods: [add()](../api/cell_manager/add_method/), [getCellId()](../api/cell_manager/getcellid_method/), [getCellIndex()](../api/cell_manager/getcellindex_method/), [getSubHeaderCellId()](../api/cell_manager/getsubheadercellid_method/), [getSubHeaderCellIndex()](../api/cell_manager/getsubheadercellindex_method/), [getSubHeaderType()](../api/cell_manager/getsubheadertype_method/), [move()](../api/cell_manager/move_method/), [remove()](../api/cell_manager/remove_method/), [resetSwimlane()](../api/cell_manager/resetswimlane_method/), [setSwimlane()](../api/cell_manager/setswimlane_method/), [validation()](../api/cell_manager/validation_method/) - New [CellManager API](../api/cell_manager/) events: [afterCellsAdd](../api/cell_manager/aftercellsadd_event/), [afterCellsMove](../api/cell_manager/aftercellsmove_event/), [afterCellsRemove](../api/cell_manager/aftercellsremove_event/), [afterCellsValidation](../api/cell_manager/aftercellsvalidation_event/), [beforeCellsAdd](../api/cell_manager/beforecellsadd_event/), [beforeCellsMove](../api/cell_manager/beforecellsmove_event/), [beforeCellsRemove](../api/cell_manager/beforecellsremove_event/), [beforeCellsValidation](../api/cell_manager/beforecellsvalidation_event/) - New events of the Diagram object: [afterSubmenuOpen](../api/diagram/aftersubmenuopen_event/), [beforeSubmenuOpen](../api/diagram/beforesubmenuopen_event/), [groupClick](../api/diagram/groupclick_event/), [groupDblClick](../api/diagram/groupdblclick_event/), [groupHeaderClick](../api/diagram/groupheaderclick_event/), [groupHeaderDblClick](../api/diagram/groupheaderdblclick_event/), [groupMouseDown](../api/diagram/groupmousedown_event/), [itemClick](../api/diagram/itemclick_event/), [itemDblClick](../api/diagram/itemdblclick_event/), [itemMouseDown](../api/diagram/itemmousedown_event/), [itemMouseOut](../api/diagram/itemmouseout_event/), [itemMouseOver](../api/diagram/itemmouseover_event/), [lineDblClick](../api/diagram/linedblclick_event/), [lineMouseDown](../api/diagram/linemousedown_event/) -- New events of the Editor object: [shapeMoveEnd](../api/editor/shapemoveend_event/), [beforeItemMove](../api/editor/beforeitemmove_event/), [afterItemMove](../api/editor/afteritemmove_event/), [itemMoveEnd](../api/editor/itemmoveend_event/), [beforeGroupMove](../api/editor/beforegroupmove_event/), [afterGroupMove](../api/editor/aftergroupmove_event/), [groupMoveEnd](../api/editor/groupmoveend_event/) +- New events of the Editor object: [shapeMoveEnd](/api/diagram_editor/editor/events/shapemoveend_event/), [beforeItemMove](/api/diagram_editor/editor/events/beforeitemmove_event/), [afterItemMove](/api/diagram_editor/editor/events/afteritemmove_event/), [itemMoveEnd](/api/diagram_editor/editor/events/itemmoveend_event/), [beforeGroupMove](/api/diagram_editor/editor/events/beforegroupmove_event/), [afterGroupMove](/api/diagram_editor/editor/events/aftergroupmove_event/), [groupMoveEnd](/api/diagram_editor/editor/events/groupmoveend_event/) - New methods of DataCollection: [eachChild()](../api/data_collection/eachchild_method/), [eachParent()](../api/data_collection/eachparent_method/), [getRoot()](../api/data_collection/getroot_method/), [getRoots()](../api/data_collection/getroots_method/) - New events of InlineEditor: [afterEditorClose](../api/inline_editor/aftereditorclose_event/), [afterEditorEditing](../api/inline_editor/aftereditorediting_event/), [afterEditorOpen](../api/inline_editor/aftereditoropen_event/), [beforeEditorClose](../api/inline_editor/beforeeditorclose_event/), [beforeEditorEditing](../api/inline_editor/beforeeditorediting_event/), [beforeEditorOpen](../api/inline_editor/beforeeditoropen_event/) - New "editable" and "fixed" configuration attributes of the [shape object](../shapes/configuration_properties/) @@ -190,7 +284,7 @@ Released on September 7, 2021 - Improved keyboard navigation - Redesigned shapes -- Updated events of the Editor object: [beforeShapeMove](../api/editor/beforeshapemove_event/) and [afterShapeMove](../api/editor/aftershapemove_event/) +- Updated events of the Editor object: [beforeShapeMove](/api/diagram_editor/editor/events/beforeshapemove_event/) and [afterShapeMove](/api/diagram_editor/editor/events/aftershapemove_event/) - Upgraded structure of Shape Collection API ### Fixes @@ -200,8 +294,7 @@ Released on September 7, 2021 - Now it is possible to resize an element only when the angle of its rotation is equal either to 0 or 360 degrees. - Significant optimization of Diagram styles -Version 3.1 ------------------- +## Version 3.1 Released on April 15, 2021 @@ -209,11 +302,10 @@ Released on April 15, 2021 - [TypeScript Support](../guides/using_typescript/) - New mindmap mode ([type:"mindmap"](../api/diagram/type_property/)) of DHTMLX Diagram is added -- [New CSS template for DHTMLX Diagram](https://snippet.dhtmlx.com/diagram_template_b) - The ability [to configure the direction of the child shapes relative to the root shape in the mindmap mode of Diagram](../guides/diagram/configuration/#arranging-shapes-in-the-mindmap-mode-of-diagram) via the [typeConfig](../api/diagram/typeconfig_property/) configuration property of the diagram object - The ability [to add custom event handlers for custom shapes](../shapes/custom_shape/#event-handlers-for-custom-shapes) via the "eventHandlers" attribute of the [addShape()](../api/diagram/addshape_method/) method -- The ability to customize the personal toolbars for editing items in the [grid area](../guides/diagram_editor/grid_area/) via the [shapeToolbar](../api/editor/shapetoolbar_property/) property of the Editor object -- New events of the Editor object: [BeforeShapeIconClick](../api/editor/beforeshapeiconclick_event/) and [AfterShapeIconClick](../api/editor/aftershapeiconclick_event/), [BeforeShapeMove](../api/editor/beforeshapemove_event/) and [AfterShapeMove](../api/editor/aftershapeiconclick_event/) +- The ability to customize the personal toolbars for editing items in the [grid area](../guides/diagram_editor/grid_area/) via the [shapeToolbar](/api/diagram_editor/editor/config/shapetoolbar_property/) property of the Editor object +- New events of the Editor object: [BeforeShapeIconClick](/api/diagram_editor/editor/events/beforeshapeiconclick_event/) and [AfterShapeIconClick](/api/diagram_editor/editor/events/aftershapeiconclick_event/), [BeforeShapeMove](/api/diagram_editor/editor/events/beforeshapemove_event/) and [AfterShapeMove](/api/diagram_editor/editor/events/aftershapeiconclick_event/) - The ability to cancel sending CSS styles to the export service via the [exportStyles](../api/diagram/exportstyles_property/) configuration option of the diagram object ### Updates @@ -290,14 +382,14 @@ The new update introduces some changes and improvements. Check the [Migration](. ### New functionality - New [autoPlace()](../api/diagram/autoplace_method/) method and [autoplacement](../api/diagram/autoplacement_property/) property are added for [auto-arranging connected shapes](../guides/manipulating_items/#arranging-shapes-automatically) in the hierarchical structure -- [Ability to set the default configuration of a shape](../guides/diagram/configuration/#setting-the-default-configuration-of-a-shape) via the `defaults` property when initializing [Diagram](../api/diagram/defaults_property/) or [Diagram Editor](../api/editor/defaults_property/) +- [Ability to set the default configuration of a shape](../guides/diagram/configuration/#setting-the-default-configuration-of-a-shape) via the `defaults` property when initializing [Diagram](../api/diagram/defaults_property/) or [Diagram Editor](/api/diagram_editor/editor/config/defaults_property/) - The [addShape()](../api/diagram/addshape_method/) method for [creating custom shapes](../shapes/custom_shape/) in Diagram and Diagram Editor is added -- New properties of the Editor object: [controls](../api/editor/controls_property/), [defaults](../api/editor/defaults_property/), [shapeSections](../api/editor/shapesections_property/), [shapeBarWidth](../api/editor/shapebarwidth_property/), [scalePreview](../api/editor/scalepreview_property/), [scale](../api/editor/scale_property/), [gapPreview](../api/editor/gappreview_property/) -- The *Grid Step* sidebar option is added to the [right panel of the Editor](../guides/diagram_editor/right_panel/) -- Ability to hide/show any toolbar buttons of the Editor as well as the *Grid Step* sidebar option via the [controls](../api/editor/controls_property/) property of the Editor object -- Ability [to configure sidebar options for editing attributes of the custom shapes in the right panel of the editor](../guides/diagram_editor/right_panel/#configuring-options-for-editing-custom-shapes) via the `properties` attribute of the [addShape()](../api/diagram/addshape_method/) method -- [Ability to customize sections in the left panel of the Editor](../guides/diagram_editor/left_panel/#custom-sections) -- [Possibility to customize the appearance of shapes rendered in the left panel of the Editor](../guides/diagram_editor/left_panel/#setting-shape-preview) via the [preview](../shapes/configuration_properties/#properties-specific-for-the-default-mode) property of the shape object +- New properties of the Editor object: `controls`, [defaults](/api/diagram_editor/editor/config/defaults_property/), `shapeSections`, `shapeBarWidth`, `scalePreview`, [scale](/api/diagram_editor/editor/config/scale_property/), `gapPreview` +- The *Grid Step* sidebar option is added to the [right panel of the Editor](../guides/diagram_editor/editbar/) +- Ability to hide/show any toolbar buttons of the Editor as well as the *Grid Step* sidebar option via the `controls` property of the Editor object +- Ability [to configure sidebar options for editing attributes of the custom shapes in the right panel of the editor](../guides/diagram_editor/editbar/) via the `properties` attribute of the [addShape()](../api/diagram/addshape_method/) method +- [Ability to customize sections in the left panel of the Editor](../guides/diagram_editor/shapebar/#custom-sections) +- [Possibility to customize the appearance of shapes rendered in the left panel of the Editor](../guides/diagram_editor/shapebar) via the [preview](../shapes/configuration_properties/#properties-specific-for-the-default-mode) property of the shape object - Ability [to select, copy, paste, delete, move several shapes in the Editor](../guides/diagram_editor/grid_area/#manipulating-multiple-items) - Ability [to select and delete several connector lines](../guides/diagram_editor/grid_area/#manipulating-multiple-items) in the editor which is initialized in the default mode - Ability to import data from a JSON file to the Editor via the ["Import Data"](../guides/diagram_editor/toolbar/) button of the toolbar @@ -329,7 +421,7 @@ Released on November 27, 2019 - Ability to create custom shapes via using SVG and HTML templates - Ability to build diagrams with different types of shapes - The ability to export data from the Diagram Editor to the JSON format via the Export data button of the [toolbar](../guides/diagram_editor/toolbar/) -- The [showExport](../migration/#toolbar-buttons-in-editors) option and [exportData](../api/editor/exportdata_event/) event are added into Diagram Editor +- The [showExport](../migration/#toolbar-buttons-in-editor) option and `exportData` event are added into Diagram Editor ### Fixes @@ -358,9 +450,9 @@ Released on May 22, 2017 ### Updates -- [Hotkeys](../guides/diagram_editor/grid_area/#using-hotkeys) are added for editing Diagram in the editor +- [Hotkeys](../guides/diagram_editor/hot_keys/) are added for editing Diagram in the editor - New event [emptyAreaClick](../api/diagram/emptyareaclick_event/) is added -- The [lineGap](../api/diagram/linegap_property/) configuration option is added +- The `lineGap` configuration option is added ## Version 2.0 @@ -381,7 +473,7 @@ The API structure was totally reorganized and improved to simplify work with it. - Ability to [find necessary shapes](../guides/manipulating_items/#finding-the-necessary-item) - Ability to [filter shapes by specified criteria](../guides/manipulating_items/#filtering-items) -- Ability to [add a toolbar with icons for shapes](../guides/diagram/configuration/#setting-toolbar-for-items) to simplify interaction with them +- Ability to [add a toolbar with icons for shapes](../guides/diagram/configuration/#setting-toolbar-for-shapes) to simplify interaction with them - Enhanced performance - Ability to adjust to any HTML container and built-in auto-sizing @@ -391,7 +483,7 @@ Released on December 5, 2017 ### New functionality -- [Using Editor in the org chart mode](../api/editor/type_property/) +- [Using Editor in the org chart mode](/api/diagram_editor/editor/config/type_property/) - Ability to [save and restore the state](../guides/loading_data/#saving-and-restoring-state) - Extended [customization possibilities](../guides/customization/) @@ -408,4 +500,4 @@ Released on September 29, 2017 - Organogram mode - Vertical and horizontal autoplacement strategies - Loading data from JSON -- API to manage data and branch state \ No newline at end of file +- API to manage data and branch state diff --git a/docusaurus.config.js b/docusaurus.config.js index dd92f7516..5a05ece39 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -130,7 +130,11 @@ module.exports = { url: 'https://docs.dhtmlx.com', baseUrl: '/diagram/', onBrokenLinks: 'warn', - onBrokenMarkdownLinks: 'warn', + onBrokenMarkdownLinks: 'warn', + onBrokenAnchors: 'warn', + //onBrokenLinks: 'ignore', // !!! TODO, make to warn before release + //onBrokenAnchors: 'ignore', // !!! TODO, make to warn before release + onBrokenMarkdownLinks: 'ignore', favicon: 'img/favicon.ico', organizationName: 'DHTMLX', // Usually your GitHub org/user name projectName: 'docs-diagram', // Usually your repo name @@ -176,8 +180,8 @@ module.exports = { //... other Algolia params }, prism: { - theme: require('prism-react-renderer/themes/github'), - darkTheme: require('prism-react-renderer/themes/dracula'), + //theme: require('prism-react-renderer/themes/github'), + //darkTheme: require('prism-react-renderer/themes/dracula'), }, navbar: { title: 'JavaScript Diagram Documentation', diff --git a/package-lock.json b/package-lock.json index 94724b870..5e4461ffb 100644 --- a/package-lock.json +++ b/package-lock.json @@ -3329,11 +3329,6 @@ "lodash.uniq": "^4.5.0" } }, - "caniuse-lite": { - "version": "1.0.30001255", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001255.tgz", - "integrity": "sha512-F+A3N9jTZL882f/fg/WWVnKSu6IOo3ueLz4zwaOPbPYHNmM/ZaDUyzyJwS1mZhX7Ex5jqTyW599Gdelh5PDYLQ==" - }, "caseless": { "version": "0.12.0", "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz", @@ -12031,4 +12026,4 @@ "integrity": "sha512-V50KMwwzqJV0NpZIZFwfOD5/lyny3WlSzRiXgA0G7VUnRlqttta1L6UQIHzd6EuBY/cHGfwTIck7w1yH6Q5zUw==" } } -} +} \ No newline at end of file diff --git a/package.json b/package.json index 459f55c25..1fbfb1319 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "doc", - "version": "0.0.0", + "version": "6.0.0", "private": true, "scripts": { "docusaurus": "docusaurus", @@ -13,13 +13,16 @@ "normalizeLink": "cd plugins && node samplesLinksNormalize.js" }, "dependencies": { - "@docusaurus/core": "^2.4.1", - "@docusaurus/preset-classic": "^2.4.1", - "@mdx-js/react": "^1.5.8", + "@docusaurus/core": "^3.3.2", + "@docusaurus/preset-classic": "^3.3.2", + "@mdx-js/react": "^3.0.0", + "@svgr/webpack": "^5.5.0", "clsx": "^1.1.1", "docusaurus-gtm-plugin": "^0.0.2", - "react": "^17.0.2", - "react-dom": "^17.0.2" + "prism-react-renderer": "^2.1.0", + "react": "^18.2.0", + "react-dom": "^18.2.0", + "sass": "^1.70.0" }, "browserslist": { "production": [ @@ -34,8 +37,13 @@ ] }, "devDependencies": { + "@docusaurus/module-type-aliases": "3.0.0", + "@docusaurus/types": "3.0.0", "dhx-md-data-parser": "file:local_modules/dhx-md-data-parser", - "docusaurus-plugin-sass": "^0.1.11", + "docusaurus-plugin-sass": "^0.2.5", "webpack-cli": "^4.4.0" + }, + "engines": { + "node": ">=18.0" } } diff --git a/sidebars.js b/sidebars.js index 73eb3fea7..1aaf1d177 100644 --- a/sidebars.js +++ b/sidebars.js @@ -8,7 +8,6 @@ module.exports = { type: "doc", id: "editor_overview" }, - // News { type: "category", @@ -26,7 +25,6 @@ module.exports = { "migration", ], }, - // API { type: "category", @@ -42,7 +40,6 @@ module.exports = { image: '/img/docusaurus.png', }, items: [ - // Diagram API { type: "category", @@ -129,7 +126,6 @@ module.exports = { "api/diagram/defaultshapetype_property", "api/diagram/exportstyles_property", "api/diagram/lineconfig_property", - "api/diagram/linegap_property", "api/diagram/margin_property", "api/diagram/scale_property", "api/diagram/select_property", @@ -140,136 +136,388 @@ module.exports = { }, ] }, - - // Editor API + // Diagram Editor API { type: "category", label: "Diagram Editor API", collapsed: true, link: { - type: 'doc', - id: "api/editor/api_overview", + type: 'generated-index', + title: "Diagram Editor API", }, items: [ + // Editor API / Common API (looks better) { type: "category", - label: "Editor methods", + label: "Editor API", collapsed: true, link: { type: 'doc', - id: "api/overview/editor_methods_overview", + id: "api/diagram_editor/editor/api_overview", }, items: [ - "api/editor/import_method", - "api/editor/paint_method", - "api/editor/parse_method", - "api/editor/serialize_method", - "api/editor/setviewmode_method", - "api/editor/zoomin_method", - "api/editor/zoomout_method", - ], + // Editor Methods + { + type: "category", + label: "Editor methods", + collapsed: true, + link: { + type: 'doc', + id: "api/diagram_editor/editor/methods/overview", + }, + items: [ + "api/diagram_editor/editor/methods/destructor_method", + "api/diagram_editor/editor/methods/import_method", + "api/diagram_editor/editor/methods/paint_method", + "api/diagram_editor/editor/methods/parse_method", + "api/diagram_editor/editor/methods/serialize_method", + "api/diagram_editor/editor/methods/zoomin_method", + "api/diagram_editor/editor/methods/zoomout_method", + ], + }, + // Editor Events + { + type: "category", + label: "Editor events", + collapsed: true, + link: { + type: 'doc', + id: "api/diagram_editor/editor/events/overview", + }, + items: [ + "api/diagram_editor/editor/events/aftergroupmove_event", + "api/diagram_editor/editor/events/afteritemcatch_event", + "api/diagram_editor/editor/events/afteritemmove_event", + "api/diagram_editor/editor/events/afterlinetitlemove_event", + "api/diagram_editor/editor/events/aftershapeiconclick_event", + "api/diagram_editor/editor/events/aftershapemove_event", + "api/diagram_editor/editor/events/beforegroupmove_event", + "api/diagram_editor/editor/events/beforeitemcatch_event", + "api/diagram_editor/editor/events/beforeitemmove_event", + "api/diagram_editor/editor/events/beforelinetitlemove_event", + "api/diagram_editor/editor/events/beforeshapeiconclick_event", + "api/diagram_editor/editor/events/beforeshapemove_event", + "api/diagram_editor/editor/events/groupmoveend_event", + "api/diagram_editor/editor/events/itemmoveend_event", + "api/diagram_editor/editor/events/itemtarget_event", + "api/diagram_editor/editor/events/linetitlemoveend_event", + "api/diagram_editor/editor/events/shapemoveend_event", + "api/diagram_editor/editor/events/shaperesize_event", + "api/diagram_editor/editor/events/zoomin_event", + "api/diagram_editor/editor/events/zoomout_event", + ] + }, + // Editor Properties + { + type: "category", + label: "Editor properties", + collapsed: true, + link: { + type: 'doc', + id: "api/diagram_editor/editor/config/overview", + }, + items: [ + "api/diagram_editor/editor/config/autoplacement_property", + "api/diagram_editor/editor/config/connectionpoints_property", // New + "api/diagram_editor/editor/config/defaults_property", + "api/diagram_editor/editor/config/grid_property", + "api/diagram_editor/editor/config/gridstep_property", + "api/diagram_editor/editor/config/itemsdraggable_property", + "api/diagram_editor/editor/config/lineconfig_property", + "api/diagram_editor/editor/config/magnetic_property", + "api/diagram_editor/editor/config/resizepoints_property", // New + "api/diagram_editor/editor/config/scale_property", + "api/diagram_editor/editor/config/shapetoolbar_property", + "api/diagram_editor/editor/config/shapetype_property", + "api/diagram_editor/editor/config/type_property", + "api/diagram_editor/editor/config/view_property", // New + ] + }, + ] }, + // History Manager API { type: "category", - label: "Editor events", + label: "History manager API", collapsed: true, link: { type: 'doc', - id: "api/overview/editor_events_overview", + id: "api/diagram_editor/historymanager/api_overview", }, items: [ - "api/editor/aftergroupmove_event", - "api/editor/afteritemcatch_event", - "api/editor/afteritemmove_event", - "api/editor/afterlinetitlemove_event", - "api/editor/aftershapeiconclick_event", - "api/editor/aftershapemove_event", - "api/editor/applybutton_event", - "api/editor/autolayout_event", - "api/editor/beforegroupmove_event", - "api/editor/beforeitemcatch_event", - "api/editor/beforeitemmove_event", - "api/editor/beforelinetitlemove_event", - "api/editor/beforeshapeiconclick_event", - "api/editor/beforeshapemove_event", - "api/editor/changegridstep_event", - "api/editor/exportdata_event", - "api/editor/groupmoveend_event", - "api/editor/importdata_event", - "api/editor/itemmoveend_event", - "api/editor/itemtarget_event", - "api/editor/linetitlemoveend_event", - "api/editor/resetbutton_event", - "api/editor/shapemoveend_event", - "api/editor/shaperesize_event", - "api/editor/visibility_event", - "api/editor/zoomin_event", - "api/editor/zoomout_event", + // History Manager Methods + { + type: "category", + label: "History manager methods", + collapsed: true, + link: { + type: 'doc', + id: "api/diagram_editor/historymanager/methods/overview", + }, + items: [ + "api/diagram_editor/historymanager/methods/add_method", + "api/diagram_editor/historymanager/methods/disable_method", + "api/diagram_editor/historymanager/methods/enable_method", + "api/diagram_editor/historymanager/methods/isredo_method", + "api/diagram_editor/historymanager/methods/isundo_method", + "api/diagram_editor/historymanager/methods/redo_method", + "api/diagram_editor/historymanager/methods/reset_method", + "api/diagram_editor/historymanager/methods/undo_method", + ], + }, + // History Manager Properties + { + type: "category", + label: "History manager properties", + collapsed: true, + link: { + type: 'doc', + id: "api/diagram_editor/historymanager/config/overview", + }, + items: [ + "api/diagram_editor/historymanager/config/savedelay_property", + ] + }, ] }, + // Copy Manager API { type: "category", - label: "Editor properties", + label: "Copy manager API", collapsed: true, link: { type: 'doc', - id: "api/overview/editor_properties_overview", + id: "api/diagram_editor/copymanager/api_overview", }, items: [ - "api/editor/autoplacement_property", - "api/editor/controls_property", - "api/editor/defaults_property", - "api/editor/editmode_property", - "api/editor/gappreview_property", - "api/editor/gridstep_property", - "api/editor/itemsdraggable_property", - "api/editor/lineconfig_property", - "api/editor/linegap_property", - "api/editor/magnetic_property", - "api/editor/reservedwidth_property", - "api/editor/scale_property", - "api/editor/scalepreview_property", - "api/editor/shapebarwidth_property", - "api/editor/shapesections_property", - "api/editor/shapetoolbar_property", - "api/editor/shapetype_property", - "api/editor/type_property", + // Copy Manager Methods + { + type: "category", + label: "Copy manager methods", + collapsed: true, + link: { + type: 'doc', + id: "api/diagram_editor/copymanager/methods/overview", + }, + items: [ + "api/diagram_editor/copymanager/methods/copy_method", + "api/diagram_editor/copymanager/methods/copystyles_method", + "api/diagram_editor/copymanager/methods/paste_method", + "api/diagram_editor/copymanager/methods/pastestyles_method", + ], + }, + ] + }, + // View API + { + type: "category", + label: "View API", + collapsed: true, + link: { + type: 'doc', + id: "api/diagram_editor/view/api_overview", + }, + items: [ + // View Methods + { + type: "category", + label: "View methods", + collapsed: true, + link: { + type: 'doc', + id: "api/diagram_editor/view/methods/overview", + }, + items: [ + "api/diagram_editor/view/methods/hide_method", // New + "api/diagram_editor/view/methods/isvisible_method", // New + "api/diagram_editor/view/methods/show_method", // New + ], + }, + // View Events + { + type: "category", + label: "View events", + collapsed: true, + link: { + type: 'doc', + id: "api/diagram_editor/view/events/overview", + }, + items: [ + "api/diagram_editor/view/events/afterhide_event", // New + "api/diagram_editor/view/events/aftershow_event", // New + "api/diagram_editor/view/events/beforehide_event", // New + "api/diagram_editor/view/events/beforeshow_event", // New + ], + }, ] }, + // Toolbar API { type: "category", - label: "HistoryManager methods", + label: "Toolbar API", collapsed: true, link: { type: 'doc', - id: "api/overview/historymanager_methods_overview", + id:"api/diagram_editor/toolbar/api_overview" }, items: [ - "api/historymanager/add_method", - "api/historymanager/disable_method", - "api/historymanager/enable_method", - "api/historymanager/isredo_method", - "api/historymanager/redo_method", - "api/historymanager/reset_method", - "api/historymanager/undo_method", + // Toolbar Methods + { + type: "category", + label: "Toolbar methods", + collapsible: true, + collapsed: true, + link: { + type: 'doc', + id: "api/diagram_editor/toolbar/methods/overview" // New + }, + items: [ + "api/diagram_editor/toolbar/methods/parse_method", // New + "api/diagram_editor/toolbar/methods/toolbar_methods", // New + "api/diagram_editor/toolbar/methods/treecollection_methods", // New + ], + }, + // Toolbar Properties + { + type: "category", + label: "Toolbar properties", + collapsed: true, + link: { + type: 'generated-index', + title: "Toolbar properties" + }, + items: [ + "api/diagram_editor/toolbar/config/css_property", // New + "api/diagram_editor/toolbar/config/items_property", // New + "api/diagram_editor/toolbar/config/navigationtype_property", // New + ], + }, + // Toolbar Events + { + type: "category", + label: "Toolbar events", + collapsed: true, + link: { + type: 'doc', + id: "api/diagram_editor/toolbar/events/overview" // New + }, + items: [ + "api/diagram_editor/toolbar/events/toolbar_events", // New + "api/diagram_editor/toolbar/events/treecollection_events", // New + ], + }, ] }, + // Editbar API { type: "category", - label: "HistoryManager properties", + label: "Editbar API", collapsed: true, link: { type: 'doc', - id: "api/overview/historymanager_properties_overview", + id:"api/diagram_editor/editbar/api_overview" }, items: [ - "api/historymanager/disabled_property", - "api/historymanager/savedelay_property", + // Editbar Properties + { + type: "category", + label: "Editbar properties", + collapsed: true, + link: { + type: 'generated-index', + title: "Editbar properties" + }, + items: [ + "api/diagram_editor/editbar/config/show_property", + "api/diagram_editor/editbar/config/css_property", + "api/diagram_editor/editbar/config/width_property", + "api/diagram_editor/editbar/config/controls_property", + "api/diagram_editor/editbar/config/properties_property" + ], + }, + { + type: "category", + label: "Basic controls", + link: { + type: "doc", + id: "api/diagram_editor/editbar/basic_controls_overview" + }, + items:[ + "api/diagram_editor/editbar/basic_controls/avatar", // New + "api/diagram_editor/editbar/basic_controls/button", // New + "api/diagram_editor/editbar/basic_controls/checkbox", // New + "api/diagram_editor/editbar/basic_controls/checkboxgroup", // New + "api/diagram_editor/editbar/basic_controls/colorpicker", // New + "api/diagram_editor/editbar/basic_controls/combo", // New + "api/diagram_editor/editbar/basic_controls/container", // New + "api/diagram_editor/editbar/basic_controls/datepicker", // New + "api/diagram_editor/editbar/basic_controls/fieldset", // New + "api/diagram_editor/editbar/basic_controls/input", // New + "api/diagram_editor/editbar/basic_controls/radiogroup", // New + "api/diagram_editor/editbar/basic_controls/select", // New + "api/diagram_editor/editbar/basic_controls/slider", // New + "api/diagram_editor/editbar/basic_controls/spacer", // New + "api/diagram_editor/editbar/basic_controls/textarea", // New + "api/diagram_editor/editbar/basic_controls/timepicker", // New + "api/diagram_editor/editbar/basic_controls/toggle", // New + "api/diagram_editor/editbar/basic_controls/togglegroup" // New + ] + }, + { + type: "category", + label: "Complex controls", + link: { + type: "doc", + id: "api/diagram_editor/editbar/complex_controls_overview" + }, + items:[ + "api/diagram_editor/editbar/complex_controls/arrange", // New + "api/diagram_editor/editbar/complex_controls/border", // New + "api/diagram_editor/editbar/complex_controls/gridstep", // New + "api/diagram_editor/editbar/complex_controls/header", // New + "api/diagram_editor/editbar/complex_controls/headercommon", // New + "api/diagram_editor/editbar/complex_controls/headerposition", // New + "api/diagram_editor/editbar/complex_controls/lineshape", // New + "api/diagram_editor/editbar/complex_controls/pointerview", // New + "api/diagram_editor/editbar/complex_controls/position", // New + "api/diagram_editor/editbar/complex_controls/size", // New + "api/diagram_editor/editbar/complex_controls/textalign", // New + "api/diagram_editor/editbar/complex_controls/textstyle" // New + ] + } + ] + }, + // Shapebar API + { + type: "category", + label: "Shapebar API", + collapsed: true, + link: { + type: 'doc', + id: "api/diagram_editor/shapebar/api_overview" + }, + items: [ + // Shapebar Properties + { + type: "category", + label: "Shapebar properties", + collapsed: true, + link: { + type: 'generated-index', + title: "Shapebar properties" + }, + items: [ + "api/diagram_editor/shapebar/config/css_property", + "api/diagram_editor/shapebar/config/preview_property", + "api/diagram_editor/shapebar/config/sections_property", + "api/diagram_editor/shapebar/config/show_property", + "api/diagram_editor/shapebar/config/width_property" + ] + } ] } ] }, - // Items API { type: "category", @@ -285,11 +533,11 @@ module.exports = { items: [ "shapes/configuration_properties", "lines/configuration_properties", + "line_titles/configuration_properties", "groups/configuration_properties", "swimlanes/configuration_properties", ], }, - // Common API { type: "category", @@ -355,7 +603,6 @@ module.exports = { }, ] }, - // Data collection API { type: "category", @@ -382,6 +629,7 @@ module.exports = { "api/data_collection/filter_method", "api/data_collection/find_method", "api/data_collection/findall_method", + "api/data_collection/getfilters_method", "api/data_collection/getid_method", "api/data_collection/getindex_method", "api/data_collection/getitem_method", @@ -394,6 +642,7 @@ module.exports = { "api/data_collection/parse_method", "api/data_collection/remove_method", "api/data_collection/removeall_method", + "api/data_collection/resetfilter_method", "api/data_collection/serialize_method", "api/data_collection/update_method", ], @@ -411,13 +660,13 @@ module.exports = { "api/data_collection/beforeadd_event", "api/data_collection/beforeremove_event", "api/data_collection/change_event", + "api/data_collection/filter_event", "api/data_collection/load_event", ], }, ] }, - // Export { type: "category", @@ -432,7 +681,6 @@ module.exports = { "api/export/png_method", ], }, - // Inline editor { type: "category", @@ -451,7 +699,6 @@ module.exports = { "api/inline_editor/beforeeditoropen_event", ], }, - // Selection { type: "category", @@ -471,10 +718,11 @@ module.exports = { }, items: [ "api/selection/add_method", - "api/selection/getid_method", + "api/selection/clear_method", + "api/selection/getids_method", "api/selection/getitem_method", - "api/selection/getsubid_method", - "api/selection/remove_method", + "api/selection/includes_method", + "api/selection/remove_method" ], }, { @@ -497,7 +745,6 @@ module.exports = { }, ] }, - // Guides { type: "category", @@ -553,10 +800,12 @@ module.exports = { }, // Lines 'lines/index', + // LineTitles + 'line_titles/index', // Groups "groups/index", // Swimlanes - "swimlanes/index", + "swimlanes/index" ] }, { @@ -573,10 +822,11 @@ module.exports = { items: [ "guides/diagram_editor/initialization", "guides/diagram_editor/toolbar", - "guides/diagram_editor/left_panel", + "guides/diagram_editor/shapebar", "guides/diagram_editor/grid_area", - "guides/diagram_editor/right_panel", - ], + "guides/diagram_editor/editbar", + "guides/diagram_editor/hot_keys" // New + ] }, "guides/loading_data", "guides/manipulating_items", @@ -585,12 +835,39 @@ module.exports = { "guides/data_export", "guides/event_handling", "guides/localization", + { + type: "category", + label: "Themes", + link: { + type: 'generated-index', + title: "Themes", + keywords: ['themes'], + image: '/img/docusaurus.png', + }, + items: [ + "guides/themes/themes", + "guides/themes/base_themes_configuration", + "guides/themes/custom_theme", + ], + }, + { + type: "category", + label: "Integrations", + link: { + type: 'generated-index', + title: "Integrations", + keywords: ['angular', 'react', 'vue'], + image: '/img/docusaurus.png', + }, + items: [ + "guides/integrations/angular_integration", + "guides/integrations/react_integration", + "guides/integrations/vue_integration", + ], + }, "guides/touch_support", - "guides/using_typescript", - "guides/angular_integration", - "guides/react_integration", - "guides/vue_integration", + "guides/using_typescript", ] }, ] -}; \ No newline at end of file +}; diff --git a/src/css/custom.css b/src/css/custom.css index b3e7a5b35..e34a666af 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -24,24 +24,28 @@ --ifm-list-item-margin: 0.7rem; } +/* deprecated from v3.1 html[data-theme=dark] { --ifm-color-primary: #26adf7; } .docusaurus-highlight-code-line { - /* Color which works with light mode syntax highlighting theme */ + Color which works with light mode syntax highlighting theme background-color: rgb(225, 225, 225); display: block; margin: 0 calc(-1 * var(--ifm-pre-padding)); padding: 0 var(--ifm-pre-padding); } +*/ /* If you have a different syntax highlighting theme for dark mode. */ +/* deprecated from v3.1 html[data-theme='dark'] .docusaurus-highlight-code-line { background-color: rgb(122, 124, 126); - /* Color which works with dark mode syntax highlighting theme */ + Color which works with dark mode syntax highlighting theme } +*/ /* typography */ @@ -102,28 +106,18 @@ html[data-theme='dark'] .docusaurus-highlight-code-line { /* end Link icons */ - /* styles for tables */ table { + width: 100%; display: inline-table; } - - -table tr:nth-child(2n) { - /*background-color: var(--ifm-table-background);*/ -} - -tr { - /*line-height: 1.2;*/ -} -table { - text-align: left; +table th:first-child { + width: 25%; } - + /* end styles for tables */ - /* imgs */ .markdown img { @@ -152,8 +146,8 @@ table { /* for Code Snippet iframe */ .snippet_iframe { - border: 1px solid var(--ifm-hr-border-color); - margin-bottom: var(--ifm-leading); + border: 1px solid var(--ifm-hr-border-color); + margin-bottom: var(--ifm-leading); } /* end for Code Snippet iframe */ @@ -170,9 +164,25 @@ code { /* styles for block of code */ -.token-line.theme-code-block-highlighted-line{ /* added after updating to 2.0.0-beta.19 */ +/* +.token-line.theme-code-block-highlighted-line{ added after updating to 2.0.0-beta.19 background-color: rgb(156 159 166 / 30%); } +*/ + +/* specify code box background */ +.codeBlockLines_node_modules-\@docusaurus-theme-classic-lib-theme-CodeBlock-Content-styles-module { + /*background-color: rgb(90, 86, 86);*/ +} + /* specify the comment text color */ +span.token.comment { + color: rgb(12, 121, 8) !important; +} + + /* specify the comment background color */ +span.token-line.theme-code-block-highlighted-line { + background-color: rgba(225, 212, 212, 0.075); +} /* end styles for block of code */ @@ -192,4 +202,4 @@ code { color: #9c9c9c; } -/* end list */ \ No newline at end of file +/* end list */ diff --git a/yarn.lock b/yarn.lock index 597f481f1..9e719caf5 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2,579 +2,561 @@ # yarn lockfile v1 -"@algolia/autocomplete-core@1.7.2": - version "1.7.2" - resolved "https://registry.yarnpkg.com/@algolia/autocomplete-core/-/autocomplete-core-1.7.2.tgz#8abbed88082f611997538760dffcb43b33b1fd1d" - integrity sha512-eclwUDC6qfApNnEfu1uWcL/rudQsn59tjEoUYZYE2JSXZrHLRjBUGMxiCoknobU2Pva8ejb0eRxpIYDtVVqdsw== +"@algolia/autocomplete-core@1.9.3": + version "1.9.3" + resolved "https://registry.yarnpkg.com/@algolia/autocomplete-core/-/autocomplete-core-1.9.3.tgz#1d56482a768c33aae0868c8533049e02e8961be7" + integrity sha512-009HdfugtGCdC4JdXUbVJClA0q0zh24yyePn+KUGk3rP7j8FEe/m5Yo/z65gn6nP/cM39PxpzqKrL7A6fP6PPw== dependencies: - "@algolia/autocomplete-shared" "1.7.2" + "@algolia/autocomplete-plugin-algolia-insights" "1.9.3" + "@algolia/autocomplete-shared" "1.9.3" -"@algolia/autocomplete-preset-algolia@1.7.2": - version "1.7.2" - resolved "https://registry.yarnpkg.com/@algolia/autocomplete-preset-algolia/-/autocomplete-preset-algolia-1.7.2.tgz#9cd4f64b3d64399657ee2dc2b7e0a939e0713a26" - integrity sha512-+RYEG6B0QiGGfRb2G3MtPfyrl0dALF3cQNTWBzBX6p5o01vCCGTTinAm2UKG3tfc2CnOMAtnPLkzNZyJUpnVJw== +"@algolia/autocomplete-plugin-algolia-insights@1.9.3": + version "1.9.3" + resolved "https://registry.yarnpkg.com/@algolia/autocomplete-plugin-algolia-insights/-/autocomplete-plugin-algolia-insights-1.9.3.tgz#9b7f8641052c8ead6d66c1623d444cbe19dde587" + integrity sha512-a/yTUkcO/Vyy+JffmAnTWbr4/90cLzw+CC3bRbhnULr/EM0fGNvM13oQQ14f2moLMcVDyAx/leczLlAOovhSZg== dependencies: - "@algolia/autocomplete-shared" "1.7.2" + "@algolia/autocomplete-shared" "1.9.3" -"@algolia/autocomplete-shared@1.7.2": - version "1.7.2" - resolved "https://registry.yarnpkg.com/@algolia/autocomplete-shared/-/autocomplete-shared-1.7.2.tgz#daa23280e78d3b42ae9564d12470ae034db51a89" - integrity sha512-QCckjiC7xXHIUaIL3ektBtjJ0w7tTA3iqKcAE/Hjn1lZ5omp7i3Y4e09rAr9ZybqirL7AbxCLLq0Ra5DDPKeug== +"@algolia/autocomplete-preset-algolia@1.9.3": + version "1.9.3" + resolved "https://registry.yarnpkg.com/@algolia/autocomplete-preset-algolia/-/autocomplete-preset-algolia-1.9.3.tgz#64cca4a4304cfcad2cf730e83067e0c1b2f485da" + integrity sha512-d4qlt6YmrLMYy95n5TB52wtNDr6EgAIPH81dvvvW8UmuWRgxEtY0NJiPwl/h95JtG2vmRM804M0DSwMCNZlzRA== + dependencies: + "@algolia/autocomplete-shared" "1.9.3" -"@algolia/cache-browser-local-storage@4.14.2": - version "4.14.2" - resolved "https://registry.yarnpkg.com/@algolia/cache-browser-local-storage/-/cache-browser-local-storage-4.14.2.tgz#d5b1b90130ca87c6321de876e167df9ec6524936" - integrity sha512-FRweBkK/ywO+GKYfAWbrepewQsPTIEirhi1BdykX9mxvBPtGNKccYAxvGdDCumU1jL4r3cayio4psfzKMejBlA== +"@algolia/autocomplete-shared@1.9.3": + version "1.9.3" + resolved "https://registry.yarnpkg.com/@algolia/autocomplete-shared/-/autocomplete-shared-1.9.3.tgz#2e22e830d36f0a9cf2c0ccd3c7f6d59435b77dfa" + integrity sha512-Wnm9E4Ye6Rl6sTTqjoymD+l8DjSTHsHboVRYrKgEt8Q7UHm9nYbqhN/i0fhUYA3OAEH7WA8x3jfpnmJm3rKvaQ== + +"@algolia/cache-browser-local-storage@4.23.3": + version "4.23.3" + resolved "https://registry.yarnpkg.com/@algolia/cache-browser-local-storage/-/cache-browser-local-storage-4.23.3.tgz#0cc26b96085e1115dac5fcb9d826651ba57faabc" + integrity sha512-vRHXYCpPlTDE7i6UOy2xE03zHF2C8MEFjPN2v7fRbqVpcOvAUQK81x3Kc21xyb5aSIpYCjWCZbYZuz8Glyzyyg== dependencies: - "@algolia/cache-common" "4.14.2" + "@algolia/cache-common" "4.23.3" -"@algolia/cache-common@4.14.2": - version "4.14.2" - resolved "https://registry.yarnpkg.com/@algolia/cache-common/-/cache-common-4.14.2.tgz#b946b6103c922f0c06006fb6929163ed2c67d598" - integrity sha512-SbvAlG9VqNanCErr44q6lEKD2qoK4XtFNx9Qn8FK26ePCI8I9yU7pYB+eM/cZdS9SzQCRJBbHUumVr4bsQ4uxg== +"@algolia/cache-common@4.23.3": + version "4.23.3" + resolved "https://registry.yarnpkg.com/@algolia/cache-common/-/cache-common-4.23.3.tgz#3bec79092d512a96c9bfbdeec7cff4ad36367166" + integrity sha512-h9XcNI6lxYStaw32pHpB1TMm0RuxphF+Ik4o7tcQiodEdpKK+wKufY6QXtba7t3k8eseirEMVB83uFFF3Nu54A== -"@algolia/cache-in-memory@4.14.2": - version "4.14.2" - resolved "https://registry.yarnpkg.com/@algolia/cache-in-memory/-/cache-in-memory-4.14.2.tgz#88e4a21474f9ac05331c2fa3ceb929684a395a24" - integrity sha512-HrOukWoop9XB/VFojPv1R5SVXowgI56T9pmezd/djh2JnVN/vXswhXV51RKy4nCpqxyHt/aGFSq2qkDvj6KiuQ== +"@algolia/cache-in-memory@4.23.3": + version "4.23.3" + resolved "https://registry.yarnpkg.com/@algolia/cache-in-memory/-/cache-in-memory-4.23.3.tgz#3945f87cd21ffa2bec23890c85305b6b11192423" + integrity sha512-yvpbuUXg/+0rbcagxNT7un0eo3czx2Uf0y4eiR4z4SD7SiptwYTpbuS0IHxcLHG3lq22ukx1T6Kjtk/rT+mqNg== dependencies: - "@algolia/cache-common" "4.14.2" + "@algolia/cache-common" "4.23.3" -"@algolia/client-account@4.14.2": - version "4.14.2" - resolved "https://registry.yarnpkg.com/@algolia/client-account/-/client-account-4.14.2.tgz#b76ac1ba9ea71e8c3f77a1805b48350dc0728a16" - integrity sha512-WHtriQqGyibbb/Rx71YY43T0cXqyelEU0lB2QMBRXvD2X0iyeGl4qMxocgEIcbHyK7uqE7hKgjT8aBrHqhgc1w== +"@algolia/client-account@4.23.3": + version "4.23.3" + resolved "https://registry.yarnpkg.com/@algolia/client-account/-/client-account-4.23.3.tgz#8751bbf636e6741c95e7c778488dee3ee430ac6f" + integrity sha512-hpa6S5d7iQmretHHF40QGq6hz0anWEHGlULcTIT9tbUssWUriN9AUXIFQ8Ei4w9azD0hc1rUok9/DeQQobhQMA== dependencies: - "@algolia/client-common" "4.14.2" - "@algolia/client-search" "4.14.2" - "@algolia/transporter" "4.14.2" + "@algolia/client-common" "4.23.3" + "@algolia/client-search" "4.23.3" + "@algolia/transporter" "4.23.3" -"@algolia/client-analytics@4.14.2": - version "4.14.2" - resolved "https://registry.yarnpkg.com/@algolia/client-analytics/-/client-analytics-4.14.2.tgz#ca04dcaf9a78ee5c92c5cb5e9c74cf031eb2f1fb" - integrity sha512-yBvBv2mw+HX5a+aeR0dkvUbFZsiC4FKSnfqk9rrfX+QrlNOKEhCG0tJzjiOggRW4EcNqRmaTULIYvIzQVL2KYQ== +"@algolia/client-analytics@4.23.3": + version "4.23.3" + resolved "https://registry.yarnpkg.com/@algolia/client-analytics/-/client-analytics-4.23.3.tgz#f88710885278fe6fb6964384af59004a5a6f161d" + integrity sha512-LBsEARGS9cj8VkTAVEZphjxTjMVCci+zIIiRhpFun9jGDUlS1XmhCW7CTrnaWeIuCQS/2iPyRqSy1nXPjcBLRA== dependencies: - "@algolia/client-common" "4.14.2" - "@algolia/client-search" "4.14.2" - "@algolia/requester-common" "4.14.2" - "@algolia/transporter" "4.14.2" + "@algolia/client-common" "4.23.3" + "@algolia/client-search" "4.23.3" + "@algolia/requester-common" "4.23.3" + "@algolia/transporter" "4.23.3" -"@algolia/client-common@4.14.2": - version "4.14.2" - resolved "https://registry.yarnpkg.com/@algolia/client-common/-/client-common-4.14.2.tgz#e1324e167ffa8af60f3e8bcd122110fd0bfd1300" - integrity sha512-43o4fslNLcktgtDMVaT5XwlzsDPzlqvqesRi4MjQz2x4/Sxm7zYg5LRYFol1BIhG6EwxKvSUq8HcC/KxJu3J0Q== +"@algolia/client-common@4.23.3": + version "4.23.3" + resolved "https://registry.yarnpkg.com/@algolia/client-common/-/client-common-4.23.3.tgz#891116aa0db75055a7ecc107649f7f0965774704" + integrity sha512-l6EiPxdAlg8CYhroqS5ybfIczsGUIAC47slLPOMDeKSVXYG1n0qGiz4RjAHLw2aD0xzh2EXZ7aRguPfz7UKDKw== dependencies: - "@algolia/requester-common" "4.14.2" - "@algolia/transporter" "4.14.2" + "@algolia/requester-common" "4.23.3" + "@algolia/transporter" "4.23.3" -"@algolia/client-personalization@4.14.2": - version "4.14.2" - resolved "https://registry.yarnpkg.com/@algolia/client-personalization/-/client-personalization-4.14.2.tgz#656bbb6157a3dd1a4be7de65e457fda136c404ec" - integrity sha512-ACCoLi0cL8CBZ1W/2juehSltrw2iqsQBnfiu/Rbl9W2yE6o2ZUb97+sqN/jBqYNQBS+o0ekTMKNkQjHHAcEXNw== +"@algolia/client-personalization@4.23.3": + version "4.23.3" + resolved "https://registry.yarnpkg.com/@algolia/client-personalization/-/client-personalization-4.23.3.tgz#35fa8e5699b0295fbc400a8eb211dc711e5909db" + integrity sha512-3E3yF3Ocr1tB/xOZiuC3doHQBQ2zu2MPTYZ0d4lpfWads2WTKG7ZzmGnsHmm63RflvDeLK/UVx7j2b3QuwKQ2g== dependencies: - "@algolia/client-common" "4.14.2" - "@algolia/requester-common" "4.14.2" - "@algolia/transporter" "4.14.2" + "@algolia/client-common" "4.23.3" + "@algolia/requester-common" "4.23.3" + "@algolia/transporter" "4.23.3" -"@algolia/client-search@4.14.2": - version "4.14.2" - resolved "https://registry.yarnpkg.com/@algolia/client-search/-/client-search-4.14.2.tgz#357bdb7e640163f0e33bad231dfcc21f67dc2e92" - integrity sha512-L5zScdOmcZ6NGiVbLKTvP02UbxZ0njd5Vq9nJAmPFtjffUSOGEp11BmD2oMJ5QvARgx2XbX4KzTTNS5ECYIMWw== +"@algolia/client-search@4.23.3": + version "4.23.3" + resolved "https://registry.yarnpkg.com/@algolia/client-search/-/client-search-4.23.3.tgz#a3486e6af13a231ec4ab43a915a1f318787b937f" + integrity sha512-P4VAKFHqU0wx9O+q29Q8YVuaowaZ5EM77rxfmGnkHUJggh28useXQdopokgwMeYw2XUht49WX5RcTQ40rZIabw== dependencies: - "@algolia/client-common" "4.14.2" - "@algolia/requester-common" "4.14.2" - "@algolia/transporter" "4.14.2" + "@algolia/client-common" "4.23.3" + "@algolia/requester-common" "4.23.3" + "@algolia/transporter" "4.23.3" "@algolia/events@^4.0.1": version "4.0.1" resolved "https://registry.yarnpkg.com/@algolia/events/-/events-4.0.1.tgz#fd39e7477e7bc703d7f893b556f676c032af3950" integrity sha512-FQzvOCgoFXAbf5Y6mYozw2aj5KCJoA3m4heImceldzPSMbdyS4atVjJzXKMsfX3wnZTFYwkkt8/z8UesLHlSBQ== -"@algolia/logger-common@4.14.2": - version "4.14.2" - resolved "https://registry.yarnpkg.com/@algolia/logger-common/-/logger-common-4.14.2.tgz#b74b3a92431f92665519d95942c246793ec390ee" - integrity sha512-/JGlYvdV++IcMHBnVFsqEisTiOeEr6cUJtpjz8zc0A9c31JrtLm318Njc72p14Pnkw3A/5lHHh+QxpJ6WFTmsA== - -"@algolia/logger-console@4.14.2": - version "4.14.2" - resolved "https://registry.yarnpkg.com/@algolia/logger-console/-/logger-console-4.14.2.tgz#ec49cb47408f5811d4792598683923a800abce7b" - integrity sha512-8S2PlpdshbkwlLCSAB5f8c91xyc84VM9Ar9EdfE9UmX+NrKNYnWR1maXXVDQQoto07G1Ol/tYFnFVhUZq0xV/g== - dependencies: - "@algolia/logger-common" "4.14.2" - -"@algolia/requester-browser-xhr@4.14.2": - version "4.14.2" - resolved "https://registry.yarnpkg.com/@algolia/requester-browser-xhr/-/requester-browser-xhr-4.14.2.tgz#a2cd4d9d8d90d53109cc7f3682dc6ebf20f798f2" - integrity sha512-CEh//xYz/WfxHFh7pcMjQNWgpl4wFB85lUMRyVwaDPibNzQRVcV33YS+63fShFWc2+42YEipFGH2iPzlpszmDw== - dependencies: - "@algolia/requester-common" "4.14.2" - -"@algolia/requester-common@4.14.2": - version "4.14.2" - resolved "https://registry.yarnpkg.com/@algolia/requester-common/-/requester-common-4.14.2.tgz#bc4e9e5ee16c953c0ecacbfb334a33c30c28b1a1" - integrity sha512-73YQsBOKa5fvVV3My7iZHu1sUqmjjfs9TteFWwPwDmnad7T0VTCopttcsM3OjLxZFtBnX61Xxl2T2gmG2O4ehg== - -"@algolia/requester-node-http@4.14.2": - version "4.14.2" - resolved "https://registry.yarnpkg.com/@algolia/requester-node-http/-/requester-node-http-4.14.2.tgz#7c1223a1785decaab1def64c83dade6bea45e115" - integrity sha512-oDbb02kd1o5GTEld4pETlPZLY0e+gOSWjWMJHWTgDXbv9rm/o2cF7japO6Vj1ENnrqWvLBmW1OzV9g6FUFhFXg== - dependencies: - "@algolia/requester-common" "4.14.2" - -"@algolia/transporter@4.14.2": - version "4.14.2" - resolved "https://registry.yarnpkg.com/@algolia/transporter/-/transporter-4.14.2.tgz#77c069047fb1a4359ee6a51f51829508e44a1e3d" - integrity sha512-t89dfQb2T9MFQHidjHcfhh6iGMNwvuKUvojAj+JsrHAGbuSy7yE4BylhLX6R0Q1xYRoC4Vvv+O5qIw/LdnQfsQ== +"@algolia/logger-common@4.23.3": + version "4.23.3" + resolved "https://registry.yarnpkg.com/@algolia/logger-common/-/logger-common-4.23.3.tgz#35c6d833cbf41e853a4f36ba37c6e5864920bfe9" + integrity sha512-y9kBtmJwiZ9ZZ+1Ek66P0M68mHQzKRxkW5kAAXYN/rdzgDN0d2COsViEFufxJ0pb45K4FRcfC7+33YB4BLrZ+g== + +"@algolia/logger-console@4.23.3": + version "4.23.3" + resolved "https://registry.yarnpkg.com/@algolia/logger-console/-/logger-console-4.23.3.tgz#30f916781826c4db5f51fcd9a8a264a06e136985" + integrity sha512-8xoiseoWDKuCVnWP8jHthgaeobDLolh00KJAdMe9XPrWPuf1by732jSpgy2BlsLTaT9m32pHI8CRfrOqQzHv3A== + dependencies: + "@algolia/logger-common" "4.23.3" + +"@algolia/recommend@4.23.3": + version "4.23.3" + resolved "https://registry.yarnpkg.com/@algolia/recommend/-/recommend-4.23.3.tgz#53d4f194d22d9c72dc05f3f7514c5878f87c5890" + integrity sha512-9fK4nXZF0bFkdcLBRDexsnGzVmu4TSYZqxdpgBW2tEyfuSSY54D4qSRkLmNkrrz4YFvdh2GM1gA8vSsnZPR73w== + dependencies: + "@algolia/cache-browser-local-storage" "4.23.3" + "@algolia/cache-common" "4.23.3" + "@algolia/cache-in-memory" "4.23.3" + "@algolia/client-common" "4.23.3" + "@algolia/client-search" "4.23.3" + "@algolia/logger-common" "4.23.3" + "@algolia/logger-console" "4.23.3" + "@algolia/requester-browser-xhr" "4.23.3" + "@algolia/requester-common" "4.23.3" + "@algolia/requester-node-http" "4.23.3" + "@algolia/transporter" "4.23.3" + +"@algolia/requester-browser-xhr@4.23.3": + version "4.23.3" + resolved "https://registry.yarnpkg.com/@algolia/requester-browser-xhr/-/requester-browser-xhr-4.23.3.tgz#9e47e76f60d540acc8b27b4ebc7a80d1b41938b9" + integrity sha512-jDWGIQ96BhXbmONAQsasIpTYWslyjkiGu0Quydjlowe+ciqySpiDUrJHERIRfELE5+wFc7hc1Q5hqjGoV7yghw== + dependencies: + "@algolia/requester-common" "4.23.3" + +"@algolia/requester-common@4.23.3": + version "4.23.3" + resolved "https://registry.yarnpkg.com/@algolia/requester-common/-/requester-common-4.23.3.tgz#7dbae896e41adfaaf1d1fa5f317f83a99afb04b3" + integrity sha512-xloIdr/bedtYEGcXCiF2muajyvRhwop4cMZo+K2qzNht0CMzlRkm8YsDdj5IaBhshqfgmBb3rTg4sL4/PpvLYw== + +"@algolia/requester-node-http@4.23.3": + version "4.23.3" + resolved "https://registry.yarnpkg.com/@algolia/requester-node-http/-/requester-node-http-4.23.3.tgz#c9f94a5cb96a15f48cea338ab6ef16bbd0ff989f" + integrity sha512-zgu++8Uj03IWDEJM3fuNl34s746JnZOWn1Uz5taV1dFyJhVM/kTNw9Ik7YJWiUNHJQXcaD8IXD1eCb0nq/aByA== + dependencies: + "@algolia/requester-common" "4.23.3" + +"@algolia/transporter@4.23.3": + version "4.23.3" + resolved "https://registry.yarnpkg.com/@algolia/transporter/-/transporter-4.23.3.tgz#545b045b67db3850ddf0bbecbc6c84ff1f3398b7" + integrity sha512-Wjl5gttqnf/gQKJA+dafnD0Y6Yw97yvfY8R9h0dQltX1GXTgNs1zWgvtWW0tHl1EgMdhAyw189uWiZMnL3QebQ== + dependencies: + "@algolia/cache-common" "4.23.3" + "@algolia/logger-common" "4.23.3" + "@algolia/requester-common" "4.23.3" + +"@ampproject/remapping@^2.2.0": + version "2.3.0" + resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.3.0.tgz#ed441b6fa600072520ce18b43d2c8cc8caecc7f4" + integrity sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw== dependencies: - "@algolia/cache-common" "4.14.2" - "@algolia/logger-common" "4.14.2" - "@algolia/requester-common" "4.14.2" + "@jridgewell/gen-mapping" "^0.3.5" + "@jridgewell/trace-mapping" "^0.3.24" -"@ampproject/remapping@^2.1.0": - version "2.2.0" - resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.2.0.tgz#56c133824780de3174aed5ab6834f3026790154d" - integrity sha512-qRmjj8nj9qmLTQXXmaR1cck3UXSRMPrbsLJAasZpF+t3riI71BXed5ebIOYwQntykeZuhjsdweEc9BxH5Jc26w== +"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.16.0", "@babel/code-frame@^7.23.5", "@babel/code-frame@^7.24.1", "@babel/code-frame@^7.24.2", "@babel/code-frame@^7.8.3": + version "7.24.2" + resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.24.2.tgz#718b4b19841809a58b29b68cde80bc5e1aa6d9ae" + integrity sha512-y5+tLQyV8pg3fsiln67BVLD1P13Eg4lh5RW9mF0zUuvLrv9uIQ4MCL+CRT+FTsBlBjcIan6PGsLcBN0m3ClUyQ== dependencies: - "@jridgewell/gen-mapping" "^0.1.0" - "@jridgewell/trace-mapping" "^0.3.9" + "@babel/highlight" "^7.24.2" + picocolors "^1.0.0" -"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.16.0", "@babel/code-frame@^7.18.6", "@babel/code-frame@^7.8.3": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.18.6.tgz#3b25d38c89600baa2dcc219edfa88a74eb2c427a" - integrity sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q== - dependencies: - "@babel/highlight" "^7.18.6" - -"@babel/compat-data@^7.17.7", "@babel/compat-data@^7.20.0", "@babel/compat-data@^7.20.1": - version "7.20.1" - resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.20.1.tgz#f2e6ef7790d8c8dbf03d379502dcc246dcce0b30" - integrity sha512-EWZ4mE2diW3QALKvDMiXnbZpRvlj+nayZ112nK93SnhqOtpdsbVD4W+2tEoT3YNBAG9RBR0ISY758ZkOgsn6pQ== - -"@babel/core@7.12.9": - version "7.12.9" - resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.12.9.tgz#fd450c4ec10cdbb980e2928b7aa7a28484593fc8" - integrity sha512-gTXYh3M5wb7FRXQy+FErKFAv90BnlOuNn1QkCK2lREoPAjrQCO49+HVSrFoe5uakFAF5eenS75KbO2vQiLrTMQ== - dependencies: - "@babel/code-frame" "^7.10.4" - "@babel/generator" "^7.12.5" - "@babel/helper-module-transforms" "^7.12.1" - "@babel/helpers" "^7.12.5" - "@babel/parser" "^7.12.7" - "@babel/template" "^7.12.7" - "@babel/traverse" "^7.12.9" - "@babel/types" "^7.12.7" - convert-source-map "^1.7.0" +"@babel/compat-data@^7.22.6", "@babel/compat-data@^7.23.5", "@babel/compat-data@^7.24.4": + version "7.24.4" + resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.24.4.tgz#6f102372e9094f25d908ca0d34fc74c74606059a" + integrity sha512-vg8Gih2MLK+kOkHJp4gBEIkyaIi00jgWot2D9QOmmfLC8jINSOzmCLta6Bvz/JSBCqnegV0L80jhxkol5GWNfQ== + +"@babel/core@^7.12.3", "@babel/core@^7.23.3": + version "7.24.4" + resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.24.4.tgz#1f758428e88e0d8c563874741bc4ffc4f71a4717" + integrity sha512-MBVlMXP+kkl5394RBLSxxk/iLTeVGuXTV3cIDXavPpMMqnSnt6apKgan/U8O3USWZCWZT/TbgfEpKa4uMgN4Dg== + dependencies: + "@ampproject/remapping" "^2.2.0" + "@babel/code-frame" "^7.24.2" + "@babel/generator" "^7.24.4" + "@babel/helper-compilation-targets" "^7.23.6" + "@babel/helper-module-transforms" "^7.23.3" + "@babel/helpers" "^7.24.4" + "@babel/parser" "^7.24.4" + "@babel/template" "^7.24.0" + "@babel/traverse" "^7.24.1" + "@babel/types" "^7.24.0" + convert-source-map "^2.0.0" debug "^4.1.0" - gensync "^1.0.0-beta.1" - json5 "^2.1.2" - lodash "^4.17.19" - resolve "^1.3.2" - semver "^5.4.1" - source-map "^0.5.0" - -"@babel/core@^7.18.6", "@babel/core@^7.19.6": - version "7.20.2" - resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.20.2.tgz#8dc9b1620a673f92d3624bd926dc49a52cf25b92" - integrity sha512-w7DbG8DtMrJcFOi4VrLm+8QM4az8Mo+PuLBKLp2zrYRCow8W/f9xiXm5sN53C8HksCyDQwCKha9JiDoIyPjT2g== - dependencies: - "@ampproject/remapping" "^2.1.0" - "@babel/code-frame" "^7.18.6" - "@babel/generator" "^7.20.2" - "@babel/helper-compilation-targets" "^7.20.0" - "@babel/helper-module-transforms" "^7.20.2" - "@babel/helpers" "^7.20.1" - "@babel/parser" "^7.20.2" - "@babel/template" "^7.18.10" - "@babel/traverse" "^7.20.1" - "@babel/types" "^7.20.2" - convert-source-map "^1.7.0" + gensync "^1.0.0-beta.2" + json5 "^2.2.3" + semver "^6.3.1" + +"@babel/core@^7.21.3": + version "7.24.5" + resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.24.5.tgz#15ab5b98e101972d171aeef92ac70d8d6718f06a" + integrity sha512-tVQRucExLQ02Boi4vdPp49svNGcfL2GhdTCT9aldhXgCJVAI21EtRfBettiuLUwce/7r6bFdgs6JFkcdTiFttA== + dependencies: + "@ampproject/remapping" "^2.2.0" + "@babel/code-frame" "^7.24.2" + "@babel/generator" "^7.24.5" + "@babel/helper-compilation-targets" "^7.23.6" + "@babel/helper-module-transforms" "^7.24.5" + "@babel/helpers" "^7.24.5" + "@babel/parser" "^7.24.5" + "@babel/template" "^7.24.0" + "@babel/traverse" "^7.24.5" + "@babel/types" "^7.24.5" + convert-source-map "^2.0.0" debug "^4.1.0" gensync "^1.0.0-beta.2" - json5 "^2.2.1" - semver "^6.3.0" + json5 "^2.2.3" + semver "^6.3.1" -"@babel/generator@^7.12.5", "@babel/generator@^7.18.7", "@babel/generator@^7.20.1", "@babel/generator@^7.20.2": - version "7.20.4" - resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.20.4.tgz#4d9f8f0c30be75fd90a0562099a26e5839602ab8" - integrity sha512-luCf7yk/cm7yab6CAW1aiFnmEfBJplb/JojV56MYEK7ziWfGmFlTfmL9Ehwfy4gFhbjBfWO1wj7/TuSbVNEEtA== +"@babel/generator@^7.23.3", "@babel/generator@^7.24.1", "@babel/generator@^7.24.4": + version "7.24.4" + resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.24.4.tgz#1fc55532b88adf952025d5d2d1e71f946cb1c498" + integrity sha512-Xd6+v6SnjWVx/nus+y0l1sxMOTOMBkyL4+BIdbALyatQnAe/SRVjANeDPSCYaX+i1iJmuGSKf3Z+E+V/va1Hvw== dependencies: - "@babel/types" "^7.20.2" - "@jridgewell/gen-mapping" "^0.3.2" + "@babel/types" "^7.24.0" + "@jridgewell/gen-mapping" "^0.3.5" + "@jridgewell/trace-mapping" "^0.3.25" jsesc "^2.5.1" -"@babel/helper-annotate-as-pure@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.18.6.tgz#eaa49f6f80d5a33f9a5dd2276e6d6e451be0a6bb" - integrity sha512-duORpUiYrEpzKIop6iNbjnwKLAKnJ47csTyRACyEmWj0QdUrm5aqNJGHSSEQSUAvNW0ojX0dOmK9dZduvkfeXA== - dependencies: - "@babel/types" "^7.18.6" - -"@babel/helper-builder-binary-assignment-operator-visitor@^7.18.6": - version "7.18.9" - resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.18.9.tgz#acd4edfd7a566d1d51ea975dff38fd52906981bb" - integrity sha512-yFQ0YCHoIqarl8BCRwBL8ulYUaZpz3bNsA7oFepAzee+8/+ImtADXNOmO5vJvsPff3qi+hvpkY/NYBTrBQgdNw== - dependencies: - "@babel/helper-explode-assignable-expression" "^7.18.6" - "@babel/types" "^7.18.9" - -"@babel/helper-compilation-targets@^7.17.7", "@babel/helper-compilation-targets@^7.18.9", "@babel/helper-compilation-targets@^7.20.0": - version "7.20.0" - resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.20.0.tgz#6bf5374d424e1b3922822f1d9bdaa43b1a139d0a" - integrity sha512-0jp//vDGp9e8hZzBc6N/KwA5ZK3Wsm/pfm4CrY7vzegkVxc65SgSn6wYOnwHe9Js9HRQ1YTCKLGPzDtaS3RoLQ== - dependencies: - "@babel/compat-data" "^7.20.0" - "@babel/helper-validator-option" "^7.18.6" - browserslist "^4.21.3" - semver "^6.3.0" - -"@babel/helper-create-class-features-plugin@^7.18.6", "@babel/helper-create-class-features-plugin@^7.20.2": - version "7.20.2" - resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.20.2.tgz#3c08a5b5417c7f07b5cf3dfb6dc79cbec682e8c2" - integrity sha512-k22GoYRAHPYr9I+Gvy2ZQlAe5mGy8BqWst2wRt8cwIufWTxrsVshhIBvYNqC80N0GSFWTsqRVexOtfzlgOEDvA== - dependencies: - "@babel/helper-annotate-as-pure" "^7.18.6" - "@babel/helper-environment-visitor" "^7.18.9" - "@babel/helper-function-name" "^7.19.0" - "@babel/helper-member-expression-to-functions" "^7.18.9" - "@babel/helper-optimise-call-expression" "^7.18.6" - "@babel/helper-replace-supers" "^7.19.1" - "@babel/helper-split-export-declaration" "^7.18.6" - -"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.19.0": - version "7.19.0" - resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.19.0.tgz#7976aca61c0984202baca73d84e2337a5424a41b" - integrity sha512-htnV+mHX32DF81amCDrwIDr8nrp1PTm+3wfBN9/v8QJOLEioOCOG7qNyq0nHeFiWbT3Eb7gsPwEmV64UCQ1jzw== - dependencies: - "@babel/helper-annotate-as-pure" "^7.18.6" - regexpu-core "^5.1.0" - -"@babel/helper-define-polyfill-provider@^0.3.3": - version "0.3.3" - resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.3.3.tgz#8612e55be5d51f0cd1f36b4a5a83924e89884b7a" - integrity sha512-z5aQKU4IzbqCC1XH0nAqfsFLMVSo22SBKUc0BxGrLkolTdPTructy0ToNnlO2zA4j9Q/7pjMZf0DSY+DSTYzww== +"@babel/generator@^7.24.5": + version "7.24.5" + resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.24.5.tgz#e5afc068f932f05616b66713e28d0f04e99daeb3" + integrity sha512-x32i4hEXvr+iI0NEoEfDKzlemF8AmtOP8CcrRaEcpzysWuoEb1KknpcvMsHKPONoKZiDuItklgWhB18xEhr9PA== dependencies: - "@babel/helper-compilation-targets" "^7.17.7" - "@babel/helper-plugin-utils" "^7.16.7" + "@babel/types" "^7.24.5" + "@jridgewell/gen-mapping" "^0.3.5" + "@jridgewell/trace-mapping" "^0.3.25" + jsesc "^2.5.1" + +"@babel/helper-annotate-as-pure@^7.22.5": + version "7.22.5" + resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.22.5.tgz#e7f06737b197d580a01edf75d97e2c8be99d3882" + integrity sha512-LvBTxu8bQSQkcyKOU+a1btnNFQ1dMAd0R6PyW3arXes06F6QLWLIrd681bxRPIXlrMGR3XYnW9JyML7dP3qgxg== + dependencies: + "@babel/types" "^7.22.5" + +"@babel/helper-builder-binary-assignment-operator-visitor@^7.22.15": + version "7.22.15" + resolved "https://registry.yarnpkg.com/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.22.15.tgz#5426b109cf3ad47b91120f8328d8ab1be8b0b956" + integrity sha512-QkBXwGgaoC2GtGZRoma6kv7Szfv06khvhFav67ZExau2RaXzy8MpHSMO2PNoP2XtmQphJQRHFfg77Bq731Yizw== + dependencies: + "@babel/types" "^7.22.15" + +"@babel/helper-compilation-targets@^7.22.6", "@babel/helper-compilation-targets@^7.23.6": + version "7.23.6" + resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.23.6.tgz#4d79069b16cbcf1461289eccfbbd81501ae39991" + integrity sha512-9JB548GZoQVmzrFgp8o7KxdgkTGm6xs9DW0o/Pim72UDjzr5ObUQ6ZzYPqA+g9OTS2bBQoctLJrky0RDCAWRgQ== + dependencies: + "@babel/compat-data" "^7.23.5" + "@babel/helper-validator-option" "^7.23.5" + browserslist "^4.22.2" + lru-cache "^5.1.1" + semver "^6.3.1" + +"@babel/helper-create-class-features-plugin@^7.24.1", "@babel/helper-create-class-features-plugin@^7.24.4": + version "7.24.4" + resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.24.4.tgz#c806f73788a6800a5cfbbc04d2df7ee4d927cce3" + integrity sha512-lG75yeuUSVu0pIcbhiYMXBXANHrpUPaOfu7ryAzskCgKUHuAxRQI5ssrtmF0X9UXldPlvT0XM/A4F44OXRt6iQ== + dependencies: + "@babel/helper-annotate-as-pure" "^7.22.5" + "@babel/helper-environment-visitor" "^7.22.20" + "@babel/helper-function-name" "^7.23.0" + "@babel/helper-member-expression-to-functions" "^7.23.0" + "@babel/helper-optimise-call-expression" "^7.22.5" + "@babel/helper-replace-supers" "^7.24.1" + "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5" + "@babel/helper-split-export-declaration" "^7.22.6" + semver "^6.3.1" + +"@babel/helper-create-class-features-plugin@^7.24.5": + version "7.24.5" + resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.24.5.tgz#7d19da92c7e0cd8d11c09af2ce1b8e7512a6e723" + integrity sha512-uRc4Cv8UQWnE4NXlYTIIdM7wfFkOqlFztcC/gVXDKohKoVB3OyonfelUBaJzSwpBntZ2KYGF/9S7asCHsXwW6g== + dependencies: + "@babel/helper-annotate-as-pure" "^7.22.5" + "@babel/helper-environment-visitor" "^7.22.20" + "@babel/helper-function-name" "^7.23.0" + "@babel/helper-member-expression-to-functions" "^7.24.5" + "@babel/helper-optimise-call-expression" "^7.22.5" + "@babel/helper-replace-supers" "^7.24.1" + "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5" + "@babel/helper-split-export-declaration" "^7.24.5" + semver "^6.3.1" + +"@babel/helper-create-regexp-features-plugin@^7.18.6", "@babel/helper-create-regexp-features-plugin@^7.22.15", "@babel/helper-create-regexp-features-plugin@^7.22.5": + version "7.22.15" + resolved "https://registry.yarnpkg.com/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.22.15.tgz#5ee90093914ea09639b01c711db0d6775e558be1" + integrity sha512-29FkPLFjn4TPEa3RE7GpW+qbE8tlsu3jntNYNfcGsc49LphF1PQIiD+vMZ1z1xVOKt+93khA9tc2JBs3kBjA7w== + dependencies: + "@babel/helper-annotate-as-pure" "^7.22.5" + regexpu-core "^5.3.1" + semver "^6.3.1" + +"@babel/helper-define-polyfill-provider@^0.6.1", "@babel/helper-define-polyfill-provider@^0.6.2": + version "0.6.2" + resolved "https://registry.yarnpkg.com/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.2.tgz#18594f789c3594acb24cfdb4a7f7b7d2e8bd912d" + integrity sha512-LV76g+C502biUK6AyZ3LK10vDpDyCzZnhZFXkH1L75zHPj68+qc8Zfpx2th+gzwA2MzyK+1g/3EPl62yFnVttQ== + dependencies: + "@babel/helper-compilation-targets" "^7.22.6" + "@babel/helper-plugin-utils" "^7.22.5" debug "^4.1.1" lodash.debounce "^4.0.8" resolve "^1.14.2" - semver "^6.1.2" -"@babel/helper-environment-visitor@^7.18.9": - version "7.18.9" - resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz#0c0cee9b35d2ca190478756865bb3528422f51be" - integrity sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg== +"@babel/helper-environment-visitor@^7.22.20": + version "7.22.20" + resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.22.20.tgz#96159db61d34a29dba454c959f5ae4a649ba9167" + integrity sha512-zfedSIzFhat/gFhWfHtgWvlec0nqB9YEIVrpuwjruLlXfUSnA8cJB0miHKwqDnQ7d32aKo2xt88/xZptwxbfhA== -"@babel/helper-explode-assignable-expression@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.18.6.tgz#41f8228ef0a6f1a036b8dfdfec7ce94f9a6bc096" - integrity sha512-eyAYAsQmB80jNfg4baAtLeWAQHfHFiR483rzFK+BhETlGZaQC9bsfrugfXDCbRHLQbIA7U5NxhhOxN7p/dWIcg== +"@babel/helper-function-name@^7.22.5", "@babel/helper-function-name@^7.23.0": + version "7.23.0" + resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.23.0.tgz#1f9a3cdbd5b2698a670c30d2735f9af95ed52759" + integrity sha512-OErEqsrxjZTJciZ4Oo+eoZqeW9UIiOcuYKRJA4ZAgV9myA+pOXhhmpfNCKjEH/auVfEYVFJ6y1Tc4r0eIApqiw== dependencies: - "@babel/types" "^7.18.6" + "@babel/template" "^7.22.15" + "@babel/types" "^7.23.0" -"@babel/helper-function-name@^7.18.9", "@babel/helper-function-name@^7.19.0": - version "7.19.0" - resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.19.0.tgz#941574ed5390682e872e52d3f38ce9d1bef4648c" - integrity sha512-WAwHBINyrpqywkUH0nTnNgI5ina5TFn85HKS0pbPDfxFfhyR/aNQEn4hGi1P1JyT//I0t4OgXUlofzWILRvS5w== +"@babel/helper-hoist-variables@^7.22.5": + version "7.22.5" + resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.22.5.tgz#c01a007dac05c085914e8fb652b339db50d823bb" + integrity sha512-wGjk9QZVzvknA6yKIUURb8zY3grXCcOZt+/7Wcy8O2uctxhplmUPkOdlgoNhmdVee2c92JXbf1xpMtVNbfoxRw== dependencies: - "@babel/template" "^7.18.10" - "@babel/types" "^7.19.0" + "@babel/types" "^7.22.5" -"@babel/helper-hoist-variables@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz#d4d2c8fb4baeaa5c68b99cc8245c56554f926678" - integrity sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q== +"@babel/helper-member-expression-to-functions@^7.23.0": + version "7.23.0" + resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.23.0.tgz#9263e88cc5e41d39ec18c9a3e0eced59a3e7d366" + integrity sha512-6gfrPwh7OuT6gZyJZvd6WbTfrqAo7vm4xCzAXOusKqq/vWdKXphTpj5klHKNmRUU6/QRGlBsyU9mAIPaWHlqJA== dependencies: - "@babel/types" "^7.18.6" + "@babel/types" "^7.23.0" -"@babel/helper-member-expression-to-functions@^7.18.9": - version "7.18.9" - resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.18.9.tgz#1531661e8375af843ad37ac692c132841e2fd815" - integrity sha512-RxifAh2ZoVU67PyKIO4AMi1wTenGfMR/O/ae0CCRqwgBAt5v7xjdtRw7UoSbsreKrQn5t7r89eruK/9JjYHuDg== +"@babel/helper-member-expression-to-functions@^7.24.5": + version "7.24.5" + resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.24.5.tgz#5981e131d5c7003c7d1fa1ad49e86c9b097ec475" + integrity sha512-4owRteeihKWKamtqg4JmWSsEZU445xpFRXPEwp44HbgbxdWlUV1b4Agg4lkA806Lil5XM/e+FJyS0vj5T6vmcA== dependencies: - "@babel/types" "^7.18.9" + "@babel/types" "^7.24.5" -"@babel/helper-module-imports@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz#1e3ebdbbd08aad1437b428c50204db13c5a3ca6e" - integrity sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA== - dependencies: - "@babel/types" "^7.18.6" - -"@babel/helper-module-transforms@^7.12.1", "@babel/helper-module-transforms@^7.18.6", "@babel/helper-module-transforms@^7.19.6", "@babel/helper-module-transforms@^7.20.2": - version "7.20.2" - resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.20.2.tgz#ac53da669501edd37e658602a21ba14c08748712" - integrity sha512-zvBKyJXRbmK07XhMuujYoJ48B5yvvmM6+wcpv6Ivj4Yg6qO7NOZOSnvZN9CRl1zz1Z4cKf8YejmCMh8clOoOeA== - dependencies: - "@babel/helper-environment-visitor" "^7.18.9" - "@babel/helper-module-imports" "^7.18.6" - "@babel/helper-simple-access" "^7.20.2" - "@babel/helper-split-export-declaration" "^7.18.6" - "@babel/helper-validator-identifier" "^7.19.1" - "@babel/template" "^7.18.10" - "@babel/traverse" "^7.20.1" - "@babel/types" "^7.20.2" - -"@babel/helper-optimise-call-expression@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.18.6.tgz#9369aa943ee7da47edab2cb4e838acf09d290ffe" - integrity sha512-HP59oD9/fEHQkdcbgFCnbmgH5vIQTJbxh2yf+CdM89/glUNnuzr87Q8GIjGEnOktTROemO0Pe0iPAYbqZuOUiA== - dependencies: - "@babel/types" "^7.18.6" - -"@babel/helper-plugin-utils@7.10.4": - version "7.10.4" - resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.10.4.tgz#2f75a831269d4f677de49986dff59927533cf375" - integrity sha512-O4KCvQA6lLiMU9l2eawBPMf1xPP8xPfB3iEQw150hOVTqj/rfXz0ThTb4HEzqQfs2Bmo5Ay8BzxfzVtBrr9dVg== - -"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.16.7", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.18.9", "@babel/helper-plugin-utils@^7.19.0", "@babel/helper-plugin-utils@^7.20.2", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3": - version "7.20.2" - resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.20.2.tgz#d1b9000752b18d0877cff85a5c376ce5c3121629" - integrity sha512-8RvlJG2mj4huQ4pZ+rU9lqKi9ZKiRmuvGuM2HlWmkmgOhbs6zEAw6IEiJ5cQqGbDzGZOhwuOQNtZMi/ENLjZoQ== - -"@babel/helper-remap-async-to-generator@^7.18.6", "@babel/helper-remap-async-to-generator@^7.18.9": - version "7.18.9" - resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.18.9.tgz#997458a0e3357080e54e1d79ec347f8a8cd28519" - integrity sha512-dI7q50YKd8BAv3VEfgg7PS7yD3Rtbi2J1XMXaalXO0W0164hYLnh8zpjRS0mte9MfVp/tltvr/cfdXPvJr1opA== - dependencies: - "@babel/helper-annotate-as-pure" "^7.18.6" - "@babel/helper-environment-visitor" "^7.18.9" - "@babel/helper-wrap-function" "^7.18.9" - "@babel/types" "^7.18.9" - -"@babel/helper-replace-supers@^7.18.6", "@babel/helper-replace-supers@^7.19.1": - version "7.19.1" - resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.19.1.tgz#e1592a9b4b368aa6bdb8784a711e0bcbf0612b78" - integrity sha512-T7ahH7wV0Hfs46SFh5Jz3s0B6+o8g3c+7TMxu7xKfmHikg7EAZ3I2Qk9LFhjxXq8sL7UkP5JflezNwoZa8WvWw== - dependencies: - "@babel/helper-environment-visitor" "^7.18.9" - "@babel/helper-member-expression-to-functions" "^7.18.9" - "@babel/helper-optimise-call-expression" "^7.18.6" - "@babel/traverse" "^7.19.1" - "@babel/types" "^7.19.0" - -"@babel/helper-simple-access@^7.19.4", "@babel/helper-simple-access@^7.20.2": - version "7.20.2" - resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.20.2.tgz#0ab452687fe0c2cfb1e2b9e0015de07fc2d62dd9" - integrity sha512-+0woI/WPq59IrqDYbVGfshjT5Dmk/nnbdpcF8SnMhhXObpTq2KNBdLFRFrkVdbDOyUmHBCxzm5FHV1rACIkIbA== - dependencies: - "@babel/types" "^7.20.2" - -"@babel/helper-skip-transparent-expression-wrappers@^7.18.9": - version "7.20.0" - resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.20.0.tgz#fbe4c52f60518cab8140d77101f0e63a8a230684" - integrity sha512-5y1JYeNKfvnT8sZcK9DVRtpTbGiomYIHviSP3OQWmDPU3DeH4a1ZlT/N2lyQ5P8egjcRaT/Y9aNqUxK0WsnIIg== - dependencies: - "@babel/types" "^7.20.0" - -"@babel/helper-split-export-declaration@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz#7367949bc75b20c6d5a5d4a97bba2824ae8ef075" - integrity sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA== - dependencies: - "@babel/types" "^7.18.6" - -"@babel/helper-string-parser@^7.19.4": - version "7.19.4" - resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.19.4.tgz#38d3acb654b4701a9b77fb0615a96f775c3a9e63" - integrity sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw== - -"@babel/helper-validator-identifier@^7.18.6", "@babel/helper-validator-identifier@^7.19.1": - version "7.19.1" - resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz#7eea834cf32901ffdc1a7ee555e2f9c27e249ca2" - integrity sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w== - -"@babel/helper-validator-option@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.18.6.tgz#bf0d2b5a509b1f336099e4ff36e1a63aa5db4db8" - integrity sha512-XO7gESt5ouv/LRJdrVjkShckw6STTaB7l9BrpBaAHDeF5YZT+01PCwmR0SJHnkW6i8OwW/EVWRShfi4j2x+KQw== - -"@babel/helper-wrap-function@^7.18.9": - version "7.19.0" - resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.19.0.tgz#89f18335cff1152373222f76a4b37799636ae8b1" - integrity sha512-txX8aN8CZyYGTwcLhlk87KRqncAzhh5TpQamZUa0/u3an36NtDpUP6bQgBCBcLeBs09R/OwQu3OjK0k/HwfNDg== +"@babel/helper-module-imports@^7.22.15", "@babel/helper-module-imports@^7.24.1", "@babel/helper-module-imports@^7.24.3": + version "7.24.3" + resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.24.3.tgz#6ac476e6d168c7c23ff3ba3cf4f7841d46ac8128" + integrity sha512-viKb0F9f2s0BCS22QSF308z/+1YWKV/76mwt61NBzS5izMzDPwdq1pTrzf+Li3npBWX9KdQbkeCt1jSAM7lZqg== dependencies: - "@babel/helper-function-name" "^7.19.0" - "@babel/template" "^7.18.10" - "@babel/traverse" "^7.19.0" - "@babel/types" "^7.19.0" + "@babel/types" "^7.24.0" -"@babel/helpers@^7.12.5", "@babel/helpers@^7.20.1": - version "7.20.1" - resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.20.1.tgz#2ab7a0fcb0a03b5bf76629196ed63c2d7311f4c9" - integrity sha512-J77mUVaDTUJFZ5BpP6mMn6OIl3rEWymk2ZxDBQJUG3P+PbmyMcF3bYWvz0ma69Af1oobDqT/iAsvzhB58xhQUg== +"@babel/helper-module-transforms@^7.23.3": + version "7.23.3" + resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.23.3.tgz#d7d12c3c5d30af5b3c0fcab2a6d5217773e2d0f1" + integrity sha512-7bBs4ED9OmswdfDzpz4MpWgSrV7FXlc3zIagvLFjS5H+Mk7Snr21vQ6QwrsoCGMfNC4e4LQPdoULEt4ykz0SRQ== dependencies: - "@babel/template" "^7.18.10" - "@babel/traverse" "^7.20.1" - "@babel/types" "^7.20.0" - -"@babel/highlight@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.18.6.tgz#81158601e93e2563795adcbfbdf5d64be3f2ecdf" - integrity sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g== + "@babel/helper-environment-visitor" "^7.22.20" + "@babel/helper-module-imports" "^7.22.15" + "@babel/helper-simple-access" "^7.22.5" + "@babel/helper-split-export-declaration" "^7.22.6" + "@babel/helper-validator-identifier" "^7.22.20" + +"@babel/helper-module-transforms@^7.24.5": + version "7.24.5" + resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.24.5.tgz#ea6c5e33f7b262a0ae762fd5986355c45f54a545" + integrity sha512-9GxeY8c2d2mdQUP1Dye0ks3VDyIMS98kt/llQ2nUId8IsWqTF0l1LkSX0/uP7l7MCDrzXS009Hyhe2gzTiGW8A== + dependencies: + "@babel/helper-environment-visitor" "^7.22.20" + "@babel/helper-module-imports" "^7.24.3" + "@babel/helper-simple-access" "^7.24.5" + "@babel/helper-split-export-declaration" "^7.24.5" + "@babel/helper-validator-identifier" "^7.24.5" + +"@babel/helper-optimise-call-expression@^7.22.5": + version "7.22.5" + resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.22.5.tgz#f21531a9ccbff644fdd156b4077c16ff0c3f609e" + integrity sha512-HBwaojN0xFRx4yIvpwGqxiV2tUfl7401jlok564NgB9EHS1y6QT17FmKWm4ztqjeVdXLuC4fSvHc5ePpQjoTbw== + dependencies: + "@babel/types" "^7.22.5" + +"@babel/helper-plugin-utils@^7.0.0", "@babel/helper-plugin-utils@^7.10.4", "@babel/helper-plugin-utils@^7.12.13", "@babel/helper-plugin-utils@^7.14.5", "@babel/helper-plugin-utils@^7.18.6", "@babel/helper-plugin-utils@^7.22.5", "@babel/helper-plugin-utils@^7.24.0", "@babel/helper-plugin-utils@^7.8.0", "@babel/helper-plugin-utils@^7.8.3": + version "7.24.0" + resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.0.tgz#945681931a52f15ce879fd5b86ce2dae6d3d7f2a" + integrity sha512-9cUznXMG0+FxRuJfvL82QlTqIzhVW9sL0KjMPHhAOOvpQGL8QtdxnBKILjBqxlHyliz0yCa1G903ZXI/FuHy2w== + +"@babel/helper-plugin-utils@^7.24.5": + version "7.24.5" + resolved "https://registry.yarnpkg.com/@babel/helper-plugin-utils/-/helper-plugin-utils-7.24.5.tgz#a924607dd254a65695e5bd209b98b902b3b2f11a" + integrity sha512-xjNLDopRzW2o6ba0gKbkZq5YWEBaK3PCyTOY1K2P/O07LGMhMqlMXPxwN4S5/RhWuCobT8z0jrlKGlYmeR1OhQ== + +"@babel/helper-remap-async-to-generator@^7.22.20": + version "7.22.20" + resolved "https://registry.yarnpkg.com/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.22.20.tgz#7b68e1cb4fa964d2996fd063723fb48eca8498e0" + integrity sha512-pBGyV4uBqOns+0UvhsTO8qgl8hO89PmiDYv+/COyp1aeMcmfrfruz+/nCMFiYyFF/Knn0yfrC85ZzNFjembFTw== + dependencies: + "@babel/helper-annotate-as-pure" "^7.22.5" + "@babel/helper-environment-visitor" "^7.22.20" + "@babel/helper-wrap-function" "^7.22.20" + +"@babel/helper-replace-supers@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/helper-replace-supers/-/helper-replace-supers-7.24.1.tgz#7085bd19d4a0b7ed8f405c1ed73ccb70f323abc1" + integrity sha512-QCR1UqC9BzG5vZl8BMicmZ28RuUBnHhAMddD8yHFHDRH9lLTZ9uUPehX8ctVPT8l0TKblJidqcgUUKGVrePleQ== + dependencies: + "@babel/helper-environment-visitor" "^7.22.20" + "@babel/helper-member-expression-to-functions" "^7.23.0" + "@babel/helper-optimise-call-expression" "^7.22.5" + +"@babel/helper-simple-access@^7.22.5": + version "7.22.5" + resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.22.5.tgz#4938357dc7d782b80ed6dbb03a0fba3d22b1d5de" + integrity sha512-n0H99E/K+Bika3++WNL17POvo4rKWZ7lZEp1Q+fStVbUi8nxPQEBOlTmCOxW/0JsS56SKKQ+ojAe2pHKJHN35w== + dependencies: + "@babel/types" "^7.22.5" + +"@babel/helper-simple-access@^7.24.5": + version "7.24.5" + resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.24.5.tgz#50da5b72f58c16b07fbd992810be6049478e85ba" + integrity sha512-uH3Hmf5q5n7n8mz7arjUlDOCbttY/DW4DYhE6FUsjKJ/oYC1kQQUvwEQWxRwUpX9qQKRXeqLwWxrqilMrf32sQ== + dependencies: + "@babel/types" "^7.24.5" + +"@babel/helper-skip-transparent-expression-wrappers@^7.22.5": + version "7.22.5" + resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.22.5.tgz#007f15240b5751c537c40e77abb4e89eeaaa8847" + integrity sha512-tK14r66JZKiC43p8Ki33yLBVJKlQDFoA8GYN67lWCDCqoL6EMMSuM9b+Iff2jHaM/RRFYl7K+iiru7hbRqNx8Q== + dependencies: + "@babel/types" "^7.22.5" + +"@babel/helper-split-export-declaration@^7.22.6": + version "7.22.6" + resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.22.6.tgz#322c61b7310c0997fe4c323955667f18fcefb91c" + integrity sha512-AsUnxuLhRYsisFiaJwvp1QF+I3KjD5FOxut14q/GzovUe6orHLesW2C7d754kRm53h5gqrz6sFl6sxc4BVtE/g== + dependencies: + "@babel/types" "^7.22.5" + +"@babel/helper-split-export-declaration@^7.24.5": + version "7.24.5" + resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.5.tgz#b9a67f06a46b0b339323617c8c6213b9055a78b6" + integrity sha512-5CHncttXohrHk8GWOFCcCl4oRD9fKosWlIRgWm4ql9VYioKm52Mk2xsmoohvm7f3JoiLSM5ZgJuRaf5QZZYd3Q== + dependencies: + "@babel/types" "^7.24.5" + +"@babel/helper-string-parser@^7.23.4", "@babel/helper-string-parser@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.24.1.tgz#f99c36d3593db9540705d0739a1f10b5e20c696e" + integrity sha512-2ofRCjnnA9y+wk8b9IAREroeUP02KHp431N2mhKniy2yKIDKpbrHv9eXwm8cBeWQYcJmzv5qKCu65P47eCF7CQ== + +"@babel/helper-validator-identifier@^7.22.20": + version "7.22.20" + resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz#c4ae002c61d2879e724581d96665583dbc1dc0e0" + integrity sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A== + +"@babel/helper-validator-identifier@^7.24.5": + version "7.24.5" + resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.5.tgz#918b1a7fa23056603506370089bd990d8720db62" + integrity sha512-3q93SSKX2TWCG30M2G2kwaKeTYgEUp5Snjuj8qm729SObL6nbtUldAi37qbxkD5gg3xnBio+f9nqpSepGZMvxA== + +"@babel/helper-validator-option@^7.23.5": + version "7.23.5" + resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.23.5.tgz#907a3fbd4523426285365d1206c423c4c5520307" + integrity sha512-85ttAOMLsr53VgXkTbkx8oA6YTfT4q7/HzXSLEYmjcSTJPMPQtvq1BD79Byep5xMUYbGRzEpDsjUf3dyp54IKw== + +"@babel/helper-wrap-function@^7.22.20": + version "7.22.20" + resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.22.20.tgz#15352b0b9bfb10fc9c76f79f6342c00e3411a569" + integrity sha512-pms/UwkOpnQe/PDAEdV/d7dVCoBbB+R4FvYoHGZz+4VPcg7RtYy2KP7S2lbuWM6FCSgob5wshfGESbC/hzNXZw== + dependencies: + "@babel/helper-function-name" "^7.22.5" + "@babel/template" "^7.22.15" + "@babel/types" "^7.22.19" + +"@babel/helpers@^7.24.4": + version "7.24.4" + resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.24.4.tgz#dc00907fd0d95da74563c142ef4cd21f2cb856b6" + integrity sha512-FewdlZbSiwaVGlgT1DPANDuCHaDMiOo+D/IDYRFYjHOuv66xMSJ7fQwwODwRNAPkADIO/z1EoF/l2BCWlWABDw== + dependencies: + "@babel/template" "^7.24.0" + "@babel/traverse" "^7.24.1" + "@babel/types" "^7.24.0" + +"@babel/helpers@^7.24.5": + version "7.24.5" + resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.24.5.tgz#fedeb87eeafa62b621160402181ad8585a22a40a" + integrity sha512-CiQmBMMpMQHwM5m01YnrM6imUG1ebgYJ+fAIW4FZe6m4qHTPaRHti+R8cggAwkdz4oXhtO4/K9JWlh+8hIfR2Q== + dependencies: + "@babel/template" "^7.24.0" + "@babel/traverse" "^7.24.5" + "@babel/types" "^7.24.5" + +"@babel/highlight@^7.24.2": + version "7.24.2" + resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.24.2.tgz#3f539503efc83d3c59080a10e6634306e0370d26" + integrity sha512-Yac1ao4flkTxTteCDZLEvdxg2fZfz1v8M4QpaGypq/WPDqg3ijHYbDfs+LG5hvzSoqaSZ9/Z9lKSP3CjZjv+pA== dependencies: - "@babel/helper-validator-identifier" "^7.18.6" - chalk "^2.0.0" + "@babel/helper-validator-identifier" "^7.22.20" + chalk "^2.4.2" js-tokens "^4.0.0" + picocolors "^1.0.0" -"@babel/parser@^7.12.7", "@babel/parser@^7.18.10", "@babel/parser@^7.18.8", "@babel/parser@^7.20.1", "@babel/parser@^7.20.2": - version "7.20.3" - resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.20.3.tgz#5358cf62e380cf69efcb87a7bb922ff88bfac6e2" - integrity sha512-OP/s5a94frIPXwjzEcv5S/tpQfc6XhxYUnmWpgdqMWGgYCuErA3SzozaRAMQgSZWKeTJxht9aWAkUY+0UzvOFg== - -"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.18.6.tgz#da5b8f9a580acdfbe53494dba45ea389fb09a4d2" - integrity sha512-Dgxsyg54Fx1d4Nge8UnvTrED63vrwOdPmyvPzlNN/boaliRP54pm3pGzZD1SJUwrBA+Cs/xdG8kXX6Mn/RfISQ== - dependencies: - "@babel/helper-plugin-utils" "^7.18.6" - -"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.18.9": - version "7.18.9" - resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.18.9.tgz#a11af19aa373d68d561f08e0a57242350ed0ec50" - integrity sha512-AHrP9jadvH7qlOj6PINbgSuphjQUAK7AOT7DPjBo9EHoLhQTnnK5u45e1Hd4DbSQEO9nqPWtQ89r+XEOWFScKg== - dependencies: - "@babel/helper-plugin-utils" "^7.18.9" - "@babel/helper-skip-transparent-expression-wrappers" "^7.18.9" - "@babel/plugin-proposal-optional-chaining" "^7.18.9" - -"@babel/plugin-proposal-async-generator-functions@^7.20.1": - version "7.20.1" - resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-async-generator-functions/-/plugin-proposal-async-generator-functions-7.20.1.tgz#352f02baa5d69f4e7529bdac39aaa02d41146af9" - integrity sha512-Gh5rchzSwE4kC+o/6T8waD0WHEQIsDmjltY8WnWRXHUdH8axZhuH86Ov9M72YhJfDrZseQwuuWaaIT/TmePp3g== - dependencies: - "@babel/helper-environment-visitor" "^7.18.9" - "@babel/helper-plugin-utils" "^7.19.0" - "@babel/helper-remap-async-to-generator" "^7.18.9" - "@babel/plugin-syntax-async-generators" "^7.8.4" - -"@babel/plugin-proposal-class-properties@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.18.6.tgz#b110f59741895f7ec21a6fff696ec46265c446a3" - integrity sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ== - dependencies: - "@babel/helper-create-class-features-plugin" "^7.18.6" - "@babel/helper-plugin-utils" "^7.18.6" - -"@babel/plugin-proposal-class-static-block@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-class-static-block/-/plugin-proposal-class-static-block-7.18.6.tgz#8aa81d403ab72d3962fc06c26e222dacfc9b9020" - integrity sha512-+I3oIiNxrCpup3Gi8n5IGMwj0gOCAjcJUSQEcotNnCCPMEnixawOQ+KeJPlgfjzx+FKQ1QSyZOWe7wmoJp7vhw== - dependencies: - "@babel/helper-create-class-features-plugin" "^7.18.6" - "@babel/helper-plugin-utils" "^7.18.6" - "@babel/plugin-syntax-class-static-block" "^7.14.5" - -"@babel/plugin-proposal-dynamic-import@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-dynamic-import/-/plugin-proposal-dynamic-import-7.18.6.tgz#72bcf8d408799f547d759298c3c27c7e7faa4d94" - integrity sha512-1auuwmK+Rz13SJj36R+jqFPMJWyKEDd7lLSdOj4oJK0UTgGueSAtkrCvz9ewmgyU/P941Rv2fQwZJN8s6QruXw== - dependencies: - "@babel/helper-plugin-utils" "^7.18.6" - "@babel/plugin-syntax-dynamic-import" "^7.8.3" - -"@babel/plugin-proposal-export-namespace-from@^7.18.9": - version "7.18.9" - resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-export-namespace-from/-/plugin-proposal-export-namespace-from-7.18.9.tgz#5f7313ab348cdb19d590145f9247540e94761203" - integrity sha512-k1NtHyOMvlDDFeb9G5PhUXuGj8m/wiwojgQVEhJ/fsVsMCpLyOP4h0uGEjYJKrRI+EVPlb5Jk+Gt9P97lOGwtA== - dependencies: - "@babel/helper-plugin-utils" "^7.18.9" - "@babel/plugin-syntax-export-namespace-from" "^7.8.3" - -"@babel/plugin-proposal-json-strings@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-json-strings/-/plugin-proposal-json-strings-7.18.6.tgz#7e8788c1811c393aff762817e7dbf1ebd0c05f0b" - integrity sha512-lr1peyn9kOdbYc0xr0OdHTZ5FMqS6Di+H0Fz2I/JwMzGmzJETNeOFq2pBySw6X/KFL5EWDjlJuMsUGRFb8fQgQ== - dependencies: - "@babel/helper-plugin-utils" "^7.18.6" - "@babel/plugin-syntax-json-strings" "^7.8.3" - -"@babel/plugin-proposal-logical-assignment-operators@^7.18.9": - version "7.18.9" - resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-logical-assignment-operators/-/plugin-proposal-logical-assignment-operators-7.18.9.tgz#8148cbb350483bf6220af06fa6db3690e14b2e23" - integrity sha512-128YbMpjCrP35IOExw2Fq+x55LMP42DzhOhX2aNNIdI9avSWl2PI0yuBWarr3RYpZBSPtabfadkH2yeRiMD61Q== - dependencies: - "@babel/helper-plugin-utils" "^7.18.9" - "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4" - -"@babel/plugin-proposal-nullish-coalescing-operator@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-nullish-coalescing-operator/-/plugin-proposal-nullish-coalescing-operator-7.18.6.tgz#fdd940a99a740e577d6c753ab6fbb43fdb9467e1" - integrity sha512-wQxQzxYeJqHcfppzBDnm1yAY0jSRkUXR2z8RePZYrKwMKgMlE8+Z6LUno+bd6LvbGh8Gltvy74+9pIYkr+XkKA== - dependencies: - "@babel/helper-plugin-utils" "^7.18.6" - "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3" - -"@babel/plugin-proposal-numeric-separator@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-numeric-separator/-/plugin-proposal-numeric-separator-7.18.6.tgz#899b14fbafe87f053d2c5ff05b36029c62e13c75" - integrity sha512-ozlZFogPqoLm8WBr5Z8UckIoE4YQ5KESVcNudyXOR8uqIkliTEgJ3RoketfG6pmzLdeZF0H/wjE9/cCEitBl7Q== - dependencies: - "@babel/helper-plugin-utils" "^7.18.6" - "@babel/plugin-syntax-numeric-separator" "^7.10.4" +"@babel/parser@^7.24.0", "@babel/parser@^7.24.1", "@babel/parser@^7.24.4": + version "7.24.4" + resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.4.tgz#234487a110d89ad5a3ed4a8a566c36b9453e8c88" + integrity sha512-zTvEBcghmeBma9QIGunWevvBAp4/Qu9Bdq+2k0Ot4fVMD6v3dsC9WOcRSKk7tRRyBM/53yKMJko9xOatGQAwSg== -"@babel/plugin-proposal-object-rest-spread@7.12.1": - version "7.12.1" - resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.12.1.tgz#def9bd03cea0f9b72283dac0ec22d289c7691069" - integrity sha512-s6SowJIjzlhx8o7lsFx5zmY4At6CTtDvgNQDdPzkBQucle58A6b/TTeEBYtyDgmcXjUTM+vE8YOGHZzzbc/ioA== - dependencies: - "@babel/helper-plugin-utils" "^7.10.4" - "@babel/plugin-syntax-object-rest-spread" "^7.8.0" - "@babel/plugin-transform-parameters" "^7.12.1" +"@babel/parser@^7.24.5": + version "7.24.5" + resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.24.5.tgz#4a4d5ab4315579e5398a82dcf636ca80c3392790" + integrity sha512-EOv5IK8arwh3LI47dz1b0tKUb/1uhHAnHJOrjgtQMIpu1uXd9mlFrJg9IUgGUgZ41Ch0K8REPTYpO7B76b4vJg== -"@babel/plugin-proposal-object-rest-spread@^7.20.2": - version "7.20.2" - resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.20.2.tgz#a556f59d555f06961df1e572bb5eca864c84022d" - integrity sha512-Ks6uej9WFK+fvIMesSqbAto5dD8Dz4VuuFvGJFKgIGSkJuRGcrwGECPA1fDgQK3/DbExBJpEkTeYeB8geIFCSQ== +"@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.24.4": + version "7.24.4" + resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.24.4.tgz#6125f0158543fb4edf1c22f322f3db67f21cb3e1" + integrity sha512-qpl6vOOEEzTLLcsuqYYo8yDtrTocmu2xkGvgNebvPjT9DTtfFYGmgDqY+rBYXNlqL4s9qLDn6xkrJv4RxAPiTA== dependencies: - "@babel/compat-data" "^7.20.1" - "@babel/helper-compilation-targets" "^7.20.0" - "@babel/helper-plugin-utils" "^7.20.2" - "@babel/plugin-syntax-object-rest-spread" "^7.8.3" - "@babel/plugin-transform-parameters" "^7.20.1" + "@babel/helper-environment-visitor" "^7.22.20" + "@babel/helper-plugin-utils" "^7.24.0" -"@babel/plugin-proposal-optional-catch-binding@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-catch-binding/-/plugin-proposal-optional-catch-binding-7.18.6.tgz#f9400d0e6a3ea93ba9ef70b09e72dd6da638a2cb" - integrity sha512-Q40HEhs9DJQyaZfUjjn6vE8Cv4GmMHCYuMGIWUnlxH6400VGxOuwWsPt4FxXxJkC/5eOzgn0z21M9gMT4MOhbw== +"@babel/plugin-bugfix-firefox-class-in-computed-class-key@^7.24.5": + version "7.24.5" + resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.24.5.tgz#4c3685eb9cd790bcad2843900fe0250c91ccf895" + integrity sha512-LdXRi1wEMTrHVR4Zc9F8OewC3vdm5h4QB6L71zy6StmYeqGi1b3ttIO8UC+BfZKcH9jdr4aI249rBkm+3+YvHw== dependencies: - "@babel/helper-plugin-utils" "^7.18.6" - "@babel/plugin-syntax-optional-catch-binding" "^7.8.3" + "@babel/helper-environment-visitor" "^7.22.20" + "@babel/helper-plugin-utils" "^7.24.5" -"@babel/plugin-proposal-optional-chaining@^7.18.9": - version "7.18.9" - resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-optional-chaining/-/plugin-proposal-optional-chaining-7.18.9.tgz#e8e8fe0723f2563960e4bf5e9690933691915993" - integrity sha512-v5nwt4IqBXihxGsW2QmCWMDS3B3bzGIk/EQVZz2ei7f3NJl8NzAJVvUmpDW5q1CRNY+Beb/k58UAH1Km1N411w== +"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.24.1.tgz#b645d9ba8c2bc5b7af50f0fe949f9edbeb07c8cf" + integrity sha512-y4HqEnkelJIOQGd+3g1bTeKsA5c6qM7eOn7VggGVbBc0y8MLSKHacwcIE2PplNlQSj0PqS9rrXL/nkPVK+kUNg== dependencies: - "@babel/helper-plugin-utils" "^7.18.9" - "@babel/helper-skip-transparent-expression-wrappers" "^7.18.9" - "@babel/plugin-syntax-optional-chaining" "^7.8.3" + "@babel/helper-plugin-utils" "^7.24.0" -"@babel/plugin-proposal-private-methods@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-methods/-/plugin-proposal-private-methods-7.18.6.tgz#5209de7d213457548a98436fa2882f52f4be6bea" - integrity sha512-nutsvktDItsNn4rpGItSNV2sz1XwS+nfU0Rg8aCx3W3NOKVzdMjJRu0O5OkgDp3ZGICSTbgRpxZoWsxoKRvbeA== +"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.24.1.tgz#da8261f2697f0f41b0855b91d3a20a1fbfd271d3" + integrity sha512-Hj791Ii4ci8HqnaKHAlLNs+zaLXb0EzSDhiAWp5VNlyvCNymYfacs64pxTxbH1znW/NcArSmwpmG9IKE/TUVVQ== dependencies: - "@babel/helper-create-class-features-plugin" "^7.18.6" - "@babel/helper-plugin-utils" "^7.18.6" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5" + "@babel/plugin-transform-optional-chaining" "^7.24.1" -"@babel/plugin-proposal-private-property-in-object@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.18.6.tgz#a64137b232f0aca3733a67eb1a144c192389c503" - integrity sha512-9Rysx7FOctvT5ouj5JODjAFAkgGoudQuLPamZb0v1TGLpapdNaftzifU8NTWQm0IRjqoYypdrSmyWgkocDQ8Dw== +"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.24.1.tgz#1181d9685984c91d657b8ddf14f0487a6bab2988" + integrity sha512-m9m/fXsXLiHfwdgydIFnpk+7jlVbnvlK5B2EKiPdLUb6WX654ZaaEWJUjk8TftRbZpK0XibovlLWX4KIZhV6jw== dependencies: - "@babel/helper-annotate-as-pure" "^7.18.6" - "@babel/helper-create-class-features-plugin" "^7.18.6" - "@babel/helper-plugin-utils" "^7.18.6" - "@babel/plugin-syntax-private-property-in-object" "^7.14.5" + "@babel/helper-environment-visitor" "^7.22.20" + "@babel/helper-plugin-utils" "^7.24.0" -"@babel/plugin-proposal-unicode-property-regex@^7.18.6", "@babel/plugin-proposal-unicode-property-regex@^7.4.4": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-unicode-property-regex/-/plugin-proposal-unicode-property-regex-7.18.6.tgz#af613d2cd5e643643b65cded64207b15c85cb78e" - integrity sha512-2BShG/d5yoZyXZfVePH91urL5wTG6ASZU9M4o03lKK8u8UW1y08OMttBSOADTcJrnPMpvDXRG3G8fyLh4ovs8w== - dependencies: - "@babel/helper-create-regexp-features-plugin" "^7.18.6" - "@babel/helper-plugin-utils" "^7.18.6" +"@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2": + version "7.21.0-placeholder-for-preset-env.2" + resolved "https://registry.yarnpkg.com/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz#7844f9289546efa9febac2de4cfe358a050bd703" + integrity sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w== "@babel/plugin-syntax-async-generators@^7.8.4": version "7.8.4" @@ -611,12 +593,26 @@ dependencies: "@babel/helper-plugin-utils" "^7.8.3" -"@babel/plugin-syntax-import-assertions@^7.20.0": - version "7.20.0" - resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.20.0.tgz#bb50e0d4bea0957235390641209394e87bdb9cc4" - integrity sha512-IUh1vakzNoWalR8ch/areW7qFopR2AEw03JlG7BbrDqmQ4X3q9uuipQwSGrUn7oGiemKjtSLDhNtQHzMHr1JdQ== +"@babel/plugin-syntax-import-assertions@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.24.1.tgz#db3aad724153a00eaac115a3fb898de544e34971" + integrity sha512-IuwnI5XnuF189t91XbxmXeCDz3qs6iDRO7GJ++wcfgeXNs/8FmIlKcpDSXNVyuLQxlwvskmI3Ct73wUODkJBlQ== dependencies: - "@babel/helper-plugin-utils" "^7.19.0" + "@babel/helper-plugin-utils" "^7.24.0" + +"@babel/plugin-syntax-import-attributes@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.24.1.tgz#c66b966c63b714c4eec508fcf5763b1f2d381093" + integrity sha512-zhQTMH0X2nVLnb04tz+s7AMuasX8U0FnpE+nHTOhSOINjWMnopoZTxtIKsd45n4GQ/HIZLyfIpoul8e2m0DnRA== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + +"@babel/plugin-syntax-import-meta@^7.10.4": + version "7.10.4" + resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz#ee601348c370fa334d2207be158777496521fd51" + integrity sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g== + dependencies: + "@babel/helper-plugin-utils" "^7.10.4" "@babel/plugin-syntax-json-strings@^7.8.3": version "7.8.3" @@ -625,19 +621,12 @@ dependencies: "@babel/helper-plugin-utils" "^7.8.0" -"@babel/plugin-syntax-jsx@7.12.1": - version "7.12.1" - resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.12.1.tgz#9d9d357cc818aa7ae7935917c1257f67677a0926" - integrity sha512-1yRi7yAtB0ETgxdY9ti/p2TivUxJkTdhu/ZbF9MshVGqOx1TdB3b7xCXs49Fupgg50N45KcAsRP/ZqWjs9SRjg== +"@babel/plugin-syntax-jsx@^7.23.3", "@babel/plugin-syntax-jsx@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.24.1.tgz#3f6ca04b8c841811dbc3c5c5f837934e0d626c10" + integrity sha512-2eCtxZXf+kbkMIsXS4poTvT4Yu5rXiRa+9xGVT56raghjmBTKMpFNc9R4IDiB4emao9eO22Ox7CxuJG7BgExqA== dependencies: - "@babel/helper-plugin-utils" "^7.10.4" - -"@babel/plugin-syntax-jsx@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.18.6.tgz#a8feef63b010150abd97f1649ec296e849943ca0" - integrity sha512-6mmljtAedFGTWu2p/8WIORGwy+61PLgOMPOdazc7YoJ9ZCWUyFy3A6CpPkRKLKD1ToAesxX8KGEViAiLo9N+7Q== - dependencies: - "@babel/helper-plugin-utils" "^7.18.6" + "@babel/helper-plugin-utils" "^7.24.0" "@babel/plugin-syntax-logical-assignment-operators@^7.10.4": version "7.10.4" @@ -660,7 +649,7 @@ dependencies: "@babel/helper-plugin-utils" "^7.10.4" -"@babel/plugin-syntax-object-rest-spread@7.8.3", "@babel/plugin-syntax-object-rest-spread@^7.8.0", "@babel/plugin-syntax-object-rest-spread@^7.8.3": +"@babel/plugin-syntax-object-rest-spread@^7.8.3": version "7.8.3" resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz#60e225edcbd98a640332a2e72dd3e66f1af55871" integrity sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA== @@ -695,356 +684,563 @@ dependencies: "@babel/helper-plugin-utils" "^7.14.5" -"@babel/plugin-syntax-typescript@^7.20.0": - version "7.20.0" - resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.20.0.tgz#4e9a0cfc769c85689b77a2e642d24e9f697fc8c7" - integrity sha512-rd9TkG+u1CExzS4SM1BlMEhMXwFLKVjOAFFCDx9PbX5ycJWDoWMcwdJH9RhkPu1dOgn5TrxLot/Gx6lWFuAUNQ== +"@babel/plugin-syntax-typescript@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.24.1.tgz#b3bcc51f396d15f3591683f90239de143c076844" + integrity sha512-Yhnmvy5HZEnHUty6i++gcfH1/l68AHnItFHnaCv6hn9dNh0hQvvQJsxpi4BMBFN5DLeHBuucT/0DgzXif/OyRw== dependencies: - "@babel/helper-plugin-utils" "^7.19.0" + "@babel/helper-plugin-utils" "^7.24.0" -"@babel/plugin-transform-arrow-functions@^7.18.6": +"@babel/plugin-syntax-unicode-sets-regex@^7.18.6": version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.18.6.tgz#19063fcf8771ec7b31d742339dac62433d0611fe" - integrity sha512-9S9X9RUefzrsHZmKMbDXxweEH+YlE8JJEuat9FdvW9Qh1cw7W64jELCtWNkPBPX5En45uy28KGvA/AySqUh8CQ== + resolved "https://registry.yarnpkg.com/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz#d49a3b3e6b52e5be6740022317580234a6a47357" + integrity sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg== dependencies: + "@babel/helper-create-regexp-features-plugin" "^7.18.6" "@babel/helper-plugin-utils" "^7.18.6" -"@babel/plugin-transform-async-to-generator@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.18.6.tgz#ccda3d1ab9d5ced5265fdb13f1882d5476c71615" - integrity sha512-ARE5wZLKnTgPW7/1ftQmSi1CmkqqHo2DNmtztFhvgtOWSDfq0Cq9/9L+KnZNYSNrydBekhW3rwShduf59RoXag== +"@babel/plugin-transform-arrow-functions@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.24.1.tgz#2bf263617060c9cc45bcdbf492b8cc805082bf27" + integrity sha512-ngT/3NkRhsaep9ck9uj2Xhv9+xB1zShY3tM3g6om4xxCELwCDN4g4Aq5dRn48+0hasAql7s2hdBOysCfNpr4fw== dependencies: - "@babel/helper-module-imports" "^7.18.6" - "@babel/helper-plugin-utils" "^7.18.6" - "@babel/helper-remap-async-to-generator" "^7.18.6" + "@babel/helper-plugin-utils" "^7.24.0" -"@babel/plugin-transform-block-scoped-functions@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.18.6.tgz#9187bf4ba302635b9d70d986ad70f038726216a8" - integrity sha512-ExUcOqpPWnliRcPqves5HJcJOvHvIIWfuS4sroBUenPuMdmW+SMHDakmtS7qOo13sVppmUijqeTv7qqGsvURpQ== +"@babel/plugin-transform-async-generator-functions@^7.24.3": + version "7.24.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.24.3.tgz#8fa7ae481b100768cc9842c8617808c5352b8b89" + integrity sha512-Qe26CMYVjpQxJ8zxM1340JFNjZaF+ISWpr1Kt/jGo+ZTUzKkfw/pphEWbRCb+lmSM6k/TOgfYLvmbHkUQ0asIg== dependencies: - "@babel/helper-plugin-utils" "^7.18.6" + "@babel/helper-environment-visitor" "^7.22.20" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/helper-remap-async-to-generator" "^7.22.20" + "@babel/plugin-syntax-async-generators" "^7.8.4" -"@babel/plugin-transform-block-scoping@^7.20.2": - version "7.20.2" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.20.2.tgz#f59b1767e6385c663fd0bce655db6ca9c8b236ed" - integrity sha512-y5V15+04ry69OV2wULmwhEA6jwSWXO1TwAtIwiPXcvHcoOQUqpyMVd2bDsQJMW8AurjulIyUV8kDqtjSwHy1uQ== - dependencies: - "@babel/helper-plugin-utils" "^7.20.2" - -"@babel/plugin-transform-classes@^7.20.2": - version "7.20.2" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.20.2.tgz#c0033cf1916ccf78202d04be4281d161f6709bb2" - integrity sha512-9rbPp0lCVVoagvtEyQKSo5L8oo0nQS/iif+lwlAz29MccX2642vWDlSZK+2T2buxbopotId2ld7zZAzRfz9j1g== - dependencies: - "@babel/helper-annotate-as-pure" "^7.18.6" - "@babel/helper-compilation-targets" "^7.20.0" - "@babel/helper-environment-visitor" "^7.18.9" - "@babel/helper-function-name" "^7.19.0" - "@babel/helper-optimise-call-expression" "^7.18.6" - "@babel/helper-plugin-utils" "^7.20.2" - "@babel/helper-replace-supers" "^7.19.1" - "@babel/helper-split-export-declaration" "^7.18.6" +"@babel/plugin-transform-async-to-generator@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.24.1.tgz#0e220703b89f2216800ce7b1c53cb0cf521c37f4" + integrity sha512-AawPptitRXp1y0n4ilKcGbRYWfbbzFWz2NqNu7dacYDtFtz0CMjG64b3LQsb3KIgnf4/obcUL78hfaOS7iCUfw== + dependencies: + "@babel/helper-module-imports" "^7.24.1" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/helper-remap-async-to-generator" "^7.22.20" + +"@babel/plugin-transform-block-scoped-functions@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.24.1.tgz#1c94799e20fcd5c4d4589523bbc57b7692979380" + integrity sha512-TWWC18OShZutrv9C6mye1xwtam+uNi2bnTOCBUd5sZxyHOiWbU6ztSROofIMrK84uweEZC219POICK/sTYwfgg== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + +"@babel/plugin-transform-block-scoping@^7.24.4": + version "7.24.4" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.24.4.tgz#28f5c010b66fbb8ccdeef853bef1935c434d7012" + integrity sha512-nIFUZIpGKDf9O9ttyRXpHFpKC+X3Y5mtshZONuEUYBomAKoM4y029Jr+uB1bHGPhNmK8YXHevDtKDOLmtRrp6g== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + +"@babel/plugin-transform-block-scoping@^7.24.5": + version "7.24.5" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.24.5.tgz#89574191397f85661d6f748d4b89ee4d9ee69a2a" + integrity sha512-sMfBc3OxghjC95BkYrYocHL3NaOplrcaunblzwXhGmlPwpmfsxr4vK+mBBt49r+S240vahmv+kUxkeKgs+haCw== + dependencies: + "@babel/helper-plugin-utils" "^7.24.5" + +"@babel/plugin-transform-class-properties@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.24.1.tgz#bcbf1aef6ba6085cfddec9fc8d58871cf011fc29" + integrity sha512-OMLCXi0NqvJfORTaPQBwqLXHhb93wkBKZ4aNwMl6WtehO7ar+cmp+89iPEQPqxAnxsOKTaMcs3POz3rKayJ72g== + dependencies: + "@babel/helper-create-class-features-plugin" "^7.24.1" + "@babel/helper-plugin-utils" "^7.24.0" + +"@babel/plugin-transform-class-static-block@^7.24.4": + version "7.24.4" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.24.4.tgz#1a4653c0cf8ac46441ec406dece6e9bc590356a4" + integrity sha512-B8q7Pz870Hz/q9UgP8InNpY01CSLDSCyqX7zcRuv3FcPl87A2G17lASroHWaCtbdIcbYzOZ7kWmXFKbijMSmFg== + dependencies: + "@babel/helper-create-class-features-plugin" "^7.24.4" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-syntax-class-static-block" "^7.14.5" + +"@babel/plugin-transform-classes@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.24.1.tgz#5bc8fc160ed96378184bc10042af47f50884dcb1" + integrity sha512-ZTIe3W7UejJd3/3R4p7ScyyOoafetUShSf4kCqV0O7F/RiHxVj/wRaRnQlrGwflvcehNA8M42HkAiEDYZu2F1Q== + dependencies: + "@babel/helper-annotate-as-pure" "^7.22.5" + "@babel/helper-compilation-targets" "^7.23.6" + "@babel/helper-environment-visitor" "^7.22.20" + "@babel/helper-function-name" "^7.23.0" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/helper-replace-supers" "^7.24.1" + "@babel/helper-split-export-declaration" "^7.22.6" globals "^11.1.0" -"@babel/plugin-transform-computed-properties@^7.18.9": - version "7.18.9" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.18.9.tgz#2357a8224d402dad623caf6259b611e56aec746e" - integrity sha512-+i0ZU1bCDymKakLxn5srGHrsAPRELC2WIbzwjLhHW9SIE1cPYkLCL0NlnXMZaM1vhfgA2+M7hySk42VBvrkBRw== +"@babel/plugin-transform-classes@^7.24.5": + version "7.24.5" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-classes/-/plugin-transform-classes-7.24.5.tgz#05e04a09df49a46348299a0e24bfd7e901129339" + integrity sha512-gWkLP25DFj2dwe9Ck8uwMOpko4YsqyfZJrOmqqcegeDYEbp7rmn4U6UQZNj08UF6MaX39XenSpKRCvpDRBtZ7Q== + dependencies: + "@babel/helper-annotate-as-pure" "^7.22.5" + "@babel/helper-compilation-targets" "^7.23.6" + "@babel/helper-environment-visitor" "^7.22.20" + "@babel/helper-function-name" "^7.23.0" + "@babel/helper-plugin-utils" "^7.24.5" + "@babel/helper-replace-supers" "^7.24.1" + "@babel/helper-split-export-declaration" "^7.24.5" + globals "^11.1.0" + +"@babel/plugin-transform-computed-properties@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.24.1.tgz#bc7e787f8e021eccfb677af5f13c29a9934ed8a7" + integrity sha512-5pJGVIUfJpOS+pAqBQd+QMaTD2vCL/HcePooON6pDpHgRp4gNRmzyHTPIkXntwKsq3ayUFVfJaIKPw2pOkOcTw== dependencies: - "@babel/helper-plugin-utils" "^7.18.9" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/template" "^7.24.0" -"@babel/plugin-transform-destructuring@^7.20.2": - version "7.20.2" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.20.2.tgz#c23741cfa44ddd35f5e53896e88c75331b8b2792" - integrity sha512-mENM+ZHrvEgxLTBXUiQ621rRXZes3KWUv6NdQlrnr1TkWVw+hUjQBZuP2X32qKlrlG2BzgR95gkuCRSkJl8vIw== +"@babel/plugin-transform-destructuring@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.24.1.tgz#b1e8243af4a0206841973786292b8c8dd8447345" + integrity sha512-ow8jciWqNxR3RYbSNVuF4U2Jx130nwnBnhRw6N6h1bOejNkABmcI5X5oz29K4alWX7vf1C+o6gtKXikzRKkVdw== dependencies: - "@babel/helper-plugin-utils" "^7.20.2" + "@babel/helper-plugin-utils" "^7.24.0" -"@babel/plugin-transform-dotall-regex@^7.18.6", "@babel/plugin-transform-dotall-regex@^7.4.4": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.18.6.tgz#b286b3e7aae6c7b861e45bed0a2fafd6b1a4fef8" - integrity sha512-6S3jpun1eEbAxq7TdjLotAsl4WpQI9DxfkycRcKrjhQYzU87qpXdknpBg/e+TdcMehqGnLFi7tnFUBR02Vq6wg== +"@babel/plugin-transform-destructuring@^7.24.5": + version "7.24.5" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.24.5.tgz#80843ee6a520f7362686d1a97a7b53544ede453c" + integrity sha512-SZuuLyfxvsm+Ah57I/i1HVjveBENYK9ue8MJ7qkc7ndoNjqquJiElzA7f5yaAXjyW2hKojosOTAQQRX50bPSVg== dependencies: - "@babel/helper-create-regexp-features-plugin" "^7.18.6" - "@babel/helper-plugin-utils" "^7.18.6" + "@babel/helper-plugin-utils" "^7.24.5" -"@babel/plugin-transform-duplicate-keys@^7.18.9": - version "7.18.9" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.18.9.tgz#687f15ee3cdad6d85191eb2a372c4528eaa0ae0e" - integrity sha512-d2bmXCtZXYc59/0SanQKbiWINadaJXqtvIQIzd4+hNwkWBgyCd5F/2t1kXoUdvPMrxzPvhK6EMQRROxsue+mfw== +"@babel/plugin-transform-dotall-regex@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.24.1.tgz#d56913d2f12795cc9930801b84c6f8c47513ac13" + integrity sha512-p7uUxgSoZwZ2lPNMzUkqCts3xlp8n+o05ikjy7gbtFJSt9gdU88jAmtfmOxHM14noQXBxfgzf2yRWECiNVhTCw== dependencies: - "@babel/helper-plugin-utils" "^7.18.9" + "@babel/helper-create-regexp-features-plugin" "^7.22.15" + "@babel/helper-plugin-utils" "^7.24.0" -"@babel/plugin-transform-exponentiation-operator@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.18.6.tgz#421c705f4521888c65e91fdd1af951bfefd4dacd" - integrity sha512-wzEtc0+2c88FVR34aQmiz56dxEkxr2g8DQb/KfaFa1JYXOFVsbhvAonFN6PwVWj++fKmku8NP80plJ5Et4wqHw== +"@babel/plugin-transform-duplicate-keys@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.24.1.tgz#5347a797fe82b8d09749d10e9f5b83665adbca88" + integrity sha512-msyzuUnvsjsaSaocV6L7ErfNsa5nDWL1XKNnDePLgmz+WdU4w/J8+AxBMrWfi9m4IxfL5sZQKUPQKDQeeAT6lA== dependencies: - "@babel/helper-builder-binary-assignment-operator-visitor" "^7.18.6" - "@babel/helper-plugin-utils" "^7.18.6" + "@babel/helper-plugin-utils" "^7.24.0" -"@babel/plugin-transform-for-of@^7.18.8": - version "7.18.8" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.18.8.tgz#6ef8a50b244eb6a0bdbad0c7c61877e4e30097c1" - integrity sha512-yEfTRnjuskWYo0k1mHUqrVWaZwrdq8AYbfrpqULOJOaucGSp4mNMVps+YtA8byoevxS/urwU75vyhQIxcCgiBQ== +"@babel/plugin-transform-dynamic-import@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.24.1.tgz#2a5a49959201970dd09a5fca856cb651e44439dd" + integrity sha512-av2gdSTyXcJVdI+8aFZsCAtR29xJt0S5tas+Ef8NvBNmD1a+N/3ecMLeMBgfcK+xzsjdLDT6oHt+DFPyeqUbDA== dependencies: - "@babel/helper-plugin-utils" "^7.18.6" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-syntax-dynamic-import" "^7.8.3" -"@babel/plugin-transform-function-name@^7.18.9": - version "7.18.9" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.18.9.tgz#cc354f8234e62968946c61a46d6365440fc764e0" - integrity sha512-WvIBoRPaJQ5yVHzcnJFor7oS5Ls0PYixlTYE63lCj2RtdQEl15M68FXQlxnG6wdraJIXRdR7KI+hQ7q/9QjrCQ== +"@babel/plugin-transform-exponentiation-operator@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.24.1.tgz#6650ebeb5bd5c012d5f5f90a26613a08162e8ba4" + integrity sha512-U1yX13dVBSwS23DEAqU+Z/PkwE9/m7QQy8Y9/+Tdb8UWYaGNDYwTLi19wqIAiROr8sXVum9A/rtiH5H0boUcTw== dependencies: - "@babel/helper-compilation-targets" "^7.18.9" - "@babel/helper-function-name" "^7.18.9" - "@babel/helper-plugin-utils" "^7.18.9" + "@babel/helper-builder-binary-assignment-operator-visitor" "^7.22.15" + "@babel/helper-plugin-utils" "^7.24.0" -"@babel/plugin-transform-literals@^7.18.9": - version "7.18.9" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.18.9.tgz#72796fdbef80e56fba3c6a699d54f0de557444bc" - integrity sha512-IFQDSRoTPnrAIrI5zoZv73IFeZu2dhu6irxQjY9rNjTT53VmKg9fenjvoiOWOkJ6mm4jKVPtdMzBY98Fp4Z4cg== +"@babel/plugin-transform-export-namespace-from@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.24.1.tgz#f033541fc036e3efb2dcb58eedafd4f6b8078acd" + integrity sha512-Ft38m/KFOyzKw2UaJFkWG9QnHPG/Q/2SkOrRk4pNBPg5IPZ+dOxcmkK5IyuBcxiNPyyYowPGUReyBvrvZs7IlQ== dependencies: - "@babel/helper-plugin-utils" "^7.18.9" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-syntax-export-namespace-from" "^7.8.3" -"@babel/plugin-transform-member-expression-literals@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.18.6.tgz#ac9fdc1a118620ac49b7e7a5d2dc177a1bfee88e" - integrity sha512-qSF1ihLGO3q+/g48k85tUjD033C29TNTVB2paCwZPVmOsjn9pClvYYrM2VeJpBY2bcNkuny0YUyTNRyRxJ54KA== +"@babel/plugin-transform-for-of@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.24.1.tgz#67448446b67ab6c091360ce3717e7d3a59e202fd" + integrity sha512-OxBdcnF04bpdQdR3i4giHZNZQn7cm8RQKcSwA17wAAqEELo1ZOwp5FFgeptWUQXFyT9kwHo10aqqauYkRZPCAg== dependencies: - "@babel/helper-plugin-utils" "^7.18.6" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5" -"@babel/plugin-transform-modules-amd@^7.19.6": - version "7.19.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.19.6.tgz#aca391801ae55d19c4d8d2ebfeaa33df5f2a2cbd" - integrity sha512-uG3od2mXvAtIFQIh0xrpLH6r5fpSQN04gIVovl+ODLdUMANokxQLZnPBHcjmv3GxRjnqwLuHvppjjcelqUFZvg== +"@babel/plugin-transform-function-name@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.24.1.tgz#8cba6f7730626cc4dfe4ca2fa516215a0592b361" + integrity sha512-BXmDZpPlh7jwicKArQASrj8n22/w6iymRnvHYYd2zO30DbE277JO20/7yXJT3QxDPtiQiOxQBbZH4TpivNXIxA== dependencies: - "@babel/helper-module-transforms" "^7.19.6" - "@babel/helper-plugin-utils" "^7.19.0" + "@babel/helper-compilation-targets" "^7.23.6" + "@babel/helper-function-name" "^7.23.0" + "@babel/helper-plugin-utils" "^7.24.0" -"@babel/plugin-transform-modules-commonjs@^7.19.6": - version "7.19.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.19.6.tgz#25b32feef24df8038fc1ec56038917eacb0b730c" - integrity sha512-8PIa1ym4XRTKuSsOUXqDG0YaOlEuTVvHMe5JCfgBMOtHvJKw/4NGovEGN33viISshG/rZNVrACiBmPQLvWN8xQ== +"@babel/plugin-transform-json-strings@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.24.1.tgz#08e6369b62ab3e8a7b61089151b161180c8299f7" + integrity sha512-U7RMFmRvoasscrIFy5xA4gIp8iWnWubnKkKuUGJjsuOH7GfbMkB+XZzeslx2kLdEGdOJDamEmCqOks6e8nv8DQ== dependencies: - "@babel/helper-module-transforms" "^7.19.6" - "@babel/helper-plugin-utils" "^7.19.0" - "@babel/helper-simple-access" "^7.19.4" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-syntax-json-strings" "^7.8.3" -"@babel/plugin-transform-modules-systemjs@^7.19.6": - version "7.19.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.19.6.tgz#59e2a84064b5736a4471b1aa7b13d4431d327e0d" - integrity sha512-fqGLBepcc3kErfR9R3DnVpURmckXP7gj7bAlrTQyBxrigFqszZCkFkcoxzCp2v32XmwXLvbw+8Yq9/b+QqksjQ== +"@babel/plugin-transform-literals@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-literals/-/plugin-transform-literals-7.24.1.tgz#0a1982297af83e6b3c94972686067df588c5c096" + integrity sha512-zn9pwz8U7nCqOYIiBaOxoQOtYmMODXTJnkxG4AtX8fPmnCRYWBOHD0qcpwS9e2VDSp1zNJYpdnFMIKb8jmwu6g== dependencies: - "@babel/helper-hoist-variables" "^7.18.6" - "@babel/helper-module-transforms" "^7.19.6" - "@babel/helper-plugin-utils" "^7.19.0" - "@babel/helper-validator-identifier" "^7.19.1" + "@babel/helper-plugin-utils" "^7.24.0" -"@babel/plugin-transform-modules-umd@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.18.6.tgz#81d3832d6034b75b54e62821ba58f28ed0aab4b9" - integrity sha512-dcegErExVeXcRqNtkRU/z8WlBLnvD4MRnHgNs3MytRO1Mn1sHRyhbcpYbVMGclAqOjdW+9cfkdZno9dFdfKLfQ== +"@babel/plugin-transform-logical-assignment-operators@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.24.1.tgz#719d8aded1aa94b8fb34e3a785ae8518e24cfa40" + integrity sha512-OhN6J4Bpz+hIBqItTeWJujDOfNP+unqv/NJgyhlpSqgBTPm37KkMmZV6SYcOj+pnDbdcl1qRGV/ZiIjX9Iy34w== dependencies: - "@babel/helper-module-transforms" "^7.18.6" - "@babel/helper-plugin-utils" "^7.18.6" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4" -"@babel/plugin-transform-named-capturing-groups-regex@^7.19.1": - version "7.19.1" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.19.1.tgz#ec7455bab6cd8fb05c525a94876f435a48128888" - integrity sha512-oWk9l9WItWBQYS4FgXD4Uyy5kq898lvkXpXQxoJEY1RnvPk4R/Dvu2ebXU9q8lP+rlMwUQTFf2Ok6d78ODa0kw== +"@babel/plugin-transform-member-expression-literals@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.24.1.tgz#896d23601c92f437af8b01371ad34beb75df4489" + integrity sha512-4ojai0KysTWXzHseJKa1XPNXKRbuUrhkOPY4rEGeR+7ChlJVKxFa3H3Bz+7tWaGKgJAXUWKOGmltN+u9B3+CVg== dependencies: - "@babel/helper-create-regexp-features-plugin" "^7.19.0" - "@babel/helper-plugin-utils" "^7.19.0" + "@babel/helper-plugin-utils" "^7.24.0" -"@babel/plugin-transform-new-target@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.18.6.tgz#d128f376ae200477f37c4ddfcc722a8a1b3246a8" - integrity sha512-DjwFA/9Iu3Z+vrAn+8pBUGcjhxKguSMlsFqeCKbhb9BAV756v0krzVK04CRDi/4aqmk8BsHb4a/gFcaA5joXRw== +"@babel/plugin-transform-modules-amd@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.24.1.tgz#b6d829ed15258536977e9c7cc6437814871ffa39" + integrity sha512-lAxNHi4HVtjnHd5Rxg3D5t99Xm6H7b04hUS7EHIXcUl2EV4yl1gWdqZrNzXnSrHveL9qMdbODlLF55mvgjAfaQ== dependencies: - "@babel/helper-plugin-utils" "^7.18.6" + "@babel/helper-module-transforms" "^7.23.3" + "@babel/helper-plugin-utils" "^7.24.0" -"@babel/plugin-transform-object-super@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.18.6.tgz#fb3c6ccdd15939b6ff7939944b51971ddc35912c" - integrity sha512-uvGz6zk+pZoS1aTZrOvrbj6Pp/kK2mp45t2B+bTDre2UgsZZ8EZLSJtUg7m/no0zOJUWgFONpB7Zv9W2tSaFlA== +"@babel/plugin-transform-modules-commonjs@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.24.1.tgz#e71ba1d0d69e049a22bf90b3867e263823d3f1b9" + integrity sha512-szog8fFTUxBfw0b98gEWPaEqF42ZUD/T3bkynW/wtgx2p/XCP55WEsb+VosKceRSd6njipdZvNogqdtI4Q0chw== dependencies: - "@babel/helper-plugin-utils" "^7.18.6" - "@babel/helper-replace-supers" "^7.18.6" + "@babel/helper-module-transforms" "^7.23.3" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/helper-simple-access" "^7.22.5" -"@babel/plugin-transform-parameters@^7.12.1", "@babel/plugin-transform-parameters@^7.20.1": - version "7.20.3" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.20.3.tgz#7b3468d70c3c5b62e46be0a47b6045d8590fb748" - integrity sha512-oZg/Fpx0YDrj13KsLyO8I/CX3Zdw7z0O9qOd95SqcoIzuqy/WTGWvePeHAnZCN54SfdyjHcb1S30gc8zlzlHcA== +"@babel/plugin-transform-modules-systemjs@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.24.1.tgz#2b9625a3d4e445babac9788daec39094e6b11e3e" + integrity sha512-mqQ3Zh9vFO1Tpmlt8QPnbwGHzNz3lpNEMxQb1kAemn/erstyqw1r9KeOlOfo3y6xAnFEcOv2tSyrXfmMk+/YZA== dependencies: - "@babel/helper-plugin-utils" "^7.20.2" + "@babel/helper-hoist-variables" "^7.22.5" + "@babel/helper-module-transforms" "^7.23.3" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/helper-validator-identifier" "^7.22.20" -"@babel/plugin-transform-property-literals@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.18.6.tgz#e22498903a483448e94e032e9bbb9c5ccbfc93a3" - integrity sha512-cYcs6qlgafTud3PAzrrRNbQtfpQ8+y/+M5tKmksS9+M1ckbH6kzY8MrexEM9mcA6JDsukE19iIRvAyYl463sMg== +"@babel/plugin-transform-modules-umd@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.24.1.tgz#69220c66653a19cf2c0872b9c762b9a48b8bebef" + integrity sha512-tuA3lpPj+5ITfcCluy6nWonSL7RvaG0AOTeAuvXqEKS34lnLzXpDb0dcP6K8jD0zWZFNDVly90AGFJPnm4fOYg== dependencies: - "@babel/helper-plugin-utils" "^7.18.6" + "@babel/helper-module-transforms" "^7.23.3" + "@babel/helper-plugin-utils" "^7.24.0" -"@babel/plugin-transform-react-constant-elements@^7.18.12": - version "7.20.2" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.20.2.tgz#3f02c784e0b711970d7d8ccc96c4359d64e27ac7" - integrity sha512-KS/G8YI8uwMGKErLFOHS/ekhqdHhpEloxs43NecQHVgo2QuQSyJhGIY1fL8UGl9wy5ItVwwoUL4YxVqsplGq2g== +"@babel/plugin-transform-named-capturing-groups-regex@^7.22.5": + version "7.22.5" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.22.5.tgz#67fe18ee8ce02d57c855185e27e3dc959b2e991f" + integrity sha512-YgLLKmS3aUBhHaxp5hi1WJTgOUb/NCuDHzGT9z9WTt3YG+CPRhJs6nprbStx6DnWM4dh6gt7SU3sZodbZ08adQ== dependencies: - "@babel/helper-plugin-utils" "^7.20.2" + "@babel/helper-create-regexp-features-plugin" "^7.22.5" + "@babel/helper-plugin-utils" "^7.22.5" -"@babel/plugin-transform-react-display-name@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.18.6.tgz#8b1125f919ef36ebdfff061d664e266c666b9415" - integrity sha512-TV4sQ+T013n61uMoygyMRm+xf04Bd5oqFpv2jAEQwSZ8NwQA7zeRPg1LMVg2PWi3zWBz+CLKD+v5bcpZ/BS0aA== +"@babel/plugin-transform-new-target@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.24.1.tgz#29c59988fa3d0157de1c871a28cd83096363cc34" + integrity sha512-/rurytBM34hYy0HKZQyA0nHbQgQNFm4Q/BOc9Hflxi2X3twRof7NaE5W46j4kQitm7SvACVRXsa6N/tSZxvPug== dependencies: - "@babel/helper-plugin-utils" "^7.18.6" + "@babel/helper-plugin-utils" "^7.24.0" -"@babel/plugin-transform-react-jsx-development@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.18.6.tgz#dbe5c972811e49c7405b630e4d0d2e1380c0ddc5" - integrity sha512-SA6HEjwYFKF7WDjWcMcMGUimmw/nhNRDWxr+KaLSCrkD/LMDBvWRmHAYgE1HDeF8KUuI8OAu+RT6EOtKxSW2qA== +"@babel/plugin-transform-nullish-coalescing-operator@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.24.1.tgz#0cd494bb97cb07d428bd651632cb9d4140513988" + integrity sha512-iQ+caew8wRrhCikO5DrUYx0mrmdhkaELgFa+7baMcVuhxIkN7oxt06CZ51D65ugIb1UWRQ8oQe+HXAVM6qHFjw== dependencies: - "@babel/plugin-transform-react-jsx" "^7.18.6" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3" -"@babel/plugin-transform-react-jsx@^7.18.6": - version "7.19.0" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.19.0.tgz#b3cbb7c3a00b92ec8ae1027910e331ba5c500eb9" - integrity sha512-UVEvX3tXie3Szm3emi1+G63jyw1w5IcMY0FSKM+CRnKRI5Mr1YbCNgsSTwoTwKphQEG9P+QqmuRFneJPZuHNhg== +"@babel/plugin-transform-numeric-separator@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.24.1.tgz#5bc019ce5b3435c1cadf37215e55e433d674d4e8" + integrity sha512-7GAsGlK4cNL2OExJH1DzmDeKnRv/LXq0eLUSvudrehVA5Rgg4bIrqEUW29FbKMBRT0ztSqisv7kjP+XIC4ZMNw== dependencies: - "@babel/helper-annotate-as-pure" "^7.18.6" - "@babel/helper-module-imports" "^7.18.6" - "@babel/helper-plugin-utils" "^7.19.0" - "@babel/plugin-syntax-jsx" "^7.18.6" - "@babel/types" "^7.19.0" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-syntax-numeric-separator" "^7.10.4" -"@babel/plugin-transform-react-pure-annotations@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.18.6.tgz#561af267f19f3e5d59291f9950fd7b9663d0d844" - integrity sha512-I8VfEPg9r2TRDdvnHgPepTKvuRomzA8+u+nhY7qSI1fR2hRNebasZEETLyM5mAUr0Ku56OkXJ0I7NHJnO6cJiQ== +"@babel/plugin-transform-object-rest-spread@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.24.1.tgz#5a3ce73caf0e7871a02e1c31e8b473093af241ff" + integrity sha512-XjD5f0YqOtebto4HGISLNfiNMTTs6tbkFf2TOqJlYKYmbo+mN9Dnpl4SRoofiziuOWMIyq3sZEUqLo3hLITFEA== dependencies: - "@babel/helper-annotate-as-pure" "^7.18.6" - "@babel/helper-plugin-utils" "^7.18.6" + "@babel/helper-compilation-targets" "^7.23.6" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-syntax-object-rest-spread" "^7.8.3" + "@babel/plugin-transform-parameters" "^7.24.1" -"@babel/plugin-transform-regenerator@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.18.6.tgz#585c66cb84d4b4bf72519a34cfce761b8676ca73" - integrity sha512-poqRI2+qiSdeldcz4wTSTXBRryoq3Gc70ye7m7UD5Ww0nE29IXqMl6r7Nd15WBgRd74vloEMlShtH6CKxVzfmQ== +"@babel/plugin-transform-object-rest-spread@^7.24.5": + version "7.24.5" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.24.5.tgz#f91bbcb092ff957c54b4091c86bda8372f0b10ef" + integrity sha512-7EauQHszLGM3ay7a161tTQH7fj+3vVM/gThlz5HpFtnygTxjrlvoeq7MPVA1Vy9Q555OB8SnAOsMkLShNkkrHA== dependencies: - "@babel/helper-plugin-utils" "^7.18.6" - regenerator-transform "^0.15.0" + "@babel/helper-compilation-targets" "^7.23.6" + "@babel/helper-plugin-utils" "^7.24.5" + "@babel/plugin-syntax-object-rest-spread" "^7.8.3" + "@babel/plugin-transform-parameters" "^7.24.5" -"@babel/plugin-transform-reserved-words@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.18.6.tgz#b1abd8ebf8edaa5f7fe6bbb8d2133d23b6a6f76a" - integrity sha512-oX/4MyMoypzHjFrT1CdivfKZ+XvIPMFXwwxHp/r0Ddy2Vuomt4HDFGmft1TAY2yiTKiNSsh3kjBAzcM8kSdsjA== +"@babel/plugin-transform-object-super@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.24.1.tgz#e71d6ab13483cca89ed95a474f542bbfc20a0520" + integrity sha512-oKJqR3TeI5hSLRxudMjFQ9re9fBVUU0GICqM3J1mi8MqlhVr6hC/ZN4ttAyMuQR6EZZIY6h/exe5swqGNNIkWQ== dependencies: - "@babel/helper-plugin-utils" "^7.18.6" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/helper-replace-supers" "^7.24.1" -"@babel/plugin-transform-runtime@^7.18.6": - version "7.19.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.19.6.tgz#9d2a9dbf4e12644d6f46e5e75bfbf02b5d6e9194" - integrity sha512-PRH37lz4JU156lYFW1p8OxE5i7d6Sl/zV58ooyr+q1J1lnQPyg5tIiXlIwNVhJaY4W3TmOtdc8jqdXQcB1v5Yw== +"@babel/plugin-transform-optional-catch-binding@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.24.1.tgz#92a3d0efe847ba722f1a4508669b23134669e2da" + integrity sha512-oBTH7oURV4Y+3EUrf6cWn1OHio3qG/PVwO5J03iSJmBg6m2EhKjkAu/xuaXaYwWW9miYtvbWv4LNf0AmR43LUA== dependencies: - "@babel/helper-module-imports" "^7.18.6" - "@babel/helper-plugin-utils" "^7.19.0" - babel-plugin-polyfill-corejs2 "^0.3.3" - babel-plugin-polyfill-corejs3 "^0.6.0" - babel-plugin-polyfill-regenerator "^0.4.1" - semver "^6.3.0" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-syntax-optional-catch-binding" "^7.8.3" -"@babel/plugin-transform-shorthand-properties@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.18.6.tgz#6d6df7983d67b195289be24909e3f12a8f664dc9" - integrity sha512-eCLXXJqv8okzg86ywZJbRn19YJHU4XUa55oz2wbHhaQVn/MM+XhukiT7SYqp/7o00dg52Rj51Ny+Ecw4oyoygw== +"@babel/plugin-transform-optional-chaining@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.24.1.tgz#26e588acbedce1ab3519ac40cc748e380c5291e6" + integrity sha512-n03wmDt+987qXwAgcBlnUUivrZBPZ8z1plL0YvgQalLm+ZE5BMhGm94jhxXtA1wzv1Cu2aaOv1BM9vbVttrzSg== dependencies: - "@babel/helper-plugin-utils" "^7.18.6" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5" + "@babel/plugin-syntax-optional-chaining" "^7.8.3" -"@babel/plugin-transform-spread@^7.19.0": - version "7.19.0" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.19.0.tgz#dd60b4620c2fec806d60cfaae364ec2188d593b6" - integrity sha512-RsuMk7j6n+r752EtzyScnWkQyuJdli6LdO5Klv8Yx0OfPVTcQkIUfS8clx5e9yHXzlnhOZF3CbQ8C2uP5j074w== +"@babel/plugin-transform-optional-chaining@^7.24.5": + version "7.24.5" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.24.5.tgz#a6334bebd7f9dd3df37447880d0bd64b778e600f" + integrity sha512-xWCkmwKT+ihmA6l7SSTpk8e4qQl/274iNbSKRRS8mpqFR32ksy36+a+LWY8OXCCEefF8WFlnOHVsaDI2231wBg== dependencies: - "@babel/helper-plugin-utils" "^7.19.0" - "@babel/helper-skip-transparent-expression-wrappers" "^7.18.9" + "@babel/helper-plugin-utils" "^7.24.5" + "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5" + "@babel/plugin-syntax-optional-chaining" "^7.8.3" -"@babel/plugin-transform-sticky-regex@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.18.6.tgz#c6706eb2b1524028e317720339583ad0f444adcc" - integrity sha512-kfiDrDQ+PBsQDO85yj1icueWMfGfJFKN1KCkndygtu/C9+XUfydLC8Iv5UYJqRwy4zk8EcplRxEOeLyjq1gm6Q== +"@babel/plugin-transform-parameters@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.24.1.tgz#983c15d114da190506c75b616ceb0f817afcc510" + integrity sha512-8Jl6V24g+Uw5OGPeWNKrKqXPDw2YDjLc53ojwfMcKwlEoETKU9rU0mHUtcg9JntWI/QYzGAXNWEcVHZ+fR+XXg== dependencies: - "@babel/helper-plugin-utils" "^7.18.6" + "@babel/helper-plugin-utils" "^7.24.0" -"@babel/plugin-transform-template-literals@^7.18.9": - version "7.18.9" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.18.9.tgz#04ec6f10acdaa81846689d63fae117dd9c243a5e" - integrity sha512-S8cOWfT82gTezpYOiVaGHrCbhlHgKhQt8XH5ES46P2XWmX92yisoZywf5km75wv5sYcXDUCLMmMxOLCtthDgMA== +"@babel/plugin-transform-parameters@^7.24.5": + version "7.24.5" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.24.5.tgz#5c3b23f3a6b8fed090f9b98f2926896d3153cc62" + integrity sha512-9Co00MqZ2aoky+4j2jhofErthm6QVLKbpQrvz20c3CH9KQCLHyNB+t2ya4/UrRpQGR+Wrwjg9foopoeSdnHOkA== dependencies: - "@babel/helper-plugin-utils" "^7.18.9" + "@babel/helper-plugin-utils" "^7.24.5" -"@babel/plugin-transform-typeof-symbol@^7.18.9": - version "7.18.9" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.18.9.tgz#c8cea68263e45addcd6afc9091429f80925762c0" - integrity sha512-SRfwTtF11G2aemAZWivL7PD+C9z52v9EvMqH9BuYbabyPuKUvSWks3oCg6041pT925L4zVFqaVBeECwsmlguEw== +"@babel/plugin-transform-private-methods@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.24.1.tgz#a0faa1ae87eff077e1e47a5ec81c3aef383dc15a" + integrity sha512-tGvisebwBO5em4PaYNqt4fkw56K2VALsAbAakY0FjTYqJp7gfdrgr7YX76Or8/cpik0W6+tj3rZ0uHU9Oil4tw== dependencies: - "@babel/helper-plugin-utils" "^7.18.9" + "@babel/helper-create-class-features-plugin" "^7.24.1" + "@babel/helper-plugin-utils" "^7.24.0" -"@babel/plugin-transform-typescript@^7.18.6": - version "7.20.2" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.20.2.tgz#91515527b376fc122ba83b13d70b01af8fe98f3f" - integrity sha512-jvS+ngBfrnTUBfOQq8NfGnSbF9BrqlR6hjJ2yVxMkmO5nL/cdifNbI30EfjRlN4g5wYWNnMPyj5Sa6R1pbLeag== +"@babel/plugin-transform-private-property-in-object@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.24.1.tgz#756443d400274f8fb7896742962cc1b9f25c1f6a" + integrity sha512-pTHxDVa0BpUbvAgX3Gat+7cSciXqUcY9j2VZKTbSB6+VQGpNgNO9ailxTGHSXlqOnX1Hcx1Enme2+yv7VqP9bg== dependencies: - "@babel/helper-create-class-features-plugin" "^7.20.2" - "@babel/helper-plugin-utils" "^7.20.2" - "@babel/plugin-syntax-typescript" "^7.20.0" + "@babel/helper-annotate-as-pure" "^7.22.5" + "@babel/helper-create-class-features-plugin" "^7.24.1" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-syntax-private-property-in-object" "^7.14.5" -"@babel/plugin-transform-unicode-escapes@^7.18.10": - version "7.18.10" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.18.10.tgz#1ecfb0eda83d09bbcb77c09970c2dd55832aa246" - integrity sha512-kKAdAI+YzPgGY/ftStBFXTI1LZFju38rYThnfMykS+IXy8BVx+res7s2fxf1l8I35DV2T97ezo6+SGrXz6B3iQ== +"@babel/plugin-transform-private-property-in-object@^7.24.5": + version "7.24.5" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.24.5.tgz#f5d1fcad36e30c960134cb479f1ca98a5b06eda5" + integrity sha512-JM4MHZqnWR04jPMujQDTBVRnqxpLLpx2tkn7iPn+Hmsc0Gnb79yvRWOkvqFOx3Z7P7VxiRIR22c4eGSNj87OBQ== dependencies: - "@babel/helper-plugin-utils" "^7.18.9" + "@babel/helper-annotate-as-pure" "^7.22.5" + "@babel/helper-create-class-features-plugin" "^7.24.5" + "@babel/helper-plugin-utils" "^7.24.5" + "@babel/plugin-syntax-private-property-in-object" "^7.14.5" -"@babel/plugin-transform-unicode-regex@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.18.6.tgz#194317225d8c201bbae103364ffe9e2cea36cdca" - integrity sha512-gE7A6Lt7YLnNOL3Pb9BNeZvi+d8l7tcRrG4+pwJjK9hD2xX4mEvjlQW60G9EEmfXVYRPv9VRQcyegIVHCql/AA== +"@babel/plugin-transform-property-literals@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.24.1.tgz#d6a9aeab96f03749f4eebeb0b6ea8e90ec958825" + integrity sha512-LetvD7CrHmEx0G442gOomRr66d7q8HzzGGr4PMHGr+5YIm6++Yke+jxj246rpvsbyhJwCLxcTn6zW1P1BSenqA== dependencies: - "@babel/helper-create-regexp-features-plugin" "^7.18.6" - "@babel/helper-plugin-utils" "^7.18.6" + "@babel/helper-plugin-utils" "^7.24.0" + +"@babel/plugin-transform-react-constant-elements@^7.12.1", "@babel/plugin-transform-react-constant-elements@^7.21.3": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.24.1.tgz#d493a0918b9fdad7540f5afd9b5eb5c52500d18d" + integrity sha512-QXp1U9x0R7tkiGB0FOk8o74jhnap0FlZ5gNkRIWdG3eP+SvMFg118e1zaWewDzgABb106QSKpVsD3Wgd8t6ifA== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + +"@babel/plugin-transform-react-display-name@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.24.1.tgz#554e3e1a25d181f040cf698b93fd289a03bfdcdb" + integrity sha512-mvoQg2f9p2qlpDQRBC7M3c3XTr0k7cp/0+kFKKO/7Gtu0LSw16eKB+Fabe2bDT/UpsyasTBBkAnbdsLrkD5XMw== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + +"@babel/plugin-transform-react-jsx-development@^7.22.5": + version "7.22.5" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.22.5.tgz#e716b6edbef972a92165cd69d92f1255f7e73e87" + integrity sha512-bDhuzwWMuInwCYeDeMzyi7TaBgRQei6DqxhbyniL7/VG4RSS7HtSL2QbY4eESy1KJqlWt8g3xeEBGPuo+XqC8A== + dependencies: + "@babel/plugin-transform-react-jsx" "^7.22.5" + +"@babel/plugin-transform-react-jsx@^7.22.5", "@babel/plugin-transform-react-jsx@^7.23.4": + version "7.23.4" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.23.4.tgz#393f99185110cea87184ea47bcb4a7b0c2e39312" + integrity sha512-5xOpoPguCZCRbo/JeHlloSkTA8Bld1J/E1/kLfD1nsuiW1m8tduTA1ERCgIZokDflX/IBzKcqR3l7VlRgiIfHA== + dependencies: + "@babel/helper-annotate-as-pure" "^7.22.5" + "@babel/helper-module-imports" "^7.22.15" + "@babel/helper-plugin-utils" "^7.22.5" + "@babel/plugin-syntax-jsx" "^7.23.3" + "@babel/types" "^7.23.4" + +"@babel/plugin-transform-react-pure-annotations@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.24.1.tgz#c86bce22a53956331210d268e49a0ff06e392470" + integrity sha512-+pWEAaDJvSm9aFvJNpLiM2+ktl2Sn2U5DdyiWdZBxmLc6+xGt88dvFqsHiAiDS+8WqUwbDfkKz9jRxK3M0k+kA== + dependencies: + "@babel/helper-annotate-as-pure" "^7.22.5" + "@babel/helper-plugin-utils" "^7.24.0" -"@babel/preset-env@^7.18.6", "@babel/preset-env@^7.19.4": - version "7.20.2" - resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.20.2.tgz#9b1642aa47bb9f43a86f9630011780dab7f86506" - integrity sha512-1G0efQEWR1EHkKvKHqbG+IN/QdgwfByUpM5V5QroDzGV2t3S/WXNQd693cHiHTlCFMpr9B6FkPFXDA2lQcKoDg== - dependencies: - "@babel/compat-data" "^7.20.1" - "@babel/helper-compilation-targets" "^7.20.0" - "@babel/helper-plugin-utils" "^7.20.2" - "@babel/helper-validator-option" "^7.18.6" - "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.18.6" - "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.18.9" - "@babel/plugin-proposal-async-generator-functions" "^7.20.1" - "@babel/plugin-proposal-class-properties" "^7.18.6" - "@babel/plugin-proposal-class-static-block" "^7.18.6" - "@babel/plugin-proposal-dynamic-import" "^7.18.6" - "@babel/plugin-proposal-export-namespace-from" "^7.18.9" - "@babel/plugin-proposal-json-strings" "^7.18.6" - "@babel/plugin-proposal-logical-assignment-operators" "^7.18.9" - "@babel/plugin-proposal-nullish-coalescing-operator" "^7.18.6" - "@babel/plugin-proposal-numeric-separator" "^7.18.6" - "@babel/plugin-proposal-object-rest-spread" "^7.20.2" - "@babel/plugin-proposal-optional-catch-binding" "^7.18.6" - "@babel/plugin-proposal-optional-chaining" "^7.18.9" - "@babel/plugin-proposal-private-methods" "^7.18.6" - "@babel/plugin-proposal-private-property-in-object" "^7.18.6" - "@babel/plugin-proposal-unicode-property-regex" "^7.18.6" +"@babel/plugin-transform-regenerator@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.24.1.tgz#625b7545bae52363bdc1fbbdc7252b5046409c8c" + integrity sha512-sJwZBCzIBE4t+5Q4IGLaaun5ExVMRY0lYwos/jNecjMrVCygCdph3IKv0tkP5Fc87e/1+bebAmEAGBfnRD+cnw== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + regenerator-transform "^0.15.2" + +"@babel/plugin-transform-reserved-words@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.24.1.tgz#8de729f5ecbaaf5cf83b67de13bad38a21be57c1" + integrity sha512-JAclqStUfIwKN15HrsQADFgeZt+wexNQ0uLhuqvqAUFoqPMjEcFCYZBhq0LUdz6dZK/mD+rErhW71fbx8RYElg== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + +"@babel/plugin-transform-runtime@^7.22.9": + version "7.24.3" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.24.3.tgz#dc58ad4a31810a890550365cc922e1ff5acb5d7f" + integrity sha512-J0BuRPNlNqlMTRJ72eVptpt9VcInbxO6iP3jaxr+1NPhC0UkKL+6oeX6VXMEYdADnuqmMmsBspt4d5w8Y/TCbQ== + dependencies: + "@babel/helper-module-imports" "^7.24.3" + "@babel/helper-plugin-utils" "^7.24.0" + babel-plugin-polyfill-corejs2 "^0.4.10" + babel-plugin-polyfill-corejs3 "^0.10.1" + babel-plugin-polyfill-regenerator "^0.6.1" + semver "^6.3.1" + +"@babel/plugin-transform-shorthand-properties@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.24.1.tgz#ba9a09144cf55d35ec6b93a32253becad8ee5b55" + integrity sha512-LyjVB1nsJ6gTTUKRjRWx9C1s9hE7dLfP/knKdrfeH9UPtAGjYGgxIbFfx7xyLIEWs7Xe1Gnf8EWiUqfjLhInZA== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + +"@babel/plugin-transform-spread@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-spread/-/plugin-transform-spread-7.24.1.tgz#a1acf9152cbf690e4da0ba10790b3ac7d2b2b391" + integrity sha512-KjmcIM+fxgY+KxPVbjelJC6hrH1CgtPmTvdXAfn3/a9CnWGSTY7nH4zm5+cjmWJybdcPSsD0++QssDsjcpe47g== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/helper-skip-transparent-expression-wrappers" "^7.22.5" + +"@babel/plugin-transform-sticky-regex@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.24.1.tgz#f03e672912c6e203ed8d6e0271d9c2113dc031b9" + integrity sha512-9v0f1bRXgPVcPrngOQvLXeGNNVLc8UjMVfebo9ka0WF3/7+aVUHmaJVT3sa0XCzEFioPfPHZiOcYG9qOsH63cw== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + +"@babel/plugin-transform-template-literals@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.24.1.tgz#15e2166873a30d8617e3e2ccadb86643d327aab7" + integrity sha512-WRkhROsNzriarqECASCNu/nojeXCDTE/F2HmRgOzi7NGvyfYGq1NEjKBK3ckLfRgGc6/lPAqP0vDOSw3YtG34g== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + +"@babel/plugin-transform-typeof-symbol@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.24.1.tgz#6831f78647080dec044f7e9f68003d99424f94c7" + integrity sha512-CBfU4l/A+KruSUoW+vTQthwcAdwuqbpRNB8HQKlZABwHRhsdHZ9fezp4Sn18PeAlYxTNiLMlx4xUBV3AWfg1BA== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + +"@babel/plugin-transform-typeof-symbol@^7.24.5": + version "7.24.5" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.24.5.tgz#703cace5ef74155fb5eecab63cbfc39bdd25fe12" + integrity sha512-UTGnhYVZtTAjdwOTzT+sCyXmTn8AhaxOS/MjG9REclZ6ULHWF9KoCZur0HSGU7hk8PdBFKKbYe6+gqdXWz84Jg== + dependencies: + "@babel/helper-plugin-utils" "^7.24.5" + +"@babel/plugin-transform-typescript@^7.24.1": + version "7.24.4" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.24.4.tgz#03e0492537a4b953e491f53f2bc88245574ebd15" + integrity sha512-79t3CQ8+oBGk/80SQ8MN3Bs3obf83zJ0YZjDmDaEZN8MqhMI760apl5z6a20kFeMXBwJX99VpKT8CKxEBp5H1g== + dependencies: + "@babel/helper-annotate-as-pure" "^7.22.5" + "@babel/helper-create-class-features-plugin" "^7.24.4" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/plugin-syntax-typescript" "^7.24.1" + +"@babel/plugin-transform-unicode-escapes@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.24.1.tgz#fb3fa16676549ac7c7449db9b342614985c2a3a4" + integrity sha512-RlkVIcWT4TLI96zM660S877E7beKlQw7Ig+wqkKBiWfj0zH5Q4h50q6er4wzZKRNSYpfo6ILJ+hrJAGSX2qcNw== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + +"@babel/plugin-transform-unicode-property-regex@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.24.1.tgz#56704fd4d99da81e5e9f0c0c93cabd91dbc4889e" + integrity sha512-Ss4VvlfYV5huWApFsF8/Sq0oXnGO+jB+rijFEFugTd3cwSObUSnUi88djgR5528Csl0uKlrI331kRqe56Ov2Ng== + dependencies: + "@babel/helper-create-regexp-features-plugin" "^7.22.15" + "@babel/helper-plugin-utils" "^7.24.0" + +"@babel/plugin-transform-unicode-regex@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.24.1.tgz#57c3c191d68f998ac46b708380c1ce4d13536385" + integrity sha512-2A/94wgZgxfTsiLaQ2E36XAOdcZmGAaEEgVmxQWwZXWkGhvoHbaqXcKnU8zny4ycpu3vNqg0L/PcCiYtHtA13g== + dependencies: + "@babel/helper-create-regexp-features-plugin" "^7.22.15" + "@babel/helper-plugin-utils" "^7.24.0" + +"@babel/plugin-transform-unicode-sets-regex@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.24.1.tgz#c1ea175b02afcffc9cf57a9c4658326625165b7f" + integrity sha512-fqj4WuzzS+ukpgerpAoOnMfQXwUHFxXUZUE84oL2Kao2N8uSlvcpnAidKASgsNgzZHBsHWvcm8s9FPWUhAb8fA== + dependencies: + "@babel/helper-create-regexp-features-plugin" "^7.22.15" + "@babel/helper-plugin-utils" "^7.24.0" + +"@babel/preset-env@^7.12.1", "@babel/preset-env@^7.22.9": + version "7.24.4" + resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.24.4.tgz#46dbbcd608771373b88f956ffb67d471dce0d23b" + integrity sha512-7Kl6cSmYkak0FK/FXjSEnLJ1N9T/WA2RkMhu17gZ/dsxKJUuTYNIylahPTzqpLyJN4WhDif8X0XK1R8Wsguo/A== + dependencies: + "@babel/compat-data" "^7.24.4" + "@babel/helper-compilation-targets" "^7.23.6" + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/helper-validator-option" "^7.23.5" + "@babel/plugin-bugfix-firefox-class-in-computed-class-key" "^7.24.4" + "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.24.1" + "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.24.1" + "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly" "^7.24.1" + "@babel/plugin-proposal-private-property-in-object" "7.21.0-placeholder-for-preset-env.2" "@babel/plugin-syntax-async-generators" "^7.8.4" "@babel/plugin-syntax-class-properties" "^7.12.13" "@babel/plugin-syntax-class-static-block" "^7.14.5" "@babel/plugin-syntax-dynamic-import" "^7.8.3" "@babel/plugin-syntax-export-namespace-from" "^7.8.3" - "@babel/plugin-syntax-import-assertions" "^7.20.0" + "@babel/plugin-syntax-import-assertions" "^7.24.1" + "@babel/plugin-syntax-import-attributes" "^7.24.1" + "@babel/plugin-syntax-import-meta" "^7.10.4" "@babel/plugin-syntax-json-strings" "^7.8.3" "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4" "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3" @@ -1054,125 +1250,258 @@ "@babel/plugin-syntax-optional-chaining" "^7.8.3" "@babel/plugin-syntax-private-property-in-object" "^7.14.5" "@babel/plugin-syntax-top-level-await" "^7.14.5" - "@babel/plugin-transform-arrow-functions" "^7.18.6" - "@babel/plugin-transform-async-to-generator" "^7.18.6" - "@babel/plugin-transform-block-scoped-functions" "^7.18.6" - "@babel/plugin-transform-block-scoping" "^7.20.2" - "@babel/plugin-transform-classes" "^7.20.2" - "@babel/plugin-transform-computed-properties" "^7.18.9" - "@babel/plugin-transform-destructuring" "^7.20.2" - "@babel/plugin-transform-dotall-regex" "^7.18.6" - "@babel/plugin-transform-duplicate-keys" "^7.18.9" - "@babel/plugin-transform-exponentiation-operator" "^7.18.6" - "@babel/plugin-transform-for-of" "^7.18.8" - "@babel/plugin-transform-function-name" "^7.18.9" - "@babel/plugin-transform-literals" "^7.18.9" - "@babel/plugin-transform-member-expression-literals" "^7.18.6" - "@babel/plugin-transform-modules-amd" "^7.19.6" - "@babel/plugin-transform-modules-commonjs" "^7.19.6" - "@babel/plugin-transform-modules-systemjs" "^7.19.6" - "@babel/plugin-transform-modules-umd" "^7.18.6" - "@babel/plugin-transform-named-capturing-groups-regex" "^7.19.1" - "@babel/plugin-transform-new-target" "^7.18.6" - "@babel/plugin-transform-object-super" "^7.18.6" - "@babel/plugin-transform-parameters" "^7.20.1" - "@babel/plugin-transform-property-literals" "^7.18.6" - "@babel/plugin-transform-regenerator" "^7.18.6" - "@babel/plugin-transform-reserved-words" "^7.18.6" - "@babel/plugin-transform-shorthand-properties" "^7.18.6" - "@babel/plugin-transform-spread" "^7.19.0" - "@babel/plugin-transform-sticky-regex" "^7.18.6" - "@babel/plugin-transform-template-literals" "^7.18.9" - "@babel/plugin-transform-typeof-symbol" "^7.18.9" - "@babel/plugin-transform-unicode-escapes" "^7.18.10" - "@babel/plugin-transform-unicode-regex" "^7.18.6" - "@babel/preset-modules" "^0.1.5" - "@babel/types" "^7.20.2" - babel-plugin-polyfill-corejs2 "^0.3.3" - babel-plugin-polyfill-corejs3 "^0.6.0" - babel-plugin-polyfill-regenerator "^0.4.1" - core-js-compat "^3.25.1" - semver "^6.3.0" - -"@babel/preset-modules@^0.1.5": - version "0.1.5" - resolved "https://registry.yarnpkg.com/@babel/preset-modules/-/preset-modules-0.1.5.tgz#ef939d6e7f268827e1841638dc6ff95515e115d9" - integrity sha512-A57th6YRG7oR3cq/yt/Y84MvGgE0eJG2F1JLhKuyG+jFxEgrd/HAMJatiFtmOiZurz+0DkrvbheCLaV5f2JfjA== + "@babel/plugin-syntax-unicode-sets-regex" "^7.18.6" + "@babel/plugin-transform-arrow-functions" "^7.24.1" + "@babel/plugin-transform-async-generator-functions" "^7.24.3" + "@babel/plugin-transform-async-to-generator" "^7.24.1" + "@babel/plugin-transform-block-scoped-functions" "^7.24.1" + "@babel/plugin-transform-block-scoping" "^7.24.4" + "@babel/plugin-transform-class-properties" "^7.24.1" + "@babel/plugin-transform-class-static-block" "^7.24.4" + "@babel/plugin-transform-classes" "^7.24.1" + "@babel/plugin-transform-computed-properties" "^7.24.1" + "@babel/plugin-transform-destructuring" "^7.24.1" + "@babel/plugin-transform-dotall-regex" "^7.24.1" + "@babel/plugin-transform-duplicate-keys" "^7.24.1" + "@babel/plugin-transform-dynamic-import" "^7.24.1" + "@babel/plugin-transform-exponentiation-operator" "^7.24.1" + "@babel/plugin-transform-export-namespace-from" "^7.24.1" + "@babel/plugin-transform-for-of" "^7.24.1" + "@babel/plugin-transform-function-name" "^7.24.1" + "@babel/plugin-transform-json-strings" "^7.24.1" + "@babel/plugin-transform-literals" "^7.24.1" + "@babel/plugin-transform-logical-assignment-operators" "^7.24.1" + "@babel/plugin-transform-member-expression-literals" "^7.24.1" + "@babel/plugin-transform-modules-amd" "^7.24.1" + "@babel/plugin-transform-modules-commonjs" "^7.24.1" + "@babel/plugin-transform-modules-systemjs" "^7.24.1" + "@babel/plugin-transform-modules-umd" "^7.24.1" + "@babel/plugin-transform-named-capturing-groups-regex" "^7.22.5" + "@babel/plugin-transform-new-target" "^7.24.1" + "@babel/plugin-transform-nullish-coalescing-operator" "^7.24.1" + "@babel/plugin-transform-numeric-separator" "^7.24.1" + "@babel/plugin-transform-object-rest-spread" "^7.24.1" + "@babel/plugin-transform-object-super" "^7.24.1" + "@babel/plugin-transform-optional-catch-binding" "^7.24.1" + "@babel/plugin-transform-optional-chaining" "^7.24.1" + "@babel/plugin-transform-parameters" "^7.24.1" + "@babel/plugin-transform-private-methods" "^7.24.1" + "@babel/plugin-transform-private-property-in-object" "^7.24.1" + "@babel/plugin-transform-property-literals" "^7.24.1" + "@babel/plugin-transform-regenerator" "^7.24.1" + "@babel/plugin-transform-reserved-words" "^7.24.1" + "@babel/plugin-transform-shorthand-properties" "^7.24.1" + "@babel/plugin-transform-spread" "^7.24.1" + "@babel/plugin-transform-sticky-regex" "^7.24.1" + "@babel/plugin-transform-template-literals" "^7.24.1" + "@babel/plugin-transform-typeof-symbol" "^7.24.1" + "@babel/plugin-transform-unicode-escapes" "^7.24.1" + "@babel/plugin-transform-unicode-property-regex" "^7.24.1" + "@babel/plugin-transform-unicode-regex" "^7.24.1" + "@babel/plugin-transform-unicode-sets-regex" "^7.24.1" + "@babel/preset-modules" "0.1.6-no-external-plugins" + babel-plugin-polyfill-corejs2 "^0.4.10" + babel-plugin-polyfill-corejs3 "^0.10.4" + babel-plugin-polyfill-regenerator "^0.6.1" + core-js-compat "^3.31.0" + semver "^6.3.1" + +"@babel/preset-env@^7.20.2": + version "7.24.5" + resolved "https://registry.yarnpkg.com/@babel/preset-env/-/preset-env-7.24.5.tgz#6a9ac90bd5a5a9dae502af60dfc58c190551bbcd" + integrity sha512-UGK2ifKtcC8i5AI4cH+sbLLuLc2ktYSFJgBAXorKAsHUZmrQ1q6aQ6i3BvU24wWs2AAKqQB6kq3N9V9Gw1HiMQ== + dependencies: + "@babel/compat-data" "^7.24.4" + "@babel/helper-compilation-targets" "^7.23.6" + "@babel/helper-plugin-utils" "^7.24.5" + "@babel/helper-validator-option" "^7.23.5" + "@babel/plugin-bugfix-firefox-class-in-computed-class-key" "^7.24.5" + "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression" "^7.24.1" + "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining" "^7.24.1" + "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly" "^7.24.1" + "@babel/plugin-proposal-private-property-in-object" "7.21.0-placeholder-for-preset-env.2" + "@babel/plugin-syntax-async-generators" "^7.8.4" + "@babel/plugin-syntax-class-properties" "^7.12.13" + "@babel/plugin-syntax-class-static-block" "^7.14.5" + "@babel/plugin-syntax-dynamic-import" "^7.8.3" + "@babel/plugin-syntax-export-namespace-from" "^7.8.3" + "@babel/plugin-syntax-import-assertions" "^7.24.1" + "@babel/plugin-syntax-import-attributes" "^7.24.1" + "@babel/plugin-syntax-import-meta" "^7.10.4" + "@babel/plugin-syntax-json-strings" "^7.8.3" + "@babel/plugin-syntax-logical-assignment-operators" "^7.10.4" + "@babel/plugin-syntax-nullish-coalescing-operator" "^7.8.3" + "@babel/plugin-syntax-numeric-separator" "^7.10.4" + "@babel/plugin-syntax-object-rest-spread" "^7.8.3" + "@babel/plugin-syntax-optional-catch-binding" "^7.8.3" + "@babel/plugin-syntax-optional-chaining" "^7.8.3" + "@babel/plugin-syntax-private-property-in-object" "^7.14.5" + "@babel/plugin-syntax-top-level-await" "^7.14.5" + "@babel/plugin-syntax-unicode-sets-regex" "^7.18.6" + "@babel/plugin-transform-arrow-functions" "^7.24.1" + "@babel/plugin-transform-async-generator-functions" "^7.24.3" + "@babel/plugin-transform-async-to-generator" "^7.24.1" + "@babel/plugin-transform-block-scoped-functions" "^7.24.1" + "@babel/plugin-transform-block-scoping" "^7.24.5" + "@babel/plugin-transform-class-properties" "^7.24.1" + "@babel/plugin-transform-class-static-block" "^7.24.4" + "@babel/plugin-transform-classes" "^7.24.5" + "@babel/plugin-transform-computed-properties" "^7.24.1" + "@babel/plugin-transform-destructuring" "^7.24.5" + "@babel/plugin-transform-dotall-regex" "^7.24.1" + "@babel/plugin-transform-duplicate-keys" "^7.24.1" + "@babel/plugin-transform-dynamic-import" "^7.24.1" + "@babel/plugin-transform-exponentiation-operator" "^7.24.1" + "@babel/plugin-transform-export-namespace-from" "^7.24.1" + "@babel/plugin-transform-for-of" "^7.24.1" + "@babel/plugin-transform-function-name" "^7.24.1" + "@babel/plugin-transform-json-strings" "^7.24.1" + "@babel/plugin-transform-literals" "^7.24.1" + "@babel/plugin-transform-logical-assignment-operators" "^7.24.1" + "@babel/plugin-transform-member-expression-literals" "^7.24.1" + "@babel/plugin-transform-modules-amd" "^7.24.1" + "@babel/plugin-transform-modules-commonjs" "^7.24.1" + "@babel/plugin-transform-modules-systemjs" "^7.24.1" + "@babel/plugin-transform-modules-umd" "^7.24.1" + "@babel/plugin-transform-named-capturing-groups-regex" "^7.22.5" + "@babel/plugin-transform-new-target" "^7.24.1" + "@babel/plugin-transform-nullish-coalescing-operator" "^7.24.1" + "@babel/plugin-transform-numeric-separator" "^7.24.1" + "@babel/plugin-transform-object-rest-spread" "^7.24.5" + "@babel/plugin-transform-object-super" "^7.24.1" + "@babel/plugin-transform-optional-catch-binding" "^7.24.1" + "@babel/plugin-transform-optional-chaining" "^7.24.5" + "@babel/plugin-transform-parameters" "^7.24.5" + "@babel/plugin-transform-private-methods" "^7.24.1" + "@babel/plugin-transform-private-property-in-object" "^7.24.5" + "@babel/plugin-transform-property-literals" "^7.24.1" + "@babel/plugin-transform-regenerator" "^7.24.1" + "@babel/plugin-transform-reserved-words" "^7.24.1" + "@babel/plugin-transform-shorthand-properties" "^7.24.1" + "@babel/plugin-transform-spread" "^7.24.1" + "@babel/plugin-transform-sticky-regex" "^7.24.1" + "@babel/plugin-transform-template-literals" "^7.24.1" + "@babel/plugin-transform-typeof-symbol" "^7.24.5" + "@babel/plugin-transform-unicode-escapes" "^7.24.1" + "@babel/plugin-transform-unicode-property-regex" "^7.24.1" + "@babel/plugin-transform-unicode-regex" "^7.24.1" + "@babel/plugin-transform-unicode-sets-regex" "^7.24.1" + "@babel/preset-modules" "0.1.6-no-external-plugins" + babel-plugin-polyfill-corejs2 "^0.4.10" + babel-plugin-polyfill-corejs3 "^0.10.4" + babel-plugin-polyfill-regenerator "^0.6.1" + core-js-compat "^3.31.0" + semver "^6.3.1" + +"@babel/preset-modules@0.1.6-no-external-plugins": + version "0.1.6-no-external-plugins" + resolved "https://registry.yarnpkg.com/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz#ccb88a2c49c817236861fee7826080573b8a923a" + integrity sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA== dependencies: "@babel/helper-plugin-utils" "^7.0.0" - "@babel/plugin-proposal-unicode-property-regex" "^7.4.4" - "@babel/plugin-transform-dotall-regex" "^7.4.4" "@babel/types" "^7.4.4" esutils "^2.0.2" -"@babel/preset-react@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/preset-react/-/preset-react-7.18.6.tgz#979f76d6277048dc19094c217b507f3ad517dd2d" - integrity sha512-zXr6atUmyYdiWRVLOZahakYmOBHtWc2WGCkP8PYTgZi0iJXDY2CN180TdrIW4OGOAdLc7TifzDIvtx6izaRIzg== - dependencies: - "@babel/helper-plugin-utils" "^7.18.6" - "@babel/helper-validator-option" "^7.18.6" - "@babel/plugin-transform-react-display-name" "^7.18.6" - "@babel/plugin-transform-react-jsx" "^7.18.6" - "@babel/plugin-transform-react-jsx-development" "^7.18.6" - "@babel/plugin-transform-react-pure-annotations" "^7.18.6" +"@babel/preset-react@^7.12.5", "@babel/preset-react@^7.18.6", "@babel/preset-react@^7.22.5": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/preset-react/-/preset-react-7.24.1.tgz#2450c2ac5cc498ef6101a6ca5474de251e33aa95" + integrity sha512-eFa8up2/8cZXLIpkafhaADTXSnl7IsUFCYenRWrARBz0/qZwcT0RBXpys0LJU4+WfPoF2ZG6ew6s2V6izMCwRA== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/helper-validator-option" "^7.23.5" + "@babel/plugin-transform-react-display-name" "^7.24.1" + "@babel/plugin-transform-react-jsx" "^7.23.4" + "@babel/plugin-transform-react-jsx-development" "^7.22.5" + "@babel/plugin-transform-react-pure-annotations" "^7.24.1" + +"@babel/preset-typescript@^7.21.0", "@babel/preset-typescript@^7.22.5": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.24.1.tgz#89bdf13a3149a17b3b2a2c9c62547f06db8845ec" + integrity sha512-1DBaMmRDpuYQBPWD8Pf/WEwCrtgRHxsZnP4mIy9G/X+hFfbI47Q2G4t1Paakld84+qsk2fSsUPMKg71jkoOOaQ== + dependencies: + "@babel/helper-plugin-utils" "^7.24.0" + "@babel/helper-validator-option" "^7.23.5" + "@babel/plugin-syntax-jsx" "^7.24.1" + "@babel/plugin-transform-modules-commonjs" "^7.24.1" + "@babel/plugin-transform-typescript" "^7.24.1" + +"@babel/regjsgen@^0.8.0": + version "0.8.0" + resolved "https://registry.yarnpkg.com/@babel/regjsgen/-/regjsgen-0.8.0.tgz#f0ba69b075e1f05fb2825b7fad991e7adbb18310" + integrity sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA== + +"@babel/runtime-corejs3@^7.22.6": + version "7.24.4" + resolved "https://registry.yarnpkg.com/@babel/runtime-corejs3/-/runtime-corejs3-7.24.4.tgz#b9ebe728087cfbb22bbaccc6f9a70d69834124a0" + integrity sha512-VOQOexSilscN24VEY810G/PqtpFvx/z6UqDIjIWbDe2368HhDLkYN5TYwaEz/+eRCUkhJ2WaNLLmQAlxzfWj4w== + dependencies: + core-js-pure "^3.30.2" + regenerator-runtime "^0.14.0" + +"@babel/runtime@^7.1.2", "@babel/runtime@^7.10.3", "@babel/runtime@^7.12.13", "@babel/runtime@^7.12.5", "@babel/runtime@^7.22.6", "@babel/runtime@^7.8.4": + version "7.24.4" + resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.24.4.tgz#de795accd698007a66ba44add6cc86542aff1edd" + integrity sha512-dkxf7+hn8mFBwKjs9bvBlArzLVxVbS8usaPUDd5p2a9JCL9tB8OaOVN1isD4+Xyk4ns89/xeOmbQvgdK7IIVdA== + dependencies: + regenerator-runtime "^0.14.0" + +"@babel/template@^7.22.15", "@babel/template@^7.24.0": + version "7.24.0" + resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.24.0.tgz#c6a524aa93a4a05d66aaf31654258fae69d87d50" + integrity sha512-Bkf2q8lMB0AFpX0NFEqSbx1OkTHf0f+0j82mkw+ZpzBnkk7e9Ql0891vlfgi+kHwOk8tQjiQHpqh4LaSa0fKEA== + dependencies: + "@babel/code-frame" "^7.23.5" + "@babel/parser" "^7.24.0" + "@babel/types" "^7.24.0" + +"@babel/traverse@^7.22.8", "@babel/traverse@^7.24.1": + version "7.24.1" + resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.24.1.tgz#d65c36ac9dd17282175d1e4a3c49d5b7988f530c" + integrity sha512-xuU6o9m68KeqZbQuDt2TcKSxUw/mrsvavlEqQ1leZ/B+C9tk6E4sRWy97WaXgvq5E+nU3cXMxv3WKOCanVMCmQ== + dependencies: + "@babel/code-frame" "^7.24.1" + "@babel/generator" "^7.24.1" + "@babel/helper-environment-visitor" "^7.22.20" + "@babel/helper-function-name" "^7.23.0" + "@babel/helper-hoist-variables" "^7.22.5" + "@babel/helper-split-export-declaration" "^7.22.6" + "@babel/parser" "^7.24.1" + "@babel/types" "^7.24.0" + debug "^4.3.1" + globals "^11.1.0" -"@babel/preset-typescript@^7.18.6": - version "7.18.6" - resolved "https://registry.yarnpkg.com/@babel/preset-typescript/-/preset-typescript-7.18.6.tgz#ce64be3e63eddc44240c6358daefac17b3186399" - integrity sha512-s9ik86kXBAnD760aybBucdpnLsAt0jK1xqJn2juOn9lkOvSHV60os5hxoVJsPzMQxvnUJFAlkont2DvvaYEBtQ== - dependencies: - "@babel/helper-plugin-utils" "^7.18.6" - "@babel/helper-validator-option" "^7.18.6" - "@babel/plugin-transform-typescript" "^7.18.6" - -"@babel/runtime-corejs3@^7.18.6": - version "7.20.1" - resolved "https://registry.yarnpkg.com/@babel/runtime-corejs3/-/runtime-corejs3-7.20.1.tgz#d0775a49bb5fba77e42cbb7276c9955c7b05af8d" - integrity sha512-CGulbEDcg/ND1Im7fUNRZdGXmX2MTWVVZacQi/6DiKE5HNwZ3aVTm5PV4lO8HHz0B2h8WQyvKKjbX5XgTtydsg== - dependencies: - core-js-pure "^3.25.1" - regenerator-runtime "^0.13.10" - -"@babel/runtime@^7.1.2", "@babel/runtime@^7.10.2", "@babel/runtime@^7.10.3", "@babel/runtime@^7.12.13", "@babel/runtime@^7.12.5", "@babel/runtime@^7.18.6", "@babel/runtime@^7.8.4": - version "7.20.1" - resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.20.1.tgz#1148bb33ab252b165a06698fde7576092a78b4a9" - integrity sha512-mrzLkl6U9YLF8qpqI7TB82PESyEGjm/0Ly91jG575eVxMMlb8fYfOXFZIJ8XfLrJZQbm7dlKry2bJmXBUEkdFg== - dependencies: - regenerator-runtime "^0.13.10" - -"@babel/template@^7.12.7", "@babel/template@^7.18.10": - version "7.18.10" - resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.18.10.tgz#6f9134835970d1dbf0835c0d100c9f38de0c5e71" - integrity sha512-TI+rCtooWHr3QJ27kJxfjutghu44DLnasDMwpDqCXVTal9RLp3RSYNh4NdBrRP2cQAoG9A8juOQl6P6oZG4JxA== - dependencies: - "@babel/code-frame" "^7.18.6" - "@babel/parser" "^7.18.10" - "@babel/types" "^7.18.10" - -"@babel/traverse@^7.12.9", "@babel/traverse@^7.18.8", "@babel/traverse@^7.19.0", "@babel/traverse@^7.19.1", "@babel/traverse@^7.20.1": - version "7.20.1" - resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.20.1.tgz#9b15ccbf882f6d107eeeecf263fbcdd208777ec8" - integrity sha512-d3tN8fkVJwFLkHkBN479SOsw4DMZnz8cdbL/gvuDuzy3TS6Nfw80HuQqhw1pITbIruHyh7d1fMA47kWzmcUEGA== - dependencies: - "@babel/code-frame" "^7.18.6" - "@babel/generator" "^7.20.1" - "@babel/helper-environment-visitor" "^7.18.9" - "@babel/helper-function-name" "^7.19.0" - "@babel/helper-hoist-variables" "^7.18.6" - "@babel/helper-split-export-declaration" "^7.18.6" - "@babel/parser" "^7.20.1" - "@babel/types" "^7.20.0" - debug "^4.1.0" +"@babel/traverse@^7.24.5": + version "7.24.5" + resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.24.5.tgz#972aa0bc45f16983bf64aa1f877b2dd0eea7e6f8" + integrity sha512-7aaBLeDQ4zYcUFDUD41lJc1fG8+5IU9DaNSJAgal866FGvmD5EbWQgnEC6kO1gGLsX0esNkfnJSndbTXA3r7UA== + dependencies: + "@babel/code-frame" "^7.24.2" + "@babel/generator" "^7.24.5" + "@babel/helper-environment-visitor" "^7.22.20" + "@babel/helper-function-name" "^7.23.0" + "@babel/helper-hoist-variables" "^7.22.5" + "@babel/helper-split-export-declaration" "^7.24.5" + "@babel/parser" "^7.24.5" + "@babel/types" "^7.24.5" + debug "^4.3.1" globals "^11.1.0" -"@babel/types@^7.12.7", "@babel/types@^7.18.10", "@babel/types@^7.18.6", "@babel/types@^7.18.9", "@babel/types@^7.19.0", "@babel/types@^7.20.0", "@babel/types@^7.20.2", "@babel/types@^7.4.4": - version "7.20.2" - resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.20.2.tgz#67ac09266606190f496322dbaff360fdaa5e7842" - integrity sha512-FnnvsNWgZCr232sqtXggapvlkk/tuwR/qhGzcmxI0GXLCjmPYQPzio2FbdlWuY6y1sHFfQKk+rRbUZ9VStQMog== +"@babel/types@^7.12.6", "@babel/types@^7.22.15", "@babel/types@^7.22.19", "@babel/types@^7.22.5", "@babel/types@^7.23.0", "@babel/types@^7.23.4", "@babel/types@^7.24.0", "@babel/types@^7.4.4": + version "7.24.0" + resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.24.0.tgz#3b951f435a92e7333eba05b7566fd297960ea1bf" + integrity sha512-+j7a5c253RfKh8iABBhywc8NSfP5LURe7Uh4qpsh6jc+aLJguvmIUBdjSdEMQv2bENrCR5MfRdjGo7vzS/ob7w== dependencies: - "@babel/helper-string-parser" "^7.19.4" - "@babel/helper-validator-identifier" "^7.19.1" + "@babel/helper-string-parser" "^7.23.4" + "@babel/helper-validator-identifier" "^7.22.20" + to-fast-properties "^2.0.0" + +"@babel/types@^7.21.3", "@babel/types@^7.24.5": + version "7.24.5" + resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.24.5.tgz#7661930afc638a5383eb0c4aee59b74f38db84d7" + integrity sha512-6mQNsaLeXTw0nxYUYu+NSa4Hx4BlF1x1x8/PMFbiR+GBSr+2DkECc69b8hgy2frEodNcvPffeH8YfWd3LI6jhQ== + dependencies: + "@babel/helper-string-parser" "^7.24.1" + "@babel/helper-validator-identifier" "^7.24.5" to-fast-properties "^2.0.0" "@colors/colors@1.5.0": @@ -1180,151 +1509,155 @@ resolved "https://registry.yarnpkg.com/@colors/colors/-/colors-1.5.0.tgz#bb504579c1cae923e6576a4f5da43d25f97bdbd9" integrity sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ== -"@discoveryjs/json-ext@^0.5.0": +"@discoveryjs/json-ext@0.5.7", "@discoveryjs/json-ext@^0.5.0": version "0.5.7" resolved "https://registry.yarnpkg.com/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz#1d572bfbbe14b7704e0ba0f39b74815b84870d70" integrity sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw== -"@docsearch/css@3.3.0": - version "3.3.0" - resolved "https://registry.yarnpkg.com/@docsearch/css/-/css-3.3.0.tgz#d698e48302d12240d7c2f7452ccb2d2239a8cd80" - integrity sha512-rODCdDtGyudLj+Va8b6w6Y85KE85bXRsps/R4Yjwt5vueXKXZQKYw0aA9knxLBT6a/bI/GMrAcmCR75KYOM6hg== +"@docsearch/css@3.6.0": + version "3.6.0" + resolved "https://registry.yarnpkg.com/@docsearch/css/-/css-3.6.0.tgz#0e9f56f704b3a34d044d15fd9962ebc1536ba4fb" + integrity sha512-+sbxb71sWre+PwDK7X2T8+bhS6clcVMLwBPznX45Qu6opJcgRjAp7gYSDzVFp187J+feSj5dNBN1mJoi6ckkUQ== -"@docsearch/react@^3.1.1": - version "3.3.0" - resolved "https://registry.yarnpkg.com/@docsearch/react/-/react-3.3.0.tgz#b8ac8e7f49b9bf2f96d34c24bc1cfd097ec0eead" - integrity sha512-fhS5adZkae2SSdMYEMVg6pxI5a/cE+tW16ki1V0/ur4Fdok3hBRkmN/H8VvlXnxzggkQIIRIVvYPn00JPjen3A== +"@docsearch/react@^3.5.2": + version "3.6.0" + resolved "https://registry.yarnpkg.com/@docsearch/react/-/react-3.6.0.tgz#b4f25228ecb7fc473741aefac592121e86dd2958" + integrity sha512-HUFut4ztcVNmqy9gp/wxNbC7pTOHhgVVkHVGCACTuLhUKUhKAF9KYHJtMiLUJxEqiFLQiuri1fWF8zqwM/cu1w== dependencies: - "@algolia/autocomplete-core" "1.7.2" - "@algolia/autocomplete-preset-algolia" "1.7.2" - "@docsearch/css" "3.3.0" - algoliasearch "^4.0.0" + "@algolia/autocomplete-core" "1.9.3" + "@algolia/autocomplete-preset-algolia" "1.9.3" + "@docsearch/css" "3.6.0" + algoliasearch "^4.19.1" -"@docusaurus/core@2.4.1", "@docusaurus/core@^2.4.1": - version "2.4.1" - resolved "https://registry.yarnpkg.com/@docusaurus/core/-/core-2.4.1.tgz#4b8ff5766131ce3fbccaad0b1daf2ad4dc76f62d" - integrity sha512-SNsY7PshK3Ri7vtsLXVeAJGS50nJN3RgF836zkyUfAD01Fq+sAk5EwWgLw+nnm5KVNGDu7PRR2kRGDsWvqpo0g== +"@docusaurus/core@3.3.2", "@docusaurus/core@^3.3.2": + version "3.3.2" + resolved "https://registry.yarnpkg.com/@docusaurus/core/-/core-3.3.2.tgz#67b8cd5329b32f47515ecf12eb7aa306dfc69922" + integrity sha512-PzKMydKI3IU1LmeZQDi+ut5RSuilbXnA8QdowGeJEgU8EJjmx3rBHNT1LxQxOVqNEwpWi/csLwd9bn7rUjggPA== dependencies: - "@babel/core" "^7.18.6" - "@babel/generator" "^7.18.7" + "@babel/core" "^7.23.3" + "@babel/generator" "^7.23.3" "@babel/plugin-syntax-dynamic-import" "^7.8.3" - "@babel/plugin-transform-runtime" "^7.18.6" - "@babel/preset-env" "^7.18.6" - "@babel/preset-react" "^7.18.6" - "@babel/preset-typescript" "^7.18.6" - "@babel/runtime" "^7.18.6" - "@babel/runtime-corejs3" "^7.18.6" - "@babel/traverse" "^7.18.8" - "@docusaurus/cssnano-preset" "2.4.1" - "@docusaurus/logger" "2.4.1" - "@docusaurus/mdx-loader" "2.4.1" - "@docusaurus/react-loadable" "5.5.2" - "@docusaurus/utils" "2.4.1" - "@docusaurus/utils-common" "2.4.1" - "@docusaurus/utils-validation" "2.4.1" - "@slorber/static-site-generator-webpack-plugin" "^4.0.7" - "@svgr/webpack" "^6.2.1" - autoprefixer "^10.4.7" - babel-loader "^8.2.5" + "@babel/plugin-transform-runtime" "^7.22.9" + "@babel/preset-env" "^7.22.9" + "@babel/preset-react" "^7.22.5" + "@babel/preset-typescript" "^7.22.5" + "@babel/runtime" "^7.22.6" + "@babel/runtime-corejs3" "^7.22.6" + "@babel/traverse" "^7.22.8" + "@docusaurus/cssnano-preset" "3.3.2" + "@docusaurus/logger" "3.3.2" + "@docusaurus/mdx-loader" "3.3.2" + "@docusaurus/utils" "3.3.2" + "@docusaurus/utils-common" "3.3.2" + "@docusaurus/utils-validation" "3.3.2" + autoprefixer "^10.4.14" + babel-loader "^9.1.3" babel-plugin-dynamic-import-node "^2.3.3" boxen "^6.2.1" chalk "^4.1.2" chokidar "^3.5.3" - clean-css "^5.3.0" - cli-table3 "^0.6.2" + clean-css "^5.3.2" + cli-table3 "^0.6.3" combine-promises "^1.1.0" commander "^5.1.0" copy-webpack-plugin "^11.0.0" - core-js "^3.23.3" - css-loader "^6.7.1" - css-minimizer-webpack-plugin "^4.0.0" - cssnano "^5.1.12" + core-js "^3.31.1" + css-loader "^6.8.1" + css-minimizer-webpack-plugin "^5.0.1" + cssnano "^6.1.2" del "^6.1.1" - detect-port "^1.3.0" + detect-port "^1.5.1" escape-html "^1.0.3" - eta "^2.0.0" + eta "^2.2.0" + eval "^0.1.8" file-loader "^6.2.0" - fs-extra "^10.1.0" - html-minifier-terser "^6.1.0" - html-tags "^3.2.0" - html-webpack-plugin "^5.5.0" - import-fresh "^3.3.0" + fs-extra "^11.1.1" + html-minifier-terser "^7.2.0" + html-tags "^3.3.1" + html-webpack-plugin "^5.5.3" leven "^3.1.0" lodash "^4.17.21" - mini-css-extract-plugin "^2.6.1" - postcss "^8.4.14" - postcss-loader "^7.0.0" + mini-css-extract-plugin "^2.7.6" + p-map "^4.0.0" + postcss "^8.4.26" + postcss-loader "^7.3.3" prompts "^2.4.2" react-dev-utils "^12.0.1" react-helmet-async "^1.3.0" - react-loadable "npm:@docusaurus/react-loadable@5.5.2" + react-loadable "npm:@docusaurus/react-loadable@6.0.0" react-loadable-ssr-addon-v5-slorber "^1.0.1" - react-router "^5.3.3" + react-router "^5.3.4" react-router-config "^5.1.1" - react-router-dom "^5.3.3" + react-router-dom "^5.3.4" rtl-detect "^1.0.4" - semver "^7.3.7" - serve-handler "^6.1.3" + semver "^7.5.4" + serve-handler "^6.1.5" shelljs "^0.8.5" - terser-webpack-plugin "^5.3.3" - tslib "^2.4.0" - update-notifier "^5.1.0" + terser-webpack-plugin "^5.3.9" + tslib "^2.6.0" + update-notifier "^6.0.2" url-loader "^4.1.1" - wait-on "^6.0.1" - webpack "^5.73.0" - webpack-bundle-analyzer "^4.5.0" - webpack-dev-server "^4.9.3" - webpack-merge "^5.8.0" + webpack "^5.88.1" + webpack-bundle-analyzer "^4.9.0" + webpack-dev-server "^4.15.1" + webpack-merge "^5.9.0" webpackbar "^5.0.2" -"@docusaurus/cssnano-preset@2.4.1": - version "2.4.1" - resolved "https://registry.yarnpkg.com/@docusaurus/cssnano-preset/-/cssnano-preset-2.4.1.tgz#eacadefb1e2e0f59df3467a0fe83e4ff79eed163" - integrity sha512-ka+vqXwtcW1NbXxWsh6yA1Ckii1klY9E53cJ4O9J09nkMBgrNX3iEFED1fWdv8wf4mJjvGi5RLZ2p9hJNjsLyQ== +"@docusaurus/cssnano-preset@3.3.2": + version "3.3.2" + resolved "https://registry.yarnpkg.com/@docusaurus/cssnano-preset/-/cssnano-preset-3.3.2.tgz#fb971b3e89fe6821721782124b430b2795faeb38" + integrity sha512-+5+epLk/Rp4vFML4zmyTATNc3Is+buMAL6dNjrMWahdJCJlMWMPd/8YfU+2PA57t8mlSbhLJ7vAZVy54cd1vRQ== dependencies: - cssnano-preset-advanced "^5.3.8" - postcss "^8.4.14" - postcss-sort-media-queries "^4.2.1" - tslib "^2.4.0" + cssnano-preset-advanced "^6.1.2" + postcss "^8.4.38" + postcss-sort-media-queries "^5.2.0" + tslib "^2.6.0" -"@docusaurus/logger@2.4.1": - version "2.4.1" - resolved "https://registry.yarnpkg.com/@docusaurus/logger/-/logger-2.4.1.tgz#4d2c0626b40752641f9fdd93ad9b5a7a0792f767" - integrity sha512-5h5ysIIWYIDHyTVd8BjheZmQZmEgWDR54aQ1BX9pjFfpyzFo5puKXKYrYJXbjEHGyVhEzmB9UXwbxGfaZhOjcg== +"@docusaurus/logger@3.3.2": + version "3.3.2" + resolved "https://registry.yarnpkg.com/@docusaurus/logger/-/logger-3.3.2.tgz#f43f7e08d4f5403be6a7196659490053e248325f" + integrity sha512-Ldu38GJ4P8g4guN7d7pyCOJ7qQugG7RVyaxrK8OnxuTlaImvQw33aDRwaX2eNmX8YK6v+//Z502F4sOZbHHCHQ== dependencies: chalk "^4.1.2" - tslib "^2.4.0" + tslib "^2.6.0" -"@docusaurus/mdx-loader@2.4.1": - version "2.4.1" - resolved "https://registry.yarnpkg.com/@docusaurus/mdx-loader/-/mdx-loader-2.4.1.tgz#6425075d7fc136dbfdc121349060cedd64118393" - integrity sha512-4KhUhEavteIAmbBj7LVFnrVYDiU51H5YWW1zY6SmBSte/YLhDutztLTBE0PQl1Grux1jzUJeaSvAzHpTn6JJDQ== - dependencies: - "@babel/parser" "^7.18.8" - "@babel/traverse" "^7.18.8" - "@docusaurus/logger" "2.4.1" - "@docusaurus/utils" "2.4.1" - "@mdx-js/mdx" "^1.6.22" +"@docusaurus/mdx-loader@3.3.2": + version "3.3.2" + resolved "https://registry.yarnpkg.com/@docusaurus/mdx-loader/-/mdx-loader-3.3.2.tgz#424e3ffac8bcdeba27d8c0eb84a04736702fc187" + integrity sha512-AFRxj/aOk3/mfYDPxE3wTbrjeayVRvNSZP7mgMuUlrb2UlPRbSVAFX1k2RbgAJrnTSwMgb92m2BhJgYRfptN3g== + dependencies: + "@docusaurus/logger" "3.3.2" + "@docusaurus/utils" "3.3.2" + "@docusaurus/utils-validation" "3.3.2" + "@mdx-js/mdx" "^3.0.0" + "@slorber/remark-comment" "^1.0.0" escape-html "^1.0.3" + estree-util-value-to-estree "^3.0.1" file-loader "^6.2.0" - fs-extra "^10.1.0" - image-size "^1.0.1" - mdast-util-to-string "^2.0.0" - remark-emoji "^2.2.0" + fs-extra "^11.1.1" + image-size "^1.0.2" + mdast-util-mdx "^3.0.0" + mdast-util-to-string "^4.0.0" + rehype-raw "^7.0.0" + remark-directive "^3.0.0" + remark-emoji "^4.0.0" + remark-frontmatter "^5.0.0" + remark-gfm "^4.0.0" stringify-object "^3.3.0" - tslib "^2.4.0" - unified "^9.2.2" - unist-util-visit "^2.0.3" + tslib "^2.6.0" + unified "^11.0.3" + unist-util-visit "^5.0.0" url-loader "^4.1.1" - webpack "^5.73.0" + vfile "^6.0.1" + webpack "^5.88.1" -"@docusaurus/module-type-aliases@2.4.1": - version "2.4.1" - resolved "https://registry.yarnpkg.com/@docusaurus/module-type-aliases/-/module-type-aliases-2.4.1.tgz#38b3c2d2ae44bea6d57506eccd84280216f0171c" - integrity sha512-gLBuIFM8Dp2XOCWffUDSjtxY7jQgKvYujt7Mx5s4FCTfoL5dN1EVbnrn+O2Wvh8b0a77D57qoIDY7ghgmatR1A== +"@docusaurus/module-type-aliases@3.0.0": + version "3.0.0" + resolved "https://registry.yarnpkg.com/@docusaurus/module-type-aliases/-/module-type-aliases-3.0.0.tgz#9a7dd323bb87ca666eb4b0b4b90d04425f2e05d6" + integrity sha512-CfC6CgN4u/ce+2+L1JdsHNyBd8yYjl4De2B2CBj2a9F7WuJ5RjV1ciuU7KDg8uyju+NRVllRgvJvxVUjCdkPiw== dependencies: "@docusaurus/react-loadable" "5.5.2" - "@docusaurus/types" "2.4.1" + "@docusaurus/types" "3.0.0" "@types/history" "^4.7.11" "@types/react" "*" "@types/react-router-config" "*" @@ -1332,139 +1665,154 @@ react-helmet-async "*" react-loadable "npm:@docusaurus/react-loadable@5.5.2" -"@docusaurus/plugin-content-blog@2.4.1": - version "2.4.1" - resolved "https://registry.yarnpkg.com/@docusaurus/plugin-content-blog/-/plugin-content-blog-2.4.1.tgz#c705a8b1a36a34f181dcf43b7770532e4dcdc4a3" - integrity sha512-E2i7Knz5YIbE1XELI6RlTnZnGgS52cUO4BlCiCUCvQHbR+s1xeIWz4C6BtaVnlug0Ccz7nFSksfwDpVlkujg5Q== - dependencies: - "@docusaurus/core" "2.4.1" - "@docusaurus/logger" "2.4.1" - "@docusaurus/mdx-loader" "2.4.1" - "@docusaurus/types" "2.4.1" - "@docusaurus/utils" "2.4.1" - "@docusaurus/utils-common" "2.4.1" - "@docusaurus/utils-validation" "2.4.1" +"@docusaurus/module-type-aliases@3.3.2": + version "3.3.2" + resolved "https://registry.yarnpkg.com/@docusaurus/module-type-aliases/-/module-type-aliases-3.3.2.tgz#02534449d08d080fd52dc9e046932bb600c38b01" + integrity sha512-b/XB0TBJah5yKb4LYuJT4buFvL0MGAb0+vJDrJtlYMguRtsEBkf2nWl5xP7h4Dlw6ol0hsHrCYzJ50kNIOEclw== + dependencies: + "@docusaurus/types" "3.3.2" + "@types/history" "^4.7.11" + "@types/react" "*" + "@types/react-router-config" "*" + "@types/react-router-dom" "*" + react-helmet-async "*" + react-loadable "npm:@docusaurus/react-loadable@6.0.0" + +"@docusaurus/plugin-content-blog@3.3.2": + version "3.3.2" + resolved "https://registry.yarnpkg.com/@docusaurus/plugin-content-blog/-/plugin-content-blog-3.3.2.tgz#6496714b071447687ead1472e5756bfb1ae065d0" + integrity sha512-fJU+dmqp231LnwDJv+BHVWft8pcUS2xVPZdeYH6/ibH1s2wQ/sLcmUrGWyIv/Gq9Ptj8XWjRPMghlxghuPPoxg== + dependencies: + "@docusaurus/core" "3.3.2" + "@docusaurus/logger" "3.3.2" + "@docusaurus/mdx-loader" "3.3.2" + "@docusaurus/types" "3.3.2" + "@docusaurus/utils" "3.3.2" + "@docusaurus/utils-common" "3.3.2" + "@docusaurus/utils-validation" "3.3.2" cheerio "^1.0.0-rc.12" feed "^4.2.2" - fs-extra "^10.1.0" + fs-extra "^11.1.1" lodash "^4.17.21" reading-time "^1.5.0" - tslib "^2.4.0" - unist-util-visit "^2.0.3" + srcset "^4.0.0" + tslib "^2.6.0" + unist-util-visit "^5.0.0" utility-types "^3.10.0" - webpack "^5.73.0" + webpack "^5.88.1" -"@docusaurus/plugin-content-docs@2.4.1": - version "2.4.1" - resolved "https://registry.yarnpkg.com/@docusaurus/plugin-content-docs/-/plugin-content-docs-2.4.1.tgz#ed94d9721b5ce7a956fb01cc06c40d8eee8dfca7" - integrity sha512-Lo7lSIcpswa2Kv4HEeUcGYqaasMUQNpjTXpV0N8G6jXgZaQurqp7E8NGYeGbDXnb48czmHWbzDL4S3+BbK0VzA== - dependencies: - "@docusaurus/core" "2.4.1" - "@docusaurus/logger" "2.4.1" - "@docusaurus/mdx-loader" "2.4.1" - "@docusaurus/module-type-aliases" "2.4.1" - "@docusaurus/types" "2.4.1" - "@docusaurus/utils" "2.4.1" - "@docusaurus/utils-validation" "2.4.1" - "@types/react-router-config" "^5.0.6" +"@docusaurus/plugin-content-docs@3.3.2": + version "3.3.2" + resolved "https://registry.yarnpkg.com/@docusaurus/plugin-content-docs/-/plugin-content-docs-3.3.2.tgz#dadfbb94acfb0b74fae12db51f425c4379e30087" + integrity sha512-Dm1ri2VlGATTN3VGk1ZRqdRXWa1UlFubjaEL6JaxaK7IIFqN/Esjpl+Xw10R33loHcRww/H76VdEeYayaL76eg== + dependencies: + "@docusaurus/core" "3.3.2" + "@docusaurus/logger" "3.3.2" + "@docusaurus/mdx-loader" "3.3.2" + "@docusaurus/module-type-aliases" "3.3.2" + "@docusaurus/types" "3.3.2" + "@docusaurus/utils" "3.3.2" + "@docusaurus/utils-common" "3.3.2" + "@docusaurus/utils-validation" "3.3.2" + "@types/react-router-config" "^5.0.7" combine-promises "^1.1.0" - fs-extra "^10.1.0" - import-fresh "^3.3.0" + fs-extra "^11.1.1" js-yaml "^4.1.0" lodash "^4.17.21" - tslib "^2.4.0" + tslib "^2.6.0" utility-types "^3.10.0" - webpack "^5.73.0" + webpack "^5.88.1" -"@docusaurus/plugin-content-pages@2.4.1": - version "2.4.1" - resolved "https://registry.yarnpkg.com/@docusaurus/plugin-content-pages/-/plugin-content-pages-2.4.1.tgz#c534f7e49967699a45bbe67050d1605ebbf3d285" - integrity sha512-/UjuH/76KLaUlL+o1OvyORynv6FURzjurSjvn2lbWTFc4tpYY2qLYTlKpTCBVPhlLUQsfyFnshEJDLmPneq2oA== - dependencies: - "@docusaurus/core" "2.4.1" - "@docusaurus/mdx-loader" "2.4.1" - "@docusaurus/types" "2.4.1" - "@docusaurus/utils" "2.4.1" - "@docusaurus/utils-validation" "2.4.1" - fs-extra "^10.1.0" - tslib "^2.4.0" - webpack "^5.73.0" - -"@docusaurus/plugin-debug@2.4.1": - version "2.4.1" - resolved "https://registry.yarnpkg.com/@docusaurus/plugin-debug/-/plugin-debug-2.4.1.tgz#461a2c77b0c5a91b2c05257c8f9585412aaa59dc" - integrity sha512-7Yu9UPzRShlrH/G8btOpR0e6INFZr0EegWplMjOqelIwAcx3PKyR8mgPTxGTxcqiYj6hxSCRN0D8R7YrzImwNA== +"@docusaurus/plugin-content-pages@3.3.2": + version "3.3.2" + resolved "https://registry.yarnpkg.com/@docusaurus/plugin-content-pages/-/plugin-content-pages-3.3.2.tgz#04fc18d1925618c1102b111b85e6376442c1b7a9" + integrity sha512-EKc9fQn5H2+OcGER8x1aR+7URtAGWySUgULfqE/M14+rIisdrBstuEZ4lUPDRrSIexOVClML82h2fDS+GSb8Ew== + dependencies: + "@docusaurus/core" "3.3.2" + "@docusaurus/mdx-loader" "3.3.2" + "@docusaurus/types" "3.3.2" + "@docusaurus/utils" "3.3.2" + "@docusaurus/utils-validation" "3.3.2" + fs-extra "^11.1.1" + tslib "^2.6.0" + webpack "^5.88.1" + +"@docusaurus/plugin-debug@3.3.2": + version "3.3.2" + resolved "https://registry.yarnpkg.com/@docusaurus/plugin-debug/-/plugin-debug-3.3.2.tgz#bb25fac2cb705eff7857b435219faef907ba949e" + integrity sha512-oBIBmwtaB+YS0XlmZ3gCO+cMbsGvIYuAKkAopoCh0arVjtlyPbejzPrHuCoRHB9G7abjNZw7zoONOR8+8LM5+Q== dependencies: - "@docusaurus/core" "2.4.1" - "@docusaurus/types" "2.4.1" - "@docusaurus/utils" "2.4.1" - fs-extra "^10.1.0" - react-json-view "^1.21.3" - tslib "^2.4.0" + "@docusaurus/core" "3.3.2" + "@docusaurus/types" "3.3.2" + "@docusaurus/utils" "3.3.2" + fs-extra "^11.1.1" + react-json-view-lite "^1.2.0" + tslib "^2.6.0" -"@docusaurus/plugin-google-analytics@2.4.1": - version "2.4.1" - resolved "https://registry.yarnpkg.com/@docusaurus/plugin-google-analytics/-/plugin-google-analytics-2.4.1.tgz#30de1c35773bf9d52bb2d79b201b23eb98022613" - integrity sha512-dyZJdJiCoL+rcfnm0RPkLt/o732HvLiEwmtoNzOoz9MSZz117UH2J6U2vUDtzUzwtFLIf32KkeyzisbwUCgcaQ== +"@docusaurus/plugin-google-analytics@3.3.2": + version "3.3.2" + resolved "https://registry.yarnpkg.com/@docusaurus/plugin-google-analytics/-/plugin-google-analytics-3.3.2.tgz#6e51ee8593c79172ed2b2ac4d33e300f04bfbc87" + integrity sha512-jXhrEIhYPSClMBK6/IA8qf1/FBoxqGXZvg7EuBax9HaK9+kL3L0TJIlatd8jQJOMtds8mKw806TOCc3rtEad1A== dependencies: - "@docusaurus/core" "2.4.1" - "@docusaurus/types" "2.4.1" - "@docusaurus/utils-validation" "2.4.1" - tslib "^2.4.0" + "@docusaurus/core" "3.3.2" + "@docusaurus/types" "3.3.2" + "@docusaurus/utils-validation" "3.3.2" + tslib "^2.6.0" -"@docusaurus/plugin-google-gtag@2.4.1": - version "2.4.1" - resolved "https://registry.yarnpkg.com/@docusaurus/plugin-google-gtag/-/plugin-google-gtag-2.4.1.tgz#6a3eb91022714735e625c7ca70ef5188fa7bd0dc" - integrity sha512-mKIefK+2kGTQBYvloNEKtDmnRD7bxHLsBcxgnbt4oZwzi2nxCGjPX6+9SQO2KCN5HZbNrYmGo5GJfMgoRvy6uA== +"@docusaurus/plugin-google-gtag@3.3.2": + version "3.3.2" + resolved "https://registry.yarnpkg.com/@docusaurus/plugin-google-gtag/-/plugin-google-gtag-3.3.2.tgz#f8126dfe1dfa6e722157d7301430da40b97354ba" + integrity sha512-vcrKOHGbIDjVnNMrfbNpRQR1x6Jvcrb48kVzpBAOsKbj9rXZm/idjVAXRaewwobHdOrJkfWS/UJoxzK8wyLRBQ== dependencies: - "@docusaurus/core" "2.4.1" - "@docusaurus/types" "2.4.1" - "@docusaurus/utils-validation" "2.4.1" - tslib "^2.4.0" + "@docusaurus/core" "3.3.2" + "@docusaurus/types" "3.3.2" + "@docusaurus/utils-validation" "3.3.2" + "@types/gtag.js" "^0.0.12" + tslib "^2.6.0" -"@docusaurus/plugin-google-tag-manager@2.4.1": - version "2.4.1" - resolved "https://registry.yarnpkg.com/@docusaurus/plugin-google-tag-manager/-/plugin-google-tag-manager-2.4.1.tgz#b99f71aec00b112bbf509ef2416e404a95eb607e" - integrity sha512-Zg4Ii9CMOLfpeV2nG74lVTWNtisFaH9QNtEw48R5QE1KIwDBdTVaiSA18G1EujZjrzJJzXN79VhINSbOJO/r3g== +"@docusaurus/plugin-google-tag-manager@3.3.2": + version "3.3.2" + resolved "https://registry.yarnpkg.com/@docusaurus/plugin-google-tag-manager/-/plugin-google-tag-manager-3.3.2.tgz#7ce4cf4da6ef177d63bd83beafc4a45428ff01e2" + integrity sha512-ldkR58Fdeks0vC+HQ+L+bGFSJsotQsipXD+iKXQFvkOfmPIV6QbHRd7IIcm5b6UtwOiK33PylNS++gjyLUmaGw== dependencies: - "@docusaurus/core" "2.4.1" - "@docusaurus/types" "2.4.1" - "@docusaurus/utils-validation" "2.4.1" - tslib "^2.4.0" + "@docusaurus/core" "3.3.2" + "@docusaurus/types" "3.3.2" + "@docusaurus/utils-validation" "3.3.2" + tslib "^2.6.0" -"@docusaurus/plugin-sitemap@2.4.1": - version "2.4.1" - resolved "https://registry.yarnpkg.com/@docusaurus/plugin-sitemap/-/plugin-sitemap-2.4.1.tgz#8a7a76ed69dc3e6b4474b6abb10bb03336a9de6d" - integrity sha512-lZx+ijt/+atQ3FVE8FOHV/+X3kuok688OydDXrqKRJyXBJZKgGjA2Qa8RjQ4f27V2woaXhtnyrdPop/+OjVMRg== - dependencies: - "@docusaurus/core" "2.4.1" - "@docusaurus/logger" "2.4.1" - "@docusaurus/types" "2.4.1" - "@docusaurus/utils" "2.4.1" - "@docusaurus/utils-common" "2.4.1" - "@docusaurus/utils-validation" "2.4.1" - fs-extra "^10.1.0" +"@docusaurus/plugin-sitemap@3.3.2": + version "3.3.2" + resolved "https://registry.yarnpkg.com/@docusaurus/plugin-sitemap/-/plugin-sitemap-3.3.2.tgz#f64fba6f03ebc14fdf55434aa2219bf80f752a13" + integrity sha512-/ZI1+bwZBhAgC30inBsHe3qY9LOZS+79fRGkNdTcGHRMcdAp6Vw2pCd1gzlxd/xU+HXsNP6cLmTOrggmRp3Ujg== + dependencies: + "@docusaurus/core" "3.3.2" + "@docusaurus/logger" "3.3.2" + "@docusaurus/types" "3.3.2" + "@docusaurus/utils" "3.3.2" + "@docusaurus/utils-common" "3.3.2" + "@docusaurus/utils-validation" "3.3.2" + fs-extra "^11.1.1" sitemap "^7.1.1" - tslib "^2.4.0" + tslib "^2.6.0" -"@docusaurus/preset-classic@^2.4.1": - version "2.4.1" - resolved "https://registry.yarnpkg.com/@docusaurus/preset-classic/-/preset-classic-2.4.1.tgz#072f22d0332588e9c5f512d4bded8d7c99f91497" - integrity sha512-P4//+I4zDqQJ+UDgoFrjIFaQ1MeS9UD1cvxVQaI6O7iBmiHQm0MGROP1TbE7HlxlDPXFJjZUK3x3cAoK63smGQ== - dependencies: - "@docusaurus/core" "2.4.1" - "@docusaurus/plugin-content-blog" "2.4.1" - "@docusaurus/plugin-content-docs" "2.4.1" - "@docusaurus/plugin-content-pages" "2.4.1" - "@docusaurus/plugin-debug" "2.4.1" - "@docusaurus/plugin-google-analytics" "2.4.1" - "@docusaurus/plugin-google-gtag" "2.4.1" - "@docusaurus/plugin-google-tag-manager" "2.4.1" - "@docusaurus/plugin-sitemap" "2.4.1" - "@docusaurus/theme-classic" "2.4.1" - "@docusaurus/theme-common" "2.4.1" - "@docusaurus/theme-search-algolia" "2.4.1" - "@docusaurus/types" "2.4.1" +"@docusaurus/preset-classic@^3.3.2": + version "3.3.2" + resolved "https://registry.yarnpkg.com/@docusaurus/preset-classic/-/preset-classic-3.3.2.tgz#1c89b5f35f9e727a1c91bc03eb25a5b42b7d67a6" + integrity sha512-1SDS7YIUN1Pg3BmD6TOTjhB7RSBHJRpgIRKx9TpxqyDrJ92sqtZhomDc6UYoMMLQNF2wHFZZVGFjxJhw2VpL+Q== + dependencies: + "@docusaurus/core" "3.3.2" + "@docusaurus/plugin-content-blog" "3.3.2" + "@docusaurus/plugin-content-docs" "3.3.2" + "@docusaurus/plugin-content-pages" "3.3.2" + "@docusaurus/plugin-debug" "3.3.2" + "@docusaurus/plugin-google-analytics" "3.3.2" + "@docusaurus/plugin-google-gtag" "3.3.2" + "@docusaurus/plugin-google-tag-manager" "3.3.2" + "@docusaurus/plugin-sitemap" "3.3.2" + "@docusaurus/theme-classic" "3.3.2" + "@docusaurus/theme-common" "3.3.2" + "@docusaurus/theme-search-algolia" "3.3.2" + "@docusaurus/types" "3.3.2" "@docusaurus/react-loadable@5.5.2", "react-loadable@npm:@docusaurus/react-loadable@5.5.2": version "5.5.2" @@ -1474,261 +1822,272 @@ "@types/react" "*" prop-types "^15.6.2" -"@docusaurus/theme-classic@2.4.1": - version "2.4.1" - resolved "https://registry.yarnpkg.com/@docusaurus/theme-classic/-/theme-classic-2.4.1.tgz#0060cb263c1a73a33ac33f79bb6bc2a12a56ad9e" - integrity sha512-Rz0wKUa+LTW1PLXmwnf8mn85EBzaGSt6qamqtmnh9Hflkc+EqiYMhtUJeLdV+wsgYq4aG0ANc+bpUDpsUhdnwg== - dependencies: - "@docusaurus/core" "2.4.1" - "@docusaurus/mdx-loader" "2.4.1" - "@docusaurus/module-type-aliases" "2.4.1" - "@docusaurus/plugin-content-blog" "2.4.1" - "@docusaurus/plugin-content-docs" "2.4.1" - "@docusaurus/plugin-content-pages" "2.4.1" - "@docusaurus/theme-common" "2.4.1" - "@docusaurus/theme-translations" "2.4.1" - "@docusaurus/types" "2.4.1" - "@docusaurus/utils" "2.4.1" - "@docusaurus/utils-common" "2.4.1" - "@docusaurus/utils-validation" "2.4.1" - "@mdx-js/react" "^1.6.22" - clsx "^1.2.1" - copy-text-to-clipboard "^3.0.1" +"@docusaurus/theme-classic@3.3.2": + version "3.3.2" + resolved "https://registry.yarnpkg.com/@docusaurus/theme-classic/-/theme-classic-3.3.2.tgz#44489580e034a6f5b877ec8bfd1203e226b4a4ab" + integrity sha512-gepHFcsluIkPb4Im9ukkiO4lXrai671wzS3cKQkY9BXQgdVwsdPf/KS0Vs4Xlb0F10fTz+T3gNjkxNEgSN9M0A== + dependencies: + "@docusaurus/core" "3.3.2" + "@docusaurus/mdx-loader" "3.3.2" + "@docusaurus/module-type-aliases" "3.3.2" + "@docusaurus/plugin-content-blog" "3.3.2" + "@docusaurus/plugin-content-docs" "3.3.2" + "@docusaurus/plugin-content-pages" "3.3.2" + "@docusaurus/theme-common" "3.3.2" + "@docusaurus/theme-translations" "3.3.2" + "@docusaurus/types" "3.3.2" + "@docusaurus/utils" "3.3.2" + "@docusaurus/utils-common" "3.3.2" + "@docusaurus/utils-validation" "3.3.2" + "@mdx-js/react" "^3.0.0" + clsx "^2.0.0" + copy-text-to-clipboard "^3.2.0" infima "0.2.0-alpha.43" lodash "^4.17.21" nprogress "^0.2.0" - postcss "^8.4.14" - prism-react-renderer "^1.3.5" - prismjs "^1.28.0" - react-router-dom "^5.3.3" - rtlcss "^3.5.0" - tslib "^2.4.0" + postcss "^8.4.26" + prism-react-renderer "^2.3.0" + prismjs "^1.29.0" + react-router-dom "^5.3.4" + rtlcss "^4.1.0" + tslib "^2.6.0" utility-types "^3.10.0" -"@docusaurus/theme-common@2.4.1": - version "2.4.1" - resolved "https://registry.yarnpkg.com/@docusaurus/theme-common/-/theme-common-2.4.1.tgz#03e16f7aa96455e952f3243ac99757b01a3c83d4" - integrity sha512-G7Zau1W5rQTaFFB3x3soQoZpkgMbl/SYNG8PfMFIjKa3M3q8n0m/GRf5/H/e5BqOvt8c+ZWIXGCiz+kUCSHovA== - dependencies: - "@docusaurus/mdx-loader" "2.4.1" - "@docusaurus/module-type-aliases" "2.4.1" - "@docusaurus/plugin-content-blog" "2.4.1" - "@docusaurus/plugin-content-docs" "2.4.1" - "@docusaurus/plugin-content-pages" "2.4.1" - "@docusaurus/utils" "2.4.1" - "@docusaurus/utils-common" "2.4.1" +"@docusaurus/theme-common@3.3.2": + version "3.3.2" + resolved "https://registry.yarnpkg.com/@docusaurus/theme-common/-/theme-common-3.3.2.tgz#26f8a6d26ea6c297350887f614c6dac73c2ede4a" + integrity sha512-kXqSaL/sQqo4uAMQ4fHnvRZrH45Xz2OdJ3ABXDS7YVGPSDTBC8cLebFrRR4YF9EowUHto1UC/EIklJZQMG/usA== + dependencies: + "@docusaurus/mdx-loader" "3.3.2" + "@docusaurus/module-type-aliases" "3.3.2" + "@docusaurus/plugin-content-blog" "3.3.2" + "@docusaurus/plugin-content-docs" "3.3.2" + "@docusaurus/plugin-content-pages" "3.3.2" + "@docusaurus/utils" "3.3.2" + "@docusaurus/utils-common" "3.3.2" "@types/history" "^4.7.11" "@types/react" "*" "@types/react-router-config" "*" - clsx "^1.2.1" + clsx "^2.0.0" parse-numeric-range "^1.3.0" - prism-react-renderer "^1.3.5" - tslib "^2.4.0" - use-sync-external-store "^1.2.0" + prism-react-renderer "^2.3.0" + tslib "^2.6.0" utility-types "^3.10.0" -"@docusaurus/theme-search-algolia@2.4.1": - version "2.4.1" - resolved "https://registry.yarnpkg.com/@docusaurus/theme-search-algolia/-/theme-search-algolia-2.4.1.tgz#906bd2cca3fced0241985ef502c892f58ff380fc" - integrity sha512-6BcqW2lnLhZCXuMAvPRezFs1DpmEKzXFKlYjruuas+Xy3AQeFzDJKTJFIm49N77WFCTyxff8d3E4Q9pi/+5McQ== - dependencies: - "@docsearch/react" "^3.1.1" - "@docusaurus/core" "2.4.1" - "@docusaurus/logger" "2.4.1" - "@docusaurus/plugin-content-docs" "2.4.1" - "@docusaurus/theme-common" "2.4.1" - "@docusaurus/theme-translations" "2.4.1" - "@docusaurus/utils" "2.4.1" - "@docusaurus/utils-validation" "2.4.1" - algoliasearch "^4.13.1" - algoliasearch-helper "^3.10.0" - clsx "^1.2.1" - eta "^2.0.0" - fs-extra "^10.1.0" +"@docusaurus/theme-search-algolia@3.3.2": + version "3.3.2" + resolved "https://registry.yarnpkg.com/@docusaurus/theme-search-algolia/-/theme-search-algolia-3.3.2.tgz#fe669e756697a2ca79784052e26c43a07ea7e449" + integrity sha512-qLkfCl29VNBnF1MWiL9IyOQaHxUvicZp69hISyq/xMsNvFKHFOaOfk9xezYod2Q9xx3xxUh9t/QPigIei2tX4w== + dependencies: + "@docsearch/react" "^3.5.2" + "@docusaurus/core" "3.3.2" + "@docusaurus/logger" "3.3.2" + "@docusaurus/plugin-content-docs" "3.3.2" + "@docusaurus/theme-common" "3.3.2" + "@docusaurus/theme-translations" "3.3.2" + "@docusaurus/utils" "3.3.2" + "@docusaurus/utils-validation" "3.3.2" + algoliasearch "^4.18.0" + algoliasearch-helper "^3.13.3" + clsx "^2.0.0" + eta "^2.2.0" + fs-extra "^11.1.1" lodash "^4.17.21" - tslib "^2.4.0" + tslib "^2.6.0" utility-types "^3.10.0" -"@docusaurus/theme-translations@2.4.1": - version "2.4.1" - resolved "https://registry.yarnpkg.com/@docusaurus/theme-translations/-/theme-translations-2.4.1.tgz#4d49df5865dae9ef4b98a19284ede62ae6f98726" - integrity sha512-T1RAGP+f86CA1kfE8ejZ3T3pUU3XcyvrGMfC/zxCtc2BsnoexuNI9Vk2CmuKCb+Tacvhxjv5unhxXce0+NKyvA== +"@docusaurus/theme-translations@3.3.2": + version "3.3.2" + resolved "https://registry.yarnpkg.com/@docusaurus/theme-translations/-/theme-translations-3.3.2.tgz#39ad011573ce963f1eda98ded925971ca57c5a52" + integrity sha512-bPuiUG7Z8sNpGuTdGnmKl/oIPeTwKr0AXLGu9KaP6+UFfRZiyWbWE87ti97RrevB2ffojEdvchNujparR3jEZQ== dependencies: - fs-extra "^10.1.0" - tslib "^2.4.0" + fs-extra "^11.1.1" + tslib "^2.6.0" -"@docusaurus/types@2.4.1": - version "2.4.1" - resolved "https://registry.yarnpkg.com/@docusaurus/types/-/types-2.4.1.tgz#d8e82f9e0f704984f98df1f93d6b4554d5458705" - integrity sha512-0R+cbhpMkhbRXX138UOc/2XZFF8hiZa6ooZAEEJFp5scytzCw4tC1gChMFXrpa3d2tYE6AX8IrOEpSonLmfQuQ== +"@docusaurus/types@3.0.0": + version "3.0.0" + resolved "https://registry.yarnpkg.com/@docusaurus/types/-/types-3.0.0.tgz#3edabe43f70b45f81a48f3470d6a73a2eba41945" + integrity sha512-Qb+l/hmCOVemReuzvvcFdk84bUmUFyD0Zi81y651ie3VwMrXqC7C0E7yZLKMOsLj/vkqsxHbtkAuYMI89YzNzg== dependencies: "@types/history" "^4.7.11" "@types/react" "*" commander "^5.1.0" - joi "^17.6.0" + joi "^17.9.2" react-helmet-async "^1.3.0" utility-types "^3.10.0" - webpack "^5.73.0" - webpack-merge "^5.8.0" + webpack "^5.88.1" + webpack-merge "^5.9.0" -"@docusaurus/utils-common@2.4.1": - version "2.4.1" - resolved "https://registry.yarnpkg.com/@docusaurus/utils-common/-/utils-common-2.4.1.tgz#7f72e873e49bd5179588869cc3ab7449a56aae63" - integrity sha512-bCVGdZU+z/qVcIiEQdyx0K13OC5mYwxhSuDUR95oFbKVuXYRrTVrwZIqQljuo1fyJvFTKHiL9L9skQOPokuFNQ== +"@docusaurus/types@3.3.2": + version "3.3.2" + resolved "https://registry.yarnpkg.com/@docusaurus/types/-/types-3.3.2.tgz#0e17689512b22209a98f22ee80ac56899e94d390" + integrity sha512-5p201S7AZhliRxTU7uMKtSsoC8mgPA9bs9b5NQg1IRdRxJfflursXNVsgc3PcMqiUTul/v1s3k3rXXFlRE890w== dependencies: - tslib "^2.4.0" + "@mdx-js/mdx" "^3.0.0" + "@types/history" "^4.7.11" + "@types/react" "*" + commander "^5.1.0" + joi "^17.9.2" + react-helmet-async "^1.3.0" + utility-types "^3.10.0" + webpack "^5.88.1" + webpack-merge "^5.9.0" -"@docusaurus/utils-validation@2.4.1": - version "2.4.1" - resolved "https://registry.yarnpkg.com/@docusaurus/utils-validation/-/utils-validation-2.4.1.tgz#19959856d4a886af0c5cfb357f4ef68b51151244" - integrity sha512-unII3hlJlDwZ3w8U+pMO3Lx3RhI4YEbY3YNsQj4yzrkZzlpqZOLuAiZK2JyULnD+TKbceKU0WyWkQXtYbLNDFA== +"@docusaurus/utils-common@3.3.2": + version "3.3.2" + resolved "https://registry.yarnpkg.com/@docusaurus/utils-common/-/utils-common-3.3.2.tgz#d17868a55a25186bfdb35de317a3878e867f2005" + integrity sha512-QWFTLEkPYsejJsLStgtmetMFIA3pM8EPexcZ4WZ7b++gO5jGVH7zsipREnCHzk6+eDgeaXfkR6UPaTt86bp8Og== dependencies: - "@docusaurus/logger" "2.4.1" - "@docusaurus/utils" "2.4.1" - joi "^17.6.0" + tslib "^2.6.0" + +"@docusaurus/utils-validation@3.3.2": + version "3.3.2" + resolved "https://registry.yarnpkg.com/@docusaurus/utils-validation/-/utils-validation-3.3.2.tgz#7109888d9c9b23eec787b41341809438f54c2aec" + integrity sha512-itDgFs5+cbW9REuC7NdXals4V6++KifgVMzoGOOOSIifBQw+8ULhy86u5e1lnptVL0sv8oAjq2alO7I40GR7pA== + dependencies: + "@docusaurus/logger" "3.3.2" + "@docusaurus/utils" "3.3.2" + "@docusaurus/utils-common" "3.3.2" + joi "^17.9.2" js-yaml "^4.1.0" - tslib "^2.4.0" + tslib "^2.6.0" -"@docusaurus/utils@2.4.1": - version "2.4.1" - resolved "https://registry.yarnpkg.com/@docusaurus/utils/-/utils-2.4.1.tgz#9c5f76eae37b71f3819c1c1f0e26e6807c99a4fc" - integrity sha512-1lvEZdAQhKNht9aPXPoh69eeKnV0/62ROhQeFKKxmzd0zkcuE/Oc5Gpnt00y/f5bIsmOsYMY7Pqfm/5rteT5GA== +"@docusaurus/utils@3.3.2": + version "3.3.2" + resolved "https://registry.yarnpkg.com/@docusaurus/utils/-/utils-3.3.2.tgz#2571baccb5b7ed53d50b670094139a31a53558df" + integrity sha512-f4YMnBVymtkSxONv4Y8js3Gez9IgHX+Lcg6YRMOjVbq8sgCcdYK1lf6SObAuz5qB/mxiSK7tW0M9aaiIaUSUJg== dependencies: - "@docusaurus/logger" "2.4.1" - "@svgr/webpack" "^6.2.1" + "@docusaurus/logger" "3.3.2" + "@docusaurus/utils-common" "3.3.2" + "@svgr/webpack" "^8.1.0" escape-string-regexp "^4.0.0" file-loader "^6.2.0" - fs-extra "^10.1.0" - github-slugger "^1.4.0" + fs-extra "^11.1.1" + github-slugger "^1.5.0" globby "^11.1.0" gray-matter "^4.0.3" + jiti "^1.20.0" js-yaml "^4.1.0" lodash "^4.17.21" micromatch "^4.0.5" + prompts "^2.4.2" resolve-pathname "^3.0.0" shelljs "^0.8.5" - tslib "^2.4.0" + tslib "^2.6.0" url-loader "^4.1.1" - webpack "^5.73.0" + webpack "^5.88.1" -"@hapi/hoek@^9.0.0": +"@hapi/hoek@^9.0.0", "@hapi/hoek@^9.3.0": version "9.3.0" resolved "https://registry.yarnpkg.com/@hapi/hoek/-/hoek-9.3.0.tgz#8368869dcb735be2e7f5cb7647de78e167a251fb" integrity sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ== -"@hapi/topo@^5.0.0": +"@hapi/topo@^5.1.0": version "5.1.0" resolved "https://registry.yarnpkg.com/@hapi/topo/-/topo-5.1.0.tgz#dc448e332c6c6e37a4dc02fd84ba8d44b9afb012" integrity sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg== dependencies: "@hapi/hoek" "^9.0.0" -"@jest/schemas@^29.0.0": - version "29.0.0" - resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-29.0.0.tgz#5f47f5994dd4ef067fb7b4188ceac45f77fe952a" - integrity sha512-3Ab5HgYIIAnS0HjqJHQYZS+zXc4tUmTmBH3z83ajI6afXp8X3ZtdLX+nXx+I7LNkJD7uN9LAVhgnjDgZa2z0kA== +"@jest/schemas@^29.6.3": + version "29.6.3" + resolved "https://registry.yarnpkg.com/@jest/schemas/-/schemas-29.6.3.tgz#430b5ce8a4e0044a7e3819663305a7b3091c8e03" + integrity sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA== dependencies: - "@sinclair/typebox" "^0.24.1" + "@sinclair/typebox" "^0.27.8" -"@jest/types@^29.3.1": - version "29.3.1" - resolved "https://registry.yarnpkg.com/@jest/types/-/types-29.3.1.tgz#7c5a80777cb13e703aeec6788d044150341147e3" - integrity sha512-d0S0jmmTpjnhCmNpApgX3jrUZgZ22ivKJRvL2lli5hpCRoNnp1f85r2/wpKfXuYu8E7Jjh1hGfhPyup1NM5AmA== +"@jest/types@^29.6.3": + version "29.6.3" + resolved "https://registry.yarnpkg.com/@jest/types/-/types-29.6.3.tgz#1131f8cf634e7e84c5e77bab12f052af585fba59" + integrity sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw== dependencies: - "@jest/schemas" "^29.0.0" + "@jest/schemas" "^29.6.3" "@types/istanbul-lib-coverage" "^2.0.0" "@types/istanbul-reports" "^3.0.0" "@types/node" "*" "@types/yargs" "^17.0.8" chalk "^4.0.0" -"@jridgewell/gen-mapping@^0.1.0": - version "0.1.1" - resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.1.1.tgz#e5d2e450306a9491e3bd77e323e38d7aff315996" - integrity sha512-sQXCasFk+U8lWYEe66WxRDOE9PjVz4vSM51fTu3Hw+ClTpUSQb718772vH3pyS5pShp6lvQM7SxgIDXXXmOX7w== - dependencies: - "@jridgewell/set-array" "^1.0.0" - "@jridgewell/sourcemap-codec" "^1.4.10" - -"@jridgewell/gen-mapping@^0.3.0", "@jridgewell/gen-mapping@^0.3.2": - version "0.3.2" - resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz#c1aedc61e853f2bb9f5dfe6d4442d3b565b253b9" - integrity sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A== +"@jridgewell/gen-mapping@^0.3.5": + version "0.3.5" + resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz#dcce6aff74bdf6dad1a95802b69b04a2fcb1fb36" + integrity sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg== dependencies: - "@jridgewell/set-array" "^1.0.1" + "@jridgewell/set-array" "^1.2.1" "@jridgewell/sourcemap-codec" "^1.4.10" - "@jridgewell/trace-mapping" "^0.3.9" + "@jridgewell/trace-mapping" "^0.3.24" -"@jridgewell/resolve-uri@3.1.0": - version "3.1.0" - resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz#2203b118c157721addfe69d47b70465463066d78" - integrity sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w== +"@jridgewell/resolve-uri@^3.1.0": + version "3.1.2" + resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz#7a0ee601f60f99a20c7c7c5ff0c80388c1189bd6" + integrity sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw== -"@jridgewell/set-array@^1.0.0", "@jridgewell/set-array@^1.0.1": - version "1.1.2" - resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.2.tgz#7c6cf998d6d20b914c0a55a91ae928ff25965e72" - integrity sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw== +"@jridgewell/set-array@^1.2.1": + version "1.2.1" + resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.2.1.tgz#558fb6472ed16a4c850b889530e6b36438c49280" + integrity sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A== -"@jridgewell/source-map@^0.3.2": - version "0.3.2" - resolved "https://registry.yarnpkg.com/@jridgewell/source-map/-/source-map-0.3.2.tgz#f45351aaed4527a298512ec72f81040c998580fb" - integrity sha512-m7O9o2uR8k2ObDysZYzdfhb08VuEml5oWGiosa1VdaPZ/A6QyPkAJuwN0Q1lhULOf6B7MtQmHENS743hWtCrgw== +"@jridgewell/source-map@^0.3.3": + version "0.3.6" + resolved "https://registry.yarnpkg.com/@jridgewell/source-map/-/source-map-0.3.6.tgz#9d71ca886e32502eb9362c9a74a46787c36df81a" + integrity sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ== dependencies: - "@jridgewell/gen-mapping" "^0.3.0" - "@jridgewell/trace-mapping" "^0.3.9" + "@jridgewell/gen-mapping" "^0.3.5" + "@jridgewell/trace-mapping" "^0.3.25" -"@jridgewell/sourcemap-codec@1.4.14", "@jridgewell/sourcemap-codec@^1.4.10": - version "1.4.14" - resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz#add4c98d341472a289190b424efbdb096991bb24" - integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw== +"@jridgewell/sourcemap-codec@^1.4.10", "@jridgewell/sourcemap-codec@^1.4.14": + version "1.4.15" + resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz#d7c6e6755c78567a951e04ab52ef0fd26de59f32" + integrity sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg== -"@jridgewell/trace-mapping@^0.3.14", "@jridgewell/trace-mapping@^0.3.9": - version "0.3.17" - resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.17.tgz#793041277af9073b0951a7fe0f0d8c4c98c36985" - integrity sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g== +"@jridgewell/trace-mapping@^0.3.18", "@jridgewell/trace-mapping@^0.3.20", "@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25": + version "0.3.25" + resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz#15f190e98895f3fc23276ee14bc76b675c2e50f0" + integrity sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ== dependencies: - "@jridgewell/resolve-uri" "3.1.0" - "@jridgewell/sourcemap-codec" "1.4.14" + "@jridgewell/resolve-uri" "^3.1.0" + "@jridgewell/sourcemap-codec" "^1.4.14" "@leichtgewicht/ip-codec@^2.0.1": - version "2.0.4" - resolved "https://registry.yarnpkg.com/@leichtgewicht/ip-codec/-/ip-codec-2.0.4.tgz#b2ac626d6cb9c8718ab459166d4bb405b8ffa78b" - integrity sha512-Hcv+nVC0kZnQ3tD9GVu5xSMR4VVYOteQIr/hwFPVEvPdlXqgGEuRjiheChHgdM+JyqdgNcmzZOX/tnl0JOiI7A== - -"@mdx-js/mdx@^1.6.22": - version "1.6.22" - resolved "https://registry.yarnpkg.com/@mdx-js/mdx/-/mdx-1.6.22.tgz#8a723157bf90e78f17dc0f27995398e6c731f1ba" - integrity sha512-AMxuLxPz2j5/6TpF/XSdKpQP1NlG0z11dFOlq+2IP/lSgl11GY8ji6S/rgsViN/L0BDvHvUMruRb7ub+24LUYA== - dependencies: - "@babel/core" "7.12.9" - "@babel/plugin-syntax-jsx" "7.12.1" - "@babel/plugin-syntax-object-rest-spread" "7.8.3" - "@mdx-js/util" "1.6.22" - babel-plugin-apply-mdx-type-prop "1.6.22" - babel-plugin-extract-import-names "1.6.22" - camelcase-css "2.0.1" - detab "2.0.4" - hast-util-raw "6.0.1" - lodash.uniq "4.5.0" - mdast-util-to-hast "10.0.1" - remark-footnotes "2.0.0" - remark-mdx "1.6.22" - remark-parse "8.0.3" - remark-squeeze-paragraphs "4.0.0" - style-to-object "0.3.0" - unified "9.2.0" - unist-builder "2.0.3" - unist-util-visit "2.0.3" - -"@mdx-js/react@^1.5.8", "@mdx-js/react@^1.6.22": - version "1.6.22" - resolved "https://registry.yarnpkg.com/@mdx-js/react/-/react-1.6.22.tgz#ae09b4744fddc74714ee9f9d6f17a66e77c43573" - integrity sha512-TDoPum4SHdfPiGSAaRBw7ECyI8VaHpK8GJugbJIJuqyh6kzw9ZLJZW3HGL3NNrJGxcAixUvqROm+YuQOo5eXtg== - -"@mdx-js/util@1.6.22": - version "1.6.22" - resolved "https://registry.yarnpkg.com/@mdx-js/util/-/util-1.6.22.tgz#219dfd89ae5b97a8801f015323ffa4b62f45718b" - integrity sha512-H1rQc1ZOHANWBvPcW+JpGwr+juXSxM8Q8YCkm3GhZd8REu1fHR3z99CErO1p9pkcfcxZnMdIZdIsXkOHY0NilA== + version "2.0.5" + resolved "https://registry.yarnpkg.com/@leichtgewicht/ip-codec/-/ip-codec-2.0.5.tgz#4fc56c15c580b9adb7dc3c333a134e540b44bfb1" + integrity sha512-Vo+PSpZG2/fmgmiNzYK9qWRh8h/CHrwD0mo1h1DzL4yzHNSfWYujGTYsWGreD000gcgmZ7K4Ys6Tx9TxtsKdDw== + +"@mdx-js/mdx@^3.0.0": + version "3.0.1" + resolved "https://registry.yarnpkg.com/@mdx-js/mdx/-/mdx-3.0.1.tgz#617bd2629ae561fdca1bb88e3badd947f5a82191" + integrity sha512-eIQ4QTrOWyL3LWEe/bu6Taqzq2HQvHcyTMaOrI95P2/LmJE7AsfPfgJGuFLPVqBUE1BC1rik3VIhU+s9u72arA== + dependencies: + "@types/estree" "^1.0.0" + "@types/estree-jsx" "^1.0.0" + "@types/hast" "^3.0.0" + "@types/mdx" "^2.0.0" + collapse-white-space "^2.0.0" + devlop "^1.0.0" + estree-util-build-jsx "^3.0.0" + estree-util-is-identifier-name "^3.0.0" + estree-util-to-js "^2.0.0" + estree-walker "^3.0.0" + hast-util-to-estree "^3.0.0" + hast-util-to-jsx-runtime "^2.0.0" + markdown-extensions "^2.0.0" + periscopic "^3.0.0" + remark-mdx "^3.0.0" + remark-parse "^11.0.0" + remark-rehype "^11.0.0" + source-map "^0.7.0" + unified "^11.0.0" + unist-util-position-from-estree "^2.0.0" + unist-util-stringify-position "^4.0.0" + unist-util-visit "^5.0.0" + vfile "^6.0.0" + +"@mdx-js/react@^3.0.0": + version "3.0.1" + resolved "https://registry.yarnpkg.com/@mdx-js/react/-/react-3.0.1.tgz#997a19b3a5b783d936c75ae7c47cfe62f967f746" + integrity sha512-9ZrPIU4MGf6et1m1ov3zKf+q9+deetI51zprKB1D/z3NOb+rUxxtEl3mCjW5wTGh6VhRdwPueh1oRzi6ezkA8A== + dependencies: + "@types/mdx" "^2.0.0" "@nodelib/fs.scandir@2.1.5": version "2.1.5" @@ -1751,244 +2110,395 @@ "@nodelib/fs.scandir" "2.1.5" fastq "^1.6.0" -"@polka/url@^1.0.0-next.20": - version "1.0.0-next.21" - resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.21.tgz#5de5a2385a35309427f6011992b544514d559aa1" - integrity sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g== +"@pnpm/config.env-replace@^1.1.0": + version "1.1.0" + resolved "https://registry.yarnpkg.com/@pnpm/config.env-replace/-/config.env-replace-1.1.0.tgz#ab29da53df41e8948a00f2433f085f54de8b3a4c" + integrity sha512-htyl8TWnKL7K/ESFa1oW2UB5lVDxuF5DpM7tBi6Hu2LNL3mWkIzNLG6N4zoCUP1lCKNxWy/3iu8mS8MvToGd6w== -"@sideway/address@^4.1.3": - version "4.1.4" - resolved "https://registry.yarnpkg.com/@sideway/address/-/address-4.1.4.tgz#03dccebc6ea47fdc226f7d3d1ad512955d4783f0" - integrity sha512-7vwq+rOHVWjyXxVlR76Agnvhy8I9rpzjosTESvmhNeXOXdZZB15Fl+TI9x1SiHZH5Jv2wTGduSxFDIaq0m3DUw== +"@pnpm/network.ca-file@^1.0.1": + version "1.0.2" + resolved "https://registry.yarnpkg.com/@pnpm/network.ca-file/-/network.ca-file-1.0.2.tgz#2ab05e09c1af0cdf2fcf5035bea1484e222f7983" + integrity sha512-YcPQ8a0jwYU9bTdJDpXjMi7Brhkr1mXsXrUJvjqM2mQDgkRiz8jFaQGOdaLxgjtUfQgZhKy/O3cG/YwmgKaxLA== + dependencies: + graceful-fs "4.2.10" + +"@pnpm/npm-conf@^2.1.0": + version "2.2.2" + resolved "https://registry.yarnpkg.com/@pnpm/npm-conf/-/npm-conf-2.2.2.tgz#0058baf1c26cbb63a828f0193795401684ac86f0" + integrity sha512-UA91GwWPhFExt3IizW6bOeY/pQ0BkuNwKjk9iQW9KqxluGCrg4VenZ0/L+2Y0+ZOtme72EVvg6v0zo3AMQRCeA== + dependencies: + "@pnpm/config.env-replace" "^1.1.0" + "@pnpm/network.ca-file" "^1.0.1" + config-chain "^1.1.11" + +"@polka/url@^1.0.0-next.24": + version "1.0.0-next.25" + resolved "https://registry.yarnpkg.com/@polka/url/-/url-1.0.0-next.25.tgz#f077fdc0b5d0078d30893396ff4827a13f99e817" + integrity sha512-j7P6Rgr3mmtdkeDGTe0E/aYyWEWVtc5yFXtHCRHs28/jptDEWfaVOc5T7cblqy1XKPPfCxJc/8DwQ5YgLOZOVQ== + +"@sideway/address@^4.1.5": + version "4.1.5" + resolved "https://registry.yarnpkg.com/@sideway/address/-/address-4.1.5.tgz#4bc149a0076623ced99ca8208ba780d65a99b9d5" + integrity sha512-IqO/DUQHUkPeixNQ8n0JA6102hT9CmaljNTPmQ1u8MEhBo/R4Q8eKLN/vGZxuebwOroDB4cbpjheD4+/sKFK4Q== dependencies: "@hapi/hoek" "^9.0.0" -"@sideway/formula@^3.0.0": - version "3.0.0" - resolved "https://registry.yarnpkg.com/@sideway/formula/-/formula-3.0.0.tgz#fe158aee32e6bd5de85044be615bc08478a0a13c" - integrity sha512-vHe7wZ4NOXVfkoRb8T5otiENVlT7a3IAiw7H5M2+GO+9CDgcVUUsX1zalAztCmwyOr2RUTGJdgB+ZvSVqmdHmg== +"@sideway/formula@^3.0.1": + version "3.0.1" + resolved "https://registry.yarnpkg.com/@sideway/formula/-/formula-3.0.1.tgz#80fcbcbaf7ce031e0ef2dd29b1bfc7c3f583611f" + integrity sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg== "@sideway/pinpoint@^2.0.0": version "2.0.0" resolved "https://registry.yarnpkg.com/@sideway/pinpoint/-/pinpoint-2.0.0.tgz#cff8ffadc372ad29fd3f78277aeb29e632cc70df" integrity sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ== -"@sinclair/typebox@^0.24.1": - version "0.24.51" - resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.24.51.tgz#645f33fe4e02defe26f2f5c0410e1c094eac7f5f" - integrity sha512-1P1OROm/rdubP5aFDSZQILU0vrLCJ4fvHt6EoqHEM+2D/G5MK3bIaymUKLit8Js9gbns5UyJnkP/TZROLw4tUA== +"@sinclair/typebox@^0.27.8": + version "0.27.8" + resolved "https://registry.yarnpkg.com/@sinclair/typebox/-/typebox-0.27.8.tgz#6667fac16c436b5434a387a34dedb013198f6e6e" + integrity sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA== -"@sindresorhus/is@^0.14.0": - version "0.14.0" - resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-0.14.0.tgz#9fb3a3cf3132328151f353de4632e01e52102bea" - integrity sha512-9NET910DNaIPngYnLLPeg+Ogzqsi9uM4mSboU5y6p8S5DzMTVEsJZrawi+BoDNUVBa2DhJqQYUFvMDfgU062LQ== +"@sindresorhus/is@^4.6.0": + version "4.6.0" + resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-4.6.0.tgz#3c7c9c46e678feefe7a2e5bb609d3dbd665ffb3f" + integrity sha512-t09vSN3MdfsyCHoFcTRCH/iUtG7OJ0CsjzB8cjAmKc/va/kIgeDI/TxsigdncE/4be734m0cvIYwNaV4i2XqAw== -"@slorber/static-site-generator-webpack-plugin@^4.0.7": - version "4.0.7" - resolved "https://registry.yarnpkg.com/@slorber/static-site-generator-webpack-plugin/-/static-site-generator-webpack-plugin-4.0.7.tgz#fc1678bddefab014e2145cbe25b3ce4e1cfc36f3" - integrity sha512-Ug7x6z5lwrz0WqdnNFOMYrDQNTPAprvHLSh6+/fmml3qUiz6l5eq+2MzLKWtn/q5K5NpSiFsZTP/fck/3vjSxA== +"@sindresorhus/is@^5.2.0": + version "5.6.0" + resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-5.6.0.tgz#41dd6093d34652cddb5d5bdeee04eafc33826668" + integrity sha512-TV7t8GKYaJWsn00tFDqBw8+Uqmr8A0fRU1tvTQhyZzGv0sJCGRQL3JGMI3ucuKo3XIZdUP+Lx7/gh2t3lewy7g== + +"@slorber/remark-comment@^1.0.0": + version "1.0.0" + resolved "https://registry.yarnpkg.com/@slorber/remark-comment/-/remark-comment-1.0.0.tgz#2a020b3f4579c89dec0361673206c28d67e08f5a" + integrity sha512-RCE24n7jsOj1M0UPvIQCHTe7fI0sFL4S2nwKVWwHyVr/wI/H8GosgsJGyhnsZoGFnD/P2hLf1mSbrrgSLN93NA== dependencies: - eval "^0.1.8" - p-map "^4.0.0" - webpack-sources "^3.2.2" + micromark-factory-space "^1.0.0" + micromark-util-character "^1.1.0" + micromark-util-symbol "^1.0.1" -"@svgr/babel-plugin-add-jsx-attribute@^6.5.1": - version "6.5.1" - resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-6.5.1.tgz#74a5d648bd0347bda99d82409d87b8ca80b9a1ba" - integrity sha512-9PYGcXrAxitycIjRmZB+Q0JaN07GZIWaTBIGQzfaZv+qr1n8X1XUEJ5rZ/vx6OVD9RRYlrNnXWExQXcmZeD/BQ== +"@svgr/babel-plugin-add-jsx-attribute@8.0.0": + version "8.0.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-8.0.0.tgz#4001f5d5dd87fa13303e36ee106e3ff3a7eb8b22" + integrity sha512-b9MIk7yhdS1pMCZM8VeNfUlSKVRhsHZNMl5O9SfaX0l0t5wjdgu4IDzGB8bpnGBBOjGST3rRFVsaaEtI4W6f7g== -"@svgr/babel-plugin-remove-jsx-attribute@*": - version "6.5.0" - resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-6.5.0.tgz#652bfd4ed0a0699843585cda96faeb09d6e1306e" - integrity sha512-8zYdkym7qNyfXpWvu4yq46k41pyNM9SOstoWhKlm+IfdCE1DdnRKeMUPsWIEO/DEkaWxJ8T9esNdG3QwQ93jBA== +"@svgr/babel-plugin-add-jsx-attribute@^5.4.0": + version "5.4.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-5.4.0.tgz#81ef61947bb268eb9d50523446f9c638fb355906" + integrity sha512-ZFf2gs/8/6B8PnSofI0inYXr2SDNTDScPXhN7k5EqD4aZ3gi6u+rbmZHVB8IM3wDyx8ntKACZbtXSm7oZGRqVg== -"@svgr/babel-plugin-remove-jsx-empty-expression@*": - version "6.5.0" - resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-6.5.0.tgz#4b78994ab7d39032c729903fc2dd5c0fa4565cb8" - integrity sha512-NFdxMq3xA42Kb1UbzCVxplUc0iqSyM9X8kopImvFnB+uSDdzIHOdbs1op8ofAvVRtbg4oZiyRl3fTYeKcOe9Iw== - -"@svgr/babel-plugin-replace-jsx-attribute-value@^6.5.1": - version "6.5.1" - resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-6.5.1.tgz#fb9d22ea26d2bc5e0a44b763d4c46d5d3f596c60" - integrity sha512-8DPaVVE3fd5JKuIC29dqyMB54sA6mfgki2H2+swh+zNJoynC8pMPzOkidqHOSc6Wj032fhl8Z0TVn1GiPpAiJg== - -"@svgr/babel-plugin-svg-dynamic-title@^6.5.1": - version "6.5.1" - resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-6.5.1.tgz#01b2024a2b53ffaa5efceaa0bf3e1d5a4c520ce4" - integrity sha512-FwOEi0Il72iAzlkaHrlemVurgSQRDFbk0OC8dSvD5fSBPHltNh7JtLsxmZUhjYBZo2PpcU/RJvvi6Q0l7O7ogw== - -"@svgr/babel-plugin-svg-em-dimensions@^6.5.1": - version "6.5.1" - resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-6.5.1.tgz#dd3fa9f5b24eb4f93bcf121c3d40ff5facecb217" - integrity sha512-gWGsiwjb4tw+ITOJ86ndY/DZZ6cuXMNE/SjcDRg+HLuCmwpcjOktwRF9WgAiycTqJD/QXqL2f8IzE2Rzh7aVXA== - -"@svgr/babel-plugin-transform-react-native-svg@^6.5.1": - version "6.5.1" - resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-6.5.1.tgz#1d8e945a03df65b601551097d8f5e34351d3d305" - integrity sha512-2jT3nTayyYP7kI6aGutkyfJ7UMGtuguD72OjeGLwVNyfPRBD8zQthlvL+fAbAKk5n9ZNcvFkp/b1lZ7VsYqVJg== - -"@svgr/babel-plugin-transform-svg-component@^6.5.1": - version "6.5.1" - resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-6.5.1.tgz#48620b9e590e25ff95a80f811544218d27f8a250" - integrity sha512-a1p6LF5Jt33O3rZoVRBqdxL350oge54iZWHNI6LJB5tQ7EelvD/Mb1mfBiZNAan0dt4i3VArkFRjA4iObuNykQ== - -"@svgr/babel-preset@^6.5.1": - version "6.5.1" - resolved "https://registry.yarnpkg.com/@svgr/babel-preset/-/babel-preset-6.5.1.tgz#b90de7979c8843c5c580c7e2ec71f024b49eb828" - integrity sha512-6127fvO/FF2oi5EzSQOAjo1LE3OtNVh11R+/8FXa+mHx1ptAaS4cknIjnUA7e6j6fwGGJ17NzaTJFUwOV2zwCw== - dependencies: - "@svgr/babel-plugin-add-jsx-attribute" "^6.5.1" - "@svgr/babel-plugin-remove-jsx-attribute" "*" - "@svgr/babel-plugin-remove-jsx-empty-expression" "*" - "@svgr/babel-plugin-replace-jsx-attribute-value" "^6.5.1" - "@svgr/babel-plugin-svg-dynamic-title" "^6.5.1" - "@svgr/babel-plugin-svg-em-dimensions" "^6.5.1" - "@svgr/babel-plugin-transform-react-native-svg" "^6.5.1" - "@svgr/babel-plugin-transform-svg-component" "^6.5.1" - -"@svgr/core@^6.5.1": - version "6.5.1" - resolved "https://registry.yarnpkg.com/@svgr/core/-/core-6.5.1.tgz#d3e8aa9dbe3fbd747f9ee4282c1c77a27410488a" - integrity sha512-/xdLSWxK5QkqG524ONSjvg3V/FkNyCv538OIBdQqPNaAta3AsXj/Bd2FbvR87yMbXO2hFSWiAe/Q6IkVPDw+mw== - dependencies: - "@babel/core" "^7.19.6" - "@svgr/babel-preset" "^6.5.1" - "@svgr/plugin-jsx" "^6.5.1" +"@svgr/babel-plugin-remove-jsx-attribute@8.0.0": + version "8.0.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-8.0.0.tgz#69177f7937233caca3a1afb051906698f2f59186" + integrity sha512-BcCkm/STipKvbCl6b7QFrMh/vx00vIP63k2eM66MfHJzPr6O2U0jYEViXkHJWqXqQYjdeA9cuCl5KWmlwjDvbA== + +"@svgr/babel-plugin-remove-jsx-attribute@^5.4.0": + version "5.4.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-attribute/-/babel-plugin-remove-jsx-attribute-5.4.0.tgz#6b2c770c95c874654fd5e1d5ef475b78a0a962ef" + integrity sha512-yaS4o2PgUtwLFGTKbsiAy6D0o3ugcUhWK0Z45umJ66EPWunAz9fuFw2gJuje6wqQvQWOTJvIahUwndOXb7QCPg== + +"@svgr/babel-plugin-remove-jsx-empty-expression@8.0.0": + version "8.0.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-8.0.0.tgz#c2c48104cfd7dcd557f373b70a56e9e3bdae1d44" + integrity sha512-5BcGCBfBxB5+XSDSWnhTThfI9jcO5f0Ai2V24gZpG+wXF14BzwxxdDb4g6trdOux0rhibGs385BeFMSmxtS3uA== + +"@svgr/babel-plugin-remove-jsx-empty-expression@^5.0.1": + version "5.0.1" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-remove-jsx-empty-expression/-/babel-plugin-remove-jsx-empty-expression-5.0.1.tgz#25621a8915ed7ad70da6cea3d0a6dbc2ea933efd" + integrity sha512-LA72+88A11ND/yFIMzyuLRSMJ+tRKeYKeQ+mR3DcAZ5I4h5CPWN9AHyUzJbWSYp/u2u0xhmgOe0+E41+GjEueA== + +"@svgr/babel-plugin-replace-jsx-attribute-value@8.0.0": + version "8.0.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-8.0.0.tgz#8fbb6b2e91fa26ac5d4aa25c6b6e4f20f9c0ae27" + integrity sha512-KVQ+PtIjb1BuYT3ht8M5KbzWBhdAjjUPdlMtpuw/VjT8coTrItWX6Qafl9+ji831JaJcu6PJNKCV0bp01lBNzQ== + +"@svgr/babel-plugin-replace-jsx-attribute-value@^5.0.1": + version "5.0.1" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-replace-jsx-attribute-value/-/babel-plugin-replace-jsx-attribute-value-5.0.1.tgz#0b221fc57f9fcd10e91fe219e2cd0dd03145a897" + integrity sha512-PoiE6ZD2Eiy5mK+fjHqwGOS+IXX0wq/YDtNyIgOrc6ejFnxN4b13pRpiIPbtPwHEc+NT2KCjteAcq33/F1Y9KQ== + +"@svgr/babel-plugin-svg-dynamic-title@8.0.0": + version "8.0.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-8.0.0.tgz#1d5ba1d281363fc0f2f29a60d6d936f9bbc657b0" + integrity sha512-omNiKqwjNmOQJ2v6ge4SErBbkooV2aAWwaPFs2vUY7p7GhVkzRkJ00kILXQvRhA6miHnNpXv7MRnnSjdRjK8og== + +"@svgr/babel-plugin-svg-dynamic-title@^5.4.0": + version "5.4.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-dynamic-title/-/babel-plugin-svg-dynamic-title-5.4.0.tgz#139b546dd0c3186b6e5db4fefc26cb0baea729d7" + integrity sha512-zSOZH8PdZOpuG1ZVx/cLVePB2ibo3WPpqo7gFIjLV9a0QsuQAzJiwwqmuEdTaW2pegyBE17Uu15mOgOcgabQZg== + +"@svgr/babel-plugin-svg-em-dimensions@8.0.0": + version "8.0.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-8.0.0.tgz#35e08df300ea8b1d41cb8f62309c241b0369e501" + integrity sha512-mURHYnu6Iw3UBTbhGwE/vsngtCIbHE43xCRK7kCw4t01xyGqb2Pd+WXekRRoFOBIY29ZoOhUCTEweDMdrjfi9g== + +"@svgr/babel-plugin-svg-em-dimensions@^5.4.0": + version "5.4.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-svg-em-dimensions/-/babel-plugin-svg-em-dimensions-5.4.0.tgz#6543f69526632a133ce5cabab965deeaea2234a0" + integrity sha512-cPzDbDA5oT/sPXDCUYoVXEmm3VIoAWAPT6mSPTJNbQaBNUuEKVKyGH93oDY4e42PYHRW67N5alJx/eEol20abw== + +"@svgr/babel-plugin-transform-react-native-svg@8.1.0": + version "8.1.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-8.1.0.tgz#90a8b63998b688b284f255c6a5248abd5b28d754" + integrity sha512-Tx8T58CHo+7nwJ+EhUwx3LfdNSG9R2OKfaIXXs5soiy5HtgoAEkDay9LIimLOcG8dJQH1wPZp/cnAv6S9CrR1Q== + +"@svgr/babel-plugin-transform-react-native-svg@^5.4.0": + version "5.4.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-react-native-svg/-/babel-plugin-transform-react-native-svg-5.4.0.tgz#00bf9a7a73f1cad3948cdab1f8dfb774750f8c80" + integrity sha512-3eYP/SaopZ41GHwXma7Rmxcv9uRslRDTY1estspeB1w1ueZWd/tPlMfEOoccYpEMZU3jD4OU7YitnXcF5hLW2Q== + +"@svgr/babel-plugin-transform-svg-component@8.0.0": + version "8.0.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-8.0.0.tgz#013b4bfca88779711f0ed2739f3f7efcefcf4f7e" + integrity sha512-DFx8xa3cZXTdb/k3kfPeaixecQLgKh5NVBMwD0AQxOzcZawK4oo1Jh9LbrcACUivsCA7TLG8eeWgrDXjTMhRmw== + +"@svgr/babel-plugin-transform-svg-component@^5.5.0": + version "5.5.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-plugin-transform-svg-component/-/babel-plugin-transform-svg-component-5.5.0.tgz#583a5e2a193e214da2f3afeb0b9e8d3250126b4a" + integrity sha512-q4jSH1UUvbrsOtlo/tKcgSeiCHRSBdXoIoqX1pgcKK/aU3JD27wmMKwGtpB8qRYUYoyXvfGxUVKchLuR5pB3rQ== + +"@svgr/babel-preset@8.1.0": + version "8.1.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-preset/-/babel-preset-8.1.0.tgz#0e87119aecdf1c424840b9d4565b7137cabf9ece" + integrity sha512-7EYDbHE7MxHpv4sxvnVPngw5fuR6pw79SkcrILHJ/iMpuKySNCl5W1qcwPEpU+LgyRXOaAFgH0KhwD18wwg6ug== + dependencies: + "@svgr/babel-plugin-add-jsx-attribute" "8.0.0" + "@svgr/babel-plugin-remove-jsx-attribute" "8.0.0" + "@svgr/babel-plugin-remove-jsx-empty-expression" "8.0.0" + "@svgr/babel-plugin-replace-jsx-attribute-value" "8.0.0" + "@svgr/babel-plugin-svg-dynamic-title" "8.0.0" + "@svgr/babel-plugin-svg-em-dimensions" "8.0.0" + "@svgr/babel-plugin-transform-react-native-svg" "8.1.0" + "@svgr/babel-plugin-transform-svg-component" "8.0.0" + +"@svgr/babel-preset@^5.5.0": + version "5.5.0" + resolved "https://registry.yarnpkg.com/@svgr/babel-preset/-/babel-preset-5.5.0.tgz#8af54f3e0a8add7b1e2b0fcd5a882c55393df327" + integrity sha512-4FiXBjvQ+z2j7yASeGPEi8VD/5rrGQk4Xrq3EdJmoZgz/tpqChpo5hgXDvmEauwtvOc52q8ghhZK4Oy7qph4ig== + dependencies: + "@svgr/babel-plugin-add-jsx-attribute" "^5.4.0" + "@svgr/babel-plugin-remove-jsx-attribute" "^5.4.0" + "@svgr/babel-plugin-remove-jsx-empty-expression" "^5.0.1" + "@svgr/babel-plugin-replace-jsx-attribute-value" "^5.0.1" + "@svgr/babel-plugin-svg-dynamic-title" "^5.4.0" + "@svgr/babel-plugin-svg-em-dimensions" "^5.4.0" + "@svgr/babel-plugin-transform-react-native-svg" "^5.4.0" + "@svgr/babel-plugin-transform-svg-component" "^5.5.0" + +"@svgr/core@8.1.0": + version "8.1.0" + resolved "https://registry.yarnpkg.com/@svgr/core/-/core-8.1.0.tgz#41146f9b40b1a10beaf5cc4f361a16a3c1885e88" + integrity sha512-8QqtOQT5ACVlmsvKOJNEaWmRPmcojMOzCz4Hs2BGG/toAp/K38LcsMRyLp349glq5AzJbCEeimEoxaX6v/fLrA== + dependencies: + "@babel/core" "^7.21.3" + "@svgr/babel-preset" "8.1.0" camelcase "^6.2.0" - cosmiconfig "^7.0.1" + cosmiconfig "^8.1.3" + snake-case "^3.0.4" -"@svgr/hast-util-to-babel-ast@^6.5.1": - version "6.5.1" - resolved "https://registry.yarnpkg.com/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-6.5.1.tgz#81800bd09b5bcdb968bf6ee7c863d2288fdb80d2" - integrity sha512-1hnUxxjd83EAxbL4a0JDJoD3Dao3hmjvyvyEV8PzWmLK3B9m9NPlW7GKjFyoWE8nM7HnXzPcmmSyOW8yOddSXw== +"@svgr/core@^5.5.0": + version "5.5.0" + resolved "https://registry.yarnpkg.com/@svgr/core/-/core-5.5.0.tgz#82e826b8715d71083120fe8f2492ec7d7874a579" + integrity sha512-q52VOcsJPvV3jO1wkPtzTuKlvX7Y3xIcWRpCMtBF3MrteZJtBfQw/+u0B1BHy5ColpQc1/YVTrPEtSYIMNZlrQ== + dependencies: + "@svgr/plugin-jsx" "^5.5.0" + camelcase "^6.2.0" + cosmiconfig "^7.0.0" + +"@svgr/hast-util-to-babel-ast@8.0.0": + version "8.0.0" + resolved "https://registry.yarnpkg.com/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-8.0.0.tgz#6952fd9ce0f470e1aded293b792a2705faf4ffd4" + integrity sha512-EbDKwO9GpfWP4jN9sGdYwPBU0kdomaPIL2Eu4YwmgP+sJeXT+L7bMwJUBnhzfH8Q2qMBqZ4fJwpCyYsAN3mt2Q== dependencies: - "@babel/types" "^7.20.0" + "@babel/types" "^7.21.3" entities "^4.4.0" -"@svgr/plugin-jsx@^6.5.1": - version "6.5.1" - resolved "https://registry.yarnpkg.com/@svgr/plugin-jsx/-/plugin-jsx-6.5.1.tgz#0e30d1878e771ca753c94e69581c7971542a7072" - integrity sha512-+UdQxI3jgtSjCykNSlEMuy1jSRQlGC7pqBCPvkG/2dATdWo082zHTTK3uhnAju2/6XpE6B5mZ3z4Z8Ns01S8Gw== +"@svgr/hast-util-to-babel-ast@^5.5.0": + version "5.5.0" + resolved "https://registry.yarnpkg.com/@svgr/hast-util-to-babel-ast/-/hast-util-to-babel-ast-5.5.0.tgz#5ee52a9c2533f73e63f8f22b779f93cd432a5461" + integrity sha512-cAaR/CAiZRB8GP32N+1jocovUtvlj0+e65TB50/6Lcime+EA49m/8l+P2ko+XPJ4dw3xaPS3jOL4F2X4KWxoeQ== + dependencies: + "@babel/types" "^7.12.6" + +"@svgr/plugin-jsx@8.1.0": + version "8.1.0" + resolved "https://registry.yarnpkg.com/@svgr/plugin-jsx/-/plugin-jsx-8.1.0.tgz#96969f04a24b58b174ee4cd974c60475acbd6928" + integrity sha512-0xiIyBsLlr8quN+WyuxooNW9RJ0Dpr8uOnH/xrCVO8GLUcwHISwj1AG0k+LFzteTkAA0GbX0kj9q6Dk70PTiPA== dependencies: - "@babel/core" "^7.19.6" - "@svgr/babel-preset" "^6.5.1" - "@svgr/hast-util-to-babel-ast" "^6.5.1" + "@babel/core" "^7.21.3" + "@svgr/babel-preset" "8.1.0" + "@svgr/hast-util-to-babel-ast" "8.0.0" svg-parser "^2.0.4" -"@svgr/plugin-svgo@^6.5.1": - version "6.5.1" - resolved "https://registry.yarnpkg.com/@svgr/plugin-svgo/-/plugin-svgo-6.5.1.tgz#0f91910e988fc0b842f88e0960c2862e022abe84" - integrity sha512-omvZKf8ixP9z6GWgwbtmP9qQMPX4ODXi+wzbVZgomNFsUIlHA1sf4fThdwTWSsZGgvGAG6yE+b/F5gWUkcZ/iQ== +"@svgr/plugin-jsx@^5.5.0": + version "5.5.0" + resolved "https://registry.yarnpkg.com/@svgr/plugin-jsx/-/plugin-jsx-5.5.0.tgz#1aa8cd798a1db7173ac043466d7b52236b369000" + integrity sha512-V/wVh33j12hGh05IDg8GpIUXbjAPnTdPTKuP4VNLggnwaHMPNQNae2pRnyTAILWCQdz5GyMqtO488g7CKM8CBA== dependencies: - cosmiconfig "^7.0.1" + "@babel/core" "^7.12.3" + "@svgr/babel-preset" "^5.5.0" + "@svgr/hast-util-to-babel-ast" "^5.5.0" + svg-parser "^2.0.2" + +"@svgr/plugin-svgo@8.1.0": + version "8.1.0" + resolved "https://registry.yarnpkg.com/@svgr/plugin-svgo/-/plugin-svgo-8.1.0.tgz#b115b7b967b564f89ac58feae89b88c3decd0f00" + integrity sha512-Ywtl837OGO9pTLIN/onoWLmDQ4zFUycI1g76vuKGEz6evR/ZTJlJuz3G/fIkb6OVBJ2g0o6CGJzaEjfmEo3AHA== + dependencies: + cosmiconfig "^8.1.3" + deepmerge "^4.3.1" + svgo "^3.0.2" + +"@svgr/plugin-svgo@^5.5.0": + version "5.5.0" + resolved "https://registry.yarnpkg.com/@svgr/plugin-svgo/-/plugin-svgo-5.5.0.tgz#02da55d85320549324e201c7b2e53bf431fcc246" + integrity sha512-r5swKk46GuQl4RrVejVwpeeJaydoxkdwkM1mBKOgJLBUJPGaLci6ylg/IjhrRsREKDkr4kbMWdgOtbXEh0fyLQ== + dependencies: + cosmiconfig "^7.0.0" deepmerge "^4.2.2" - svgo "^2.8.0" + svgo "^1.2.2" -"@svgr/webpack@^6.2.1": - version "6.5.1" - resolved "https://registry.yarnpkg.com/@svgr/webpack/-/webpack-6.5.1.tgz#ecf027814fc1cb2decc29dc92f39c3cf691e40e8" - integrity sha512-cQ/AsnBkXPkEK8cLbv4Dm7JGXq2XrumKnL1dRpJD9rIO2fTIlJI9a1uCciYG1F2aUsox/hJQyNGbt3soDxSRkA== +"@svgr/webpack@^5.5.0": + version "5.5.0" + resolved "https://registry.yarnpkg.com/@svgr/webpack/-/webpack-5.5.0.tgz#aae858ee579f5fa8ce6c3166ef56c6a1b381b640" + integrity sha512-DOBOK255wfQxguUta2INKkzPj6AIS6iafZYiYmHn6W3pHlycSRRlvWKCfLDG10fXfLWqE3DJHgRUOyJYmARa7g== + dependencies: + "@babel/core" "^7.12.3" + "@babel/plugin-transform-react-constant-elements" "^7.12.1" + "@babel/preset-env" "^7.12.1" + "@babel/preset-react" "^7.12.5" + "@svgr/core" "^5.5.0" + "@svgr/plugin-jsx" "^5.5.0" + "@svgr/plugin-svgo" "^5.5.0" + loader-utils "^2.0.0" + +"@svgr/webpack@^8.1.0": + version "8.1.0" + resolved "https://registry.yarnpkg.com/@svgr/webpack/-/webpack-8.1.0.tgz#16f1b5346f102f89fda6ec7338b96a701d8be0c2" + integrity sha512-LnhVjMWyMQV9ZmeEy26maJk+8HTIbd59cH4F2MJ439k9DqejRisfFNGAPvRYlKETuh9LrImlS8aKsBgKjMA8WA== dependencies: - "@babel/core" "^7.19.6" - "@babel/plugin-transform-react-constant-elements" "^7.18.12" - "@babel/preset-env" "^7.19.4" + "@babel/core" "^7.21.3" + "@babel/plugin-transform-react-constant-elements" "^7.21.3" + "@babel/preset-env" "^7.20.2" "@babel/preset-react" "^7.18.6" - "@babel/preset-typescript" "^7.18.6" - "@svgr/core" "^6.5.1" - "@svgr/plugin-jsx" "^6.5.1" - "@svgr/plugin-svgo" "^6.5.1" + "@babel/preset-typescript" "^7.21.0" + "@svgr/core" "8.1.0" + "@svgr/plugin-jsx" "8.1.0" + "@svgr/plugin-svgo" "8.1.0" -"@szmarczak/http-timer@^1.1.2": - version "1.1.2" - resolved "https://registry.yarnpkg.com/@szmarczak/http-timer/-/http-timer-1.1.2.tgz#b1665e2c461a2cd92f4c1bbf50d5454de0d4b421" - integrity sha512-XIB2XbzHTN6ieIjfIMV9hlVcfPU26s2vafYWQcZHWXHOxiaRZYEDKEwdl129Zyg50+foYV2jCgtrqSA6qNuNSA== +"@szmarczak/http-timer@^5.0.1": + version "5.0.1" + resolved "https://registry.yarnpkg.com/@szmarczak/http-timer/-/http-timer-5.0.1.tgz#c7c1bf1141cdd4751b0399c8fc7b8b664cd5be3a" + integrity sha512-+PmQX0PiAYPMeVYe237LJAYvOMYW1j2rH5YROyS3b4CTVJum34HfRvKvAzozHAQG0TnHNdUfY9nCeUyRAs//cw== dependencies: - defer-to-connect "^1.0.1" + defer-to-connect "^2.0.1" "@trysound/sax@0.2.0": version "0.2.0" resolved "https://registry.yarnpkg.com/@trysound/sax/-/sax-0.2.0.tgz#cccaab758af56761eb7bf37af6f03f326dd798ad" integrity sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA== +"@types/acorn@^4.0.0": + version "4.0.6" + resolved "https://registry.yarnpkg.com/@types/acorn/-/acorn-4.0.6.tgz#d61ca5480300ac41a7d973dd5b84d0a591154a22" + integrity sha512-veQTnWP+1D/xbxVrPC3zHnCZRjSrKfhbMUlEA43iMZLu7EsnTtkJklIuwrCPbOi8YkvDQAiW05VQQFvvz9oieQ== + dependencies: + "@types/estree" "*" + "@types/body-parser@*": - version "1.19.2" - resolved "https://registry.yarnpkg.com/@types/body-parser/-/body-parser-1.19.2.tgz#aea2059e28b7658639081347ac4fab3de166e6f0" - integrity sha512-ALYone6pm6QmwZoAgeyNksccT9Q4AWZQ6PvfwR37GT6r6FWUPguq6sUmNGSMV2Wr761oQoBxwGGa6DR5o1DC9g== + version "1.19.5" + resolved "https://registry.yarnpkg.com/@types/body-parser/-/body-parser-1.19.5.tgz#04ce9a3b677dc8bd681a17da1ab9835dc9d3ede4" + integrity sha512-fB3Zu92ucau0iQ0JMCFQE7b/dv8Ot07NI3KaZIkIUNXq82k4eBAqUaneXfleGY9JWskeS9y+u0nXMyspcuQrCg== dependencies: "@types/connect" "*" "@types/node" "*" "@types/bonjour@^3.5.9": - version "3.5.10" - resolved "https://registry.yarnpkg.com/@types/bonjour/-/bonjour-3.5.10.tgz#0f6aadfe00ea414edc86f5d106357cda9701e275" - integrity sha512-p7ienRMiS41Nu2/igbJxxLDWrSZ0WxM8UQgCeO9KhoVF7cOVFkrKsiDr1EsJIla8vV3oEEjGcz11jc5yimhzZw== + version "3.5.13" + resolved "https://registry.yarnpkg.com/@types/bonjour/-/bonjour-3.5.13.tgz#adf90ce1a105e81dd1f9c61fdc5afda1bfb92956" + integrity sha512-z9fJ5Im06zvUL548KvYNecEVlA7cVDkGUi6kZusb04mpyEFKCIZJvloCcmpmLaIahDpOQGHaHmG6imtPMmPXGQ== dependencies: "@types/node" "*" "@types/connect-history-api-fallback@^1.3.5": - version "1.3.5" - resolved "https://registry.yarnpkg.com/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.3.5.tgz#d1f7a8a09d0ed5a57aee5ae9c18ab9b803205dae" - integrity sha512-h8QJa8xSb1WD4fpKBDcATDNGXghFj6/3GRWG6dhmRcu0RX1Ubasur2Uvx5aeEwlf0MwblEC2bMzzMQntxnw/Cw== + version "1.5.4" + resolved "https://registry.yarnpkg.com/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.5.4.tgz#7de71645a103056b48ac3ce07b3520b819c1d5b3" + integrity sha512-n6Cr2xS1h4uAulPRdlw6Jl6s1oG8KrVilPN2yUITEs+K48EzMJJ3W1xy8K5eWuFvjp3R74AOIGSmp2UfBJ8HFw== dependencies: "@types/express-serve-static-core" "*" "@types/node" "*" "@types/connect@*": - version "3.4.35" - resolved "https://registry.yarnpkg.com/@types/connect/-/connect-3.4.35.tgz#5fcf6ae445e4021d1fc2219a4873cc73a3bb2ad1" - integrity sha512-cdeYyv4KWoEgpBISTxWvqYsVy444DOqehiF3fM3ne10AmJ62RSyNkUnxMJXHQWRQQX2eR94m5y1IZyDwBjV9FQ== + version "3.4.38" + resolved "https://registry.yarnpkg.com/@types/connect/-/connect-3.4.38.tgz#5ba7f3bc4fbbdeaff8dded952e5ff2cc53f8d858" + integrity sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug== dependencies: "@types/node" "*" +"@types/debug@^4.0.0": + version "4.1.12" + resolved "https://registry.yarnpkg.com/@types/debug/-/debug-4.1.12.tgz#a155f21690871953410df4b6b6f53187f0500917" + integrity sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ== + dependencies: + "@types/ms" "*" + "@types/eslint-scope@^3.7.3": - version "3.7.4" - resolved "https://registry.yarnpkg.com/@types/eslint-scope/-/eslint-scope-3.7.4.tgz#37fc1223f0786c39627068a12e94d6e6fc61de16" - integrity sha512-9K4zoImiZc3HlIp6AVUDE4CWYx22a+lhSZMYNpbjW04+YF0KWj4pJXnEMjdnFTiQibFFmElcsasJXDbdI/EPhA== + version "3.7.7" + resolved "https://registry.yarnpkg.com/@types/eslint-scope/-/eslint-scope-3.7.7.tgz#3108bd5f18b0cdb277c867b3dd449c9ed7079ac5" + integrity sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg== dependencies: "@types/eslint" "*" "@types/estree" "*" "@types/eslint@*": - version "8.4.10" - resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.4.10.tgz#19731b9685c19ed1552da7052b6f668ed7eb64bb" - integrity sha512-Sl/HOqN8NKPmhWo2VBEPm0nvHnu2LL3v9vKo8MEq0EtbJ4eVzGPl41VNPvn5E1i5poMk4/XD8UriLHpJvEP/Nw== + version "8.56.10" + resolved "https://registry.yarnpkg.com/@types/eslint/-/eslint-8.56.10.tgz#eb2370a73bf04a901eeba8f22595c7ee0f7eb58d" + integrity sha512-Shavhk87gCtY2fhXDctcfS3e6FdxWkCx1iUZ9eEUbh7rTqlZT0/IzOkCOVt0fCjcFuZ9FPYfuezTBImfHCDBGQ== dependencies: "@types/estree" "*" "@types/json-schema" "*" -"@types/estree@*": - version "1.0.0" - resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.0.tgz#5fb2e536c1ae9bf35366eed879e827fa59ca41c2" - integrity sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ== +"@types/estree-jsx@^1.0.0": + version "1.0.5" + resolved "https://registry.yarnpkg.com/@types/estree-jsx/-/estree-jsx-1.0.5.tgz#858a88ea20f34fe65111f005a689fa1ebf70dc18" + integrity sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg== + dependencies: + "@types/estree" "*" -"@types/estree@^0.0.51": - version "0.0.51" - resolved "https://registry.yarnpkg.com/@types/estree/-/estree-0.0.51.tgz#cfd70924a25a3fd32b218e5e420e6897e1ac4f40" - integrity sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ== +"@types/estree@*", "@types/estree@^1.0.0", "@types/estree@^1.0.5": + version "1.0.5" + resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.5.tgz#a6ce3e556e00fd9895dd872dd172ad0d4bd687f4" + integrity sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw== -"@types/express-serve-static-core@*", "@types/express-serve-static-core@^4.17.18": - version "4.17.31" - resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.17.31.tgz#a1139efeab4e7323834bb0226e62ac019f474b2f" - integrity sha512-DxMhY+NAsTwMMFHBTtJFNp5qiHKJ7TeqOo23zVEM9alT1Ml27Q3xcTH0xwxn7Q0BbMcVEJOs/7aQtUWupUQN3Q== +"@types/express-serve-static-core@*", "@types/express-serve-static-core@^4.17.33": + version "4.19.0" + resolved "https://registry.yarnpkg.com/@types/express-serve-static-core/-/express-serve-static-core-4.19.0.tgz#3ae8ab3767d98d0b682cda063c3339e1e86ccfaa" + integrity sha512-bGyep3JqPCRry1wq+O5n7oiBgGWmeIJXPjXXCo8EK0u8duZGSYar7cGqd3ML2JUsLGeB7fmc06KYo9fLGWqPvQ== dependencies: "@types/node" "*" "@types/qs" "*" "@types/range-parser" "*" + "@types/send" "*" "@types/express@*", "@types/express@^4.17.13": - version "4.17.14" - resolved "https://registry.yarnpkg.com/@types/express/-/express-4.17.14.tgz#143ea0557249bc1b3b54f15db4c81c3d4eb3569c" - integrity sha512-TEbt+vaPFQ+xpxFLFssxUDXj5cWCxZJjIcB7Yg0k0GMHGtgtQgpvx/MUQUeAkNbA9AAGrwkAsoeItdTgS7FMyg== + version "4.17.21" + resolved "https://registry.yarnpkg.com/@types/express/-/express-4.17.21.tgz#c26d4a151e60efe0084b23dc3369ebc631ed192d" + integrity sha512-ejlPM315qwLpaQlQDTjPdsUFSc6ZsP4AN6AlWnogPjQ7CVi7PYF3YVz+CY3jE2pwYf7E/7HlDAN0rV2GxTG0HQ== dependencies: "@types/body-parser" "*" - "@types/express-serve-static-core" "^4.17.18" + "@types/express-serve-static-core" "^4.17.33" "@types/qs" "*" "@types/serve-static" "*" -"@types/hast@^2.0.0": - version "2.3.4" - resolved "https://registry.yarnpkg.com/@types/hast/-/hast-2.3.4.tgz#8aa5ef92c117d20d974a82bdfb6a648b08c0bafc" - integrity sha512-wLEm0QvaoawEDoTRwzTXp4b4jpwiJDvR5KMnFnVodm3scufTlBOWRD6N1OBf9TZMhjlNsSfcO5V+7AF4+Vy+9g== +"@types/gtag.js@^0.0.12": + version "0.0.12" + resolved "https://registry.yarnpkg.com/@types/gtag.js/-/gtag.js-0.0.12.tgz#095122edca896689bdfcdd73b057e23064d23572" + integrity sha512-YQV9bUsemkzG81Ea295/nF/5GijnD2Af7QhEofh7xu+kvCN6RdodgNwwGWXB5GMI3NoyvQo0odNctoH/qLMIpg== + +"@types/hast@^3.0.0": + version "3.0.4" + resolved "https://registry.yarnpkg.com/@types/hast/-/hast-3.0.4.tgz#1d6b39993b82cea6ad783945b0508c25903e15aa" + integrity sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ== dependencies: "@types/unist" "*" @@ -2002,102 +2512,126 @@ resolved "https://registry.yarnpkg.com/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz#4fc33a00c1d0c16987b1a20cf92d20614c55ac35" integrity sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg== +"@types/http-cache-semantics@^4.0.2": + version "4.0.4" + resolved "https://registry.yarnpkg.com/@types/http-cache-semantics/-/http-cache-semantics-4.0.4.tgz#b979ebad3919799c979b17c72621c0bc0a31c6c4" + integrity sha512-1m0bIFVc7eJWyve9S0RnuRgcQqF/Xd5QsUZAZeQFr1Q3/p9JWoQQEqmVy+DPTNpGXwhgIetAoYF8JSc33q29QA== + +"@types/http-errors@*": + version "2.0.4" + resolved "https://registry.yarnpkg.com/@types/http-errors/-/http-errors-2.0.4.tgz#7eb47726c391b7345a6ec35ad7f4de469cf5ba4f" + integrity sha512-D0CFMMtydbJAegzOyHjtiKPLlvnm3iTZyZRSZoLq2mRhDdmLfIWOCYPfQJ4cu2erKghU++QvjcUjp/5h7hESpA== + "@types/http-proxy@^1.17.8": - version "1.17.9" - resolved "https://registry.yarnpkg.com/@types/http-proxy/-/http-proxy-1.17.9.tgz#7f0e7931343761efde1e2bf48c40f02f3f75705a" - integrity sha512-QsbSjA/fSk7xB+UXlCT3wHBy5ai9wOcNDWwZAtud+jXhwOM3l+EYZh8Lng4+/6n8uar0J7xILzqftJdJ/Wdfkw== + version "1.17.14" + resolved "https://registry.yarnpkg.com/@types/http-proxy/-/http-proxy-1.17.14.tgz#57f8ccaa1c1c3780644f8a94f9c6b5000b5e2eec" + integrity sha512-SSrD0c1OQzlFX7pGu1eXxSEjemej64aaNPRhhVYUGqXh0BtldAAx37MG8btcumvpgKyZp1F5Gn3JkktdxiFv6w== dependencies: "@types/node" "*" "@types/istanbul-lib-coverage@*", "@types/istanbul-lib-coverage@^2.0.0": - version "2.0.4" - resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.4.tgz#8467d4b3c087805d63580480890791277ce35c44" - integrity sha512-z/QT1XN4K4KYuslS23k62yDIDLwLFkzxOuMplDtObz0+y7VqJCaO2o+SPwHCvLFZh7xazvvoor2tA/hPz9ee7g== + version "2.0.6" + resolved "https://registry.yarnpkg.com/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.6.tgz#7739c232a1fee9b4d3ce8985f314c0c6d33549d7" + integrity sha512-2QF/t/auWm0lsy8XtKVPG19v3sSOQlJe/YHZgfjb/KBBHOGSV+J2q/S671rcq9uTBrLAXmZpqJiaQbMT+zNU1w== "@types/istanbul-lib-report@*": - version "3.0.0" - resolved "https://registry.yarnpkg.com/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz#c14c24f18ea8190c118ee7562b7ff99a36552686" - integrity sha512-plGgXAPfVKFoYfa9NpYDAkseG+g6Jr294RqeqcqDixSbU34MZVJRi/P+7Y8GDpzkEwLaGZZOpKIEmeVZNtKsrg== + version "3.0.3" + resolved "https://registry.yarnpkg.com/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.3.tgz#53047614ae72e19fc0401d872de3ae2b4ce350bf" + integrity sha512-NQn7AHQnk/RSLOxrBbGyJM/aVQ+pjj5HCgasFxc0K/KhoATfQ/47AyUl15I2yBUpihjmas+a+VJBOqecrFH+uA== dependencies: "@types/istanbul-lib-coverage" "*" "@types/istanbul-reports@^3.0.0": - version "3.0.1" - resolved "https://registry.yarnpkg.com/@types/istanbul-reports/-/istanbul-reports-3.0.1.tgz#9153fe98bba2bd565a63add9436d6f0d7f8468ff" - integrity sha512-c3mAZEuK0lvBp8tmuL74XRKn1+y2dcwOUpH7x4WrF6gk1GIgiluDRgMYQtw2OFcBvAJWlt6ASU3tSqxp0Uu0Aw== + version "3.0.4" + resolved "https://registry.yarnpkg.com/@types/istanbul-reports/-/istanbul-reports-3.0.4.tgz#0f03e3d2f670fbdac586e34b433783070cc16f54" + integrity sha512-pk2B1NWalF9toCRu6gjBzR69syFjP4Od8WRAX+0mmf9lAjCRicLOWc+ZrxZHx/0XRjotgkF9t6iaMJ+aXcOdZQ== dependencies: "@types/istanbul-lib-report" "*" "@types/json-schema@*", "@types/json-schema@^7.0.4", "@types/json-schema@^7.0.5", "@types/json-schema@^7.0.8", "@types/json-schema@^7.0.9": - version "7.0.11" - resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.11.tgz#d421b6c527a3037f7c84433fd2c4229e016863d3" - integrity sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ== + version "7.0.15" + resolved "https://registry.yarnpkg.com/@types/json-schema/-/json-schema-7.0.15.tgz#596a1747233694d50f6ad8a7869fcb6f56cf5841" + integrity sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA== -"@types/mdast@^3.0.0": - version "3.0.10" - resolved "https://registry.yarnpkg.com/@types/mdast/-/mdast-3.0.10.tgz#4724244a82a4598884cbbe9bcfd73dff927ee8af" - integrity sha512-W864tg/Osz1+9f4lrGTZpCSO5/z4608eUp19tbozkq2HJK6i3z1kT0H9tlADXuYIb1YYOBByU4Jsqkk75q48qA== +"@types/mdast@^4.0.0", "@types/mdast@^4.0.2": + version "4.0.3" + resolved "https://registry.yarnpkg.com/@types/mdast/-/mdast-4.0.3.tgz#1e011ff013566e919a4232d1701ad30d70cab333" + integrity sha512-LsjtqsyF+d2/yFOYaN22dHZI1Cpwkrj+g06G8+qtUKlhovPW89YhqSnfKtMbkgmEtYpH2gydRNULd6y8mciAFg== dependencies: "@types/unist" "*" -"@types/mime@*": - version "3.0.1" - resolved "https://registry.yarnpkg.com/@types/mime/-/mime-3.0.1.tgz#5f8f2bca0a5863cb69bc0b0acd88c96cb1d4ae10" - integrity sha512-Y4XFY5VJAuw0FgAqPNd6NNoV44jbq9Bz2L7Rh/J6jLTiHBSBJa9fxqQIvkIld4GsoDOcCbvzOUAbLPsSKKg+uA== +"@types/mdx@^2.0.0": + version "2.0.13" + resolved "https://registry.yarnpkg.com/@types/mdx/-/mdx-2.0.13.tgz#68f6877043d377092890ff5b298152b0a21671bd" + integrity sha512-+OWZQfAYyio6YkJb3HLxDrvnx6SWWDbC0zVPfBRzUk0/nqoDyf6dNxQi3eArPe8rJ473nobTMQ/8Zk+LxJ+Yuw== -"@types/minimist@^1.2.0": - version "1.2.2" - resolved "https://registry.yarnpkg.com/@types/minimist/-/minimist-1.2.2.tgz#ee771e2ba4b3dc5b372935d549fd9617bf345b8c" - integrity sha512-jhuKLIRrhvCPLqwPcx6INqmKeiA5EWrsCOPhrlFSrbrmU4ZMPjj5Ul/oLCMDO98XRUIwVm78xICz4EPCektzeQ== +"@types/mime@^1": + version "1.3.5" + resolved "https://registry.yarnpkg.com/@types/mime/-/mime-1.3.5.tgz#1ef302e01cf7d2b5a0fa526790c9123bf1d06690" + integrity sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w== + +"@types/ms@*": + version "0.7.34" + resolved "https://registry.yarnpkg.com/@types/ms/-/ms-0.7.34.tgz#10964ba0dee6ac4cd462e2795b6bebd407303433" + integrity sha512-nG96G3Wp6acyAgJqGasjODb+acrI7KltPiRxzHPXnP3NgI28bpQDRv53olbqGXbfcgF5aiiHmO3xpwEpS5Ld9g== + +"@types/node-forge@^1.3.0": + version "1.3.11" + resolved "https://registry.yarnpkg.com/@types/node-forge/-/node-forge-1.3.11.tgz#0972ea538ddb0f4d9c2fa0ec5db5724773a604da" + integrity sha512-FQx220y22OKNTqaByeBGqHWYz4cl94tpcxeFdvBo3wjG6XPBuZ0BNgNZRV5J5TFmmcsJ4IzsLkmGRiQbnYsBEQ== + dependencies: + "@types/node" "*" "@types/node@*": - version "18.11.9" - resolved "https://registry.yarnpkg.com/@types/node/-/node-18.11.9.tgz#02d013de7058cea16d36168ef2fc653464cfbad4" - integrity sha512-CRpX21/kGdzjOpFsZSkcrXMGIBWMGNIHXXBVFSH+ggkftxg+XYP20TESbh+zFvFj3EQOl5byk0HTRn1IL6hbqg== + version "20.12.7" + resolved "https://registry.yarnpkg.com/@types/node/-/node-20.12.7.tgz#04080362fa3dd6c5822061aa3124f5c152cff384" + integrity sha512-wq0cICSkRLVaf3UGLMGItu/PtdY7oaXaI/RVU+xliKVOtRna3PRY57ZDfztpDL0n11vfymMUnXv8QwYCO7L1wg== + dependencies: + undici-types "~5.26.4" "@types/node@^17.0.5": version "17.0.45" resolved "https://registry.yarnpkg.com/@types/node/-/node-17.0.45.tgz#2c0fafd78705e7a18b7906b5201a522719dc5190" integrity sha512-w+tIMs3rq2afQdsPJlODhoUEKzFP1ayaoyl1CcnwtIlsVe7K7bA1NGm4s3PraqTLlXnbIN84zuBlxBWo1u9BLw== -"@types/normalize-package-data@^2.4.0": - version "2.4.1" - resolved "https://registry.yarnpkg.com/@types/normalize-package-data/-/normalize-package-data-2.4.1.tgz#d3357479a0fdfdd5907fe67e17e0a85c906e1301" - integrity sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw== - "@types/parse-json@^4.0.0": - version "4.0.0" - resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.0.tgz#2f8bb441434d163b35fb8ffdccd7138927ffb8c0" - integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA== + version "4.0.2" + resolved "https://registry.yarnpkg.com/@types/parse-json/-/parse-json-4.0.2.tgz#5950e50960793055845e956c427fc2b0d70c5239" + integrity sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw== -"@types/parse5@^5.0.0": - version "5.0.3" - resolved "https://registry.yarnpkg.com/@types/parse5/-/parse5-5.0.3.tgz#e7b5aebbac150f8b5fdd4a46e7f0bd8e65e19109" - integrity sha512-kUNnecmtkunAoQ3CnjmMkzNU/gtxG8guhi+Fk2U/kOpIKjIMKnXGp4IJCgQJrXSgMsWYimYG4TGjz/UzbGEBTw== +"@types/prismjs@^1.26.0": + version "1.26.3" + resolved "https://registry.yarnpkg.com/@types/prismjs/-/prismjs-1.26.3.tgz#47fe8e784c2dee24fe636cab82e090d3da9b7dec" + integrity sha512-A0D0aTXvjlqJ5ZILMz3rNfDBOx9hHxLZYv2by47Sm/pqW35zzjusrZTryatjN/Rf8Us2gZrJD+KeHbUSTux1Cw== "@types/prop-types@*": - version "15.7.5" - resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.5.tgz#5f19d2b85a98e9558036f6a3cacc8819420f05cf" - integrity sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w== + version "15.7.12" + resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.12.tgz#12bb1e2be27293c1406acb6af1c3f3a1481d98c6" + integrity sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q== + +"@types/q@^1.5.1": + version "1.5.8" + resolved "https://registry.yarnpkg.com/@types/q/-/q-1.5.8.tgz#95f6c6a08f2ad868ba230ead1d2d7f7be3db3837" + integrity sha512-hroOstUScF6zhIi+5+x0dzqrHA1EJi+Irri6b1fxolMTqqHIV/Cg77EtnQcZqZCu8hR3mX2BzIxN4/GzI68Kfw== "@types/qs@*": - version "6.9.7" - resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.7.tgz#63bb7d067db107cc1e457c303bc25d511febf6cb" - integrity sha512-FGa1F62FT09qcrueBA6qYTrJPVDzah9a+493+o2PCXsesWHIn27G98TsSMs3WPNbZIEj4+VJf6saSFpvD+3Zsw== + version "6.9.15" + resolved "https://registry.yarnpkg.com/@types/qs/-/qs-6.9.15.tgz#adde8a060ec9c305a82de1babc1056e73bd64dce" + integrity sha512-uXHQKES6DQKKCLh441Xv/dwxOq1TVS3JPUMlEqoEglvlhR6Mxnlew/Xq/LRVHpLyk7iK3zODe1qYHIMltO7XGg== "@types/range-parser@*": - version "1.2.4" - resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.4.tgz#cd667bcfdd025213aafb7ca5915a932590acdcdc" - integrity sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw== + version "1.2.7" + resolved "https://registry.yarnpkg.com/@types/range-parser/-/range-parser-1.2.7.tgz#50ae4353eaaddc04044279812f52c8c65857dbcb" + integrity sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ== -"@types/react-router-config@*", "@types/react-router-config@^5.0.6": - version "5.0.6" - resolved "https://registry.yarnpkg.com/@types/react-router-config/-/react-router-config-5.0.6.tgz#87c5c57e72d241db900d9734512c50ccec062451" - integrity sha512-db1mx37a1EJDf1XeX8jJN7R3PZABmJQXR8r28yUjVMFSjkmnQo6X6pOEEmNl+Tp2gYQOGPdYbFIipBtdElZ3Yg== +"@types/react-router-config@*", "@types/react-router-config@^5.0.7": + version "5.0.11" + resolved "https://registry.yarnpkg.com/@types/react-router-config/-/react-router-config-5.0.11.tgz#2761a23acc7905a66a94419ee40294a65aaa483a" + integrity sha512-WmSAg7WgqW7m4x8Mt4N6ZyKz0BubSj/2tVUMsAHp+Yd2AMwcSbeFq9WympT19p5heCFmF97R9eD5uUR/t4HEqw== dependencies: "@types/history" "^4.7.11" "@types/react" "*" - "@types/react-router" "*" + "@types/react-router" "^5.1.0" "@types/react-router-dom@*": version "5.3.3" @@ -2108,21 +2642,20 @@ "@types/react" "*" "@types/react-router" "*" -"@types/react-router@*": - version "5.1.19" - resolved "https://registry.yarnpkg.com/@types/react-router/-/react-router-5.1.19.tgz#9b404246fba7f91474d7008a3d48c17b6e075ad6" - integrity sha512-Fv/5kb2STAEMT3wHzdKQK2z8xKq38EDIGVrutYLmQVVLe+4orDFquU52hQrULnEHinMKv9FSA6lf9+uNT1ITtA== +"@types/react-router@*", "@types/react-router@^5.1.0": + version "5.1.20" + resolved "https://registry.yarnpkg.com/@types/react-router/-/react-router-5.1.20.tgz#88eccaa122a82405ef3efbcaaa5dcdd9f021387c" + integrity sha512-jGjmu/ZqS7FjSH6owMcD5qpq19+1RS9DeVRqfl1FeBMxTDQAGwlMWOcs52NDoXaNKyG3d1cYQFMs9rCrb88o9Q== dependencies: "@types/history" "^4.7.11" "@types/react" "*" "@types/react@*": - version "18.0.25" - resolved "https://registry.yarnpkg.com/@types/react/-/react-18.0.25.tgz#8b1dcd7e56fe7315535a4af25435e0bb55c8ae44" - integrity sha512-xD6c0KDT4m7n9uD4ZHi02lzskaiqcBxf4zi+tXZY98a04wvc0hi/TcCPC2FOESZi51Nd7tlUeOJY8RofL799/g== + version "18.3.1" + resolved "https://registry.yarnpkg.com/@types/react/-/react-18.3.1.tgz#fed43985caa834a2084d002e4771e15dfcbdbe8e" + integrity sha512-V0kuGBX3+prX+DQ/7r2qsv1NsdfnCLnTgnRJ1pYnxykBhGMz+qj+box5lq7XsO5mtZsBqpjwwTu/7wszPfMBcw== dependencies: "@types/prop-types" "*" - "@types/scheduler" "*" csstype "^3.0.2" "@types/retry@0.12.0": @@ -2131,182 +2664,196 @@ integrity sha512-wWKOClTTiizcZhXnPY4wikVAwmdYHp8q6DmC+EJUzAMsycb7HB32Kh9RN4+0gExjmPmZSAQjgURXIGATPegAvA== "@types/sax@^1.2.1": - version "1.2.4" - resolved "https://registry.yarnpkg.com/@types/sax/-/sax-1.2.4.tgz#8221affa7f4f3cb21abd22f244cfabfa63e6a69e" - integrity sha512-pSAff4IAxJjfAXUG6tFkO7dsSbTmf8CtUpfhhZ5VhkRpC4628tJhh3+V6H1E+/Gs9piSzYKT5yzHO5M4GG9jkw== + version "1.2.7" + resolved "https://registry.yarnpkg.com/@types/sax/-/sax-1.2.7.tgz#ba5fe7df9aa9c89b6dff7688a19023dd2963091d" + integrity sha512-rO73L89PJxeYM3s3pPPjiPgVVcymqU490g0YO5n5By0k2Erzj6tay/4lr1CHAAU4JyOWd1rpQ8bCf6cZfHU96A== dependencies: "@types/node" "*" -"@types/scheduler@*": - version "0.16.2" - resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.2.tgz#1a62f89525723dde24ba1b01b092bf5df8ad4d39" - integrity sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew== +"@types/send@*": + version "0.17.4" + resolved "https://registry.yarnpkg.com/@types/send/-/send-0.17.4.tgz#6619cd24e7270793702e4e6a4b958a9010cfc57a" + integrity sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA== + dependencies: + "@types/mime" "^1" + "@types/node" "*" "@types/serve-index@^1.9.1": - version "1.9.1" - resolved "https://registry.yarnpkg.com/@types/serve-index/-/serve-index-1.9.1.tgz#1b5e85370a192c01ec6cec4735cf2917337a6278" - integrity sha512-d/Hs3nWDxNL2xAczmOVZNj92YZCS6RGxfBPjKzuu/XirCgXdpKEb88dYNbrYGint6IVWLNP+yonwVAuRC0T2Dg== + version "1.9.4" + resolved "https://registry.yarnpkg.com/@types/serve-index/-/serve-index-1.9.4.tgz#e6ae13d5053cb06ed36392110b4f9a49ac4ec898" + integrity sha512-qLpGZ/c2fhSs5gnYsQxtDEq3Oy8SXPClIXkW5ghvAvsNuVSA8k+gCONcUCS/UjLEYvYps+e8uBtfgXgvhwfNug== dependencies: "@types/express" "*" "@types/serve-static@*", "@types/serve-static@^1.13.10": - version "1.15.0" - resolved "https://registry.yarnpkg.com/@types/serve-static/-/serve-static-1.15.0.tgz#c7930ff61afb334e121a9da780aac0d9b8f34155" - integrity sha512-z5xyF6uh8CbjAu9760KDKsH2FcDxZ2tFCsA4HIMWE6IkiYMXfVoa+4f9KX+FN0ZLsaMw1WNG2ETLA6N+/YA+cg== + version "1.15.7" + resolved "https://registry.yarnpkg.com/@types/serve-static/-/serve-static-1.15.7.tgz#22174bbd74fb97fe303109738e9b5c2f3064f714" + integrity sha512-W8Ym+h8nhuRwaKPaDw34QUkwsGi6Rc4yYqvKFo5rm2FUEhCFbzVWrxXUxuKK8TASjWsysJY0nsmNCGhCOIsrOw== dependencies: - "@types/mime" "*" + "@types/http-errors" "*" "@types/node" "*" + "@types/send" "*" "@types/sockjs@^0.3.33": - version "0.3.33" - resolved "https://registry.yarnpkg.com/@types/sockjs/-/sockjs-0.3.33.tgz#570d3a0b99ac995360e3136fd6045113b1bd236f" - integrity sha512-f0KEEe05NvUnat+boPTZ0dgaLZ4SfSouXUgv5noUiefG2ajgKjmETo9ZJyuqsl7dfl2aHlLJUiki6B4ZYldiiw== + version "0.3.36" + resolved "https://registry.yarnpkg.com/@types/sockjs/-/sockjs-0.3.36.tgz#ce322cf07bcc119d4cbf7f88954f3a3bd0f67535" + integrity sha512-MK9V6NzAS1+Ud7JV9lJLFqW85VbC9dq3LmwZCuBe4wBDgKC0Kj/jd8Xl+nSviU+Qc3+m7umHHyHg//2KSa0a0Q== dependencies: "@types/node" "*" -"@types/unist@*", "@types/unist@^2.0.0", "@types/unist@^2.0.2", "@types/unist@^2.0.3": - version "2.0.6" - resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.6.tgz#250a7b16c3b91f672a24552ec64678eeb1d3a08d" - integrity sha512-PBjIUxZHOuj0R15/xuwJYjFi+KZdNFrehocChv4g5hu6aFroHue8m0lBP0POdK2nKzbw0cgV1mws8+V/JAcEkQ== +"@types/unist@*", "@types/unist@^3.0.0": + version "3.0.2" + resolved "https://registry.yarnpkg.com/@types/unist/-/unist-3.0.2.tgz#6dd61e43ef60b34086287f83683a5c1b2dc53d20" + integrity sha512-dqId9J8K/vGi5Zr7oo212BGii5m3q5Hxlkwy3WpYuKPklmBEvsbMYYyLxAQpSffdLl/gdW0XUpKWFvYmyoWCoQ== + +"@types/unist@^2.0.0": + version "2.0.10" + resolved "https://registry.yarnpkg.com/@types/unist/-/unist-2.0.10.tgz#04ffa7f406ab628f7f7e97ca23e290cd8ab15efc" + integrity sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA== -"@types/ws@^8.5.1": - version "8.5.3" - resolved "https://registry.yarnpkg.com/@types/ws/-/ws-8.5.3.tgz#7d25a1ffbecd3c4f2d35068d0b283c037003274d" - integrity sha512-6YOoWjruKj1uLf3INHH7D3qTXwFfEsg1kf3c0uDdSBJwfa/llkwIjrAGV7j7mVgGNbzTQ3HiHKKDXl6bJPD97w== +"@types/ws@^8.5.5": + version "8.5.10" + resolved "https://registry.yarnpkg.com/@types/ws/-/ws-8.5.10.tgz#4acfb517970853fa6574a3a6886791d04a396787" + integrity sha512-vmQSUcfalpIq0R9q7uTo2lXs6eGIpt9wtnLdMv9LVpIjCA/+ufZRozlVoVelIYixx1ugCBKDhn89vnsEGOCx9A== dependencies: "@types/node" "*" "@types/yargs-parser@*": - version "21.0.0" - resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-21.0.0.tgz#0c60e537fa790f5f9472ed2776c2b71ec117351b" - integrity sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA== + version "21.0.3" + resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-21.0.3.tgz#815e30b786d2e8f0dcd85fd5bcf5e1a04d008f15" + integrity sha512-I4q9QU9MQv4oEOz4tAHJtNz1cwuLxn2F3xcc2iV5WdqLPpUnj30aUuxt1mAxYTG+oe8CZMV/+6rU4S4gRDzqtQ== "@types/yargs@^17.0.8": - version "17.0.13" - resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.13.tgz#34cced675ca1b1d51fcf4d34c3c6f0fa142a5c76" - integrity sha512-9sWaruZk2JGxIQU+IhI1fhPYRcQ0UuTNuKuCW9bR5fp7qi2Llf7WDzNa17Cy7TKnh3cdxDOiyTu6gaLS0eDatg== + version "17.0.32" + resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.32.tgz#030774723a2f7faafebf645f4e5a48371dca6229" + integrity sha512-xQ67Yc/laOG5uMfX/093MRlGGCIBzZMarVa+gfNKJxWAIgykYpVGkBdbqEzGDDfCrVUj6Hiff4mTZ5BA6TmAog== dependencies: "@types/yargs-parser" "*" -"@webassemblyjs/ast@1.11.1": - version "1.11.1" - resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.11.1.tgz#2bfd767eae1a6996f432ff7e8d7fc75679c0b6a7" - integrity sha512-ukBh14qFLjxTQNTXocdyksN5QdM28S1CxHt2rdskFyL+xFV7VremuBLVbmCePj+URalXBENx/9Lm7lnhihtCSw== - dependencies: - "@webassemblyjs/helper-numbers" "1.11.1" - "@webassemblyjs/helper-wasm-bytecode" "1.11.1" - -"@webassemblyjs/floating-point-hex-parser@1.11.1": - version "1.11.1" - resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.1.tgz#f6c61a705f0fd7a6aecaa4e8198f23d9dc179e4f" - integrity sha512-iGRfyc5Bq+NnNuX8b5hwBrRjzf0ocrJPI6GWFodBFzmFnyvrQ83SHKhmilCU/8Jv67i4GJZBMhEzltxzcNagtQ== - -"@webassemblyjs/helper-api-error@1.11.1": - version "1.11.1" - resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.1.tgz#1a63192d8788e5c012800ba6a7a46c705288fd16" - integrity sha512-RlhS8CBCXfRUR/cwo2ho9bkheSXG0+NwooXcc3PAILALf2QLdFyj7KGsKRbVc95hZnhnERon4kW/D3SZpp6Tcg== - -"@webassemblyjs/helper-buffer@1.11.1": - version "1.11.1" - resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.1.tgz#832a900eb444884cde9a7cad467f81500f5e5ab5" - integrity sha512-gwikF65aDNeeXa8JxXa2BAk+REjSyhrNC9ZwdT0f8jc4dQQeDQ7G4m0f2QCLPJiMTTO6wfDmRmj/pW0PsUvIcA== - -"@webassemblyjs/helper-numbers@1.11.1": - version "1.11.1" - resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.1.tgz#64d81da219fbbba1e3bd1bfc74f6e8c4e10a62ae" - integrity sha512-vDkbxiB8zfnPdNK9Rajcey5C0w+QJugEglN0of+kmO8l7lDb77AnlKYQF7aarZuCrv+l0UvqL+68gSDr3k9LPQ== - dependencies: - "@webassemblyjs/floating-point-hex-parser" "1.11.1" - "@webassemblyjs/helper-api-error" "1.11.1" +"@ungap/structured-clone@^1.0.0": + version "1.2.0" + resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.2.0.tgz#756641adb587851b5ccb3e095daf27ae581c8406" + integrity sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ== + +"@webassemblyjs/ast@1.12.1", "@webassemblyjs/ast@^1.12.1": + version "1.12.1" + resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.12.1.tgz#bb16a0e8b1914f979f45864c23819cc3e3f0d4bb" + integrity sha512-EKfMUOPRRUTy5UII4qJDGPpqfwjOmZ5jeGFwid9mnoqIFK+e0vqoi1qH56JpmZSzEL53jKnNzScdmftJyG5xWg== + dependencies: + "@webassemblyjs/helper-numbers" "1.11.6" + "@webassemblyjs/helper-wasm-bytecode" "1.11.6" + +"@webassemblyjs/floating-point-hex-parser@1.11.6": + version "1.11.6" + resolved "https://registry.yarnpkg.com/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz#dacbcb95aff135c8260f77fa3b4c5fea600a6431" + integrity sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw== + +"@webassemblyjs/helper-api-error@1.11.6": + version "1.11.6" + resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz#6132f68c4acd59dcd141c44b18cbebbd9f2fa768" + integrity sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q== + +"@webassemblyjs/helper-buffer@1.12.1": + version "1.12.1" + resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-buffer/-/helper-buffer-1.12.1.tgz#6df20d272ea5439bf20ab3492b7fb70e9bfcb3f6" + integrity sha512-nzJwQw99DNDKr9BVCOZcLuJJUlqkJh+kVzVl6Fmq/tI5ZtEyWT1KZMyOXltXLZJmDtvLCDgwsyrkohEtopTXCw== + +"@webassemblyjs/helper-numbers@1.11.6": + version "1.11.6" + resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz#cbce5e7e0c1bd32cf4905ae444ef64cea919f1b5" + integrity sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g== + dependencies: + "@webassemblyjs/floating-point-hex-parser" "1.11.6" + "@webassemblyjs/helper-api-error" "1.11.6" "@xtuc/long" "4.2.2" -"@webassemblyjs/helper-wasm-bytecode@1.11.1": - version "1.11.1" - resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.1.tgz#f328241e41e7b199d0b20c18e88429c4433295e1" - integrity sha512-PvpoOGiJwXeTrSf/qfudJhwlvDQxFgelbMqtq52WWiXC6Xgg1IREdngmPN3bs4RoO83PnL/nFrxucXj1+BX62Q== +"@webassemblyjs/helper-wasm-bytecode@1.11.6": + version "1.11.6" + resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz#bb2ebdb3b83aa26d9baad4c46d4315283acd51e9" + integrity sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA== -"@webassemblyjs/helper-wasm-section@1.11.1": - version "1.11.1" - resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.1.tgz#21ee065a7b635f319e738f0dd73bfbda281c097a" - integrity sha512-10P9No29rYX1j7F3EVPX3JvGPQPae+AomuSTPiF9eBQeChHI6iqjMIwR9JmOJXwpnn/oVGDk7I5IlskuMwU/pg== +"@webassemblyjs/helper-wasm-section@1.12.1": + version "1.12.1" + resolved "https://registry.yarnpkg.com/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.12.1.tgz#3da623233ae1a60409b509a52ade9bc22a37f7bf" + integrity sha512-Jif4vfB6FJlUlSbgEMHUyk1j234GTNG9dBJ4XJdOySoj518Xj0oGsNi59cUQF4RRMS9ouBUxDDdyBVfPTypa5g== dependencies: - "@webassemblyjs/ast" "1.11.1" - "@webassemblyjs/helper-buffer" "1.11.1" - "@webassemblyjs/helper-wasm-bytecode" "1.11.1" - "@webassemblyjs/wasm-gen" "1.11.1" + "@webassemblyjs/ast" "1.12.1" + "@webassemblyjs/helper-buffer" "1.12.1" + "@webassemblyjs/helper-wasm-bytecode" "1.11.6" + "@webassemblyjs/wasm-gen" "1.12.1" -"@webassemblyjs/ieee754@1.11.1": - version "1.11.1" - resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.11.1.tgz#963929e9bbd05709e7e12243a099180812992614" - integrity sha512-hJ87QIPtAMKbFq6CGTkZYJivEwZDbQUgYd3qKSadTNOhVY7p+gfP6Sr0lLRVTaG1JjFj+r3YchoqRYxNH3M0GQ== +"@webassemblyjs/ieee754@1.11.6": + version "1.11.6" + resolved "https://registry.yarnpkg.com/@webassemblyjs/ieee754/-/ieee754-1.11.6.tgz#bb665c91d0b14fffceb0e38298c329af043c6e3a" + integrity sha512-LM4p2csPNvbij6U1f19v6WR56QZ8JcHg3QIJTlSwzFcmx6WSORicYj6I63f9yU1kEUtrpG+kjkiIAkevHpDXrg== dependencies: "@xtuc/ieee754" "^1.2.0" -"@webassemblyjs/leb128@1.11.1": - version "1.11.1" - resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.11.1.tgz#ce814b45574e93d76bae1fb2644ab9cdd9527aa5" - integrity sha512-BJ2P0hNZ0u+Th1YZXJpzW6miwqQUGcIHT1G/sf72gLVD9DZ5AdYTqPNbHZh6K1M5VmKvFXwGSWZADz+qBWxeRw== +"@webassemblyjs/leb128@1.11.6": + version "1.11.6" + resolved "https://registry.yarnpkg.com/@webassemblyjs/leb128/-/leb128-1.11.6.tgz#70e60e5e82f9ac81118bc25381a0b283893240d7" + integrity sha512-m7a0FhE67DQXgouf1tbN5XQcdWoNgaAuoULHIfGFIEVKA6tu/edls6XnIlkmS6FrXAquJRPni3ZZKjw6FSPjPQ== dependencies: "@xtuc/long" "4.2.2" -"@webassemblyjs/utf8@1.11.1": - version "1.11.1" - resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.11.1.tgz#d1f8b764369e7c6e6bae350e854dec9a59f0a3ff" - integrity sha512-9kqcxAEdMhiwQkHpkNiorZzqpGrodQQ2IGrHHxCy+Ozng0ofyMA0lTqiLkVs1uzTRejX+/O0EOT7KxqVPuXosQ== - -"@webassemblyjs/wasm-edit@1.11.1": - version "1.11.1" - resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.1.tgz#ad206ebf4bf95a058ce9880a8c092c5dec8193d6" - integrity sha512-g+RsupUC1aTHfR8CDgnsVRVZFJqdkFHpsHMfJuWQzWU3tvnLC07UqHICfP+4XyL2tnr1amvl1Sdp06TnYCmVkA== - dependencies: - "@webassemblyjs/ast" "1.11.1" - "@webassemblyjs/helper-buffer" "1.11.1" - "@webassemblyjs/helper-wasm-bytecode" "1.11.1" - "@webassemblyjs/helper-wasm-section" "1.11.1" - "@webassemblyjs/wasm-gen" "1.11.1" - "@webassemblyjs/wasm-opt" "1.11.1" - "@webassemblyjs/wasm-parser" "1.11.1" - "@webassemblyjs/wast-printer" "1.11.1" - -"@webassemblyjs/wasm-gen@1.11.1": - version "1.11.1" - resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.1.tgz#86c5ea304849759b7d88c47a32f4f039ae3c8f76" - integrity sha512-F7QqKXwwNlMmsulj6+O7r4mmtAlCWfO/0HdgOxSklZfQcDu0TpLiD1mRt/zF25Bk59FIjEuGAIyn5ei4yMfLhA== - dependencies: - "@webassemblyjs/ast" "1.11.1" - "@webassemblyjs/helper-wasm-bytecode" "1.11.1" - "@webassemblyjs/ieee754" "1.11.1" - "@webassemblyjs/leb128" "1.11.1" - "@webassemblyjs/utf8" "1.11.1" - -"@webassemblyjs/wasm-opt@1.11.1": - version "1.11.1" - resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.1.tgz#657b4c2202f4cf3b345f8a4c6461c8c2418985f2" - integrity sha512-VqnkNqnZlU5EB64pp1l7hdm3hmQw7Vgqa0KF/KCNO9sIpI6Fk6brDEiX+iCOYrvMuBWDws0NkTOxYEb85XQHHw== - dependencies: - "@webassemblyjs/ast" "1.11.1" - "@webassemblyjs/helper-buffer" "1.11.1" - "@webassemblyjs/wasm-gen" "1.11.1" - "@webassemblyjs/wasm-parser" "1.11.1" - -"@webassemblyjs/wasm-parser@1.11.1": - version "1.11.1" - resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.1.tgz#86ca734534f417e9bd3c67c7a1c75d8be41fb199" - integrity sha512-rrBujw+dJu32gYB7/Lup6UhdkPx9S9SnobZzRVL7VcBH9Bt9bCBLEuX/YXOOtBsOZ4NQrRykKhffRWHvigQvOA== - dependencies: - "@webassemblyjs/ast" "1.11.1" - "@webassemblyjs/helper-api-error" "1.11.1" - "@webassemblyjs/helper-wasm-bytecode" "1.11.1" - "@webassemblyjs/ieee754" "1.11.1" - "@webassemblyjs/leb128" "1.11.1" - "@webassemblyjs/utf8" "1.11.1" - -"@webassemblyjs/wast-printer@1.11.1": - version "1.11.1" - resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.11.1.tgz#d0c73beda8eec5426f10ae8ef55cee5e7084c2f0" - integrity sha512-IQboUWM4eKzWW+N/jij2sRatKMh99QEelo3Eb2q0qXkvPRISAj8Qxtmw5itwqK+TTkBuUIE45AxYPToqPtL5gg== - dependencies: - "@webassemblyjs/ast" "1.11.1" +"@webassemblyjs/utf8@1.11.6": + version "1.11.6" + resolved "https://registry.yarnpkg.com/@webassemblyjs/utf8/-/utf8-1.11.6.tgz#90f8bc34c561595fe156603be7253cdbcd0fab5a" + integrity sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA== + +"@webassemblyjs/wasm-edit@^1.12.1": + version "1.12.1" + resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-edit/-/wasm-edit-1.12.1.tgz#9f9f3ff52a14c980939be0ef9d5df9ebc678ae3b" + integrity sha512-1DuwbVvADvS5mGnXbE+c9NfA8QRcZ6iKquqjjmR10k6o+zzsRVesil54DKexiowcFCPdr/Q0qaMgB01+SQ1u6g== + dependencies: + "@webassemblyjs/ast" "1.12.1" + "@webassemblyjs/helper-buffer" "1.12.1" + "@webassemblyjs/helper-wasm-bytecode" "1.11.6" + "@webassemblyjs/helper-wasm-section" "1.12.1" + "@webassemblyjs/wasm-gen" "1.12.1" + "@webassemblyjs/wasm-opt" "1.12.1" + "@webassemblyjs/wasm-parser" "1.12.1" + "@webassemblyjs/wast-printer" "1.12.1" + +"@webassemblyjs/wasm-gen@1.12.1": + version "1.12.1" + resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-gen/-/wasm-gen-1.12.1.tgz#a6520601da1b5700448273666a71ad0a45d78547" + integrity sha512-TDq4Ojh9fcohAw6OIMXqiIcTq5KUXTGRkVxbSo1hQnSy6lAM5GSdfwWeSxpAo0YzgsgF182E/U0mDNhuA0tW7w== + dependencies: + "@webassemblyjs/ast" "1.12.1" + "@webassemblyjs/helper-wasm-bytecode" "1.11.6" + "@webassemblyjs/ieee754" "1.11.6" + "@webassemblyjs/leb128" "1.11.6" + "@webassemblyjs/utf8" "1.11.6" + +"@webassemblyjs/wasm-opt@1.12.1": + version "1.12.1" + resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-opt/-/wasm-opt-1.12.1.tgz#9e6e81475dfcfb62dab574ac2dda38226c232bc5" + integrity sha512-Jg99j/2gG2iaz3hijw857AVYekZe2SAskcqlWIZXjji5WStnOpVoat3gQfT/Q5tb2djnCjBtMocY/Su1GfxPBg== + dependencies: + "@webassemblyjs/ast" "1.12.1" + "@webassemblyjs/helper-buffer" "1.12.1" + "@webassemblyjs/wasm-gen" "1.12.1" + "@webassemblyjs/wasm-parser" "1.12.1" + +"@webassemblyjs/wasm-parser@1.12.1", "@webassemblyjs/wasm-parser@^1.12.1": + version "1.12.1" + resolved "https://registry.yarnpkg.com/@webassemblyjs/wasm-parser/-/wasm-parser-1.12.1.tgz#c47acb90e6f083391e3fa61d113650eea1e95937" + integrity sha512-xikIi7c2FHXysxXe3COrVUPSheuBtpcfhbpFj4gmu7KRLYOzANztwUU0IbsqvMqzuNK2+glRGWCEqZo1WCLyAQ== + dependencies: + "@webassemblyjs/ast" "1.12.1" + "@webassemblyjs/helper-api-error" "1.11.6" + "@webassemblyjs/helper-wasm-bytecode" "1.11.6" + "@webassemblyjs/ieee754" "1.11.6" + "@webassemblyjs/leb128" "1.11.6" + "@webassemblyjs/utf8" "1.11.6" + +"@webassemblyjs/wast-printer@1.12.1": + version "1.12.1" + resolved "https://registry.yarnpkg.com/@webassemblyjs/wast-printer/-/wast-printer-1.12.1.tgz#bcecf661d7d1abdaf989d8341a4833e33e2b31ac" + integrity sha512-+X4WAlOisVWQMikjbcvY2e0rwPsKQ9F688lksZhBcPycBBuii3O7m8FACbDMWDojpAqvjIncrG8J0XHKyQfVeA== + dependencies: + "@webassemblyjs/ast" "1.12.1" "@xtuc/long" "4.2.2" "@webpack-cli/configtest@^1.2.0": @@ -2336,11 +2883,6 @@ resolved "https://registry.yarnpkg.com/@xtuc/long/-/long-4.2.2.tgz#d291c6a4e97989b5c61d9acf396ae4fe133a718d" integrity sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ== -abbrev@1: - version "1.1.1" - resolved "https://registry.yarnpkg.com/abbrev/-/abbrev-1.1.1.tgz#f8f2c887ad10bf67f634f005b6987fed3179aac8" - integrity sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q== - accepts@~1.3.4, accepts@~1.3.5, accepts@~1.3.8: version "1.3.8" resolved "https://registry.yarnpkg.com/accepts/-/accepts-1.3.8.tgz#0bf0be125b67014adcb0b0921e62db7bffe16b2e" @@ -2349,25 +2891,30 @@ accepts@~1.3.4, accepts@~1.3.5, accepts@~1.3.8: mime-types "~2.1.34" negotiator "0.6.3" -acorn-import-assertions@^1.7.6: - version "1.8.0" - resolved "https://registry.yarnpkg.com/acorn-import-assertions/-/acorn-import-assertions-1.8.0.tgz#ba2b5939ce62c238db6d93d81c9b111b29b855e9" - integrity sha512-m7VZ3jwz4eK6A4Vtt8Ew1/mNbP24u0FhdyfA7fSvnJR6LMdfOYnmuIrrJAgrYfYJ10F/otaHTtrtrtmHdMNzEw== +acorn-import-assertions@^1.9.0: + version "1.9.0" + resolved "https://registry.yarnpkg.com/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz#507276249d684797c84e0734ef84860334cfb1ac" + integrity sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA== + +acorn-jsx@^5.0.0: + version "5.3.2" + resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937" + integrity sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ== acorn-walk@^8.0.0: - version "8.2.0" - resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.2.0.tgz#741210f2e2426454508853a2f44d0ab83b7f69c1" - integrity sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA== + version "8.3.2" + resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-8.3.2.tgz#7703af9415f1b6db9315d6895503862e231d34aa" + integrity sha512-cjkyv4OtNCIeqhHrfS81QWXoCBPExR/J62oyEqepVw8WaQeSqpW2uhuLPh1m9eWhDuOo/jUXVTlifvesOWp/4A== -acorn@^8.0.4, acorn@^8.5.0, acorn@^8.7.1: - version "8.8.1" - resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.8.1.tgz#0a3f9cbecc4ec3bea6f0a80b66ae8dd2da250b73" - integrity sha512-7zFpHzhnqYKrkYdUjF1HI1bzd0VygEGX8lFk4k5zVMqHEoES+P+7TKI+EvLO9WVMJ8eekdO0aDEK044xTXwPPA== +acorn@^8.0.0, acorn@^8.0.4, acorn@^8.7.1, acorn@^8.8.2: + version "8.11.3" + resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.11.3.tgz#71e0b14e13a4ec160724b38fb7b0f233b1b81d7a" + integrity sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg== address@^1.0.1, address@^1.1.2: - version "1.2.1" - resolved "https://registry.yarnpkg.com/address/-/address-1.2.1.tgz#25bb61095b7522d65b357baa11bc05492d4c8acd" - integrity sha512-B+6bi5D34+fDYENiH5qOlA0cV2rAGKuWZ9LeyUUehbXy8e0VS9e498yO0Jeeh+iM+6KbfudHTFjXw2MmJD4QRA== + version "1.2.2" + resolved "https://registry.yarnpkg.com/address/-/address-1.2.2.tgz#2b5248dac5485a6390532c6a517fda2e3faac89e" + integrity sha512-4B/qKCfeE/ODUaAUpSwfzazo5x29WD4r3vXiWsB7I2mSDAihwEqKO+g8GELZUQSSAo5e1XTYh3ZVfLyxBc12nA== aggregate-error@^3.0.0: version "3.1.0" @@ -2389,14 +2936,14 @@ ajv-keywords@^3.4.1, ajv-keywords@^3.5.2: resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d" integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ== -ajv-keywords@^5.0.0: +ajv-keywords@^5.1.0: version "5.1.0" resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-5.1.0.tgz#69d4d385a4733cdbeab44964a1170a88f87f0e16" integrity sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw== dependencies: fast-deep-equal "^3.1.3" -ajv@^6.12.2, ajv@^6.12.3, ajv@^6.12.4, ajv@^6.12.5: +ajv@^6.12.2, ajv@^6.12.5: version "6.12.6" resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4" integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g== @@ -2406,49 +2953,45 @@ ajv@^6.12.2, ajv@^6.12.3, ajv@^6.12.4, ajv@^6.12.5: json-schema-traverse "^0.4.1" uri-js "^4.2.2" -ajv@^8.0.0, ajv@^8.8.0: - version "8.11.0" - resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.11.0.tgz#977e91dd96ca669f54a11e23e378e33b884a565f" - integrity sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg== +ajv@^8.0.0, ajv@^8.9.0: + version "8.12.0" + resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.12.0.tgz#d1a0527323e22f53562c567c00991577dfbe19d1" + integrity sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA== dependencies: fast-deep-equal "^3.1.1" json-schema-traverse "^1.0.0" require-from-string "^2.0.2" uri-js "^4.2.2" -algoliasearch-helper@^3.10.0: - version "3.11.1" - resolved "https://registry.yarnpkg.com/algoliasearch-helper/-/algoliasearch-helper-3.11.1.tgz#d83ab7f1a2a374440686ef7a144b3c288b01188a" - integrity sha512-mvsPN3eK4E0bZG0/WlWJjeqe/bUD2KOEVOl0GyL/TGXn6wcpZU8NOuztGHCUKXkyg5gq6YzUakVTmnmSSO5Yiw== +algoliasearch-helper@^3.13.3: + version "3.18.0" + resolved "https://registry.yarnpkg.com/algoliasearch-helper/-/algoliasearch-helper-3.18.0.tgz#e3651090cc6c41f244a6db2573bdd116ca4b7085" + integrity sha512-ZXvA8r6VG46V343jnIE7Tei8Xr0/9N8YhD27joC0BKxeogQyvNu7O37i510wA7FnrDjoa/tFhK90WUaBlkaqnw== dependencies: "@algolia/events" "^4.0.1" -algoliasearch@^4.0.0, algoliasearch@^4.13.1: - version "4.14.2" - resolved "https://registry.yarnpkg.com/algoliasearch/-/algoliasearch-4.14.2.tgz#63f142583bfc3a9bd3cd4a1b098bf6fe58e56f6c" - integrity sha512-ngbEQonGEmf8dyEh5f+uOIihv4176dgbuOZspiuhmTTBRBuzWu3KCGHre6uHj5YyuC7pNvQGzB6ZNJyZi0z+Sg== - dependencies: - "@algolia/cache-browser-local-storage" "4.14.2" - "@algolia/cache-common" "4.14.2" - "@algolia/cache-in-memory" "4.14.2" - "@algolia/client-account" "4.14.2" - "@algolia/client-analytics" "4.14.2" - "@algolia/client-common" "4.14.2" - "@algolia/client-personalization" "4.14.2" - "@algolia/client-search" "4.14.2" - "@algolia/logger-common" "4.14.2" - "@algolia/logger-console" "4.14.2" - "@algolia/requester-browser-xhr" "4.14.2" - "@algolia/requester-common" "4.14.2" - "@algolia/requester-node-http" "4.14.2" - "@algolia/transporter" "4.14.2" - -amdefine@>=0.0.4: - version "1.0.1" - resolved "https://registry.yarnpkg.com/amdefine/-/amdefine-1.0.1.tgz#4a5282ac164729e93619bcfd3ad151f817ce91f5" - integrity sha512-S2Hw0TtNkMJhIabBwIojKL9YHO5T0n5eNqWJ7Lrlel/zDbftQpxpapi8tZs3X1HWa+u+QeydGmzzNU0m09+Rcg== - -ansi-align@^3.0.0, ansi-align@^3.0.1: +algoliasearch@^4.18.0, algoliasearch@^4.19.1: + version "4.23.3" + resolved "https://registry.yarnpkg.com/algoliasearch/-/algoliasearch-4.23.3.tgz#e09011d0a3b0651444916a3e6bbcba064ec44b60" + integrity sha512-Le/3YgNvjW9zxIQMRhUHuhiUjAlKY/zsdZpfq4dlLqg6mEm0nL6yk+7f2hDOtLpxsgE4jSzDmvHL7nXdBp5feg== + dependencies: + "@algolia/cache-browser-local-storage" "4.23.3" + "@algolia/cache-common" "4.23.3" + "@algolia/cache-in-memory" "4.23.3" + "@algolia/client-account" "4.23.3" + "@algolia/client-analytics" "4.23.3" + "@algolia/client-common" "4.23.3" + "@algolia/client-personalization" "4.23.3" + "@algolia/client-search" "4.23.3" + "@algolia/logger-common" "4.23.3" + "@algolia/logger-console" "4.23.3" + "@algolia/recommend" "4.23.3" + "@algolia/requester-browser-xhr" "4.23.3" + "@algolia/requester-common" "4.23.3" + "@algolia/requester-node-http" "4.23.3" + "@algolia/transporter" "4.23.3" + +ansi-align@^3.0.1: version "3.0.1" resolved "https://registry.yarnpkg.com/ansi-align/-/ansi-align-3.0.1.tgz#0cdf12e111ace773a86e9a1fad1225c43cb19a59" integrity sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w== @@ -2460,16 +3003,6 @@ ansi-html-community@^0.0.8: resolved "https://registry.yarnpkg.com/ansi-html-community/-/ansi-html-community-0.0.8.tgz#69fbc4d6ccbe383f9736934ae34c3f8290f1bf41" integrity sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw== -ansi-regex@^2.0.0: - version "2.1.1" - resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df" - integrity sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA== - -ansi-regex@^4.1.0: - version "4.1.1" - resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-4.1.1.tgz#164daac87ab2d6f6db3a29875e2d1766582dabed" - integrity sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g== - ansi-regex@^5.0.1: version "5.0.1" resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304" @@ -2480,19 +3013,14 @@ ansi-regex@^6.0.1: resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-6.0.1.tgz#3183e38fae9a65d7cb5e53945cd5897d0260a06a" integrity sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA== -ansi-styles@^2.2.1: - version "2.2.1" - resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe" - integrity sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA== - -ansi-styles@^3.2.0, ansi-styles@^3.2.1: +ansi-styles@^3.2.1: version "3.2.1" resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d" integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA== dependencies: color-convert "^1.9.0" -ansi-styles@^4.0.0, ansi-styles@^4.1.0: +ansi-styles@^4.1.0: version "4.3.0" resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937" integrity sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg== @@ -2505,26 +3033,13 @@ ansi-styles@^6.1.0: integrity sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug== anymatch@~3.1.2: - version "3.1.2" - resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.2.tgz#c0557c096af32f106198f4f4e2a383537e378716" - integrity sha512-P43ePfOAIupkguHUycrc4qJ9kz8ZiuOUijaETwX7THt0Y/GNK7v0aa8rY816xWjZ7rJdA5XdMcpVFTKMq+RvWg== + version "3.1.3" + resolved "https://registry.yarnpkg.com/anymatch/-/anymatch-3.1.3.tgz#790c58b19ba1720a84205b57c618d5ad8524973e" + integrity sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw== dependencies: normalize-path "^3.0.0" picomatch "^2.0.4" -aproba@^1.0.3: - version "1.2.0" - resolved "https://registry.yarnpkg.com/aproba/-/aproba-1.2.0.tgz#6802e6264efd18c790a1b0d517f0f2627bf2c94a" - integrity sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw== - -are-we-there-yet@~1.1.2: - version "1.1.7" - resolved "https://registry.yarnpkg.com/are-we-there-yet/-/are-we-there-yet-1.1.7.tgz#b15474a932adab4ff8a50d9adfa7e4e926f21146" - integrity sha512-nxwy40TuMiUGqMyRHgCSWZ9FM4VAoRP4xUYSTv5ImRog+h9yISPbVH7H8fASCIzYn9wlEv4zvFL7uKDMCFQm3g== - dependencies: - delegates "^1.0.0" - readable-stream "^2.0.6" - arg@^5.0.0: version "5.0.2" resolved "https://registry.yarnpkg.com/arg/-/arg-5.0.2.tgz#c81433cc427c92c4dcf4865142dbca6f15acd59c" @@ -2542,104 +3057,87 @@ argparse@^2.0.1: resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38" integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q== +array-buffer-byte-length@^1.0.1: + version "1.0.1" + resolved "https://registry.yarnpkg.com/array-buffer-byte-length/-/array-buffer-byte-length-1.0.1.tgz#1e5583ec16763540a27ae52eed99ff899223568f" + integrity sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg== + dependencies: + call-bind "^1.0.5" + is-array-buffer "^3.0.4" + array-flatten@1.1.1: version "1.1.1" resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-1.1.1.tgz#9a5f699051b1e7073328f2a008968b64ea2955d2" integrity sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg== -array-flatten@^2.1.2: - version "2.1.2" - resolved "https://registry.yarnpkg.com/array-flatten/-/array-flatten-2.1.2.tgz#24ef80a28c1a893617e2149b0c6d0d788293b099" - integrity sha512-hNfzcOV8W4NdualtqBFPyVO+54DSJuZGY9qT4pRroB6S9e3iiido2ISIC5h9R2sPJ8H3FHCIiEnsv1lPXO3KtQ== - array-union@^2.1.0: version "2.1.0" resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d" integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw== -arrify@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d" - integrity sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA== - -asap@~2.0.3: - version "2.0.6" - resolved "https://registry.yarnpkg.com/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46" - integrity sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA== - -asn1@~0.2.3: - version "0.2.6" - resolved "https://registry.yarnpkg.com/asn1/-/asn1-0.2.6.tgz#0d3a7bb6e64e02a90c0303b31f292868ea09a08d" - integrity sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ== - dependencies: - safer-buffer "~2.1.0" - -assert-plus@1.0.0, assert-plus@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/assert-plus/-/assert-plus-1.0.0.tgz#f12e0f3c5d77b0b1cdd9146942e4e96c1e4dd525" - integrity sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw== - -async-foreach@^0.1.3: - version "0.1.3" - resolved "https://registry.yarnpkg.com/async-foreach/-/async-foreach-0.1.3.tgz#36121f845c0578172de419a97dbeb1d16ec34542" - integrity sha512-VUeSMD8nEGBWaZK4lizI1sf3yEC7pnAQ/mrI7pC2fBz2s/tq5jWWEngTwaf0Gruu/OoXRGLGg1XFqpYBiGTYJA== - -asynckit@^0.4.0: - version "0.4.0" - resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79" - integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q== +array.prototype.reduce@^1.0.6: + version "1.0.7" + resolved "https://registry.yarnpkg.com/array.prototype.reduce/-/array.prototype.reduce-1.0.7.tgz#6aadc2f995af29cb887eb866d981dc85ab6f7dc7" + integrity sha512-mzmiUCVwtiD4lgxYP8g7IYy8El8p2CSMePvIbTS7gchKir/L1fgJrk0yDKmAX6mnRQFKNADYIk8nNlTris5H1Q== + dependencies: + call-bind "^1.0.7" + define-properties "^1.2.1" + es-abstract "^1.23.2" + es-array-method-boxes-properly "^1.0.0" + es-errors "^1.3.0" + es-object-atoms "^1.0.0" + is-string "^1.0.7" + +arraybuffer.prototype.slice@^1.0.3: + version "1.0.3" + resolved "https://registry.yarnpkg.com/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.3.tgz#097972f4255e41bc3425e37dc3f6421cf9aefde6" + integrity sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A== + dependencies: + array-buffer-byte-length "^1.0.1" + call-bind "^1.0.5" + define-properties "^1.2.1" + es-abstract "^1.22.3" + es-errors "^1.2.1" + get-intrinsic "^1.2.3" + is-array-buffer "^3.0.4" + is-shared-array-buffer "^1.0.2" + +astring@^1.8.0: + version "1.8.6" + resolved "https://registry.yarnpkg.com/astring/-/astring-1.8.6.tgz#2c9c157cf1739d67561c56ba896e6948f6b93731" + integrity sha512-ISvCdHdlTDlH5IpxQJIex7BWBywFWgjJSVdwst+/iQCoEYnyOaQ95+X1JGshuBjGp6nxKUy1jMgE3zPqN7fQdg== at-least-node@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/at-least-node/-/at-least-node-1.0.0.tgz#602cd4b46e844ad4effc92a8011a3c46e0238dc2" integrity sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg== -autoprefixer@^10.4.12, autoprefixer@^10.4.7: - version "10.4.13" - resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.13.tgz#b5136b59930209a321e9fa3dca2e7c4d223e83a8" - integrity sha512-49vKpMqcZYsJjwotvt4+h/BCjJVnhGwcLpDt5xkcaOG3eLrG/HUYLagrihYsQ+qrIBgIzX1Rw7a6L8I/ZA1Atg== +autoprefixer@^10.4.14, autoprefixer@^10.4.19: + version "10.4.19" + resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.19.tgz#ad25a856e82ee9d7898c59583c1afeb3fa65f89f" + integrity sha512-BaENR2+zBZ8xXhM4pUaKUxlVdxZ0EZhjvbopwnXmxRUfqDmwSpC2lAi/QXvx7NRdPCo1WKEcEF6mV64si1z4Ew== dependencies: - browserslist "^4.21.4" - caniuse-lite "^1.0.30001426" - fraction.js "^4.2.0" + browserslist "^4.23.0" + caniuse-lite "^1.0.30001599" + fraction.js "^4.3.7" normalize-range "^0.1.2" picocolors "^1.0.0" postcss-value-parser "^4.2.0" -aws-sign2@~0.7.0: - version "0.7.0" - resolved "https://registry.yarnpkg.com/aws-sign2/-/aws-sign2-0.7.0.tgz#b46e890934a9591f2d2f6f86d7e6a9f1b3fe76a8" - integrity sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA== - -aws4@^1.8.0: - version "1.11.0" - resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.11.0.tgz#d61f46d83b2519250e2784daf5b09479a8b41c59" - integrity sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA== - -axios@^0.25.0: - version "0.25.0" - resolved "https://registry.yarnpkg.com/axios/-/axios-0.25.0.tgz#349cfbb31331a9b4453190791760a8d35b093e0a" - integrity sha512-cD8FOb0tRH3uuEe6+evtAbgJtfxr7ly3fQjYcMcuPlgkwVS9xboaVIpcDV+cYQe+yGykgwZCs1pzjntcGa6l5g== - dependencies: - follow-redirects "^1.14.7" - -babel-loader@^8.2.5: - version "8.3.0" - resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-8.3.0.tgz#124936e841ba4fe8176786d6ff28add1f134d6a8" - integrity sha512-H8SvsMF+m9t15HNLMipppzkC+Y2Yq+v3SonZyU70RBL/h1gxPkH08Ot8pEE9Z4Kd+czyWJClmFS8qzIP9OZ04Q== +available-typed-arrays@^1.0.7: + version "1.0.7" + resolved "https://registry.yarnpkg.com/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz#a5cc375d6a03c2efc87a553f3e0b1522def14846" + integrity sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ== dependencies: - find-cache-dir "^3.3.1" - loader-utils "^2.0.0" - make-dir "^3.1.0" - schema-utils "^2.6.5" + possible-typed-array-names "^1.0.0" -babel-plugin-apply-mdx-type-prop@1.6.22: - version "1.6.22" - resolved "https://registry.yarnpkg.com/babel-plugin-apply-mdx-type-prop/-/babel-plugin-apply-mdx-type-prop-1.6.22.tgz#d216e8fd0de91de3f1478ef3231e05446bc8705b" - integrity sha512-VefL+8o+F/DfK24lPZMtJctrCVOfgbqLAGZSkxwhazQv4VxPg3Za/i40fu22KR2m8eEda+IfSOlPLUSIiLcnCQ== +babel-loader@^9.1.3: + version "9.1.3" + resolved "https://registry.yarnpkg.com/babel-loader/-/babel-loader-9.1.3.tgz#3d0e01b4e69760cc694ee306fe16d358aa1c6f9a" + integrity sha512-xG3ST4DglodGf8qSwv0MdeWLhrDsw/32QMdTO5T1ZIp9gQur0HkCyFs7Awskr10JKXFXwpAhiCuYX5oGXnRGbw== dependencies: - "@babel/helper-plugin-utils" "7.10.4" - "@mdx-js/util" "1.6.22" + find-cache-dir "^4.0.0" + schema-utils "^4.0.0" babel-plugin-dynamic-import-node@^2.3.3: version "2.3.3" @@ -2648,81 +3146,62 @@ babel-plugin-dynamic-import-node@^2.3.3: dependencies: object.assign "^4.1.0" -babel-plugin-extract-import-names@1.6.22: - version "1.6.22" - resolved "https://registry.yarnpkg.com/babel-plugin-extract-import-names/-/babel-plugin-extract-import-names-1.6.22.tgz#de5f9a28eb12f3eb2578bf74472204e66d1a13dc" - integrity sha512-yJ9BsJaISua7d8zNT7oRG1ZLBJCIdZ4PZqmH8qa9N5AK01ifk3fnkc98AXhtzE7UkfCsEumvoQWgoYLhOnJ7jQ== - dependencies: - "@babel/helper-plugin-utils" "7.10.4" - -babel-plugin-polyfill-corejs2@^0.3.3: - version "0.3.3" - resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.3.3.tgz#5d1bd3836d0a19e1b84bbf2d9640ccb6f951c122" - integrity sha512-8hOdmFYFSZhqg2C/JgLUQ+t52o5nirNwaWM2B9LWteozwIvM14VSwdsCAUET10qT+kmySAlseadmfeeSWFCy+Q== +babel-plugin-polyfill-corejs2@^0.4.10: + version "0.4.11" + resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.11.tgz#30320dfe3ffe1a336c15afdcdafd6fd615b25e33" + integrity sha512-sMEJ27L0gRHShOh5G54uAAPaiCOygY/5ratXuiyb2G46FmlSpc9eFCzYVyDiPxfNbwzA7mYahmjQc5q+CZQ09Q== dependencies: - "@babel/compat-data" "^7.17.7" - "@babel/helper-define-polyfill-provider" "^0.3.3" - semver "^6.1.1" + "@babel/compat-data" "^7.22.6" + "@babel/helper-define-polyfill-provider" "^0.6.2" + semver "^6.3.1" -babel-plugin-polyfill-corejs3@^0.6.0: - version "0.6.0" - resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.6.0.tgz#56ad88237137eade485a71b52f72dbed57c6230a" - integrity sha512-+eHqR6OPcBhJOGgsIar7xoAB1GcSwVUA3XjAd7HJNzOXT4wv6/H7KIdA/Nc60cvUlDbKApmqNvD1B1bzOt4nyA== +babel-plugin-polyfill-corejs3@^0.10.1, babel-plugin-polyfill-corejs3@^0.10.4: + version "0.10.4" + resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.10.4.tgz#789ac82405ad664c20476d0233b485281deb9c77" + integrity sha512-25J6I8NGfa5YkCDogHRID3fVCadIR8/pGl1/spvCkzb6lVn6SR3ojpx9nOn9iEBcUsjY24AmdKm5khcfKdylcg== dependencies: - "@babel/helper-define-polyfill-provider" "^0.3.3" - core-js-compat "^3.25.1" + "@babel/helper-define-polyfill-provider" "^0.6.1" + core-js-compat "^3.36.1" -babel-plugin-polyfill-regenerator@^0.4.1: - version "0.4.1" - resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.4.1.tgz#390f91c38d90473592ed43351e801a9d3e0fd747" - integrity sha512-NtQGmyQDXjQqQ+IzRkBVwEOz9lQ4zxAQZgoAYEtU9dJjnl1Oc98qnN7jcp+bE7O7aYzVpavXE3/VKXNzUbh7aw== +babel-plugin-polyfill-regenerator@^0.6.1: + version "0.6.2" + resolved "https://registry.yarnpkg.com/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.2.tgz#addc47e240edd1da1058ebda03021f382bba785e" + integrity sha512-2R25rQZWP63nGwaAswvDazbPXfrM3HwVoBXK6HcqeKrSrL/JqcC/rDcf95l4r7LXLyxDXc8uQDa064GubtCABg== dependencies: - "@babel/helper-define-polyfill-provider" "^0.3.3" + "@babel/helper-define-polyfill-provider" "^0.6.2" -bail@^1.0.0: - version "1.0.5" - resolved "https://registry.yarnpkg.com/bail/-/bail-1.0.5.tgz#b6fa133404a392cbc1f8c4bf63f5953351e7a776" - integrity sha512-xFbRxM1tahm08yHBP16MMjVUAvDaBMD38zsM9EMAUN61omwLmKlOpB/Zku5QkjZ8TZ4vn53pj+t518cH0S03RQ== +bail@^2.0.0: + version "2.0.2" + resolved "https://registry.yarnpkg.com/bail/-/bail-2.0.2.tgz#d26f5cd8fe5d6f832a31517b9f7c356040ba6d5d" + integrity sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw== balanced-match@^1.0.0: version "1.0.2" resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee" integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw== -base16@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/base16/-/base16-1.0.0.tgz#e297f60d7ec1014a7a971a39ebc8a98c0b681e70" - integrity sha512-pNdYkNPiJUnEhnfXV56+sQy8+AaPcG3POZAUnwr4EeqCUZFz4u2PePbo3e5Gj4ziYPCWGUZT9RHisvJKnwFuBQ== - batch@0.6.1: version "0.6.1" resolved "https://registry.yarnpkg.com/batch/-/batch-0.6.1.tgz#dc34314f4e679318093fc760272525f94bf25c16" integrity sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw== -bcrypt-pbkdf@^1.0.0: - version "1.0.2" - resolved "https://registry.yarnpkg.com/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz#a4301d389b6a43f9b67ff3ca11a3f6637e360e9e" - integrity sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w== - dependencies: - tweetnacl "^0.14.3" - big.js@^5.2.2: version "5.2.2" resolved "https://registry.yarnpkg.com/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328" integrity sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ== binary-extensions@^2.0.0: - version "2.2.0" - resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d" - integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA== + version "2.3.0" + resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.3.0.tgz#f6e14a97858d327252200242d4ccfe522c445522" + integrity sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw== -body-parser@1.20.1: - version "1.20.1" - resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.20.1.tgz#b1812a8912c195cd371a3ee5e66faa2338a5c668" - integrity sha512-jWi7abTbYwajOytWCQc37VulmWiRae5RyTpaCyDcS5/lMdtwSz5lOpDE67srw/HYe35f1z3fDQw+3txg7gNtWw== +body-parser@1.20.2: + version "1.20.2" + resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.20.2.tgz#6feb0e21c4724d06de7ff38da36dad4f57a747fd" + integrity sha512-ml9pReCu3M61kGlqoTm2umSXTlRTuGTx0bfYj+uIUKKYycG5NtSbeetV3faSU6R7ajOPw0g/J1PvK4qNy7s5bA== dependencies: bytes "3.1.2" - content-type "~1.0.4" + content-type "~1.0.5" debug "2.6.9" depd "2.0.0" destroy "1.2.0" @@ -2730,39 +3209,23 @@ body-parser@1.20.1: iconv-lite "0.4.24" on-finished "2.4.1" qs "6.11.0" - raw-body "2.5.1" + raw-body "2.5.2" type-is "~1.6.18" unpipe "1.0.0" bonjour-service@^1.0.11: - version "1.0.14" - resolved "https://registry.yarnpkg.com/bonjour-service/-/bonjour-service-1.0.14.tgz#c346f5bc84e87802d08f8d5a60b93f758e514ee7" - integrity sha512-HIMbgLnk1Vqvs6B4Wq5ep7mxvj9sGz5d1JJyDNSGNIdA/w2MCz6GTjWTdjqOJV1bEPj+6IkxDvWNFKEBxNt4kQ== + version "1.2.1" + resolved "https://registry.yarnpkg.com/bonjour-service/-/bonjour-service-1.2.1.tgz#eb41b3085183df3321da1264719fbada12478d02" + integrity sha512-oSzCS2zV14bh2kji6vNe7vrpJYCHGvcZnlffFQ1MEoX/WOeQ/teD8SYWKR942OI3INjq8OMNJlbPK5LLLUxFDw== dependencies: - array-flatten "^2.1.2" - dns-equal "^1.0.0" fast-deep-equal "^3.1.3" multicast-dns "^7.2.5" -boolbase@^1.0.0: +boolbase@^1.0.0, boolbase@~1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e" integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww== -boxen@^5.0.0: - version "5.1.2" - resolved "https://registry.yarnpkg.com/boxen/-/boxen-5.1.2.tgz#788cb686fc83c1f486dfa8a40c68fc2b831d2b50" - integrity sha512-9gYgQKXx+1nP8mP7CzFyaUARhg7D3n1dF/FnErWmu9l6JvGpNUN278h0aSb+QjoiKSWG+iZ3uHrcqk0qrY9RQQ== - dependencies: - ansi-align "^3.0.0" - camelcase "^6.2.0" - chalk "^4.1.0" - cli-boxes "^2.2.1" - string-width "^4.2.2" - type-fest "^0.20.2" - widest-line "^3.1.0" - wrap-ansi "^7.0.0" - boxen@^6.2.1: version "6.2.1" resolved "https://registry.yarnpkg.com/boxen/-/boxen-6.2.1.tgz#b098a2278b2cd2845deef2dff2efc38d329b434d" @@ -2777,6 +3240,20 @@ boxen@^6.2.1: widest-line "^4.0.1" wrap-ansi "^8.0.1" +boxen@^7.0.0: + version "7.1.1" + resolved "https://registry.yarnpkg.com/boxen/-/boxen-7.1.1.tgz#f9ba525413c2fec9cdb88987d835c4f7cad9c8f4" + integrity sha512-2hCgjEmP8YLWQ130n2FerGv7rYpfBmnmp9Uy2Le1vge6X3gZIfSmEzP5QTDElFxcvVcXlEn8Aq6MU/PZygIOog== + dependencies: + ansi-align "^3.0.1" + camelcase "^7.0.1" + chalk "^5.2.0" + cli-boxes "^3.0.0" + string-width "^5.1.2" + type-fest "^2.13.0" + widest-line "^4.0.1" + wrap-ansi "^8.1.0" + brace-expansion@^1.1.7: version "1.1.11" resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd" @@ -2792,15 +3269,15 @@ braces@^3.0.2, braces@~3.0.2: dependencies: fill-range "^7.0.1" -browserslist@^4.0.0, browserslist@^4.14.5, browserslist@^4.16.6, browserslist@^4.18.1, browserslist@^4.21.3, browserslist@^4.21.4: - version "4.21.4" - resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.21.4.tgz#e7496bbc67b9e39dd0f98565feccdcb0d4ff6987" - integrity sha512-CBHJJdDmgjl3daYjN5Cp5kbTf1mUhZoS+beLklHIvkOWscs83YAhLlF3Wsh/lciQYAcbBJgTOD44VtG31ZM4Hw== +browserslist@^4.0.0, browserslist@^4.18.1, browserslist@^4.21.10, browserslist@^4.22.2, browserslist@^4.23.0: + version "4.23.0" + resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.23.0.tgz#8f3acc2bbe73af7213399430890f86c63a5674ab" + integrity sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ== dependencies: - caniuse-lite "^1.0.30001400" - electron-to-chromium "^1.4.251" - node-releases "^2.0.6" - update-browserslist-db "^1.0.9" + caniuse-lite "^1.0.30001587" + electron-to-chromium "^1.4.668" + node-releases "^2.0.14" + update-browserslist-db "^1.0.13" buffer-from@^1.0.0: version "1.1.2" @@ -2817,26 +3294,34 @@ bytes@3.1.2: resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.2.tgz#8b0beeb98605adf1b128fa4386403c009e0221a5" integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg== -cacheable-request@^6.0.0: - version "6.1.0" - resolved "https://registry.yarnpkg.com/cacheable-request/-/cacheable-request-6.1.0.tgz#20ffb8bd162ba4be11e9567d823db651052ca912" - integrity sha512-Oj3cAGPCqOZX7Rz64Uny2GYAZNliQSqfbePrgAQ1wKAihYmCUnraBtJtKcGR4xz7wF+LoJC+ssFZvv5BgF9Igg== - dependencies: - clone-response "^1.0.2" - get-stream "^5.1.0" - http-cache-semantics "^4.0.0" - keyv "^3.0.0" - lowercase-keys "^2.0.0" - normalize-url "^4.1.0" - responselike "^1.0.2" - -call-bind@^1.0.0, call-bind@^1.0.2: - version "1.0.2" - resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.2.tgz#b1d4e89e688119c3c9a903ad30abb2f6a919be3c" - integrity sha512-7O+FbCihrB5WGbFYesctwmTKae6rOiIzmz1icreWJ+0aA7LJfuqhEso2T9ncpcFtzMQtzXf2QGGueWJGTYsqrA== +cacheable-lookup@^7.0.0: + version "7.0.0" + resolved "https://registry.yarnpkg.com/cacheable-lookup/-/cacheable-lookup-7.0.0.tgz#3476a8215d046e5a3202a9209dd13fec1f933a27" + integrity sha512-+qJyx4xiKra8mZrcwhjMRMUhD5NR1R8esPkzIYxX96JiecFoxAXFuz/GpR3+ev4PE1WamHip78wV0vcmPQtp8w== + +cacheable-request@^10.2.8: + version "10.2.14" + resolved "https://registry.yarnpkg.com/cacheable-request/-/cacheable-request-10.2.14.tgz#eb915b665fda41b79652782df3f553449c406b9d" + integrity sha512-zkDT5WAF4hSSoUgyfg5tFIxz8XQK+25W/TLVojJTMKBaxevLBBtLxgqguAuVQB8PVW79FVjHcU+GJ9tVbDZ9mQ== + dependencies: + "@types/http-cache-semantics" "^4.0.2" + get-stream "^6.0.1" + http-cache-semantics "^4.1.1" + keyv "^4.5.3" + mimic-response "^4.0.0" + normalize-url "^8.0.0" + responselike "^3.0.0" + +call-bind@^1.0.2, call-bind@^1.0.5, call-bind@^1.0.6, call-bind@^1.0.7: + version "1.0.7" + resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.7.tgz#06016599c40c56498c18769d2730be242b6fa3b9" + integrity sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w== dependencies: - function-bind "^1.1.1" - get-intrinsic "^1.0.2" + es-define-property "^1.0.0" + es-errors "^1.3.0" + function-bind "^1.1.2" + get-intrinsic "^1.2.4" + set-function-length "^1.2.1" callsites@^3.0.0: version "3.1.0" @@ -2851,30 +3336,16 @@ camel-case@^4.1.2: pascal-case "^3.1.2" tslib "^2.0.3" -camelcase-css@2.0.1: - version "2.0.1" - resolved "https://registry.yarnpkg.com/camelcase-css/-/camelcase-css-2.0.1.tgz#ee978f6947914cc30c6b44741b6ed1df7f043fd5" - integrity sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA== - -camelcase-keys@^6.2.2: - version "6.2.2" - resolved "https://registry.yarnpkg.com/camelcase-keys/-/camelcase-keys-6.2.2.tgz#5e755d6ba51aa223ec7d3d52f25778210f9dc3c0" - integrity sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg== - dependencies: - camelcase "^5.3.1" - map-obj "^4.0.0" - quick-lru "^4.0.1" - -camelcase@^5.0.0, camelcase@^5.3.1: - version "5.3.1" - resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-5.3.1.tgz#e3c9b31569e106811df242f715725a1f4c494320" - integrity sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg== - camelcase@^6.2.0: version "6.3.0" resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a" integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA== +camelcase@^7.0.1: + version "7.0.1" + resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-7.0.1.tgz#f02e50af9fd7782bc8b88a3558c32fd3a388f048" + integrity sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw== + caniuse-api@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/caniuse-api/-/caniuse-api-3.0.0.tgz#5e4d90e2274961d46291997df599e3ed008ee4c0" @@ -2885,33 +3356,17 @@ caniuse-api@^3.0.0: lodash.memoize "^4.1.2" lodash.uniq "^4.5.0" -caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001400, caniuse-lite@^1.0.30001426: - version "1.0.30001431" - resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001431.tgz#e7c59bd1bc518fae03a4656be442ce6c4887a795" - integrity sha512-zBUoFU0ZcxpvSt9IU66dXVT/3ctO1cy4y9cscs1szkPlcWb6pasYM144GqrUygUbT+k7cmUCW61cvskjcv0enQ== - -caseless@~0.12.0: - version "0.12.0" - resolved "https://registry.yarnpkg.com/caseless/-/caseless-0.12.0.tgz#1b681c21ff84033c826543090689420d187151dc" - integrity sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw== - -ccount@^1.0.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/ccount/-/ccount-1.1.0.tgz#246687debb6014735131be8abab2d93898f8d043" - integrity sha512-vlNK021QdI7PNeiUh/lKkC/mNHHfV0m/Ad5JoI0TYtlBnJAslM/JIkm/tGC88bkLIwO6OQ5uV6ztS6kVAtCDlg== +caniuse-lite@^1.0.0, caniuse-lite@^1.0.30001587, caniuse-lite@^1.0.30001599: + version "1.0.30001614" + resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001614.tgz#f894b4209376a0bf923d67d9c361d96b1dfebe39" + integrity sha512-jmZQ1VpmlRwHgdP1/uiKzgiAuGOfLEJsYFP4+GBou/QQ4U6IOJCB4NP1c+1p9RGLpwObcT94jA5/uO+F1vBbog== -chalk@^1.1.1: - version "1.1.3" - resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98" - integrity sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A== - dependencies: - ansi-styles "^2.2.1" - escape-string-regexp "^1.0.2" - has-ansi "^2.0.0" - strip-ansi "^3.0.0" - supports-color "^2.0.0" +ccount@^2.0.0: + version "2.0.1" + resolved "https://registry.yarnpkg.com/ccount/-/ccount-2.0.1.tgz#17a3bf82302e0870d6da43a01311a8bc02a3ecf5" + integrity sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg== -chalk@^2.0.0: +chalk@^2.4.1, chalk@^2.4.2: version "2.4.2" resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424" integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ== @@ -2928,20 +3383,35 @@ chalk@^4.0.0, chalk@^4.1.0, chalk@^4.1.2: ansi-styles "^4.1.0" supports-color "^7.1.0" -character-entities-legacy@^1.0.0: - version "1.1.4" - resolved "https://registry.yarnpkg.com/character-entities-legacy/-/character-entities-legacy-1.1.4.tgz#94bc1845dce70a5bb9d2ecc748725661293d8fc1" - integrity sha512-3Xnr+7ZFS1uxeiUDvV02wQ+QDbc55o97tIV5zHScSPJpcLm/r0DFPcoY3tYRp+VZukxuMeKgXYmsXQHO05zQeA== +chalk@^5.0.1, chalk@^5.2.0: + version "5.3.0" + resolved "https://registry.yarnpkg.com/chalk/-/chalk-5.3.0.tgz#67c20a7ebef70e7f3970a01f90fa210cb6860385" + integrity sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w== -character-entities@^1.0.0: - version "1.2.4" - resolved "https://registry.yarnpkg.com/character-entities/-/character-entities-1.2.4.tgz#e12c3939b7eaf4e5b15e7ad4c5e28e1d48c5b16b" - integrity sha512-iBMyeEHxfVnIakwOuDXpVkc54HijNgCyQB2w0VfGQThle6NXn50zU6V/u+LDhxHcDUPojn6Kpga3PTAD8W1bQw== +char-regex@^1.0.2: + version "1.0.2" + resolved "https://registry.yarnpkg.com/char-regex/-/char-regex-1.0.2.tgz#d744358226217f981ed58f479b1d6bcc29545dcf" + integrity sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw== -character-reference-invalid@^1.0.0: - version "1.1.4" - resolved "https://registry.yarnpkg.com/character-reference-invalid/-/character-reference-invalid-1.1.4.tgz#083329cda0eae272ab3dbbf37e9a382c13af1560" - integrity sha512-mKKUkUbhPpQlCOfIuZkvSEgktjPFIsZKRRbC6KWVEMvlzblj3i3asQv5ODsrwt0N3pHAEvjP8KTQPHkp0+6jOg== +character-entities-html4@^2.0.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/character-entities-html4/-/character-entities-html4-2.1.0.tgz#1f1adb940c971a4b22ba39ddca6b618dc6e56b2b" + integrity sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA== + +character-entities-legacy@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/character-entities-legacy/-/character-entities-legacy-3.0.0.tgz#76bc83a90738901d7bc223a9e93759fdd560125b" + integrity sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ== + +character-entities@^2.0.0: + version "2.0.2" + resolved "https://registry.yarnpkg.com/character-entities/-/character-entities-2.0.2.tgz#2d09c2e72cd9523076ccb21157dff66ad43fcc22" + integrity sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ== + +character-reference-invalid@^2.0.0: + version "2.0.1" + resolved "https://registry.yarnpkg.com/character-reference-invalid/-/character-reference-invalid-2.0.1.tgz#85c66b041e43b47210faf401278abf808ac45cb9" + integrity sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw== cheerio-select@^2.1.0: version "2.1.0" @@ -2968,10 +3438,10 @@ cheerio@^1.0.0-rc.12: parse5 "^7.0.0" parse5-htmlparser2-tree-adapter "^7.0.0" -chokidar@^3.4.2, chokidar@^3.5.3: - version "3.5.3" - resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd" - integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw== +"chokidar@>=3.0.0 <4.0.0", chokidar@^3.4.2, chokidar@^3.5.3: + version "3.6.0" + resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-3.6.0.tgz#197c6cc669ef2a8dc5e7b4d97ee4e092c3eb0d5b" + integrity sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw== dependencies: anymatch "~3.1.2" braces "~3.0.2" @@ -2983,30 +3453,20 @@ chokidar@^3.4.2, chokidar@^3.5.3: optionalDependencies: fsevents "~2.3.2" -chownr@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/chownr/-/chownr-2.0.0.tgz#15bfbe53d2eab4cf70f18a8cd68ebe5b3cb1dece" - integrity sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ== - chrome-trace-event@^1.0.2: version "1.0.3" resolved "https://registry.yarnpkg.com/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz#1015eced4741e15d06664a957dbbf50d041e26ac" integrity sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg== -ci-info@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-2.0.0.tgz#67a9e964be31a51e15e5010d58e6f12834002f46" - integrity sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ== - ci-info@^3.2.0: - version "3.5.0" - resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.5.0.tgz#bfac2a29263de4c829d806b1ab478e35091e171f" - integrity sha512-yH4RezKOGlOhxkmhbeNuC4eYZKAUsEaGtBuBzDDP1eFUKiccDWzBABxBfOx31IDwDIXMTxWuwAxUGModvkbuVw== + version "3.9.0" + resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-3.9.0.tgz#4279a62028a7b1f262f3473fc9605f5e218c59b4" + integrity sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ== -clean-css@^5.2.2, clean-css@^5.3.0: - version "5.3.1" - resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-5.3.1.tgz#d0610b0b90d125196a2894d35366f734e5d7aa32" - integrity sha512-lCr8OHhiWCTw4v8POJovCoh4T7I9U11yVsPjMWWnnMmp9ZowCxyad1Pathle/9HjaDp+fdQKjO9fQydE6RHTZg== +clean-css@^5.2.2, clean-css@^5.3.2, clean-css@~5.3.2: + version "5.3.3" + resolved "https://registry.yarnpkg.com/clean-css/-/clean-css-5.3.3.tgz#b330653cd3bd6b75009cc25c714cae7b93351ccd" + integrity sha512-D5J+kHaVb/wKSFcyyV75uCn8fiY4sV38XJoe4CUyGQ+mOU/fMVYUdH1hJC+CJQ5uY3EnW27SbJYS4X8BiLrAFg== dependencies: source-map "~0.6.0" @@ -3015,34 +3475,20 @@ clean-stack@^2.0.0: resolved "https://registry.yarnpkg.com/clean-stack/-/clean-stack-2.2.0.tgz#ee8472dbb129e727b31e8a10a427dee9dfe4008b" integrity sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A== -cli-boxes@^2.2.1: - version "2.2.1" - resolved "https://registry.yarnpkg.com/cli-boxes/-/cli-boxes-2.2.1.tgz#ddd5035d25094fce220e9cab40a45840a440318f" - integrity sha512-y4coMcylgSCdVinjiDBuR8PCC2bLjyGTwEmPb9NHR/QaNU6EUOXcTY/s6VjGMD6ENSEaeQYHCY0GNGS5jfMwPw== - cli-boxes@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/cli-boxes/-/cli-boxes-3.0.0.tgz#71a10c716feeba005e4504f36329ef0b17cf3145" integrity sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g== -cli-table3@^0.6.2: - version "0.6.3" - resolved "https://registry.yarnpkg.com/cli-table3/-/cli-table3-0.6.3.tgz#61ab765aac156b52f222954ffc607a6f01dbeeb2" - integrity sha512-w5Jac5SykAeZJKntOxJCrm63Eg5/4dhMWIcuTbo9rpE+brgaSZo0RuNJZeOyMgsUdhDeojvgyQLmjI+K50ZGyg== +cli-table3@^0.6.3: + version "0.6.4" + resolved "https://registry.yarnpkg.com/cli-table3/-/cli-table3-0.6.4.tgz#d1c536b8a3f2e7bec58f67ac9e5769b1b30088b0" + integrity sha512-Lm3L0p+/npIQWNIiyF/nAn7T5dnOwR3xNTHXYEBFBFVPXzCVNZ5lqEC/1eo/EVfpDsQ1I+TX4ORPQgp+UI0CRw== dependencies: string-width "^4.2.0" optionalDependencies: "@colors/colors" "1.5.0" -cliui@^5.0.0: - version "5.0.0" - resolved "https://registry.yarnpkg.com/cliui/-/cliui-5.0.0.tgz#deefcfdb2e800784aa34f46fa08e06851c7bbbc5" - integrity sha512-PYeGSEmmHM6zvoef2w8TPzlrnNpXIjTipYK780YswmIP9vjxmd6Y2a3CB2Ks6/AU8NHjZugXvo8w3oWM2qnwXA== - dependencies: - string-width "^3.1.0" - strip-ansi "^5.2.0" - wrap-ansi "^5.1.0" - clone-deep@^4.0.1: version "4.0.1" resolved "https://registry.yarnpkg.com/clone-deep/-/clone-deep-4.0.1.tgz#c19fd9bdbbf85942b4fd979c84dcf7d5f07c2387" @@ -3052,27 +3498,29 @@ clone-deep@^4.0.1: kind-of "^6.0.2" shallow-clone "^3.0.0" -clone-response@^1.0.2: - version "1.0.3" - resolved "https://registry.yarnpkg.com/clone-response/-/clone-response-1.0.3.tgz#af2032aa47816399cf5f0a1d0db902f517abb8c3" - integrity sha512-ROoL94jJH2dUVML2Y/5PEDNaSHgeOdSDicUyS7izcF63G6sTc/FTjLub4b8Il9S8S0beOfYt0TaA5qvFK+w0wA== - dependencies: - mimic-response "^1.0.0" - -clsx@^1.1.1, clsx@^1.2.1: +clsx@^1.1.1: version "1.2.1" resolved "https://registry.yarnpkg.com/clsx/-/clsx-1.2.1.tgz#0ddc4a20a549b59c93a4116bb26f5294ca17dc12" integrity sha512-EcR6r5a8bj6pu3ycsa/E/cKVGuTgZJZdsyUYHOksG/UHIiKfjxzRxYJpyVBwYaQeOvghal9fcc4PidlgzugAQg== -code-point-at@^1.0.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77" - integrity sha512-RpAVKQA5T63xEj6/giIbUEtZwJ4UFIc3ZtvEkiaUERylqe8xb5IvqcgOurZLahv93CLKfxcw5YI+DZcUBRyLXA== +clsx@^2.0.0: + version "2.1.1" + resolved "https://registry.yarnpkg.com/clsx/-/clsx-2.1.1.tgz#eed397c9fd8bd882bfb18deab7102049a2f32999" + integrity sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA== -collapse-white-space@^1.0.2: - version "1.0.6" - resolved "https://registry.yarnpkg.com/collapse-white-space/-/collapse-white-space-1.0.6.tgz#e63629c0016665792060dbbeb79c42239d2c5287" - integrity sha512-jEovNnrhMuqyCcjfEJA56v0Xq8SkIoPKDyaHahwo3POf4qcSXqMYuwNcOTzp74vTsR9Tn08z4MxWqAhcekogkQ== +coa@^2.0.2: + version "2.0.2" + resolved "https://registry.yarnpkg.com/coa/-/coa-2.0.2.tgz#43f6c21151b4ef2bf57187db0d73de229e3e7ec3" + integrity sha512-q5/jG+YQnSy4nRTV4F7lPepBJZ8qBNJJDBuJdoejDyLXgmL7IEo+Le2JDZudFTFt7mrCqIRaSjws4ygRCTCAXA== + dependencies: + "@types/q" "^1.5.1" + chalk "^2.4.1" + q "^1.1.2" + +collapse-white-space@^2.0.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/collapse-white-space/-/collapse-white-space-2.1.0.tgz#640257174f9f42c740b40f3b55ee752924feefca" + integrity sha512-loKTxY1zCOuG4j9f6EPnuyyYkf58RnhhWTvRoZEokgB+WbdXehfjFviyOVYkqzEWz1Q5kRiZdBYS5SwxbQYwzw== color-convert@^1.9.0: version "1.9.3" @@ -3098,32 +3546,30 @@ color-name@~1.1.4: resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2" integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA== -colord@^2.9.1: +colord@^2.9.3: version "2.9.3" resolved "https://registry.yarnpkg.com/colord/-/colord-2.9.3.tgz#4f8ce919de456f1d5c1c368c307fe20f3e59fb43" integrity sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw== colorette@^2.0.10, colorette@^2.0.14: - version "2.0.19" - resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.19.tgz#cdf044f47ad41a0f4b56b3a0d5b4e6e1a2d5a798" - integrity sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ== + version "2.0.20" + resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.20.tgz#9eb793e6833067f7235902fcd3b09917a000a95a" + integrity sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w== combine-promises@^1.1.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/combine-promises/-/combine-promises-1.1.0.tgz#72db90743c0ca7aab7d0d8d2052fd7b0f674de71" - integrity sha512-ZI9jvcLDxqwaXEixOhArm3r7ReIivsXkpbyEWyeOhzz1QS0iSgBPnWvEqvIQtYyamGCYA88gFhmUrs9hrrQ0pg== + version "1.2.0" + resolved "https://registry.yarnpkg.com/combine-promises/-/combine-promises-1.2.0.tgz#5f2e68451862acf85761ded4d9e2af7769c2ca6a" + integrity sha512-VcQB1ziGD0NXrhKxiwyNbCDmRzs/OShMs2GqW2DlU2A/Sd0nQxE1oWDAE5O0ygSx5mgQOn9eIFh7yKPgFRVkPQ== -combined-stream@^1.0.6, combined-stream@~1.0.6: - version "1.0.8" - resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f" - integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg== - dependencies: - delayed-stream "~1.0.0" +comma-separated-tokens@^2.0.0: + version "2.0.3" + resolved "https://registry.yarnpkg.com/comma-separated-tokens/-/comma-separated-tokens-2.0.3.tgz#4e89c9458acb61bc8fef19f4529973b2392839ee" + integrity sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg== -comma-separated-tokens@^1.0.0: - version "1.0.8" - resolved "https://registry.yarnpkg.com/comma-separated-tokens/-/comma-separated-tokens-1.0.8.tgz#632b80b6117867a158f1080ad498b2fbe7e3f5ea" - integrity sha512-GHuDRO12Sypu2cV70d1dkA2EUmXHgntrzbpvOB+Qy+49ypNfGgFQIC2fhhXbnyrJRynDCAARsT7Ou0M6hirpfw== +commander@^10.0.0: + version "10.0.1" + resolved "https://registry.yarnpkg.com/commander/-/commander-10.0.1.tgz#881ee46b4f77d1c1dccc5823433aa39b022cbe06" + integrity sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug== commander@^2.20.0: version "2.20.3" @@ -3145,10 +3591,10 @@ commander@^8.3.0: resolved "https://registry.yarnpkg.com/commander/-/commander-8.3.0.tgz#4837ea1b2da67b9c616a67afbb0fafee567bca66" integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww== -commondir@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b" - integrity sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg== +common-path-prefix@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/common-path-prefix/-/common-path-prefix-3.0.0.tgz#7d007a7e07c58c4b4d5f433131a19141b29f11e0" + integrity sha512-QE33hToZseCH3jS0qN96O/bSh3kaw/h+Tq7ngyY9eWDUnTlTNUyqfqvCXioLe5Na5jFsL78ra/wuBU4iuEgd4w== compressible@~2.0.16: version "2.0.18" @@ -3175,17 +3621,24 @@ concat-map@0.0.1: resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b" integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg== -configstore@^5.0.1: - version "5.0.1" - resolved "https://registry.yarnpkg.com/configstore/-/configstore-5.0.1.tgz#d365021b5df4b98cdd187d6a3b0e3f6a7cc5ed96" - integrity sha512-aMKprgk5YhBNyH25hj8wGt2+D52Sw1DRRIzqBwLp2Ya9mFmY8KPvvtvmna8SxVR9JMZ4kzMD68N22vlaRpkeFA== +config-chain@^1.1.11: + version "1.1.13" + resolved "https://registry.yarnpkg.com/config-chain/-/config-chain-1.1.13.tgz#fad0795aa6a6cdaff9ed1b68e9dff94372c232f4" + integrity sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ== dependencies: - dot-prop "^5.2.0" - graceful-fs "^4.1.2" - make-dir "^3.0.0" - unique-string "^2.0.0" - write-file-atomic "^3.0.0" - xdg-basedir "^4.0.0" + ini "^1.3.4" + proto-list "~1.2.1" + +configstore@^6.0.0: + version "6.0.0" + resolved "https://registry.yarnpkg.com/configstore/-/configstore-6.0.0.tgz#49eca2ebc80983f77e09394a1a56e0aca8235566" + integrity sha512-cD31W1v3GqUlQvbBCGcXmd2Nj9SvLDOP1oQ0YFuLETufzSPaKp11rYBsSOm7rCsW3OnIRAFM3OxRhceaXNYHkA== + dependencies: + dot-prop "^6.0.1" + graceful-fs "^4.2.6" + unique-string "^3.0.0" + write-file-atomic "^3.0.3" + xdg-basedir "^5.0.1" connect-history-api-fallback@^2.0.0: version "2.0.0" @@ -3197,11 +3650,6 @@ consola@^2.15.3: resolved "https://registry.yarnpkg.com/consola/-/consola-2.15.3.tgz#2e11f98d6a4be71ff72e0bdf07bd23e12cb61550" integrity sha512-9vAdYbHj6x2fLKC4+oPH0kFzY/orMZyG2Aj+kNylHxKGJ/Ed4dpNyAQYwJOdqO4zdM7XpVHmyejQDcQHrnuXbw== -console-control-strings@^1.0.0, console-control-strings@~1.1.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/console-control-strings/-/console-control-strings-1.1.0.tgz#3d7cf4464db6446ea644bf4b39507f9851008e8e" - integrity sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ== - content-disposition@0.5.2: version "0.5.2" resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.2.tgz#0cf68bb9ddf5f2be7961c3a85178cb85dba78cb4" @@ -3214,30 +3662,30 @@ content-disposition@0.5.4: dependencies: safe-buffer "5.2.1" -content-type@~1.0.4: - version "1.0.4" - resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.4.tgz#e138cc75e040c727b1966fe5e5f8c9aee256fe3b" - integrity sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA== +content-type@~1.0.4, content-type@~1.0.5: + version "1.0.5" + resolved "https://registry.yarnpkg.com/content-type/-/content-type-1.0.5.tgz#8b773162656d1d1086784c8f23a54ce6d73d7918" + integrity sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA== -convert-source-map@^1.7.0: - version "1.9.0" - resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-1.9.0.tgz#7faae62353fb4213366d0ca98358d22e8368b05f" - integrity sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A== +convert-source-map@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/convert-source-map/-/convert-source-map-2.0.0.tgz#4b560f649fc4e918dd0ab75cf4961e8bc882d82a" + integrity sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg== cookie-signature@1.0.6: version "1.0.6" resolved "https://registry.yarnpkg.com/cookie-signature/-/cookie-signature-1.0.6.tgz#e303a882b342cc3ee8ca513a79999734dab3ae2c" integrity sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ== -cookie@0.5.0: - version "0.5.0" - resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.5.0.tgz#d1f5d71adec6558c58f389987c366aa47e994f8b" - integrity sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw== +cookie@0.6.0: + version "0.6.0" + resolved "https://registry.yarnpkg.com/cookie/-/cookie-0.6.0.tgz#2798b04b071b0ecbff0dbb62a505a8efa4e19051" + integrity sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw== -copy-text-to-clipboard@^3.0.1: - version "3.0.1" - resolved "https://registry.yarnpkg.com/copy-text-to-clipboard/-/copy-text-to-clipboard-3.0.1.tgz#8cbf8f90e0a47f12e4a24743736265d157bce69c" - integrity sha512-rvVsHrpFcL4F2P8ihsoLdFHmd404+CMg71S756oRSeQgqk51U3kicGdnvfkrxva0xXH92SjGS62B0XIJsbh+9Q== +copy-text-to-clipboard@^3.2.0: + version "3.2.0" + resolved "https://registry.yarnpkg.com/copy-text-to-clipboard/-/copy-text-to-clipboard-3.2.0.tgz#0202b2d9bdae30a49a53f898626dcc3b49ad960b" + integrity sha512-RnJFp1XR/LOBDckxTib5Qjr/PMfkatD0MUCQgdpqS8MdKiNUzBjAQBEN6oUy+jW7LI93BBG3DtMB2KOOKpGs2Q== copy-webpack-plugin@^11.0.0: version "11.0.0" @@ -3251,27 +3699,22 @@ copy-webpack-plugin@^11.0.0: schema-utils "^4.0.0" serialize-javascript "^6.0.0" -core-js-compat@^3.25.1: - version "3.26.0" - resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.26.0.tgz#94e2cf8ba3e63800c4956ea298a6473bc9d62b44" - integrity sha512-piOX9Go+Z4f9ZiBFLnZ5VrOpBl0h7IGCkiFUN11QTe6LjAvOT3ifL/5TdoizMh99hcGy5SoLyWbapIY/PIb/3A== +core-js-compat@^3.31.0, core-js-compat@^3.36.1: + version "3.37.0" + resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.37.0.tgz#d9570e544163779bb4dff1031c7972f44918dc73" + integrity sha512-vYq4L+T8aS5UuFg4UwDhc7YNRWVeVZwltad9C/jV3R2LgVOpS9BDr7l/WL6BN0dbV3k1XejPTHqqEzJgsa0frA== dependencies: - browserslist "^4.21.4" + browserslist "^4.23.0" -core-js-pure@^3.25.1: - version "3.26.0" - resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.26.0.tgz#7ad8a5dd7d910756f3124374b50026e23265ca9a" - integrity sha512-LiN6fylpVBVwT8twhhluD9TzXmZQQsr2I2eIKtWNbZI1XMfBT7CV18itaN6RA7EtQd/SDdRx/wzvAShX2HvhQA== +core-js-pure@^3.30.2: + version "3.37.0" + resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.37.0.tgz#ce99fb4a7cec023fdbbe5b5bd1f06bbcba83316e" + integrity sha512-d3BrpyFr5eD4KcbRvQ3FTUx/KWmaDesr7+a3+1+P46IUnNoEt+oiLijPINZMEon7w9oGkIINWxrBAU9DEciwFQ== -core-js@^3.23.3: - version "3.26.0" - resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.26.0.tgz#a516db0ed0811be10eac5d94f3b8463d03faccfe" - integrity sha512-+DkDrhoR4Y0PxDz6rurahuB+I45OsEUv8E1maPTB6OuHRohMMcznBq9TMpdpDMm/hUPob/mJJS3PqgbHpMTQgw== - -core-util-is@1.0.2: - version "1.0.2" - resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7" - integrity sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ== +core-js@^3.31.1: + version "3.37.0" + resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.37.0.tgz#d8dde58e91d156b2547c19d8a4efd5c7f6c426bb" + integrity sha512-fu5vHevQ8ZG4og+LXug8ulUtVxjOcEYvifJr7L5Bfq9GOztVqsKd9/59hUk2ZSbCrS3BqUr3EpaYGIYzq7g3Ug== core-util-is@~1.0.0: version "1.0.3" @@ -3289,10 +3732,10 @@ cosmiconfig@^6.0.0: path-type "^4.0.0" yaml "^1.7.2" -cosmiconfig@^7.0.0, cosmiconfig@^7.0.1: - version "7.0.1" - resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.0.1.tgz#714d756522cace867867ccb4474c5d01bbae5d6d" - integrity sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ== +cosmiconfig@^7.0.0: + version "7.1.0" + resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.1.0.tgz#1443b9afa596b670082ea46cbd8f6a62b84635f6" + integrity sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA== dependencies: "@types/parse-json" "^4.0.0" import-fresh "^3.2.1" @@ -3300,12 +3743,15 @@ cosmiconfig@^7.0.0, cosmiconfig@^7.0.1: path-type "^4.0.0" yaml "^1.10.0" -cross-fetch@^3.1.5: - version "3.1.5" - resolved "https://registry.yarnpkg.com/cross-fetch/-/cross-fetch-3.1.5.tgz#e1389f44d9e7ba767907f7af8454787952ab534f" - integrity sha512-lvb1SBsI0Z7GDwmuid+mU3kWVBwTVUbe7S0H52yaaAdQOXq2YktTCZdlAcNKFzE6QtRz0snpw9bNiPeOIkkQvw== +cosmiconfig@^8.1.3, cosmiconfig@^8.3.5: + version "8.3.6" + resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-8.3.6.tgz#060a2b871d66dba6c8538ea1118ba1ac16f5fae3" + integrity sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA== dependencies: - node-fetch "2.6.7" + import-fresh "^3.3.0" + js-yaml "^4.1.0" + parse-json "^5.2.0" + path-type "^4.0.0" cross-spawn@^7.0.3: version "7.0.3" @@ -3316,41 +3762,58 @@ cross-spawn@^7.0.3: shebang-command "^2.0.0" which "^2.0.1" -crypto-random-string@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-2.0.0.tgz#ef2a7a966ec11083388369baa02ebead229b30d5" - integrity sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA== +crypto-random-string@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/crypto-random-string/-/crypto-random-string-4.0.0.tgz#5a3cc53d7dd86183df5da0312816ceeeb5bb1fc2" + integrity sha512-x8dy3RnvYdlUcPOjkEHqozhiwzKNSq7GcPuXFbnyMOCHxX8V3OgIg/pYuabl2sbUPfIJaeAQB7PMOK8DFIdoRA== + dependencies: + type-fest "^1.0.1" -css-declaration-sorter@^6.3.1: - version "6.3.1" - resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-6.3.1.tgz#be5e1d71b7a992433fb1c542c7a1b835e45682ec" - integrity sha512-fBffmak0bPAnyqc/HO8C3n2sHrp9wcqQz6ES9koRF2/mLOVAx9zIQ3Y7R29sYCteTPqMCwns4WYQoCX91Xl3+w== +css-declaration-sorter@^7.2.0: + version "7.2.0" + resolved "https://registry.yarnpkg.com/css-declaration-sorter/-/css-declaration-sorter-7.2.0.tgz#6dec1c9523bc4a643e088aab8f09e67a54961024" + integrity sha512-h70rUM+3PNFuaBDTLe8wF/cdWu+dOZmb7pJt8Z2sedYbAcQVQV/tEchueg3GWxwqS0cxtbxmaHEdkNACqcvsow== -css-loader@^6.7.1: - version "6.7.1" - resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-6.7.1.tgz#e98106f154f6e1baf3fc3bc455cb9981c1d5fd2e" - integrity sha512-yB5CNFa14MbPJcomwNh3wLThtkZgcNyI2bNMRt8iE5Z8Vwl7f8vQXFAzn2HDOJvtDq2NTZBUGMSUNNyrv3/+cw== +css-loader@^6.8.1: + version "6.11.0" + resolved "https://registry.yarnpkg.com/css-loader/-/css-loader-6.11.0.tgz#33bae3bf6363d0a7c2cf9031c96c744ff54d85ba" + integrity sha512-CTJ+AEQJjq5NzLga5pE39qdiSV56F8ywCIsqNIRF0r7BDgWsN25aazToqAFg7ZrtA/U016xudB3ffgweORxX7g== dependencies: icss-utils "^5.1.0" - postcss "^8.4.7" - postcss-modules-extract-imports "^3.0.0" - postcss-modules-local-by-default "^4.0.0" - postcss-modules-scope "^3.0.0" + postcss "^8.4.33" + postcss-modules-extract-imports "^3.1.0" + postcss-modules-local-by-default "^4.0.5" + postcss-modules-scope "^3.2.0" postcss-modules-values "^4.0.0" postcss-value-parser "^4.2.0" - semver "^7.3.5" + semver "^7.5.4" -css-minimizer-webpack-plugin@^4.0.0: - version "4.2.2" - resolved "https://registry.yarnpkg.com/css-minimizer-webpack-plugin/-/css-minimizer-webpack-plugin-4.2.2.tgz#79f6199eb5adf1ff7ba57f105e3752d15211eb35" - integrity sha512-s3Of/4jKfw1Hj9CxEO1E5oXhQAxlayuHO2y/ML+C6I9sQ7FdzfEV6QgMLN3vI+qFsjJGIAFLKtQK7t8BOXAIyA== +css-minimizer-webpack-plugin@^5.0.1: + version "5.0.1" + resolved "https://registry.yarnpkg.com/css-minimizer-webpack-plugin/-/css-minimizer-webpack-plugin-5.0.1.tgz#33effe662edb1a0bf08ad633c32fa75d0f7ec565" + integrity sha512-3caImjKFQkS+ws1TGcFn0V1HyDJFq1Euy589JlD6/3rV2kj+w7r5G9WDMgSHvpvXHNZ2calVypZWuEDQd9wfLg== dependencies: - cssnano "^5.1.8" - jest-worker "^29.1.2" - postcss "^8.4.17" - schema-utils "^4.0.0" - serialize-javascript "^6.0.0" - source-map "^0.6.1" + "@jridgewell/trace-mapping" "^0.3.18" + cssnano "^6.0.1" + jest-worker "^29.4.3" + postcss "^8.4.24" + schema-utils "^4.0.1" + serialize-javascript "^6.0.1" + +css-select-base-adapter@^0.1.1: + version "0.1.1" + resolved "https://registry.yarnpkg.com/css-select-base-adapter/-/css-select-base-adapter-0.1.1.tgz#3b2ff4972cc362ab88561507a95408a1432135d7" + integrity sha512-jQVeeRG70QI08vSTwf1jHxp74JoZsr2XSgETae8/xC8ovSnL2WF87GTLO86Sbwdt2lK4Umg4HnnwMO4YF3Ce7w== + +css-select@^2.0.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/css-select/-/css-select-2.1.0.tgz#6a34653356635934a81baca68d0255432105dbef" + integrity sha512-Dqk7LQKpwLoH3VovzZnkzegqNSuAziQyNZUcrdDM401iY+R5NkGBXGmtO05/yaXQziALuPogeG0b7UAgjnTJTQ== + dependencies: + boolbase "^1.0.0" + css-what "^3.2.1" + domutils "^1.7.0" + nth-check "^1.0.2" css-select@^4.1.3: version "4.3.0" @@ -3374,7 +3837,15 @@ css-select@^5.1.0: domutils "^3.0.1" nth-check "^2.0.1" -css-tree@^1.1.2, css-tree@^1.1.3: +css-tree@1.0.0-alpha.37: + version "1.0.0-alpha.37" + resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0-alpha.37.tgz#98bebd62c4c1d9f960ec340cf9f7522e30709a22" + integrity sha512-DMxWJg0rnz7UgxKT0Q1HU/L9BeJI0M6ksor0OgqOnF+aRCDWg/N2641HmVyU9KVIu0OVVWOb2IpC9A+BJRnejg== + dependencies: + mdn-data "2.0.4" + source-map "^0.6.1" + +css-tree@^1.1.2: version "1.1.3" resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.1.3.tgz#eb4870fb6fd7707327ec95c2ff2ab09b5e8db91d" integrity sha512-tRpdppF7TRazZrjJ6v3stzv93qxRcSsFmW6cX0Zm2NVKpxE1WV1HblnghVv9TreireHkqI/VDEsfolRF1p6y7Q== @@ -3382,6 +3853,27 @@ css-tree@^1.1.2, css-tree@^1.1.3: mdn-data "2.0.14" source-map "^0.6.1" +css-tree@^2.3.1: + version "2.3.1" + resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-2.3.1.tgz#10264ce1e5442e8572fc82fbe490644ff54b5c20" + integrity sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw== + dependencies: + mdn-data "2.0.30" + source-map-js "^1.0.1" + +css-tree@~2.2.0: + version "2.2.1" + resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-2.2.1.tgz#36115d382d60afd271e377f9c5f67d02bd48c032" + integrity sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA== + dependencies: + mdn-data "2.0.28" + source-map-js "^1.0.1" + +css-what@^3.2.1: + version "3.4.2" + resolved "https://registry.yarnpkg.com/css-what/-/css-what-3.4.2.tgz#ea7026fcb01777edbde52124e21f327e7ae950e4" + integrity sha512-ACUm3L0/jiZTqfzRM3Hi9Q8eZqd6IK37mMWPLz9PJxkLWllYeRf+EHUSHYEtFop2Eqytaq1FizFVh7XfBnXCDQ== + css-what@^6.0.1, css-what@^6.1.0: version "6.1.0" resolved "https://registry.yarnpkg.com/css-what/-/css-what-6.1.0.tgz#fb5effcf76f1ddea2c81bdfaa4de44e79bac70f4" @@ -3392,85 +3884,118 @@ cssesc@^3.0.0: resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee" integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg== -cssnano-preset-advanced@^5.3.8: - version "5.3.9" - resolved "https://registry.yarnpkg.com/cssnano-preset-advanced/-/cssnano-preset-advanced-5.3.9.tgz#99e1cdf81a467a5e6c366cfc6d874a166c4d9a67" - integrity sha512-njnh4pp1xCsibJcEHnWZb4EEzni0ePMqPuPNyuWT4Z+YeXmsgqNuTPIljXFEXhxGsWs9183JkXgHxc1TcsahIg== - dependencies: - autoprefixer "^10.4.12" - cssnano-preset-default "^5.2.13" - postcss-discard-unused "^5.1.0" - postcss-merge-idents "^5.1.1" - postcss-reduce-idents "^5.2.0" - postcss-zindex "^5.1.0" - -cssnano-preset-default@^5.2.13: - version "5.2.13" - resolved "https://registry.yarnpkg.com/cssnano-preset-default/-/cssnano-preset-default-5.2.13.tgz#e7353b0c57975d1bdd97ac96e68e5c1b8c68e990" - integrity sha512-PX7sQ4Pb+UtOWuz8A1d+Rbi+WimBIxJTRyBdgGp1J75VU0r/HFQeLnMYgHiCAp6AR4rqrc7Y4R+1Rjk3KJz6DQ== - dependencies: - css-declaration-sorter "^6.3.1" - cssnano-utils "^3.1.0" - postcss-calc "^8.2.3" - postcss-colormin "^5.3.0" - postcss-convert-values "^5.1.3" - postcss-discard-comments "^5.1.2" - postcss-discard-duplicates "^5.1.0" - postcss-discard-empty "^5.1.1" - postcss-discard-overridden "^5.1.0" - postcss-merge-longhand "^5.1.7" - postcss-merge-rules "^5.1.3" - postcss-minify-font-values "^5.1.0" - postcss-minify-gradients "^5.1.1" - postcss-minify-params "^5.1.4" - postcss-minify-selectors "^5.2.1" - postcss-normalize-charset "^5.1.0" - postcss-normalize-display-values "^5.1.0" - postcss-normalize-positions "^5.1.1" - postcss-normalize-repeat-style "^5.1.1" - postcss-normalize-string "^5.1.0" - postcss-normalize-timing-functions "^5.1.0" - postcss-normalize-unicode "^5.1.1" - postcss-normalize-url "^5.1.0" - postcss-normalize-whitespace "^5.1.1" - postcss-ordered-values "^5.1.3" - postcss-reduce-initial "^5.1.1" - postcss-reduce-transforms "^5.1.0" - postcss-svgo "^5.1.0" - postcss-unique-selectors "^5.1.1" - -cssnano-utils@^3.1.0: - version "3.1.0" - resolved "https://registry.yarnpkg.com/cssnano-utils/-/cssnano-utils-3.1.0.tgz#95684d08c91511edfc70d2636338ca37ef3a6861" - integrity sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA== +cssnano-preset-advanced@^6.1.2: + version "6.1.2" + resolved "https://registry.yarnpkg.com/cssnano-preset-advanced/-/cssnano-preset-advanced-6.1.2.tgz#82b090872b8f98c471f681d541c735acf8b94d3f" + integrity sha512-Nhao7eD8ph2DoHolEzQs5CfRpiEP0xa1HBdnFZ82kvqdmbwVBUr2r1QuQ4t1pi+D1ZpqpcO4T+wy/7RxzJ/WPQ== + dependencies: + autoprefixer "^10.4.19" + browserslist "^4.23.0" + cssnano-preset-default "^6.1.2" + postcss-discard-unused "^6.0.5" + postcss-merge-idents "^6.0.3" + postcss-reduce-idents "^6.0.3" + postcss-zindex "^6.0.2" + +cssnano-preset-default@^6.1.2: + version "6.1.2" + resolved "https://registry.yarnpkg.com/cssnano-preset-default/-/cssnano-preset-default-6.1.2.tgz#adf4b89b975aa775f2750c89dbaf199bbd9da35e" + integrity sha512-1C0C+eNaeN8OcHQa193aRgYexyJtU8XwbdieEjClw+J9d94E41LwT6ivKH0WT+fYwYWB0Zp3I3IZ7tI/BbUbrg== + dependencies: + browserslist "^4.23.0" + css-declaration-sorter "^7.2.0" + cssnano-utils "^4.0.2" + postcss-calc "^9.0.1" + postcss-colormin "^6.1.0" + postcss-convert-values "^6.1.0" + postcss-discard-comments "^6.0.2" + postcss-discard-duplicates "^6.0.3" + postcss-discard-empty "^6.0.3" + postcss-discard-overridden "^6.0.2" + postcss-merge-longhand "^6.0.5" + postcss-merge-rules "^6.1.1" + postcss-minify-font-values "^6.1.0" + postcss-minify-gradients "^6.0.3" + postcss-minify-params "^6.1.0" + postcss-minify-selectors "^6.0.4" + postcss-normalize-charset "^6.0.2" + postcss-normalize-display-values "^6.0.2" + postcss-normalize-positions "^6.0.2" + postcss-normalize-repeat-style "^6.0.2" + postcss-normalize-string "^6.0.2" + postcss-normalize-timing-functions "^6.0.2" + postcss-normalize-unicode "^6.1.0" + postcss-normalize-url "^6.0.2" + postcss-normalize-whitespace "^6.0.2" + postcss-ordered-values "^6.0.2" + postcss-reduce-initial "^6.1.0" + postcss-reduce-transforms "^6.0.2" + postcss-svgo "^6.0.3" + postcss-unique-selectors "^6.0.4" + +cssnano-utils@^4.0.2: + version "4.0.2" + resolved "https://registry.yarnpkg.com/cssnano-utils/-/cssnano-utils-4.0.2.tgz#56f61c126cd0f11f2eef1596239d730d9fceff3c" + integrity sha512-ZR1jHg+wZ8o4c3zqf1SIUSTIvm/9mU343FMR6Obe/unskbvpGhZOo1J6d/r8D1pzkRQYuwbcH3hToOuoA2G7oQ== -cssnano@^5.1.12, cssnano@^5.1.8: - version "5.1.14" - resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-5.1.14.tgz#07b0af6da73641276fe5a6d45757702ebae2eb05" - integrity sha512-Oou7ihiTocbKqi0J1bB+TRJIQX5RMR3JghA8hcWSw9mjBLQ5Y3RWqEDoYG3sRNlAbCIXpqMoZGbq5KDR3vdzgw== +cssnano@^6.0.1, cssnano@^6.1.2: + version "6.1.2" + resolved "https://registry.yarnpkg.com/cssnano/-/cssnano-6.1.2.tgz#4bd19e505bd37ee7cf0dc902d3d869f6d79c66b8" + integrity sha512-rYk5UeX7VAM/u0lNqewCdasdtPK81CgX8wJFLEIXHbV2oldWRgJAsZrdhRXkV1NJzA2g850KiFm9mMU2HxNxMA== dependencies: - cssnano-preset-default "^5.2.13" - lilconfig "^2.0.3" - yaml "^1.10.2" + cssnano-preset-default "^6.1.2" + lilconfig "^3.1.1" -csso@^4.2.0: +csso@^4.0.2: version "4.2.0" resolved "https://registry.yarnpkg.com/csso/-/csso-4.2.0.tgz#ea3a561346e8dc9f546d6febedd50187cf389529" integrity sha512-wvlcdIbf6pwKEk7vHj8/Bkc0B4ylXZruLvOgs9doS5eOsOpuodOV2zJChSpkp+pRpYQLQMeF04nr3Z68Sta9jA== dependencies: css-tree "^1.1.2" +csso@^5.0.5: + version "5.0.5" + resolved "https://registry.yarnpkg.com/csso/-/csso-5.0.5.tgz#f9b7fe6cc6ac0b7d90781bb16d5e9874303e2ca6" + integrity sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ== + dependencies: + css-tree "~2.2.0" + csstype@^3.0.2: - version "3.1.1" - resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.1.tgz#841b532c45c758ee546a11d5bd7b7b473c8c30b9" - integrity sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw== + version "3.1.3" + resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.3.tgz#d80ff294d114fb0e6ac500fbf85b60137d7eff81" + integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw== + +data-view-buffer@^1.0.1: + version "1.0.1" + resolved "https://registry.yarnpkg.com/data-view-buffer/-/data-view-buffer-1.0.1.tgz#8ea6326efec17a2e42620696e671d7d5a8bc66b2" + integrity sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA== + dependencies: + call-bind "^1.0.6" + es-errors "^1.3.0" + is-data-view "^1.0.1" -dashdash@^1.12.0: - version "1.14.1" - resolved "https://registry.yarnpkg.com/dashdash/-/dashdash-1.14.1.tgz#853cfa0f7cbe2fed5de20326b8dd581035f6e2f0" - integrity sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g== +data-view-byte-length@^1.0.1: + version "1.0.1" + resolved "https://registry.yarnpkg.com/data-view-byte-length/-/data-view-byte-length-1.0.1.tgz#90721ca95ff280677eb793749fce1011347669e2" + integrity sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ== + dependencies: + call-bind "^1.0.7" + es-errors "^1.3.0" + is-data-view "^1.0.1" + +data-view-byte-offset@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/data-view-byte-offset/-/data-view-byte-offset-1.0.0.tgz#5e0bbfb4828ed2d1b9b400cd8a7d119bca0ff18a" + integrity sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA== dependencies: - assert-plus "^1.0.0" + call-bind "^1.0.6" + es-errors "^1.3.0" + is-data-view "^1.0.1" + +debounce@^1.2.1: + version "1.2.1" + resolved "https://registry.yarnpkg.com/debounce/-/debounce-1.2.1.tgz#38881d8f4166a5c5848020c11827b834bcb3e0a5" + integrity sha512-XRRe6Glud4rd/ZGQfiV1ruXSfbvfJedlV9Y6zOlP+2K04vBYiJEte6stfFkCP03aMnY5tsipamumUjL14fofug== debug@2.6.9, debug@^2.6.0: version "2.6.9" @@ -3479,42 +4004,36 @@ debug@2.6.9, debug@^2.6.0: dependencies: ms "2.0.0" -debug@4, debug@^4.1.0, debug@^4.1.1: +debug@4, debug@^4.0.0, debug@^4.1.0, debug@^4.1.1, debug@^4.3.1: version "4.3.4" resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865" integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ== dependencies: ms "2.1.2" -decamelize-keys@^1.1.0: - version "1.1.1" - resolved "https://registry.yarnpkg.com/decamelize-keys/-/decamelize-keys-1.1.1.tgz#04a2d523b2f18d80d0158a43b895d56dff8d19d8" - integrity sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg== +decode-named-character-reference@^1.0.0: + version "1.0.2" + resolved "https://registry.yarnpkg.com/decode-named-character-reference/-/decode-named-character-reference-1.0.2.tgz#daabac9690874c394c81e4162a0304b35d824f0e" + integrity sha512-O8x12RzrUF8xyVcY0KJowWsmaJxQbmy0/EtnNtHRpsOcT7dFk5W598coHqBVpmWo1oQQfsCqfCmkZN5DJrZVdg== dependencies: - decamelize "^1.1.0" - map-obj "^1.0.0" + character-entities "^2.0.0" -decamelize@^1.1.0, decamelize@^1.2.0: - version "1.2.0" - resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290" - integrity sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA== - -decompress-response@^3.3.0: - version "3.3.0" - resolved "https://registry.yarnpkg.com/decompress-response/-/decompress-response-3.3.0.tgz#80a4dd323748384bfa248083622aedec982adff3" - integrity sha512-BzRPQuY1ip+qDonAOz42gRm/pg9F768C+npV/4JOsxRC2sq+Rlk+Q4ZCAsOhnIaMrgarILY+RMUIvMmmX1qAEA== +decompress-response@^6.0.0: + version "6.0.0" + resolved "https://registry.yarnpkg.com/decompress-response/-/decompress-response-6.0.0.tgz#ca387612ddb7e104bd16d85aab00d5ecf09c66fc" + integrity sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ== dependencies: - mimic-response "^1.0.0" + mimic-response "^3.1.0" deep-extend@^0.6.0: version "0.6.0" resolved "https://registry.yarnpkg.com/deep-extend/-/deep-extend-0.6.0.tgz#c4fa7c95404a17a9c3e8ca7e1537312b736330ac" integrity sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA== -deepmerge@^4.2.2: - version "4.2.2" - resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.2.2.tgz#44d2ea3679b8f4d4ffba33f03d865fc1e7bf4955" - integrity sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg== +deepmerge@^4.2.2, deepmerge@^4.3.1: + version "4.3.1" + resolved "https://registry.yarnpkg.com/deepmerge/-/deepmerge-4.3.1.tgz#44b5f2147cd3b00d4b56137685966f26fd25dd4a" + integrity sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A== default-gateway@^6.0.3: version "6.0.3" @@ -3523,21 +4042,31 @@ default-gateway@^6.0.3: dependencies: execa "^5.0.0" -defer-to-connect@^1.0.1: - version "1.1.3" - resolved "https://registry.yarnpkg.com/defer-to-connect/-/defer-to-connect-1.1.3.tgz#331ae050c08dcf789f8c83a7b81f0ed94f4ac591" - integrity sha512-0ISdNousHvZT2EiFlZeZAHBUvSxmKswVCEf8hW7KWgG4a8MVEu/3Vb6uWYozkjylyCxe0JBIiRB1jV45S70WVQ== +defer-to-connect@^2.0.1: + version "2.0.1" + resolved "https://registry.yarnpkg.com/defer-to-connect/-/defer-to-connect-2.0.1.tgz#8016bdb4143e4632b77a3449c6236277de520587" + integrity sha512-4tvttepXG1VaYGrRibk5EwJd1t4udunSOVMdLSAL6mId1ix438oPwPZMALY41FCijukO1L0twNcGsdzS7dHgDg== + +define-data-property@^1.0.1, define-data-property@^1.1.4: + version "1.1.4" + resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.4.tgz#894dc141bb7d3060ae4366f6a0107e68fbe48c5e" + integrity sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A== + dependencies: + es-define-property "^1.0.0" + es-errors "^1.3.0" + gopd "^1.0.1" define-lazy-prop@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz#3f7ae421129bcaaac9bc74905c98a0009ec9ee7f" integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og== -define-properties@^1.1.4: - version "1.1.4" - resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.1.4.tgz#0b14d7bd7fbeb2f3572c3a7eda80ea5d57fb05b1" - integrity sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA== +define-properties@^1.1.3, define-properties@^1.2.0, define-properties@^1.2.1: + version "1.2.1" + resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.1.tgz#10781cc616eb951a80a034bafcaa7377f6af2b6c" + integrity sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg== dependencies: + define-data-property "^1.0.1" has-property-descriptors "^1.0.0" object-keys "^1.1.1" @@ -3555,16 +4084,6 @@ del@^6.1.1: rimraf "^3.0.2" slash "^3.0.0" -delayed-stream@~1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619" - integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ== - -delegates@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/delegates/-/delegates-1.0.0.tgz#84c6e159b81904fdca59a0ef44cd870d31250f9a" - integrity sha512-bd2L678uiWATM6m5Z1VzNCErI3jiGzt6HGY8OVICs40JQq/HALfbyNJmp0UDakEY4pMMaN0Ly5om/B1VI/+xfQ== - depd@2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/depd/-/depd-2.0.0.tgz#b696163cc757560d09cf22cc8fad1571b79e76df" @@ -3575,18 +4094,16 @@ depd@~1.1.2: resolved "https://registry.yarnpkg.com/depd/-/depd-1.1.2.tgz#9bcd52e14c097763e749b274c4346ed2e560b5a9" integrity sha512-7emPTl6Dpo6JRXOXjLRxck+FlLRX5847cLKEn00PLAgc3g2hTZZgr+e4c2v6QpSmLeFP3n5yUo7ft6avBK/5jQ== +dequal@^2.0.0: + version "2.0.3" + resolved "https://registry.yarnpkg.com/dequal/-/dequal-2.0.3.tgz#2644214f1997d39ed0ee0ece72335490a7ac67be" + integrity sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA== + destroy@1.2.0: version "1.2.0" resolved "https://registry.yarnpkg.com/destroy/-/destroy-1.2.0.tgz#4803735509ad8be552934c67df614f94e66fa015" integrity sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg== -detab@2.0.4: - version "2.0.4" - resolved "https://registry.yarnpkg.com/detab/-/detab-2.0.4.tgz#b927892069aff405fbb9a186fe97a44a92a94b43" - integrity sha512-8zdsQA5bIkoRECvCrNKPla84lyoR7DSAyf7p0YgXzBO9PDJx8KntPUay7NS6yp+KdxdVtiE5SpHKtbp2ZQyA9g== - dependencies: - repeat-string "^1.5.4" - detect-node@^2.0.4: version "2.1.0" resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.1.0.tgz#c9c70775a49c3d03bc2c06d9a73be550f978f8b1" @@ -3600,7 +4117,7 @@ detect-port-alt@^1.1.6: address "^1.0.1" debug "^2.6.0" -detect-port@^1.3.0: +detect-port@^1.5.1: version "1.5.1" resolved "https://registry.yarnpkg.com/detect-port/-/detect-port-1.5.1.tgz#451ca9b6eaf20451acb0799b8ab40dff7718727b" integrity sha512-aBzdj76lueB6uUst5iAs7+0H/oOjqI5D16XUWxlWMIMROhcM0rfsNVk93zTngq1dDNpoXRr++Sus7ETAExppAQ== @@ -3608,6 +4125,13 @@ detect-port@^1.3.0: address "^1.0.1" debug "4" +devlop@^1.0.0, devlop@^1.1.0: + version "1.1.0" + resolved "https://registry.yarnpkg.com/devlop/-/devlop-1.1.0.tgz#4db7c2ca4dc6e0e834c30be70c94bbc976dc7018" + integrity sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA== + dependencies: + dequal "^2.0.0" + "dhx-md-data-parser@file:local_modules/dhx-md-data-parser": version "0.0.1" dependencies: @@ -3621,15 +4145,10 @@ dir-glob@^3.0.1: dependencies: path-type "^4.0.0" -dns-equal@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/dns-equal/-/dns-equal-1.0.0.tgz#b39e7f1da6eb0a75ba9c17324b34753c47e0654d" - integrity sha512-z+paD6YUQsk+AbGCEM4PrOXSss5gd66QfcVBFTKR/HpFL9jCqikS94HYwKww6fQyO7IxrIIyUu+g0Ka9tUS2Cg== - dns-packet@^5.2.2: - version "5.4.0" - resolved "https://registry.yarnpkg.com/dns-packet/-/dns-packet-5.4.0.tgz#1f88477cf9f27e78a213fb6d118ae38e759a879b" - integrity sha512-EgqGeaBB8hLiHLZtp/IbaDQTL8pZ0+IvwzSHA6d7VyMDM+B9hgddEMa9xjK5oYnw0ci0JQ6g2XCD7/f6cafU6g== + version "5.6.1" + resolved "https://registry.yarnpkg.com/dns-packet/-/dns-packet-5.6.1.tgz#ae888ad425a9d1478a0674256ab866de1012cf2f" + integrity sha512-l4gcSouhcgIKRvyy99RNVOgxXiicE+2jZoNmaNmZ6JXiGajBOJAesk1OBlJuM5k2c+eudGdLxDqXuPCKIj6kpw== dependencies: "@leichtgewicht/ip-codec" "^2.0.1" @@ -3638,12 +4157,11 @@ docusaurus-gtm-plugin@^0.0.2: resolved "https://registry.yarnpkg.com/docusaurus-gtm-plugin/-/docusaurus-gtm-plugin-0.0.2.tgz#f39864b54ca594e3281902c23b6df0763761602b" integrity sha512-Xx/df0Ppd5SultlzUj9qlQk2lX9mNVfTb41juyBUPZ1Nc/5dNx+uN0VuLyF4JEObkDRrUY1EFo9fEUDo8I6QOQ== -docusaurus-plugin-sass@^0.1.11: - version "0.1.15" - resolved "https://registry.yarnpkg.com/docusaurus-plugin-sass/-/docusaurus-plugin-sass-0.1.15.tgz#133e88cb9aa4329b4d1564728b4e9c7a232f8d73" - integrity sha512-i3/7qqS1dAm+5gt3ccIyyLkX7NMc5xhG9TG2Jc3C3M7wRnmtPRxRTMl5zEdRS9glrdS0n8LSJMHb/UaCe8DVrg== +docusaurus-plugin-sass@^0.2.5: + version "0.2.5" + resolved "https://registry.yarnpkg.com/docusaurus-plugin-sass/-/docusaurus-plugin-sass-0.2.5.tgz#6bfb8a227ac6265be685dcbc24ba1989e27b8005" + integrity sha512-Z+D0fLFUKcFpM+bqSUmqKIU+vO+YF1xoEQh5hoFreg2eMf722+siwXDD+sqtwU8E4MvVpuvsQfaHwODNlxJAEg== dependencies: - node-sass "^6.0.0" sass-loader "^10.1.1" dom-converter@^0.2.0: @@ -3653,6 +4171,14 @@ dom-converter@^0.2.0: dependencies: utila "~0.4" +dom-serializer@0: + version "0.2.2" + resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-0.2.2.tgz#1afb81f533717175d478655debc5e332d9f9bb51" + integrity sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g== + dependencies: + domelementtype "^2.0.1" + entities "^2.0.0" + dom-serializer@^1.0.1: version "1.4.1" resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-1.4.1.tgz#de5d41b1aea290215dc45a6dae8adcf1d32e2d30" @@ -3671,6 +4197,11 @@ dom-serializer@^2.0.0: domhandler "^5.0.2" entities "^4.2.0" +domelementtype@1: + version "1.3.1" + resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-1.3.1.tgz#d048c44b37b0d10a7f2a3d5fee3f4333d790481f" + integrity sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w== + domelementtype@^2.0.1, domelementtype@^2.2.0, domelementtype@^2.3.0: version "2.3.0" resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d" @@ -3683,13 +4214,21 @@ domhandler@^4.0.0, domhandler@^4.2.0, domhandler@^4.3.1: dependencies: domelementtype "^2.2.0" -domhandler@^5.0.1, domhandler@^5.0.2, domhandler@^5.0.3: +domhandler@^5.0.2, domhandler@^5.0.3: version "5.0.3" resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-5.0.3.tgz#cc385f7f751f1d1fc650c21374804254538c7d31" integrity sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w== dependencies: domelementtype "^2.3.0" +domutils@^1.7.0: + version "1.7.0" + resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.7.0.tgz#56ea341e834e06e6748af7a1cb25da67ea9f8c2a" + integrity sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg== + dependencies: + dom-serializer "0" + domelementtype "1" + domutils@^2.5.2, domutils@^2.8.0: version "2.8.0" resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.8.0.tgz#4437def5db6e2d1f5d6ee859bd95ca7d02048135" @@ -3700,13 +4239,13 @@ domutils@^2.5.2, domutils@^2.8.0: domhandler "^4.2.0" domutils@^3.0.1: - version "3.0.1" - resolved "https://registry.yarnpkg.com/domutils/-/domutils-3.0.1.tgz#696b3875238338cb186b6c0612bd4901c89a4f1c" - integrity sha512-z08c1l761iKhDFtfXO04C7kTdPBLi41zwOZl00WS8b5eiaebNpY00HKbztwBq+e3vyqWNwWF3mP9YLUeqIrF+Q== + version "3.1.0" + resolved "https://registry.yarnpkg.com/domutils/-/domutils-3.1.0.tgz#c47f551278d3dc4b0b1ab8cbb42d751a6f0d824e" + integrity sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA== dependencies: dom-serializer "^2.0.0" domelementtype "^2.3.0" - domhandler "^5.0.1" + domhandler "^5.0.3" dot-case@^3.0.4: version "3.0.4" @@ -3716,18 +4255,13 @@ dot-case@^3.0.4: no-case "^3.0.4" tslib "^2.0.3" -dot-prop@^5.2.0: - version "5.3.0" - resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-5.3.0.tgz#90ccce708cd9cd82cc4dc8c3ddd9abdd55b20e88" - integrity sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q== +dot-prop@^6.0.1: + version "6.0.1" + resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-6.0.1.tgz#fc26b3cf142b9e59b74dbd39ed66ce620c681083" + integrity sha512-tE7ztYzXHIeyvc7N+hR3oi7FIbf/NIjVP9hmAt3yMXzrQ072/fpjGLx2GxNxGxUl5V73MEqYzioOMoVhGMJ5cA== dependencies: is-obj "^2.0.0" -duplexer3@^0.1.4: - version "0.1.5" - resolved "https://registry.yarnpkg.com/duplexer3/-/duplexer3-0.1.5.tgz#0b5e4d7bad5de8901ea4440624c8e1d20099217e" - integrity sha512-1A8za6ws41LQgv9HrE/66jyC5yuSjQ3L/KOpFtoBilsAK2iA2wuS5rTt1OCzIvtS2V7nVmedsUU+DGRcjBmOYA== - duplexer@^0.1.2: version "0.1.2" resolved "https://registry.yarnpkg.com/duplexer/-/duplexer-0.1.2.tgz#3abe43aef3835f8ae077d136ddce0f276b0400e6" @@ -3738,28 +4272,15 @@ eastasianwidth@^0.2.0: resolved "https://registry.yarnpkg.com/eastasianwidth/-/eastasianwidth-0.2.0.tgz#696ce2ec0aa0e6ea93a397ffcf24aa7840c827cb" integrity sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA== -ecc-jsbn@~0.1.1: - version "0.1.2" - resolved "https://registry.yarnpkg.com/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz#3a83a904e54353287874c564b7549386849a98c9" - integrity sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw== - dependencies: - jsbn "~0.1.0" - safer-buffer "^2.1.0" - ee-first@1.1.1: version "1.1.1" resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d" integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow== -electron-to-chromium@^1.4.251: - version "1.4.284" - resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.284.tgz#61046d1e4cab3a25238f6bf7413795270f125592" - integrity sha512-M8WEXFuKXMYMVr45fo8mq0wUrrJHheiKZf6BArTKk9ZBYCKJEOU5H8cdWgDT+qCVZf7Na4lVUaZsA+h6uA9+PA== - -emoji-regex@^7.0.1: - version "7.0.3" - resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-7.0.3.tgz#933a04052860c85e83c122479c4748a8e4c72156" - integrity sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA== +electron-to-chromium@^1.4.668: + version "1.4.750" + resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.750.tgz#d278a619af727ed069de1317115187282b1131ee" + integrity sha512-9ItEpeu15hW5m8jKdriL+BQrgwDTXEL9pn4SkillWFu73ZNNNQ2BKKLS+ZHv2vC9UkNhosAeyfxOf/5OSeTCPA== emoji-regex@^8.0.0: version "8.0.0" @@ -3771,32 +4292,30 @@ emoji-regex@^9.2.2: resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-9.2.2.tgz#840c8803b0d8047f4ff0cf963176b32d4ef3ed72" integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg== +emojilib@^2.4.0: + version "2.4.0" + resolved "https://registry.yarnpkg.com/emojilib/-/emojilib-2.4.0.tgz#ac518a8bb0d5f76dda57289ccb2fdf9d39ae721e" + integrity sha512-5U0rVMU5Y2n2+ykNLQqMoqklN9ICBT/KsvC1Gz6vqHbz2AXXGkG+Pm5rMWk/8Vjrr/mY9985Hi8DYzn1F09Nyw== + emojis-list@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78" integrity sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q== -emoticon@^3.2.0: - version "3.2.0" - resolved "https://registry.yarnpkg.com/emoticon/-/emoticon-3.2.0.tgz#c008ca7d7620fac742fe1bf4af8ff8fed154ae7f" - integrity sha512-SNujglcLTTg+lDAcApPNgEdudaqQFiAbJCqzjNxJkvN9vAwCGi0uu8IUVvx+f16h+V44KCY6Y2yboroc9pilHg== +emoticon@^4.0.1: + version "4.0.1" + resolved "https://registry.yarnpkg.com/emoticon/-/emoticon-4.0.1.tgz#2d2bbbf231ce3a5909e185bbb64a9da703a1e749" + integrity sha512-dqx7eA9YaqyvYtUhJwT4rC1HIp82j5ybS1/vQ42ur+jBe17dJMwZE4+gvL1XadSFfxaPFFGt3Xsw+Y8akThDlw== encodeurl@~1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59" integrity sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w== -end-of-stream@^1.1.0: - version "1.4.4" - resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.4.4.tgz#5ae64a5f45057baf3626ec14da0ca5e4b2431eb0" - integrity sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q== - dependencies: - once "^1.4.0" - -enhanced-resolve@^5.10.0: - version "5.10.0" - resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.10.0.tgz#0dc579c3bb2a1032e357ac45b8f3a6f3ad4fb1e6" - integrity sha512-T0yTFjdpldGY8PmuXXR0PyQ1ufZpEGiHVrp7zHKB7jdR4qlmZHhONVM5AQOAWXuF/w3dnHbEQVrNptJgt7F+cQ== +enhanced-resolve@^5.16.0: + version "5.16.0" + resolved "https://registry.yarnpkg.com/enhanced-resolve/-/enhanced-resolve-5.16.0.tgz#65ec88778083056cb32487faa9aef82ed0864787" + integrity sha512-O+QWCviPNSSLAD9Ucn8Awv+poAkqn3T1XY5/N7kR7rQO9yfSGWkYZDwpJ+iKF7B8rxaQKWngSqACpgzeapSyoA== dependencies: graceful-fs "^4.2.4" tapable "^2.2.0" @@ -3806,20 +4325,15 @@ entities@^2.0.0: resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55" integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A== -entities@^4.2.0, entities@^4.3.0, entities@^4.4.0: - version "4.4.0" - resolved "https://registry.yarnpkg.com/entities/-/entities-4.4.0.tgz#97bdaba170339446495e653cfd2db78962900174" - integrity sha512-oYp7156SP8LkeGD0GF85ad1X9Ai79WtRsZ2gxJqtBuzH+98YUV6jkHEKlZkMbcrjJjIVJNIDP/3WL9wQkoPbWA== - -env-paths@^2.2.0: - version "2.2.1" - resolved "https://registry.yarnpkg.com/env-paths/-/env-paths-2.2.1.tgz#420399d416ce1fbe9bc0a07c62fa68d67fd0f8f2" - integrity sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A== +entities@^4.2.0, entities@^4.4.0: + version "4.5.0" + resolved "https://registry.yarnpkg.com/entities/-/entities-4.5.0.tgz#5d268ea5e7113ec74c4d033b79ea5a35a488fb48" + integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw== envinfo@^7.7.3: - version "7.8.1" - resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-7.8.1.tgz#06377e3e5f4d379fea7ac592d5ad8927e0c4d475" - integrity sha512-/o+BXHmB7ocbHEAs6F2EnG0ogybVVUdkRunTT2glZU9XAaGmhqskrvKwqXuDfNjEO0LZKWdejEEpnq8aM0tOaw== + version "7.13.0" + resolved "https://registry.yarnpkg.com/envinfo/-/envinfo-7.13.0.tgz#81fbb81e5da35d74e814941aeab7c325a606fb31" + integrity sha512-cvcaMr7KqXVh4nyzGTVqTum+gAiL265x5jUWQIDLq//zOGbW+gSW/C+OWLleY/rs9Qole6AZLMXPbtIFQbqu+Q== error-ex@^1.3.1: version "1.3.2" @@ -3828,27 +4342,121 @@ error-ex@^1.3.1: dependencies: is-arrayish "^0.2.1" -es-module-lexer@^0.9.0: - version "0.9.3" - resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-0.9.3.tgz#6f13db00cc38417137daf74366f535c8eb438f19" - integrity sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ== +es-abstract@^1.17.2, es-abstract@^1.22.1, es-abstract@^1.22.3, es-abstract@^1.23.0, es-abstract@^1.23.2: + version "1.23.3" + resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.23.3.tgz#8f0c5a35cd215312573c5a27c87dfd6c881a0aa0" + integrity sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A== + dependencies: + array-buffer-byte-length "^1.0.1" + arraybuffer.prototype.slice "^1.0.3" + available-typed-arrays "^1.0.7" + call-bind "^1.0.7" + data-view-buffer "^1.0.1" + data-view-byte-length "^1.0.1" + data-view-byte-offset "^1.0.0" + es-define-property "^1.0.0" + es-errors "^1.3.0" + es-object-atoms "^1.0.0" + es-set-tostringtag "^2.0.3" + es-to-primitive "^1.2.1" + function.prototype.name "^1.1.6" + get-intrinsic "^1.2.4" + get-symbol-description "^1.0.2" + globalthis "^1.0.3" + gopd "^1.0.1" + has-property-descriptors "^1.0.2" + has-proto "^1.0.3" + has-symbols "^1.0.3" + hasown "^2.0.2" + internal-slot "^1.0.7" + is-array-buffer "^3.0.4" + is-callable "^1.2.7" + is-data-view "^1.0.1" + is-negative-zero "^2.0.3" + is-regex "^1.1.4" + is-shared-array-buffer "^1.0.3" + is-string "^1.0.7" + is-typed-array "^1.1.13" + is-weakref "^1.0.2" + object-inspect "^1.13.1" + object-keys "^1.1.1" + object.assign "^4.1.5" + regexp.prototype.flags "^1.5.2" + safe-array-concat "^1.1.2" + safe-regex-test "^1.0.3" + string.prototype.trim "^1.2.9" + string.prototype.trimend "^1.0.8" + string.prototype.trimstart "^1.0.8" + typed-array-buffer "^1.0.2" + typed-array-byte-length "^1.0.1" + typed-array-byte-offset "^1.0.2" + typed-array-length "^1.0.6" + unbox-primitive "^1.0.2" + which-typed-array "^1.1.15" + +es-array-method-boxes-properly@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz#873f3e84418de4ee19c5be752990b2e44718d09e" + integrity sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA== + +es-define-property@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/es-define-property/-/es-define-property-1.0.0.tgz#c7faefbdff8b2696cf5f46921edfb77cc4ba3845" + integrity sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ== + dependencies: + get-intrinsic "^1.2.4" + +es-errors@^1.2.1, es-errors@^1.3.0: + version "1.3.0" + resolved "https://registry.yarnpkg.com/es-errors/-/es-errors-1.3.0.tgz#05f75a25dab98e4fb1dcd5e1472c0546d5057c8f" + integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw== + +es-module-lexer@^1.2.1: + version "1.5.2" + resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-1.5.2.tgz#00b423304f2500ac59359cc9b6844951f372d497" + integrity sha512-l60ETUTmLqbVbVHv1J4/qj+M8nq7AwMzEcg3kmJDt9dCNrTk+yHcYFf/Kw75pMDwd9mPcIGCG5LcS20SxYRzFA== + +es-object-atoms@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/es-object-atoms/-/es-object-atoms-1.0.0.tgz#ddb55cd47ac2e240701260bc2a8e31ecb643d941" + integrity sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw== + dependencies: + es-errors "^1.3.0" + +es-set-tostringtag@^2.0.3: + version "2.0.3" + resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz#8bb60f0a440c2e4281962428438d58545af39777" + integrity sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ== + dependencies: + get-intrinsic "^1.2.4" + has-tostringtag "^1.0.2" + hasown "^2.0.1" + +es-to-primitive@^1.2.1: + version "1.2.1" + resolved "https://registry.yarnpkg.com/es-to-primitive/-/es-to-primitive-1.2.1.tgz#e55cd4c9cdc188bcefb03b366c736323fc5c898a" + integrity sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA== + dependencies: + is-callable "^1.1.4" + is-date-object "^1.0.1" + is-symbol "^1.0.2" escalade@^3.1.1: - version "3.1.1" - resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40" - integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw== + version "3.1.2" + resolved "https://registry.yarnpkg.com/escalade/-/escalade-3.1.2.tgz#54076e9ab29ea5bf3d8f1ed62acffbb88272df27" + integrity sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA== -escape-goat@^2.0.0: - version "2.1.1" - resolved "https://registry.yarnpkg.com/escape-goat/-/escape-goat-2.1.1.tgz#1b2dc77003676c457ec760b2dc68edb648188675" - integrity sha512-8/uIhbG12Csjy2JEW7D9pHbreaVaS/OpN3ycnyvElTdwM5n6GY6W6e2IPemfvGZeUMqZ9A/3GqIZMgKnBhAw/Q== +escape-goat@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/escape-goat/-/escape-goat-4.0.0.tgz#9424820331b510b0666b98f7873fe11ac4aa8081" + integrity sha512-2Sd4ShcWxbx6OY1IHyla/CVNwvg7XwZVoXZHcSu9w9SReNP1EzzD5T8NWKIR38fIqEns9kDWKUQTXXAmlDrdPg== escape-html@^1.0.3, escape-html@~1.0.3: version "1.0.3" resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988" integrity sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow== -escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5: +escape-string-regexp@^1.0.5: version "1.0.5" resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4" integrity sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg== @@ -3858,6 +4466,11 @@ escape-string-regexp@^4.0.0: resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34" integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA== +escape-string-regexp@^5.0.0: + version "5.0.0" + resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-5.0.0.tgz#4683126b500b61762f2dbebace1806e8be31b1c8" + integrity sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw== + eslint-scope@5.1.1: version "5.1.1" resolved "https://registry.yarnpkg.com/eslint-scope/-/eslint-scope-5.1.1.tgz#e786e59a66cb92b3f6c1fb0d508aab174848f48c" @@ -3888,15 +4501,69 @@ estraverse@^5.2.0: resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123" integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA== +estree-util-attach-comments@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/estree-util-attach-comments/-/estree-util-attach-comments-3.0.0.tgz#344bde6a64c8a31d15231e5ee9e297566a691c2d" + integrity sha512-cKUwm/HUcTDsYh/9FgnuFqpfquUbwIqwKM26BVCGDPVgvaCl/nDCCjUfiLlx6lsEZ3Z4RFxNbOQ60pkaEwFxGw== + dependencies: + "@types/estree" "^1.0.0" + +estree-util-build-jsx@^3.0.0: + version "3.0.1" + resolved "https://registry.yarnpkg.com/estree-util-build-jsx/-/estree-util-build-jsx-3.0.1.tgz#b6d0bced1dcc4f06f25cf0ceda2b2dcaf98168f1" + integrity sha512-8U5eiL6BTrPxp/CHbs2yMgP8ftMhR5ww1eIKoWRMlqvltHF8fZn5LRDvTKuxD3DUn+shRbLGqXemcP51oFCsGQ== + dependencies: + "@types/estree-jsx" "^1.0.0" + devlop "^1.0.0" + estree-util-is-identifier-name "^3.0.0" + estree-walker "^3.0.0" + +estree-util-is-identifier-name@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/estree-util-is-identifier-name/-/estree-util-is-identifier-name-3.0.0.tgz#0b5ef4c4ff13508b34dcd01ecfa945f61fce5dbd" + integrity sha512-hFtqIDZTIUZ9BXLb8y4pYGyk6+wekIivNVTcmvk8NoOh+VeRn5y6cEHzbURrWbfp1fIqdVipilzj+lfaadNZmg== + +estree-util-to-js@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/estree-util-to-js/-/estree-util-to-js-2.0.0.tgz#10a6fb924814e6abb62becf0d2bc4dea51d04f17" + integrity sha512-WDF+xj5rRWmD5tj6bIqRi6CkLIXbbNQUcxQHzGysQzvHmdYG2G7p/Tf0J0gpxGgkeMZNTIjT/AoSvC9Xehcgdg== + dependencies: + "@types/estree-jsx" "^1.0.0" + astring "^1.8.0" + source-map "^0.7.0" + +estree-util-value-to-estree@^3.0.1: + version "3.1.1" + resolved "https://registry.yarnpkg.com/estree-util-value-to-estree/-/estree-util-value-to-estree-3.1.1.tgz#a007388eca677510f319603a2f279fed6d104a15" + integrity sha512-5mvUrF2suuv5f5cGDnDphIy4/gW86z82kl5qG6mM9z04SEQI4FB5Apmaw/TGEf3l55nLtMs5s51dmhUzvAHQCA== + dependencies: + "@types/estree" "^1.0.0" + is-plain-obj "^4.0.0" + +estree-util-visit@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/estree-util-visit/-/estree-util-visit-2.0.0.tgz#13a9a9f40ff50ed0c022f831ddf4b58d05446feb" + integrity sha512-m5KgiH85xAhhW8Wta0vShLcUvOsh3LLPI2YVwcbio1l7E09NTLL1EyMZFM1OyWowoH0skScNbhOPl4kcBgzTww== + dependencies: + "@types/estree-jsx" "^1.0.0" + "@types/unist" "^3.0.0" + +estree-walker@^3.0.0: + version "3.0.3" + resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-3.0.3.tgz#67c3e549ec402a487b4fc193d1953a524752340d" + integrity sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g== + dependencies: + "@types/estree" "^1.0.0" + esutils@^2.0.2: version "2.0.3" resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64" integrity sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g== -eta@^2.0.0: - version "2.0.1" - resolved "https://registry.yarnpkg.com/eta/-/eta-2.0.1.tgz#199e675359cb6e19d38f29e1f405e1ba0e79a6df" - integrity sha512-46E2qDPDm7QA+usjffUWz9KfXsxVZclPOuKsXs4ZWZdI/X1wpDF7AO424pt7fdYohCzWsIkXAhNGXSlwo5naAg== +eta@^2.2.0: + version "2.2.0" + resolved "https://registry.yarnpkg.com/eta/-/eta-2.2.0.tgz#eb8b5f8c4e8b6306561a455e62cd7492fe3a9b8a" + integrity sha512-UVQ72Rqjy/ZKQalzV5dCCJP80GrmPrMxh6NlNf+erV6ObL0ZFkhCstWRawS85z3smdr3d2wXPsZEY7rDPfGd2g== etag@~1.8.1: version "1.8.1" @@ -3937,16 +4604,16 @@ execa@^5.0.0: strip-final-newline "^2.0.0" express@^4.17.3: - version "4.18.2" - resolved "https://registry.yarnpkg.com/express/-/express-4.18.2.tgz#3fabe08296e930c796c19e3c516979386ba9fd59" - integrity sha512-5/PsL6iGPdfQ/lKM1UuielYgv3BUoJfz1aUwU9vHZ+J7gyvwdQXFEBIEIaxeGf0GIcreATNyBExtalisDbuMqQ== + version "4.19.2" + resolved "https://registry.yarnpkg.com/express/-/express-4.19.2.tgz#e25437827a3aa7f2a827bc8171bbbb664a356465" + integrity sha512-5T6nhjsT+EOMzuck8JjBHARTHfMht0POzlA60WV2pMD3gyXw2LZnZ+ueGdNxG+0calOJcWKbpFcuzLZ91YWq9Q== dependencies: accepts "~1.3.8" array-flatten "1.1.1" - body-parser "1.20.1" + body-parser "1.20.2" content-disposition "0.5.4" content-type "~1.0.4" - cookie "0.5.0" + cookie "0.6.0" cookie-signature "1.0.6" debug "2.6.9" depd "2.0.0" @@ -3980,30 +4647,20 @@ extend-shallow@^2.0.1: dependencies: is-extendable "^0.1.0" -extend@^3.0.0, extend@~3.0.2: +extend@^3.0.0: version "3.0.2" resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa" integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g== -extsprintf@1.3.0: - version "1.3.0" - resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.3.0.tgz#96918440e3041a7a414f8c52e3c574eb3c3e1e05" - integrity sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g== - -extsprintf@^1.2.0: - version "1.4.1" - resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.4.1.tgz#8d172c064867f235c0c84a596806d279bf4bcc07" - integrity sha512-Wrk35e8ydCKDj/ArClo1VrPVmN8zph5V4AtHwIuHhvMXsKf73UT3BOD+azBIW+3wOJ4FhEH7zyaJCFvChjYvMA== - fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3: version "3.1.3" resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525" integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q== -fast-glob@^3.2.11, fast-glob@^3.2.9: - version "3.2.12" - resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.12.tgz#7f39ec99c2e6ab030337142da9e0c18f37afae80" - integrity sha512-DVj4CQIYYow0BlaelwK1pHl5n5cRSJfM60UA0zK891sVInoPri2Ekj7+e1CT3/3qxXenpI+nBBmQAcJPJgaj4w== +fast-glob@^3.2.11, fast-glob@^3.2.9, fast-glob@^3.3.0: + version "3.3.2" + resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.2.tgz#a904501e57cfdd2ffcded45e99a54fef55e46129" + integrity sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow== dependencies: "@nodelib/fs.stat" "^2.0.2" "@nodelib/fs.walk" "^1.2.3" @@ -4029,12 +4686,19 @@ fastest-levenshtein@^1.0.12: integrity sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg== fastq@^1.6.0: - version "1.13.0" - resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.13.0.tgz#616760f88a7526bdfc596b7cab8c18938c36b98c" - integrity sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw== + version "1.17.1" + resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.17.1.tgz#2a523f07a4e7b1e81a42b91b8bf2254107753b47" + integrity sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w== dependencies: reusify "^1.0.4" +fault@^2.0.0: + version "2.0.1" + resolved "https://registry.yarnpkg.com/fault/-/fault-2.0.1.tgz#d47ca9f37ca26e4bd38374a7c500b5a384755b6c" + integrity sha512-WtySTkS4OKev5JtpHXnib4Gxiurzh5NCGvWrFaZ34m6JehfTUhKZvn9njTfw48t6JumVQOmrKqpmGcdwxnhqBQ== + dependencies: + format "^0.2.0" + faye-websocket@^0.11.3: version "0.11.4" resolved "https://registry.yarnpkg.com/faye-websocket/-/faye-websocket-0.11.4.tgz#7f0d9275cfdd86a1c963dc8b65fcc451edcbb1da" @@ -4042,31 +4706,6 @@ faye-websocket@^0.11.3: dependencies: websocket-driver ">=0.5.1" -fbemitter@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/fbemitter/-/fbemitter-3.0.0.tgz#00b2a1af5411254aab416cd75f9e6289bee4bff3" - integrity sha512-KWKaceCwKQU0+HPoop6gn4eOHk50bBv/VxjJtGMfwmJt3D29JpN4H4eisCtIPA+a8GVBam+ldMMpMjJUvpDyHw== - dependencies: - fbjs "^3.0.0" - -fbjs-css-vars@^1.0.0: - version "1.0.2" - resolved "https://registry.yarnpkg.com/fbjs-css-vars/-/fbjs-css-vars-1.0.2.tgz#216551136ae02fe255932c3ec8775f18e2c078b8" - integrity sha512-b2XGFAFdWZWg0phtAWLHCk836A1Xann+I+Dgd3Gk64MHKZO44FfoD1KxyvbSh0qZsIoXQGGlVztIY+oitJPpRQ== - -fbjs@^3.0.0, fbjs@^3.0.1: - version "3.0.4" - resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-3.0.4.tgz#e1871c6bd3083bac71ff2da868ad5067d37716c6" - integrity sha512-ucV0tDODnGV3JCnnkmoszb5lf4bNpzjv80K41wd4k798Etq+UYD0y0TIfalLjZoKgjive6/adkRnszwapiDgBQ== - dependencies: - cross-fetch "^3.1.5" - fbjs-css-vars "^1.0.0" - loose-envify "^1.0.0" - object-assign "^4.1.0" - promise "^7.1.1" - setimmediate "^1.0.5" - ua-parser-js "^0.7.30" - feed@^4.2.2: version "4.2.2" resolved "https://registry.yarnpkg.com/feed/-/feed-4.2.2.tgz#865783ef6ed12579e2c44bbef3c9113bc4956a7e" @@ -4107,14 +4746,13 @@ finalhandler@1.2.0: statuses "2.0.1" unpipe "~1.0.0" -find-cache-dir@^3.3.1: - version "3.3.2" - resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-3.3.2.tgz#b30c5b6eff0730731aea9bbd9dbecbd80256d64b" - integrity sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig== +find-cache-dir@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/find-cache-dir/-/find-cache-dir-4.0.0.tgz#a30ee0448f81a3990708f6453633c733e2f6eec2" + integrity sha512-9ZonPT4ZAK4a+1pUPVPZJapbi7O5qbbJPdYw/NOQWZZbVLdDTYM3A4R9z/DpAM08IDaFGsvPgiGZ82WEwUDWjg== dependencies: - commondir "^1.0.1" - make-dir "^3.0.2" - pkg-dir "^4.1.0" + common-path-prefix "^3.0.0" + pkg-dir "^7.0.0" find-up@^3.0.0: version "3.0.0" @@ -4123,7 +4761,7 @@ find-up@^3.0.0: dependencies: locate-path "^3.0.0" -find-up@^4.0.0, find-up@^4.1.0: +find-up@^4.0.0: version "4.1.0" resolved "https://registry.yarnpkg.com/find-up/-/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19" integrity sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw== @@ -4139,28 +4777,35 @@ find-up@^5.0.0: locate-path "^6.0.0" path-exists "^4.0.0" -flux@^4.0.1: - version "4.0.3" - resolved "https://registry.yarnpkg.com/flux/-/flux-4.0.3.tgz#573b504a24982c4768fdfb59d8d2ea5637d72ee7" - integrity sha512-yKAbrp7JhZhj6uiT1FTuVMlIAT1J4jqEyBpFApi1kxpGZCvacMVc/t1pMQyotqHhAgvoE3bNvAykhCo2CLjnYw== +find-up@^6.3.0: + version "6.3.0" + resolved "https://registry.yarnpkg.com/find-up/-/find-up-6.3.0.tgz#2abab3d3280b2dc7ac10199ef324c4e002c8c790" + integrity sha512-v2ZsoEuVHYy8ZIlYqwPe/39Cy+cFDzp4dXPaxNvkEuouymu+2Jbz0PxpKarJHYJTmv2HWT3O382qY8l4jMWthw== dependencies: - fbemitter "^3.0.0" - fbjs "^3.0.1" + locate-path "^7.1.0" + path-exists "^5.0.0" -follow-redirects@^1.0.0, follow-redirects@^1.14.7: - version "1.15.2" - resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.2.tgz#b460864144ba63f2681096f274c4e57026da2c13" - integrity sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA== +flat@^5.0.2: + version "5.0.2" + resolved "https://registry.yarnpkg.com/flat/-/flat-5.0.2.tgz#8ca6fe332069ffa9d324c327198c598259ceb241" + integrity sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ== -forever-agent@~0.6.1: - version "0.6.1" - resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91" - integrity sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw== +follow-redirects@^1.0.0: + version "1.15.6" + resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.6.tgz#7f815c0cda4249c74ff09e95ef97c23b5fd0399b" + integrity sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA== + +for-each@^0.3.3: + version "0.3.3" + resolved "https://registry.yarnpkg.com/for-each/-/for-each-0.3.3.tgz#69b447e88a0a5d32c3e7084f3f1710034b21376e" + integrity sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw== + dependencies: + is-callable "^1.1.3" fork-ts-checker-webpack-plugin@^6.5.0: - version "6.5.2" - resolved "https://registry.yarnpkg.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-6.5.2.tgz#4f67183f2f9eb8ba7df7177ce3cf3e75cdafb340" - integrity sha512-m5cUmF30xkZ7h4tWUgTAcEaKmUW7tfyUyTqNNOz7OxWJ0v1VWKTcOvH8FWHUwSjlW/356Ijc9vi3XfcPstpQKA== + version "6.5.3" + resolved "https://registry.yarnpkg.com/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-6.5.3.tgz#eda2eff6e22476a2688d10661688c47f611b37f3" + integrity sha512-SbH/l9ikmMWycd5puHJKTkZJKddF4iRLyW3DeZ08HTI7NGyLS38MXd/KGgeWumQO7YNQbW2u/NtPT2YowbPaGQ== dependencies: "@babel/code-frame" "^7.8.3" "@types/json-schema" "^7.0.5" @@ -4176,34 +4821,35 @@ fork-ts-checker-webpack-plugin@^6.5.0: semver "^7.3.2" tapable "^1.0.0" -form-data@~2.3.2: - version "2.3.3" - resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.3.3.tgz#dcce52c05f644f298c6a7ab936bd724ceffbf3a6" - integrity sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ== - dependencies: - asynckit "^0.4.0" - combined-stream "^1.0.6" - mime-types "^2.1.12" +form-data-encoder@^2.1.2: + version "2.1.4" + resolved "https://registry.yarnpkg.com/form-data-encoder/-/form-data-encoder-2.1.4.tgz#261ea35d2a70d48d30ec7a9603130fa5515e9cd5" + integrity sha512-yDYSgNMraqvnxiEXO4hi88+YZxaHC6QKzb5N84iRCTDeRO7ZALpir/lVmf/uXUhnwUr2O4HU8s/n6x+yNjQkHw== + +format@^0.2.0: + version "0.2.2" + resolved "https://registry.yarnpkg.com/format/-/format-0.2.2.tgz#d6170107e9efdc4ed30c9dc39016df942b5cb58b" + integrity sha512-wzsgA6WOq+09wrU1tsJ09udeR/YZRaeArL9e1wPbFg3GG2yDnC2ldKpxs4xunpFF9DgqCqOIra3bc1HWrJ37Ww== forwarded@0.2.0: version "0.2.0" resolved "https://registry.yarnpkg.com/forwarded/-/forwarded-0.2.0.tgz#2269936428aad4c15c7ebe9779a84bf0b2a81811" integrity sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow== -fraction.js@^4.2.0: - version "4.2.0" - resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.2.0.tgz#448e5109a313a3527f5a3ab2119ec4cf0e0e2950" - integrity sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA== +fraction.js@^4.3.7: + version "4.3.7" + resolved "https://registry.yarnpkg.com/fraction.js/-/fraction.js-4.3.7.tgz#06ca0085157e42fda7f9e726e79fefc4068840f7" + integrity sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew== fresh@0.5.2: version "0.5.2" resolved "https://registry.yarnpkg.com/fresh/-/fresh-0.5.2.tgz#3d8cadd90d976569fa835ab1f8e4b23a105605a7" integrity sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q== -fs-extra@^10.1.0: - version "10.1.0" - resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-10.1.0.tgz#02873cfbc4084dde127eaa5f9905eef2325d1abf" - integrity sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ== +fs-extra@^11.1.1: + version "11.2.0" + resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-11.2.0.tgz#e70e17dfad64232287d01929399e0ea7c86b0e5b" + integrity sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw== dependencies: graceful-fs "^4.2.0" jsonfile "^6.0.1" @@ -4219,17 +4865,10 @@ fs-extra@^9.0.0: jsonfile "^6.0.1" universalify "^2.0.0" -fs-minipass@^2.0.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/fs-minipass/-/fs-minipass-2.1.0.tgz#7f5036fdbf12c63c169190cbe4199c852271f9fb" - integrity sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg== - dependencies: - minipass "^3.0.0" - -fs-monkey@^1.0.3: - version "1.0.3" - resolved "https://registry.yarnpkg.com/fs-monkey/-/fs-monkey-1.0.3.tgz#ae3ac92d53bb328efe0e9a1d9541f6ad8d48e2d3" - integrity sha512-cybjIfiiE+pTWicSCLFHSrXZ6EilF30oh91FDP9S2B051prEa7QWfrVTQm10/dDpswBDXZugPa1Ogu8Yh+HV0Q== +fs-monkey@^1.0.4: + version "1.0.5" + resolved "https://registry.yarnpkg.com/fs-monkey/-/fs-monkey-1.0.5.tgz#fe450175f0db0d7ea758102e1d84096acb925788" + integrity sha512-8uMbBjrhzW76TYgEV27Y5E//W2f/lTFmx78P2w19FZSxarhI/798APGQyuGCwmkNxgwGRhrLfvWyLBvNtuOmew== fs.realpath@^1.0.0: version "1.0.0" @@ -4237,92 +4876,66 @@ fs.realpath@^1.0.0: integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw== fsevents@~2.3.2: - version "2.3.2" - resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a" - integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA== + version "2.3.3" + resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6" + integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw== -function-bind@^1.1.1: - version "1.1.1" - resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d" - integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A== - -gauge@~2.7.3: - version "2.7.4" - resolved "https://registry.yarnpkg.com/gauge/-/gauge-2.7.4.tgz#2c03405c7538c39d7eb37b317022e325fb018bf7" - integrity sha512-14x4kjc6lkD3ltw589k0NrPD6cCNTD6CWoVUNpB85+DrtONoZn+Rug6xZU5RvSC4+TZPxA5AnBibQYAvZn41Hg== - dependencies: - aproba "^1.0.3" - console-control-strings "^1.0.0" - has-unicode "^2.0.0" - object-assign "^4.1.0" - signal-exit "^3.0.0" - string-width "^1.0.1" - strip-ansi "^3.0.1" - wide-align "^1.1.0" - -gaze@^1.0.0: - version "1.1.3" - resolved "https://registry.yarnpkg.com/gaze/-/gaze-1.1.3.tgz#c441733e13b927ac8c0ff0b4c3b033f28812924a" - integrity sha512-BRdNm8hbWzFzWHERTrejLqwHDfS4GibPoq5wjTPIoJHoBtKGPg3xAFfxmM+9ztbXelxcf2hwQcaz1PtmFeue8g== +function-bind@^1.1.2: + version "1.1.2" + resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c" + integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA== + +function.prototype.name@^1.1.6: + version "1.1.6" + resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.6.tgz#cdf315b7d90ee77a4c6ee216c3c3362da07533fd" + integrity sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg== dependencies: - globule "^1.0.0" + call-bind "^1.0.2" + define-properties "^1.2.0" + es-abstract "^1.22.1" + functions-have-names "^1.2.3" -gensync@^1.0.0-beta.1, gensync@^1.0.0-beta.2: +functions-have-names@^1.2.3: + version "1.2.3" + resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.3.tgz#0404fe4ee2ba2f607f0e0ec3c80bae994133b834" + integrity sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ== + +gensync@^1.0.0-beta.2: version "1.0.0-beta.2" resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0" integrity sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg== -get-caller-file@^2.0.1: - version "2.0.5" - resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e" - integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg== - -get-intrinsic@^1.0.2, get-intrinsic@^1.1.1: - version "1.1.3" - resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.1.3.tgz#063c84329ad93e83893c7f4f243ef63ffa351385" - integrity sha512-QJVz1Tj7MS099PevUG5jvnt9tSkXN8K14dxQlikJuPt4uD9hHAHjLyLBiLR5zELelBdD9QNRAXZzsJx0WaDL9A== +get-intrinsic@^1.1.3, get-intrinsic@^1.2.1, get-intrinsic@^1.2.3, get-intrinsic@^1.2.4: + version "1.2.4" + resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.2.4.tgz#e385f5a4b5227d449c3eabbad05494ef0abbeadd" + integrity sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ== dependencies: - function-bind "^1.1.1" - has "^1.0.3" + es-errors "^1.3.0" + function-bind "^1.1.2" + has-proto "^1.0.1" has-symbols "^1.0.3" + hasown "^2.0.0" get-own-enumerable-property-symbols@^3.0.0: version "3.0.2" resolved "https://registry.yarnpkg.com/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.2.tgz#b5fde77f22cbe35f390b4e089922c50bce6ef664" integrity sha512-I0UBV/XOz1XkIJHEUDMZAbzCThU/H8DxmSfmdGcKPnVhu2VfFqr34jr9777IyaTYvxjedWhqVIilEDsCdP5G6g== -get-stdin@^4.0.1: - version "4.0.1" - resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-4.0.1.tgz#b968c6b0a04384324902e8bf1a5df32579a450fe" - integrity sha512-F5aQMywwJ2n85s4hJPTT9RPxGmubonuB10MNYo17/xph174n2MIR33HRguhzVag10O/npM7SPk73LMZNP+FaWw== - -get-stream@^4.1.0: - version "4.1.0" - resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-4.1.0.tgz#c1b255575f3dc21d59bfc79cd3d2b46b1c3a54b5" - integrity sha512-GMat4EJ5161kIy2HevLlr4luNjBgvmj413KaQA7jt4V8B4RDsfpHk7WQ9GVqfYyyx8OS/L66Kox+rJRNklLK7w== - dependencies: - pump "^3.0.0" - -get-stream@^5.1.0: - version "5.2.0" - resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-5.2.0.tgz#4966a1795ee5ace65e706c4b7beb71257d6e22d3" - integrity sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA== - dependencies: - pump "^3.0.0" - -get-stream@^6.0.0: +get-stream@^6.0.0, get-stream@^6.0.1: version "6.0.1" resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7" integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg== -getpass@^0.1.1: - version "0.1.7" - resolved "https://registry.yarnpkg.com/getpass/-/getpass-0.1.7.tgz#5eff8e3e684d569ae4cb2b1282604e8ba62149fa" - integrity sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng== +get-symbol-description@^1.0.2: + version "1.0.2" + resolved "https://registry.yarnpkg.com/get-symbol-description/-/get-symbol-description-1.0.2.tgz#533744d5aa20aca4e079c8e5daf7fd44202821f5" + integrity sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg== dependencies: - assert-plus "^1.0.0" + call-bind "^1.0.5" + es-errors "^1.3.0" + get-intrinsic "^1.2.4" -github-slugger@^1.4.0: +github-slugger@^1.5.0: version "1.5.0" resolved "https://registry.yarnpkg.com/github-slugger/-/github-slugger-1.5.0.tgz#17891bbc73232051474d68bd867a34625c955f7d" integrity sha512-wIh+gKBI9Nshz2o46B0B3f5k/W+WI9ZAv6y5Dn5WJ5SK1t0TnDimB4WE5rmTD05ZAIn8HALCZVmCsvj0w0v0lw== @@ -4346,7 +4959,7 @@ glob-to-regexp@^0.4.1: resolved "https://registry.yarnpkg.com/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz#c75297087c851b9a578bd217dd59a92f59fe546e" integrity sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw== -glob@^7.0.0, glob@^7.0.3, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6: +glob@^7.0.0, glob@^7.1.3, glob@^7.1.6: version "7.2.3" resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b" integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q== @@ -4358,22 +4971,10 @@ glob@^7.0.0, glob@^7.0.3, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4, glob@^7.1.6: once "^1.3.0" path-is-absolute "^1.0.0" -glob@~7.1.1: - version "7.1.7" - resolved "https://registry.yarnpkg.com/glob/-/glob-7.1.7.tgz#3b193e9233f01d42d0b3f78294bbeeb418f94a90" - integrity sha512-OvD9ENzPLbegENnYP5UUfJIirTg4+XwMWGaQfQTY0JenxNvvIKP3U3/tAQSPIu/lHxXYSZmpXlUHeqAIdKzBLQ== - dependencies: - fs.realpath "^1.0.0" - inflight "^1.0.4" - inherits "2" - minimatch "^3.0.4" - once "^1.3.0" - path-is-absolute "^1.0.0" - global-dirs@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/global-dirs/-/global-dirs-3.0.0.tgz#70a76fe84ea315ab37b1f5576cbde7d48ef72686" - integrity sha512-v8ho2DS5RiCjftj1nD9NmnfaOzTdud7RRnVd9kFNOjqZbISlx5DQ+OrTkywgd0dIt7oFCvKetZSHoHcP3sDdiA== + version "3.0.1" + resolved "https://registry.yarnpkg.com/global-dirs/-/global-dirs-3.0.1.tgz#0c488971f066baceda21447aecb1a8b911d22485" + integrity sha512-NBcGGFbBA9s1VzD41QXDG+3++t9Mn5t1FpLdhESY6oKY4gYTFpX4wO3sqGUa0Srjtbfj3szX0RnemmrVRUdULA== dependencies: ini "2.0.0" @@ -4398,6 +4999,13 @@ globals@^11.1.0: resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e" integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA== +globalthis@^1.0.3: + version "1.0.3" + resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.3.tgz#5852882a52b80dc301b0660273e1ed082f0b6ccf" + integrity sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA== + dependencies: + define-properties "^1.1.3" + globby@^11.0.1, globby@^11.0.4, globby@^11.1.0: version "11.1.0" resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b" @@ -4411,47 +5019,50 @@ globby@^11.0.1, globby@^11.0.4, globby@^11.1.0: slash "^3.0.0" globby@^13.1.1: - version "13.1.2" - resolved "https://registry.yarnpkg.com/globby/-/globby-13.1.2.tgz#29047105582427ab6eca4f905200667b056da515" - integrity sha512-LKSDZXToac40u8Q1PQtZihbNdTYSNMuWe+K5l+oa6KgDzSvVrHXlJy40hUP522RjAIoNLJYBJi7ow+rbFpIhHQ== + version "13.2.2" + resolved "https://registry.yarnpkg.com/globby/-/globby-13.2.2.tgz#63b90b1bf68619c2135475cbd4e71e66aa090592" + integrity sha512-Y1zNGV+pzQdh7H39l9zgB4PJqjRNqydvdYCDG4HFXM4XuvSaQQlEc91IU1yALL8gUTDomgBAfz3XJdmUS+oo0w== dependencies: dir-glob "^3.0.1" - fast-glob "^3.2.11" - ignore "^5.2.0" + fast-glob "^3.3.0" + ignore "^5.2.4" merge2 "^1.4.1" slash "^4.0.0" -globule@^1.0.0: - version "1.3.4" - resolved "https://registry.yarnpkg.com/globule/-/globule-1.3.4.tgz#7c11c43056055a75a6e68294453c17f2796170fb" - integrity sha512-OPTIfhMBh7JbBYDpa5b+Q5ptmMWKwcNcFSR/0c6t8V4f3ZAVBEsKNY37QdVqmLRYSMhOUGYrY0QhSoEpzGr/Eg== - dependencies: - glob "~7.1.1" - lodash "^4.17.21" - minimatch "~3.0.2" - -got@^9.6.0: - version "9.6.0" - resolved "https://registry.yarnpkg.com/got/-/got-9.6.0.tgz#edf45e7d67f99545705de1f7bbeeeb121765ed85" - integrity sha512-R7eWptXuGYxwijs0eV+v3o6+XH1IqVK8dJOEecQfTmkncw9AV4dcw/Dhxi8MdlqPthxxpZyizMzyg8RTmEsG+Q== - dependencies: - "@sindresorhus/is" "^0.14.0" - "@szmarczak/http-timer" "^1.1.2" - cacheable-request "^6.0.0" - decompress-response "^3.3.0" - duplexer3 "^0.1.4" - get-stream "^4.1.0" - lowercase-keys "^1.0.1" - mimic-response "^1.0.1" - p-cancelable "^1.0.0" - to-readable-stream "^1.0.0" - url-parse-lax "^3.0.0" - -graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.3, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.9: +gopd@^1.0.1: + version "1.0.1" + resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.0.1.tgz#29ff76de69dac7489b7c0918a5788e56477c332c" + integrity sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA== + dependencies: + get-intrinsic "^1.1.3" + +got@^12.1.0: + version "12.6.1" + resolved "https://registry.yarnpkg.com/got/-/got-12.6.1.tgz#8869560d1383353204b5a9435f782df9c091f549" + integrity sha512-mThBblvlAF1d4O5oqyvN+ZxLAYwIJK7bpMxgYqPD9okW0C3qm5FFn7k811QrcuEBwaogR3ngOFoCfs6mRv7teQ== + dependencies: + "@sindresorhus/is" "^5.2.0" + "@szmarczak/http-timer" "^5.0.1" + cacheable-lookup "^7.0.0" + cacheable-request "^10.2.8" + decompress-response "^6.0.0" + form-data-encoder "^2.1.2" + get-stream "^6.0.1" + http2-wrapper "^2.1.10" + lowercase-keys "^3.0.0" + p-cancelable "^3.0.0" + responselike "^3.0.0" + +graceful-fs@4.2.10: version "4.2.10" resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.10.tgz#147d3a006da4ca3ce14728c7aefc287c367d7a6c" integrity sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA== +graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.11, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.9: + version "4.2.11" + resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3" + integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ== + gray-matter@^4.0.3: version "4.0.3" resolved "https://registry.yarnpkg.com/gray-matter/-/gray-matter-4.0.3.tgz#e893c064825de73ea1f5f7d88c7a9f7274288798" @@ -4474,30 +5085,10 @@ handle-thing@^2.0.0: resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-2.0.1.tgz#857f79ce359580c340d43081cc648970d0bb234e" integrity sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg== -har-schema@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/har-schema/-/har-schema-2.0.0.tgz#a94c2224ebcac04782a0d9035521f24735b7ec92" - integrity sha512-Oqluz6zhGX8cyRaTQlFMPw80bSJVG2x/cFb8ZPhUILGgHka9SsokCCOQgpveePerqidZOrT14ipqfJb7ILcW5Q== - -har-validator@~5.1.3: - version "5.1.5" - resolved "https://registry.yarnpkg.com/har-validator/-/har-validator-5.1.5.tgz#1f0803b9f8cb20c0fa13822df1ecddb36bde1efd" - integrity sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w== - dependencies: - ajv "^6.12.3" - har-schema "^2.0.0" - -hard-rejection@^2.1.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/hard-rejection/-/hard-rejection-2.1.0.tgz#1c6eda5c1685c63942766d79bb40ae773cecd883" - integrity sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA== - -has-ansi@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/has-ansi/-/has-ansi-2.0.0.tgz#34f5049ce1ecdf2b0649af3ef24e45ed35416d91" - integrity sha512-C8vBJ8DwUCx19vhm7urhTuUsr4/IyP6l4VzNQDv+ryHQObW3TTTp9yB68WpYgRe2bbaGuZ/se74IqFeVnMnLZg== - dependencies: - ansi-regex "^2.0.0" +has-bigints@^1.0.1, has-bigints@^1.0.2: + version "1.0.2" + resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.2.tgz#0871bd3e3d51626f6ca0966668ba35d5602d6eaa" + integrity sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ== has-flag@^3.0.0: version "3.0.0" @@ -4509,102 +5100,155 @@ has-flag@^4.0.0: resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b" integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ== -has-property-descriptors@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz#610708600606d36961ed04c196193b6a607fa861" - integrity sha512-62DVLZGoiEBDHQyqG4w9xCuZ7eJEwNmJRWw2VY84Oedb7WFcA27fiEVe8oUQx9hAUJ4ekurquucTGwsyO1XGdQ== +has-property-descriptors@^1.0.0, has-property-descriptors@^1.0.2: + version "1.0.2" + resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz#963ed7d071dc7bf5f084c5bfbe0d1b6222586854" + integrity sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg== dependencies: - get-intrinsic "^1.1.1" + es-define-property "^1.0.0" + +has-proto@^1.0.1, has-proto@^1.0.3: + version "1.0.3" + resolved "https://registry.yarnpkg.com/has-proto/-/has-proto-1.0.3.tgz#b31ddfe9b0e6e9914536a6ab286426d0214f77fd" + integrity sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q== -has-symbols@^1.0.3: +has-symbols@^1.0.1, has-symbols@^1.0.2, has-symbols@^1.0.3: version "1.0.3" resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.0.3.tgz#bb7b2c4349251dce87b125f7bdf874aa7c8b39f8" integrity sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A== -has-unicode@^2.0.0: - version "2.0.1" - resolved "https://registry.yarnpkg.com/has-unicode/-/has-unicode-2.0.1.tgz#e0e6fe6a28cf51138855e086d1691e771de2a8b9" - integrity sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ== +has-tostringtag@^1.0.0, has-tostringtag@^1.0.2: + version "1.0.2" + resolved "https://registry.yarnpkg.com/has-tostringtag/-/has-tostringtag-1.0.2.tgz#2cdc42d40bef2e5b4eeab7c01a73c54ce7ab5abc" + integrity sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw== + dependencies: + has-symbols "^1.0.3" -has-yarn@^2.1.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/has-yarn/-/has-yarn-2.1.0.tgz#137e11354a7b5bf11aa5cb649cf0c6f3ff2b2e77" - integrity sha512-UqBRqi4ju7T+TqGNdqAO0PaSVGsDGJUBQvk9eUWNGRY1CFGDzYhLWoM7JQEemnlvVcv/YEmc2wNW8BC24EnUsw== +has-yarn@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/has-yarn/-/has-yarn-3.0.0.tgz#c3c21e559730d1d3b57e28af1f30d06fac38147d" + integrity sha512-IrsVwUHhEULx3R8f/aA8AHuEzAorplsab/v8HBzEiIukwq5i/EC+xmOW+HfP1OaDP+2JkgT1yILHN2O3UFIbcA== -has@^1.0.3: - version "1.0.3" - resolved "https://registry.yarnpkg.com/has/-/has-1.0.3.tgz#722d7cbfc1f6aa8241f16dd814e011e1f41e8796" - integrity sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw== +hasown@^2.0.0, hasown@^2.0.1, hasown@^2.0.2: + version "2.0.2" + resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.2.tgz#003eaf91be7adc372e84ec59dc37252cedb80003" + integrity sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ== dependencies: - function-bind "^1.1.1" + function-bind "^1.1.2" -hast-to-hyperscript@^9.0.0: - version "9.0.1" - resolved "https://registry.yarnpkg.com/hast-to-hyperscript/-/hast-to-hyperscript-9.0.1.tgz#9b67fd188e4c81e8ad66f803855334173920218d" - integrity sha512-zQgLKqF+O2F72S1aa4y2ivxzSlko3MAvxkwG8ehGmNiqd98BIN3JM1rAJPmplEyLmGLO2QZYJtIneOSZ2YbJuA== - dependencies: - "@types/unist" "^2.0.3" - comma-separated-tokens "^1.0.0" - property-information "^5.3.0" - space-separated-tokens "^1.0.0" - style-to-object "^0.3.0" - unist-util-is "^4.0.0" - web-namespaces "^1.0.0" - -hast-util-from-parse5@^6.0.0: - version "6.0.1" - resolved "https://registry.yarnpkg.com/hast-util-from-parse5/-/hast-util-from-parse5-6.0.1.tgz#554e34abdeea25ac76f5bd950a1f0180e0b3bc2a" - integrity sha512-jeJUWiN5pSxW12Rh01smtVkZgZr33wBokLzKLwinYOUfSzm1Nl/c3GUGebDyOKjdsRgMvoVbV0VpAcpjF4NrJA== - dependencies: - "@types/parse5" "^5.0.0" - hastscript "^6.0.0" - property-information "^5.0.0" - vfile "^4.0.0" - vfile-location "^3.2.0" - web-namespaces "^1.0.0" - -hast-util-parse-selector@^2.0.0: - version "2.2.5" - resolved "https://registry.yarnpkg.com/hast-util-parse-selector/-/hast-util-parse-selector-2.2.5.tgz#d57c23f4da16ae3c63b3b6ca4616683313499c3a" - integrity sha512-7j6mrk/qqkSehsM92wQjdIgWM2/BW61u/53G6xmC8i1OmEdKLHbk419QKQUjz6LglWsfqoiHmyMRkP1BGjecNQ== - -hast-util-raw@6.0.1: - version "6.0.1" - resolved "https://registry.yarnpkg.com/hast-util-raw/-/hast-util-raw-6.0.1.tgz#973b15930b7529a7b66984c98148b46526885977" - integrity sha512-ZMuiYA+UF7BXBtsTBNcLBF5HzXzkyE6MLzJnL605LKE8GJylNjGc4jjxazAHUtcwT5/CEt6afRKViYB4X66dig== - dependencies: - "@types/hast" "^2.0.0" - hast-util-from-parse5 "^6.0.0" - hast-util-to-parse5 "^6.0.0" - html-void-elements "^1.0.0" - parse5 "^6.0.0" - unist-util-position "^3.0.0" - vfile "^4.0.0" - web-namespaces "^1.0.0" - xtend "^4.0.0" - zwitch "^1.0.0" - -hast-util-to-parse5@^6.0.0: - version "6.0.0" - resolved "https://registry.yarnpkg.com/hast-util-to-parse5/-/hast-util-to-parse5-6.0.0.tgz#1ec44650b631d72952066cea9b1445df699f8479" - integrity sha512-Lu5m6Lgm/fWuz8eWnrKezHtVY83JeRGaNQ2kn9aJgqaxvVkFCZQBEhgodZUDUvoodgyROHDb3r5IxAEdl6suJQ== +hast-util-from-parse5@^8.0.0: + version "8.0.1" + resolved "https://registry.yarnpkg.com/hast-util-from-parse5/-/hast-util-from-parse5-8.0.1.tgz#654a5676a41211e14ee80d1b1758c399a0327651" + integrity sha512-Er/Iixbc7IEa7r/XLtuG52zoqn/b3Xng/w6aZQ0xGVxzhw5xUFxcRqdPzP6yFi/4HBYRaifaI5fQ1RH8n0ZeOQ== + dependencies: + "@types/hast" "^3.0.0" + "@types/unist" "^3.0.0" + devlop "^1.0.0" + hastscript "^8.0.0" + property-information "^6.0.0" + vfile "^6.0.0" + vfile-location "^5.0.0" + web-namespaces "^2.0.0" + +hast-util-parse-selector@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/hast-util-parse-selector/-/hast-util-parse-selector-4.0.0.tgz#352879fa86e25616036037dd8931fb5f34cb4a27" + integrity sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A== + dependencies: + "@types/hast" "^3.0.0" + +hast-util-raw@^9.0.0: + version "9.0.2" + resolved "https://registry.yarnpkg.com/hast-util-raw/-/hast-util-raw-9.0.2.tgz#39b4a4886bd9f0a5dd42e86d02c966c2c152884c" + integrity sha512-PldBy71wO9Uq1kyaMch9AHIghtQvIwxBUkv823pKmkTM3oV1JxtsTNYdevMxvUHqcnOAuO65JKU2+0NOxc2ksA== + dependencies: + "@types/hast" "^3.0.0" + "@types/unist" "^3.0.0" + "@ungap/structured-clone" "^1.0.0" + hast-util-from-parse5 "^8.0.0" + hast-util-to-parse5 "^8.0.0" + html-void-elements "^3.0.0" + mdast-util-to-hast "^13.0.0" + parse5 "^7.0.0" + unist-util-position "^5.0.0" + unist-util-visit "^5.0.0" + vfile "^6.0.0" + web-namespaces "^2.0.0" + zwitch "^2.0.0" + +hast-util-to-estree@^3.0.0: + version "3.1.0" + resolved "https://registry.yarnpkg.com/hast-util-to-estree/-/hast-util-to-estree-3.1.0.tgz#f2afe5e869ddf0cf690c75f9fc699f3180b51b19" + integrity sha512-lfX5g6hqVh9kjS/B9E2gSkvHH4SZNiQFiqWS0x9fENzEl+8W12RqdRxX6d/Cwxi30tPQs3bIO+aolQJNp1bIyw== + dependencies: + "@types/estree" "^1.0.0" + "@types/estree-jsx" "^1.0.0" + "@types/hast" "^3.0.0" + comma-separated-tokens "^2.0.0" + devlop "^1.0.0" + estree-util-attach-comments "^3.0.0" + estree-util-is-identifier-name "^3.0.0" + hast-util-whitespace "^3.0.0" + mdast-util-mdx-expression "^2.0.0" + mdast-util-mdx-jsx "^3.0.0" + mdast-util-mdxjs-esm "^2.0.0" + property-information "^6.0.0" + space-separated-tokens "^2.0.0" + style-to-object "^0.4.0" + unist-util-position "^5.0.0" + zwitch "^2.0.0" + +hast-util-to-jsx-runtime@^2.0.0: + version "2.3.0" + resolved "https://registry.yarnpkg.com/hast-util-to-jsx-runtime/-/hast-util-to-jsx-runtime-2.3.0.tgz#3ed27caf8dc175080117706bf7269404a0aa4f7c" + integrity sha512-H/y0+IWPdsLLS738P8tDnrQ8Z+dj12zQQ6WC11TIM21C8WFVoIxcqWXf2H3hiTVZjF1AWqoimGwrTWecWrnmRQ== + dependencies: + "@types/estree" "^1.0.0" + "@types/hast" "^3.0.0" + "@types/unist" "^3.0.0" + comma-separated-tokens "^2.0.0" + devlop "^1.0.0" + estree-util-is-identifier-name "^3.0.0" + hast-util-whitespace "^3.0.0" + mdast-util-mdx-expression "^2.0.0" + mdast-util-mdx-jsx "^3.0.0" + mdast-util-mdxjs-esm "^2.0.0" + property-information "^6.0.0" + space-separated-tokens "^2.0.0" + style-to-object "^1.0.0" + unist-util-position "^5.0.0" + vfile-message "^4.0.0" + +hast-util-to-parse5@^8.0.0: + version "8.0.0" + resolved "https://registry.yarnpkg.com/hast-util-to-parse5/-/hast-util-to-parse5-8.0.0.tgz#477cd42d278d4f036bc2ea58586130f6f39ee6ed" + integrity sha512-3KKrV5ZVI8if87DVSi1vDeByYrkGzg4mEfeu4alwgmmIeARiBLKCZS2uw5Gb6nU9x9Yufyj3iudm6i7nl52PFw== + dependencies: + "@types/hast" "^3.0.0" + comma-separated-tokens "^2.0.0" + devlop "^1.0.0" + property-information "^6.0.0" + space-separated-tokens "^2.0.0" + web-namespaces "^2.0.0" + zwitch "^2.0.0" + +hast-util-whitespace@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/hast-util-whitespace/-/hast-util-whitespace-3.0.0.tgz#7778ed9d3c92dd9e8c5c8f648a49c21fc51cb621" + integrity sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw== dependencies: - hast-to-hyperscript "^9.0.0" - property-information "^5.0.0" - web-namespaces "^1.0.0" - xtend "^4.0.0" - zwitch "^1.0.0" + "@types/hast" "^3.0.0" -hastscript@^6.0.0: - version "6.0.0" - resolved "https://registry.yarnpkg.com/hastscript/-/hastscript-6.0.0.tgz#e8768d7eac56c3fdeac8a92830d58e811e5bf640" - integrity sha512-nDM6bvd7lIqDUiYEiu5Sl/+6ReP0BMk/2f4U/Rooccxkj0P5nm+acM5PrGJ/t5I8qPGiqZSE6hVAwZEdZIvP4w== +hastscript@^8.0.0: + version "8.0.0" + resolved "https://registry.yarnpkg.com/hastscript/-/hastscript-8.0.0.tgz#4ef795ec8dee867101b9f23cc830d4baf4fd781a" + integrity sha512-dMOtzCEd3ABUeSIISmrETiKuyydk1w0pa+gE/uormcTpSYuaNJPbX1NU3JLyscSLjwAQM8bWMhhIlnCqnRvDTw== dependencies: - "@types/hast" "^2.0.0" - comma-separated-tokens "^1.0.0" - hast-util-parse-selector "^2.0.0" - property-information "^5.0.0" - space-separated-tokens "^1.0.0" + "@types/hast" "^3.0.0" + comma-separated-tokens "^2.0.0" + hast-util-parse-selector "^4.0.0" + property-information "^6.0.0" + space-separated-tokens "^2.0.0" he@1.2.0, he@^1.2.0: version "1.2.0" @@ -4630,18 +5274,6 @@ hoist-non-react-statics@^3.1.0: dependencies: react-is "^16.7.0" -hosted-git-info@^2.1.4: - version "2.8.9" - resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.9.tgz#dffc0bf9a21c02209090f2aa69429e1414daf3f9" - integrity sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw== - -hosted-git-info@^4.0.1: - version "4.1.0" - resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-4.1.0.tgz#827b82867e9ff1c8d0c4d9d53880397d2c86d224" - integrity sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA== - dependencies: - lru-cache "^6.0.0" - hpack.js@^2.1.6: version "2.1.6" resolved "https://registry.yarnpkg.com/hpack.js/-/hpack.js-2.1.6.tgz#87774c0949e513f42e84575b3c45681fade2a0b2" @@ -4653,11 +5285,16 @@ hpack.js@^2.1.6: wbuf "^1.1.0" html-entities@^2.3.2: - version "2.3.3" - resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-2.3.3.tgz#117d7626bece327fc8baace8868fa6f5ef856e46" - integrity sha512-DV5Ln36z34NNTDgnz0EWGBLZENelNAtkiFA4kyNOG2tDI6Mz1uSWiq1wAKdyjnJwyDiDO7Fa2SO1CTxPXL8VxA== + version "2.5.2" + resolved "https://registry.yarnpkg.com/html-entities/-/html-entities-2.5.2.tgz#201a3cf95d3a15be7099521620d19dfb4f65359f" + integrity sha512-K//PSRMQk4FZ78Kyau+mZurHn3FH0Vwr+H36eE0rPbeYkRRi9YxceYPhuN60UwWorxyKHhqoAJl2OFKa4BVtaA== + +html-escaper@^2.0.2: + version "2.0.2" + resolved "https://registry.yarnpkg.com/html-escaper/-/html-escaper-2.0.2.tgz#dfd60027da36a36dfcbe236262c00a5822681453" + integrity sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg== -html-minifier-terser@^6.0.2, html-minifier-terser@^6.1.0: +html-minifier-terser@^6.0.2: version "6.1.0" resolved "https://registry.yarnpkg.com/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz#bfc818934cc07918f6b3669f5774ecdfd48f32ab" integrity sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw== @@ -4670,20 +5307,33 @@ html-minifier-terser@^6.0.2, html-minifier-terser@^6.1.0: relateurl "^0.2.7" terser "^5.10.0" -html-tags@^3.2.0: - version "3.2.0" - resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.2.0.tgz#dbb3518d20b726524e4dd43de397eb0a95726961" - integrity sha512-vy7ClnArOZwCnqZgvv+ddgHgJiAFXe3Ge9ML5/mBctVJoUoYPCdxVucOywjDARn6CVoh3dRSFdPHy2sX80L0Wg== +html-minifier-terser@^7.2.0: + version "7.2.0" + resolved "https://registry.yarnpkg.com/html-minifier-terser/-/html-minifier-terser-7.2.0.tgz#18752e23a2f0ed4b0f550f217bb41693e975b942" + integrity sha512-tXgn3QfqPIpGl9o+K5tpcj3/MN4SfLtsx2GWwBC3SSd0tXQGyF3gsSqad8loJgKZGM3ZxbYDd5yhiBIdWpmvLA== + dependencies: + camel-case "^4.1.2" + clean-css "~5.3.2" + commander "^10.0.0" + entities "^4.4.0" + param-case "^3.0.4" + relateurl "^0.2.7" + terser "^5.15.1" -html-void-elements@^1.0.0: - version "1.0.5" - resolved "https://registry.yarnpkg.com/html-void-elements/-/html-void-elements-1.0.5.tgz#ce9159494e86d95e45795b166c2021c2cfca4483" - integrity sha512-uE/TxKuyNIcx44cIWnjr/rfIATDH7ZaOMmstu0CwhFG1Dunhlp4OC6/NMbhiwoq5BpW0ubi303qnEk/PZj614w== +html-tags@^3.3.1: + version "3.3.1" + resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.3.1.tgz#a04026a18c882e4bba8a01a3d39cfe465d40b5ce" + integrity sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ== -html-webpack-plugin@^5.5.0: - version "5.5.0" - resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-5.5.0.tgz#c3911936f57681c1f9f4d8b68c158cd9dfe52f50" - integrity sha512-sy88PC2cRTVxvETRgUHFrL4No3UxvcH8G1NepGhqaTT+GXN2kTamqasot0inS5hXeg1cMbFDt27zzo9p35lZVw== +html-void-elements@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/html-void-elements/-/html-void-elements-3.0.0.tgz#fc9dbd84af9e747249034d4d62602def6517f1d7" + integrity sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg== + +html-webpack-plugin@^5.5.3: + version "5.6.0" + resolved "https://registry.yarnpkg.com/html-webpack-plugin/-/html-webpack-plugin-5.6.0.tgz#50a8fa6709245608cb00e811eacecb8e0d7b7ea0" + integrity sha512-iwaY4wzbe48AfKLZ/Cc8k0L+FKG6oSNRaZ8x5A/T/IVDGyXcbHncM9TdDa93wn0FsSm82FhTKW7f3vS61thXAw== dependencies: "@types/html-minifier-terser" "^6.0.0" html-minifier-terser "^6.0.2" @@ -4702,19 +5352,19 @@ htmlparser2@^6.1.0: entities "^2.0.0" htmlparser2@^8.0.1: - version "8.0.1" - resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-8.0.1.tgz#abaa985474fcefe269bc761a779b544d7196d010" - integrity sha512-4lVbmc1diZC7GUJQtRQ5yBAeUCL1exyMwmForWkRLnwyzWBFxN633SALPMGYaWZvKe9j1pRZJpauvmxENSp/EA== + version "8.0.2" + resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-8.0.2.tgz#f002151705b383e62433b5cf466f5b716edaec21" + integrity sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA== dependencies: domelementtype "^2.3.0" - domhandler "^5.0.2" + domhandler "^5.0.3" domutils "^3.0.1" - entities "^4.3.0" + entities "^4.4.0" -http-cache-semantics@^4.0.0: - version "4.1.0" - resolved "https://registry.yarnpkg.com/http-cache-semantics/-/http-cache-semantics-4.1.0.tgz#49e91c5cbf36c9b94bcfcd71c23d5249ec74e390" - integrity sha512-carPklcUh7ROWRK7Cv27RPtdhYhUsela/ue5/jKzjegVvXDqM2ILE9Q2BGn9JZJh1g87cp56su/FgQSzcWS8cQ== +http-cache-semantics@^4.1.1: + version "4.1.1" + resolved "https://registry.yarnpkg.com/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz#abe02fcb2985460bf0323be664436ec3476a6d5a" + integrity sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ== http-deceiver@^1.2.7: version "1.2.7" @@ -4767,14 +5417,13 @@ http-proxy@^1.18.1: follow-redirects "^1.0.0" requires-port "^1.0.0" -http-signature@~1.2.0: - version "1.2.0" - resolved "https://registry.yarnpkg.com/http-signature/-/http-signature-1.2.0.tgz#9aecd925114772f3d95b65a60abb8f7c18fbace1" - integrity sha512-CAbnr6Rz4CYQkLYUtSNXxQPUH2gK8f3iWexVlsnMeD+GjlsQ0Xsy1cOX+mN3dtxYomRy21CiOzU8Uhw6OwncEQ== +http2-wrapper@^2.1.10: + version "2.2.1" + resolved "https://registry.yarnpkg.com/http2-wrapper/-/http2-wrapper-2.2.1.tgz#310968153dcdedb160d8b72114363ef5fce1f64a" + integrity sha512-V5nVw1PAOgfI3Lmeaj2Exmeg7fenjhRUgz1lPSezy1CuhPYbgQtbQj4jZfEAEMlaL+vupsvhjqCyjzob0yxsmQ== dependencies: - assert-plus "^1.0.0" - jsprim "^1.2.2" - sshpk "^1.7.0" + quick-lru "^5.1.1" + resolve-alpn "^1.2.0" human-signals@^2.1.0: version "2.1.0" @@ -4793,22 +5442,27 @@ icss-utils@^5.0.0, icss-utils@^5.1.0: resolved "https://registry.yarnpkg.com/icss-utils/-/icss-utils-5.1.0.tgz#c6be6858abd013d768e98366ae47e25d5887b1ae" integrity sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA== -ignore@^5.2.0: - version "5.2.0" - resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.0.tgz#6d3bac8fa7fe0d45d9f9be7bac2fc279577e345a" - integrity sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ== +ignore@^5.2.0, ignore@^5.2.4: + version "5.3.1" + resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.1.tgz#5073e554cd42c5b33b394375f538b8593e34d4ef" + integrity sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw== -image-size@^1.0.1: - version "1.0.2" - resolved "https://registry.yarnpkg.com/image-size/-/image-size-1.0.2.tgz#d778b6d0ab75b2737c1556dd631652eb963bc486" - integrity sha512-xfOoWjceHntRb3qFCrh5ZFORYH8XCdYpASltMhZ/Q0KZiOwjdE/Yl2QCiWdwD+lygV5bMCvauzgu5PxBX/Yerg== +image-size@^1.0.2: + version "1.1.1" + resolved "https://registry.yarnpkg.com/image-size/-/image-size-1.1.1.tgz#ddd67d4dc340e52ac29ce5f546a09f4e29e840ac" + integrity sha512-541xKlUw6jr/6gGuk92F+mYM5zaFAc5ahphvkqvNe2bQ6gVBkd6bfrmVJ2t4KDAfikAYZyIqTnktX3i6/aQDrQ== dependencies: queue "6.0.2" immer@^9.0.7: - version "9.0.16" - resolved "https://registry.yarnpkg.com/immer/-/immer-9.0.16.tgz#8e7caab80118c2b54b37ad43e05758cdefad0198" - integrity sha512-qenGE7CstVm1NrHQbMh8YaSzTZTFNP3zPqr3YU0S0UY441j4bJTg4A2Hh5KAhwgaiU6ZZ1Ar6y/2f4TblnMReQ== + version "9.0.21" + resolved "https://registry.yarnpkg.com/immer/-/immer-9.0.21.tgz#1e025ea31a40f24fb064f1fef23e931496330176" + integrity sha512-bc4NBHqOqSfRW7POMkHd51LvClaeMXpm8dx0e8oE2GORbq5aRK7Bxl4FyzVLdGtLmvLKL7BTDBG5ACQm4HWjTA== + +immutable@^4.0.0: + version "4.3.5" + resolved "https://registry.yarnpkg.com/immutable/-/immutable-4.3.5.tgz#f8b436e66d59f99760dc577f5c99a4fd2a5cc5a0" + integrity sha512-8eabxkth9gZatlwl5TBuJnCsoTADlL6ftEr7A4qgdaTsPyreilDSnUk57SO+jfKcNtxPa22U5KK6DSeAYhpBJw== import-fresh@^3.1.0, import-fresh@^3.2.1, import-fresh@^3.3.0: version "3.3.0" @@ -4818,10 +5472,10 @@ import-fresh@^3.1.0, import-fresh@^3.2.1, import-fresh@^3.3.0: parent-module "^1.0.0" resolve-from "^4.0.0" -import-lazy@^2.1.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/import-lazy/-/import-lazy-2.1.0.tgz#05698e3d45c88e8d7e9d92cb0584e77f096f3e43" - integrity sha512-m7ZEHgtw69qOGw+jwxXkHlrlIPdTGkyh66zXZ1ajZbxkDBNjSY/LGbmjc7h0s2ELsUDTAhFr55TrPSSqJGPG0A== +import-lazy@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/import-lazy/-/import-lazy-4.0.0.tgz#e8eb627483a0a43da3c03f3e35548be5cb0cc153" + integrity sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw== import-local@^3.0.2: version "3.1.0" @@ -4854,7 +5508,7 @@ inflight@^1.0.4: once "^1.3.0" wrappy "1" -inherits@2, inherits@2.0.4, inherits@^2.0.0, inherits@^2.0.1, inherits@^2.0.3, inherits@~2.0.3: +inherits@2, inherits@2.0.4, inherits@^2.0.1, inherits@^2.0.3, inherits@~2.0.3: version "2.0.4" resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c" integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ== @@ -4869,7 +5523,7 @@ ini@2.0.0: resolved "https://registry.yarnpkg.com/ini/-/ini-2.0.0.tgz#e5fd556ecdd5726be978fa1001862eacb0a94bc5" integrity sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA== -ini@^1.3.5, ini@~1.3.0: +ini@^1.3.4, ini@^1.3.5, ini@~1.3.0: version "1.3.8" resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c" integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew== @@ -4879,6 +5533,20 @@ inline-style-parser@0.1.1: resolved "https://registry.yarnpkg.com/inline-style-parser/-/inline-style-parser-0.1.1.tgz#ec8a3b429274e9c0a1f1c4ffa9453a7fef72cea1" integrity sha512-7NXolsK4CAS5+xvdj5OMMbI962hU/wvwoxk+LWR9Ek9bVtyuuYScDN6eS0rUm6TxApFpw7CX1o4uJzcd4AyD3Q== +inline-style-parser@0.2.3: + version "0.2.3" + resolved "https://registry.yarnpkg.com/inline-style-parser/-/inline-style-parser-0.2.3.tgz#e35c5fb45f3a83ed7849fe487336eb7efa25971c" + integrity sha512-qlD8YNDqyTKTyuITrDOffsl6Tdhv+UC4hcdAVuQsK4IMQ99nSgd1MIA/Q+jQYoh9r3hVUXhYh7urSRmXPkW04g== + +internal-slot@^1.0.7: + version "1.0.7" + resolved "https://registry.yarnpkg.com/internal-slot/-/internal-slot-1.0.7.tgz#c06dcca3ed874249881007b0a5523b172a190802" + integrity sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g== + dependencies: + es-errors "^1.3.0" + hasown "^2.0.0" + side-channel "^1.0.4" + interpret@^1.0.0: version "1.4.0" resolved "https://registry.yarnpkg.com/interpret/-/interpret-1.4.0.tgz#665ab8bc4da27a774a40584e812e3e0fa45b1a1e" @@ -4902,28 +5570,43 @@ ipaddr.js@1.9.1: integrity sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g== ipaddr.js@^2.0.1: + version "2.2.0" + resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-2.2.0.tgz#d33fa7bac284f4de7af949638c9d68157c6b92e8" + integrity sha512-Ag3wB2o37wslZS19hZqorUnrnzSkpOVy+IiiDEiTqNubEYpYuHWIf6K4psgN2ZWKExS4xhVCrRVfb/wfW8fWJA== + +is-alphabetical@^2.0.0: version "2.0.1" - resolved "https://registry.yarnpkg.com/ipaddr.js/-/ipaddr.js-2.0.1.tgz#eca256a7a877e917aeb368b0a7497ddf42ef81c0" - integrity sha512-1qTgH9NG+IIJ4yfKs2e6Pp1bZg8wbDbKHT21HrLIeYBTRLgMYKnMTPAuI3Lcs61nfx5h1xlXnbJtH1kX5/d/ng== + resolved "https://registry.yarnpkg.com/is-alphabetical/-/is-alphabetical-2.0.1.tgz#01072053ea7c1036df3c7d19a6daaec7f19e789b" + integrity sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ== -is-alphabetical@1.0.4, is-alphabetical@^1.0.0: - version "1.0.4" - resolved "https://registry.yarnpkg.com/is-alphabetical/-/is-alphabetical-1.0.4.tgz#9e7d6b94916be22153745d184c298cbf986a686d" - integrity sha512-DwzsA04LQ10FHTZuL0/grVDk4rFoVH1pjAToYwBrHSxcrBIGQuXrQMtD5U1b0U2XVgKZCTLLP8u2Qxqhy3l2Vg== +is-alphanumerical@^2.0.0: + version "2.0.1" + resolved "https://registry.yarnpkg.com/is-alphanumerical/-/is-alphanumerical-2.0.1.tgz#7c03fbe96e3e931113e57f964b0a368cc2dfd875" + integrity sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw== + dependencies: + is-alphabetical "^2.0.0" + is-decimal "^2.0.0" -is-alphanumerical@^1.0.0: - version "1.0.4" - resolved "https://registry.yarnpkg.com/is-alphanumerical/-/is-alphanumerical-1.0.4.tgz#7eb9a2431f855f6b1ef1a78e326df515696c4dbf" - integrity sha512-UzoZUr+XfVz3t3v4KyGEniVL9BDRoQtY7tOyrRybkVNjDFWyo1yhXNGrrBTQxp3ib9BLAWs7k2YKBQsFRkZG9A== +is-array-buffer@^3.0.4: + version "3.0.4" + resolved "https://registry.yarnpkg.com/is-array-buffer/-/is-array-buffer-3.0.4.tgz#7a1f92b3d61edd2bc65d24f130530ea93d7fae98" + integrity sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw== dependencies: - is-alphabetical "^1.0.0" - is-decimal "^1.0.0" + call-bind "^1.0.2" + get-intrinsic "^1.2.1" is-arrayish@^0.2.1: version "0.2.1" resolved "https://registry.yarnpkg.com/is-arrayish/-/is-arrayish-0.2.1.tgz#77c99840527aa8ecb1a8ba697b80645a7a926a9d" integrity sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg== +is-bigint@^1.0.1: + version "1.0.4" + resolved "https://registry.yarnpkg.com/is-bigint/-/is-bigint-1.0.4.tgz#08147a1875bc2b32005d41ccd8291dffc6691df3" + integrity sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg== + dependencies: + has-bigints "^1.0.1" + is-binary-path@~2.1.0: version "2.1.0" resolved "https://registry.yarnpkg.com/is-binary-path/-/is-binary-path-2.1.0.tgz#ea1f7f3b80f064236e83470f86c09c254fb45b09" @@ -4931,29 +5614,51 @@ is-binary-path@~2.1.0: dependencies: binary-extensions "^2.0.0" -is-buffer@^2.0.0: - version "2.0.5" - resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-2.0.5.tgz#ebc252e400d22ff8d77fa09888821a24a658c191" - integrity sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ== +is-boolean-object@^1.1.0: + version "1.1.2" + resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.1.2.tgz#5c6dc200246dd9321ae4b885a114bb1f75f63719" + integrity sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA== + dependencies: + call-bind "^1.0.2" + has-tostringtag "^1.0.0" -is-ci@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-2.0.0.tgz#6bc6334181810e04b5c22b3d589fdca55026404c" - integrity sha512-YfJT7rkpQB0updsdHLGWrvhBJfcfzNNawYDNIyQXJz0IViGf75O8EBPKSdvw2rF+LGCsX4FZ8tcr3b19LcZq4w== +is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.2.7: + version "1.2.7" + resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.7.tgz#3bc2a85ea742d9e36205dcacdd72ca1fdc51b055" + integrity sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA== + +is-ci@^3.0.1: + version "3.0.1" + resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-3.0.1.tgz#db6ecbed1bd659c43dac0f45661e7674103d1867" + integrity sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ== + dependencies: + ci-info "^3.2.0" + +is-core-module@^2.13.0: + version "2.13.1" + resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.13.1.tgz#ad0d7532c6fea9da1ebdc82742d74525c6273384" + integrity sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw== dependencies: - ci-info "^2.0.0" + hasown "^2.0.0" -is-core-module@^2.5.0, is-core-module@^2.9.0: - version "2.11.0" - resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.11.0.tgz#ad4cb3e3863e814523c96f3f58d26cc570ff0144" - integrity sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw== +is-data-view@^1.0.1: + version "1.0.1" + resolved "https://registry.yarnpkg.com/is-data-view/-/is-data-view-1.0.1.tgz#4b4d3a511b70f3dc26d42c03ca9ca515d847759f" + integrity sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w== dependencies: - has "^1.0.3" + is-typed-array "^1.1.13" -is-decimal@^1.0.0: - version "1.0.4" - resolved "https://registry.yarnpkg.com/is-decimal/-/is-decimal-1.0.4.tgz#65a3a5958a1c5b63a706e1b333d7cd9f630d3fa5" - integrity sha512-RGdriMmQQvZ2aqaQq3awNA6dCGtKpiDFcOzrTWrDAT2MiWrKQVPmxLGHl7Y2nNu6led0kEyoX0enY0qXYsv9zw== +is-date-object@^1.0.1: + version "1.0.5" + resolved "https://registry.yarnpkg.com/is-date-object/-/is-date-object-1.0.5.tgz#0841d5536e724c25597bf6ea62e1bd38298df31f" + integrity sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ== + dependencies: + has-tostringtag "^1.0.0" + +is-decimal@^2.0.0: + version "2.0.1" + resolved "https://registry.yarnpkg.com/is-decimal/-/is-decimal-2.0.1.tgz#9469d2dc190d0214fd87d78b78caecc0cc14eef7" + integrity sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A== is-docker@^2.0.0, is-docker@^2.1.1: version "2.2.1" @@ -4970,18 +5675,6 @@ is-extglob@^2.1.1: resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2" integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ== -is-fullwidth-code-point@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz#ef9e31386f031a7f0d643af82fde50c457ef00cb" - integrity sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw== - dependencies: - number-is-nan "^1.0.0" - -is-fullwidth-code-point@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz#a3b30a5c4f199183167aaab93beefae3ddfb654f" - integrity sha512-VHskAKYM8RfSFXwee5t5cbN5PZeq1Wrh6qd5bkyiXIf6UQcN6w/A0eXM9r6t8d+GYOh+o6ZhiEnb88LN/Y8m2w== - is-fullwidth-code-point@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d" @@ -4994,10 +5687,10 @@ is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1: dependencies: is-extglob "^2.1.1" -is-hexadecimal@^1.0.0: - version "1.0.4" - resolved "https://registry.yarnpkg.com/is-hexadecimal/-/is-hexadecimal-1.0.4.tgz#cc35c97588da4bd49a8eedd6bc4082d44dcb23a7" - integrity sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw== +is-hexadecimal@^2.0.0: + version "2.0.1" + resolved "https://registry.yarnpkg.com/is-hexadecimal/-/is-hexadecimal-2.0.1.tgz#86b5bf668fca307498d319dfc03289d781a90027" + integrity sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg== is-installed-globally@^0.4.0: version "0.4.0" @@ -5007,10 +5700,22 @@ is-installed-globally@^0.4.0: global-dirs "^3.0.0" is-path-inside "^3.0.2" -is-npm@^5.0.0: - version "5.0.0" - resolved "https://registry.yarnpkg.com/is-npm/-/is-npm-5.0.0.tgz#43e8d65cc56e1b67f8d47262cf667099193f45a8" - integrity sha512-WW/rQLOazUq+ST/bCAVBp/2oMERWLsR7OrKyt052dNDk4DHcDE0/7QSXITlmi+VBcV13DfIbysG3tZJm5RfdBA== +is-negative-zero@^2.0.3: + version "2.0.3" + resolved "https://registry.yarnpkg.com/is-negative-zero/-/is-negative-zero-2.0.3.tgz#ced903a027aca6381b777a5743069d7376a49747" + integrity sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw== + +is-npm@^6.0.0: + version "6.0.0" + resolved "https://registry.yarnpkg.com/is-npm/-/is-npm-6.0.0.tgz#b59e75e8915543ca5d881ecff864077cba095261" + integrity sha512-JEjxbSmtPSt1c8XTkVrlujcXdKV1/tvuQ7GwKcAlyiVLeYFQ2VHat8xfrDJsIkhCdF/tZ7CiIR3sy141c6+gPQ== + +is-number-object@^1.0.4: + version "1.0.7" + resolved "https://registry.yarnpkg.com/is-number-object/-/is-number-object-1.0.7.tgz#59d50ada4c45251784e9904f5246c742f07a42fc" + integrity sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ== + dependencies: + has-tostringtag "^1.0.0" is-number@^7.0.0: version "7.0.0" @@ -5037,21 +5742,16 @@ is-path-inside@^3.0.2: resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283" integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ== -is-plain-obj@^1.1.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-1.1.0.tgz#71a50c8429dfca773c92a390a4a03b39fcd51d3e" - integrity sha512-yvkRyxmFKEOQ4pNXCmJG5AEQNlXJS5LaONXo5/cLdTZdWvsZ1ioJEonLGAosKlMWE8lwUy/bJzMjcw8az73+Fg== - -is-plain-obj@^2.0.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-2.1.0.tgz#45e42e37fccf1f40da8e5f76ee21515840c09287" - integrity sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA== - is-plain-obj@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-3.0.0.tgz#af6f2ea14ac5a646183a5bbdb5baabbc156ad9d7" integrity sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA== +is-plain-obj@^4.0.0: + version "4.1.0" + resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-4.1.0.tgz#d65025edec3657ce032fd7db63c97883eaed71f0" + integrity sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg== + is-plain-object@^2.0.4: version "2.0.4" resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-2.0.4.tgz#2c163b3fafb1b606d9d17928f05c2a1c38e07677" @@ -5059,6 +5759,21 @@ is-plain-object@^2.0.4: dependencies: isobject "^3.0.1" +is-reference@^3.0.0: + version "3.0.2" + resolved "https://registry.yarnpkg.com/is-reference/-/is-reference-3.0.2.tgz#154747a01f45cd962404ee89d43837af2cba247c" + integrity sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg== + dependencies: + "@types/estree" "*" + +is-regex@^1.1.4: + version "1.1.4" + resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.1.4.tgz#eef5663cd59fa4c0ae339505323df6854bb15958" + integrity sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg== + dependencies: + call-bind "^1.0.2" + has-tostringtag "^1.0.0" + is-regexp@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/is-regexp/-/is-regexp-1.0.0.tgz#fd2d883545c46bac5a633e7b9a09e87fa2cb5069" @@ -5069,25 +5784,50 @@ is-root@^2.1.0: resolved "https://registry.yarnpkg.com/is-root/-/is-root-2.1.0.tgz#809e18129cf1129644302a4f8544035d51984a9c" integrity sha512-AGOriNp96vNBd3HtU+RzFEc75FfR5ymiYv8E553I71SCeXBiMsVDUtdio1OEFvrPyLIQ9tVR5RxXIFe5PUFjMg== +is-shared-array-buffer@^1.0.2, is-shared-array-buffer@^1.0.3: + version "1.0.3" + resolved "https://registry.yarnpkg.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.3.tgz#1237f1cba059cdb62431d378dcc37d9680181688" + integrity sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg== + dependencies: + call-bind "^1.0.7" + is-stream@^2.0.0: version "2.0.1" resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-2.0.1.tgz#fac1e3d53b97ad5a9d0ae9cef2389f5810a5c077" integrity sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg== -is-typedarray@^1.0.0, is-typedarray@~1.0.0: +is-string@^1.0.5, is-string@^1.0.7: + version "1.0.7" + resolved "https://registry.yarnpkg.com/is-string/-/is-string-1.0.7.tgz#0dd12bf2006f255bb58f695110eff7491eebc0fd" + integrity sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg== + dependencies: + has-tostringtag "^1.0.0" + +is-symbol@^1.0.2, is-symbol@^1.0.3: + version "1.0.4" + resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.0.4.tgz#a6dac93b635b063ca6872236de88910a57af139c" + integrity sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg== + dependencies: + has-symbols "^1.0.2" + +is-typed-array@^1.1.13: + version "1.1.13" + resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.13.tgz#d6c5ca56df62334959322d7d7dd1cca50debe229" + integrity sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw== + dependencies: + which-typed-array "^1.1.14" + +is-typedarray@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/is-typedarray/-/is-typedarray-1.0.0.tgz#e479c80858df0c1b11ddda6940f96011fcda4a9a" integrity sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA== -is-whitespace-character@^1.0.0: - version "1.0.4" - resolved "https://registry.yarnpkg.com/is-whitespace-character/-/is-whitespace-character-1.0.4.tgz#0858edd94a95594c7c9dd0b5c174ec6e45ee4aa7" - integrity sha512-SDweEzfIZM0SJV0EUga669UTKlmL0Pq8Lno0QDQsPnvECB3IM2aP0gdx5TrU0A01MAPfViaZiI2V1QMZLaKK5w== - -is-word-character@^1.0.0: - version "1.0.4" - resolved "https://registry.yarnpkg.com/is-word-character/-/is-word-character-1.0.4.tgz#ce0e73216f98599060592f62ff31354ddbeb0230" - integrity sha512-5SMO8RVennx3nZrqtKwCGyyetPE9VDba5ugvKLaD4KopPG5kR4mQ7tNt/r7feL5yt5h3lpuBbIUmCOG2eSzXHA== +is-weakref@^1.0.2: + version "1.0.2" + resolved "https://registry.yarnpkg.com/is-weakref/-/is-weakref-1.0.2.tgz#9529f383a9338205e89765e0392efc2f100f06f2" + integrity sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ== + dependencies: + call-bind "^1.0.2" is-wsl@^2.2.0: version "2.2.0" @@ -5096,16 +5836,21 @@ is-wsl@^2.2.0: dependencies: is-docker "^2.0.0" -is-yarn-global@^0.3.0: - version "0.3.0" - resolved "https://registry.yarnpkg.com/is-yarn-global/-/is-yarn-global-0.3.0.tgz#d502d3382590ea3004893746754c89139973e232" - integrity sha512-VjSeb/lHmkoyd8ryPVIKvOCn4D1koMqY+vqyjjUfc3xyKtP4dYOxM44sZrnqQSzSds3xyOrUTLTC9LVCVgLngw== +is-yarn-global@^0.4.0: + version "0.4.1" + resolved "https://registry.yarnpkg.com/is-yarn-global/-/is-yarn-global-0.4.1.tgz#b312d902b313f81e4eaf98b6361ba2b45cd694bb" + integrity sha512-/kppl+R+LO5VmhYSEWARUFjodS25D68gvj8W7z0I7OWhUla5xWu8KL6CtB2V0R6yqhnRgbcaREMr4EEM6htLPQ== isarray@0.0.1: version "0.0.1" resolved "https://registry.yarnpkg.com/isarray/-/isarray-0.0.1.tgz#8a18acfca9a8f4177e09abfc6038939b05d1eedf" integrity sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ== +isarray@^2.0.5: + version "2.0.5" + resolved "https://registry.yarnpkg.com/isarray/-/isarray-2.0.5.tgz#8af1e4c1221244cc62459faf38940d4e644a5723" + integrity sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw== + isarray@~1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11" @@ -5121,17 +5866,12 @@ isobject@^3.0.1: resolved "https://registry.yarnpkg.com/isobject/-/isobject-3.0.1.tgz#4e431e92b11a9731636aa1f9c8d1ccbcfdab78df" integrity sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg== -isstream@~0.1.2: - version "0.1.2" - resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a" - integrity sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g== - -jest-util@^29.3.1: - version "29.3.1" - resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-29.3.1.tgz#1dda51e378bbcb7e3bc9d8ab651445591ed373e1" - integrity sha512-7YOVZaiX7RJLv76ZfHt4nbNEzzTRiMW/IiOG7ZOKmTXmoGBxUDefgMAxQubu6WPVqP5zSzAdZG0FfLcC7HOIFQ== +jest-util@^29.7.0: + version "29.7.0" + resolved "https://registry.yarnpkg.com/jest-util/-/jest-util-29.7.0.tgz#23c2b62bfb22be82b44de98055802ff3710fc0bc" + integrity sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA== dependencies: - "@jest/types" "^29.3.1" + "@jest/types" "^29.6.3" "@types/node" "*" chalk "^4.0.0" ci-info "^3.2.0" @@ -5147,32 +5887,32 @@ jest-worker@^27.4.5: merge-stream "^2.0.0" supports-color "^8.0.0" -jest-worker@^29.1.2: - version "29.3.1" - resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-29.3.1.tgz#e9462161017a9bb176380d721cab022661da3d6b" - integrity sha512-lY4AnnmsEWeiXirAIA0c9SDPbuCBq8IYuDVL8PMm0MZ2PEs2yPvRA/J64QBXuZp7CYKrDM/rmNrc9/i3KJQncw== +jest-worker@^29.4.3: + version "29.7.0" + resolved "https://registry.yarnpkg.com/jest-worker/-/jest-worker-29.7.0.tgz#acad073acbbaeb7262bd5389e1bcf43e10058d4a" + integrity sha512-eIz2msL/EzL9UFTFFx7jBTkeZfku0yUAyZZZmJ93H2TYEiroIx2PQjEXcwYtYl8zXCxb+PAmA2hLIt/6ZEkPHw== dependencies: "@types/node" "*" - jest-util "^29.3.1" + jest-util "^29.7.0" merge-stream "^2.0.0" supports-color "^8.0.0" -joi@^17.6.0: - version "17.7.0" - resolved "https://registry.yarnpkg.com/joi/-/joi-17.7.0.tgz#591a33b1fe1aca2bc27f290bcad9b9c1c570a6b3" - integrity sha512-1/ugc8djfn93rTE3WRKdCzGGt/EtiYKxITMO4Wiv6q5JL1gl9ePt4kBsl1S499nbosspfctIQTpYIhSmHA3WAg== +jiti@^1.20.0: + version "1.21.0" + resolved "https://registry.yarnpkg.com/jiti/-/jiti-1.21.0.tgz#7c97f8fe045724e136a397f7340475244156105d" + integrity sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q== + +joi@^17.9.2: + version "17.13.0" + resolved "https://registry.yarnpkg.com/joi/-/joi-17.13.0.tgz#b6f340b8029ee7af2397f821d17a4f03bf34b043" + integrity sha512-9qcrTyoBmFZRNHeVP4edKqIUEgFzq7MHvTNSDuHSqkpOPtiBkgNgcmTSqmiw1kw9tdKaiddvIDv/eCJDxmqWCA== dependencies: - "@hapi/hoek" "^9.0.0" - "@hapi/topo" "^5.0.0" - "@sideway/address" "^4.1.3" - "@sideway/formula" "^3.0.0" + "@hapi/hoek" "^9.3.0" + "@hapi/topo" "^5.1.0" + "@sideway/address" "^4.1.5" + "@sideway/formula" "^3.0.1" "@sideway/pinpoint" "^2.0.0" -js-base64@^2.1.8: - version "2.6.4" - resolved "https://registry.yarnpkg.com/js-base64/-/js-base64-2.6.4.tgz#f4e686c5de1ea1f867dbcad3d46d969428df98c4" - integrity sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ== - "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0: version "4.0.0" resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499" @@ -5193,11 +5933,6 @@ js-yaml@^4.1.0: dependencies: argparse "^2.0.1" -jsbn@~0.1.0: - version "0.1.1" - resolved "https://registry.yarnpkg.com/jsbn/-/jsbn-0.1.1.tgz#a5e654c2e5a2deb5f201d96cefbca80c0ef2f513" - integrity sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg== - jsesc@^2.5.1: version "2.5.2" resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-2.5.2.tgz#80564d2e483dacf6e8ef209650a67df3f0c283a4" @@ -5208,10 +5943,10 @@ jsesc@~0.5.0: resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d" integrity sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA== -json-buffer@3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.0.tgz#5b1f397afc75d677bde8bcfc0e47e1f9a3d9a898" - integrity sha512-CuUqjv0FUZIdXkHPI8MezCnFCdaTAacej1TZYulLoAg1h/PhwkdXFN4V/gzY4g+fMBCOV2xF+rp7t2XD2ns/NQ== +json-buffer@3.0.1: + version "3.0.1" + resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.1.tgz#9338802a30d3b6605fbe0613e094008ca8c05a13" + integrity sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ== json-parse-even-better-errors@^2.3.0, json-parse-even-better-errors@^2.3.1: version "2.3.1" @@ -5228,20 +5963,10 @@ json-schema-traverse@^1.0.0: resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz#ae7bcb3656ab77a73ba5c49bf654f38e6b6860e2" integrity sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug== -json-schema@0.4.0: - version "0.4.0" - resolved "https://registry.yarnpkg.com/json-schema/-/json-schema-0.4.0.tgz#f7de4cf6efab838ebaeb3236474cbba5a1930ab5" - integrity sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA== - -json-stringify-safe@~5.0.1: - version "5.0.1" - resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb" - integrity sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA== - -json5@^2.1.2, json5@^2.2.1: - version "2.2.1" - resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.1.tgz#655d50ed1e6f95ad1a3caababd2b0efda10b395c" - integrity sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA== +json5@^2.1.2, json5@^2.2.3: + version "2.2.3" + resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283" + integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg== jsonfile@^6.0.1: version "6.1.0" @@ -5252,24 +5977,14 @@ jsonfile@^6.0.1: optionalDependencies: graceful-fs "^4.1.6" -jsprim@^1.2.2: - version "1.4.2" - resolved "https://registry.yarnpkg.com/jsprim/-/jsprim-1.4.2.tgz#712c65533a15c878ba59e9ed5f0e26d5b77c5feb" - integrity sha512-P2bSOMAc/ciLz6DzgjVlGJP9+BrJWu5UDGK70C2iweC5QBIeFf0ZXRvGjEj2uYgrY2MkAAhsSWHDWlFtEroZWw== - dependencies: - assert-plus "1.0.0" - extsprintf "1.3.0" - json-schema "0.4.0" - verror "1.10.0" - -keyv@^3.0.0: - version "3.1.0" - resolved "https://registry.yarnpkg.com/keyv/-/keyv-3.1.0.tgz#ecc228486f69991e49e9476485a5be1e8fc5c4d9" - integrity sha512-9ykJ/46SN/9KPM/sichzQ7OvXyGDYKGTaDlKMGCAlg2UK8KRy4jb0d8sFc+0Tt0YYnThq8X2RZgCg74RPxgcVA== +keyv@^4.5.3: + version "4.5.4" + resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.5.4.tgz#a879a99e29452f942439f2a405e3af8b31d4de93" + integrity sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw== dependencies: - json-buffer "3.0.0" + json-buffer "3.0.1" -kind-of@^6.0.0, kind-of@^6.0.2, kind-of@^6.0.3: +kind-of@^6.0.0, kind-of@^6.0.2: version "6.0.3" resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-6.0.3.tgz#07c05034a6c349fa06e24fa35aa76db4580ce4dd" integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw== @@ -5279,27 +5994,35 @@ kleur@^3.0.3: resolved "https://registry.yarnpkg.com/kleur/-/kleur-3.0.3.tgz#a79c9ecc86ee1ce3fa6206d1216c501f147fc07e" integrity sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w== -klona@^2.0.4, klona@^2.0.5: - version "2.0.5" - resolved "https://registry.yarnpkg.com/klona/-/klona-2.0.5.tgz#d166574d90076395d9963aa7a928fabb8d76afbc" - integrity sha512-pJiBpiXMbt7dkzXe8Ghj/u4FfXOOa98fPW+bihOJ4SjnoijweJrNThJfd3ifXpXhREjpoF2mZVH1GfS9LV3kHQ== +klona@^2.0.4: + version "2.0.6" + resolved "https://registry.yarnpkg.com/klona/-/klona-2.0.6.tgz#85bffbf819c03b2f53270412420a4555ef882e22" + integrity sha512-dhG34DXATL5hSxJbIexCft8FChFXtmskoZYnoPWjXQuebWYCNkVeV3KkGegCK9CP1oswI/vQibS2GY7Em/sJJA== -latest-version@^5.1.0: - version "5.1.0" - resolved "https://registry.yarnpkg.com/latest-version/-/latest-version-5.1.0.tgz#119dfe908fe38d15dfa43ecd13fa12ec8832face" - integrity sha512-weT+r0kTkRQdCdYCNtkMwWXQTMEswKrFBkm4ckQOMVhhqhIMI1UT2hMj+1iigIhgSZm5gTmrRXBNoGUgaTY1xA== +latest-version@^7.0.0: + version "7.0.0" + resolved "https://registry.yarnpkg.com/latest-version/-/latest-version-7.0.0.tgz#843201591ea81a4d404932eeb61240fe04e9e5da" + integrity sha512-KvNT4XqAMzdcL6ka6Tl3i2lYeFDgXNCuIX+xNx6ZMVR1dFq+idXd9FLKNMOIx0t9mJ9/HudyX4oZWXZQ0UJHeg== dependencies: - package-json "^6.3.0" + package-json "^8.1.0" + +launch-editor@^2.6.0: + version "2.6.1" + resolved "https://registry.yarnpkg.com/launch-editor/-/launch-editor-2.6.1.tgz#f259c9ef95cbc9425620bbbd14b468fcdb4ffe3c" + integrity sha512-eB/uXmFVpY4zezmGp5XtU21kwo7GBbKB+EQ+UZeWtGb9yAM5xt/Evk+lYH3eRNAtId+ej4u7TYPFZ07w4s7rRw== + dependencies: + picocolors "^1.0.0" + shell-quote "^1.8.1" leven@^3.1.0: version "3.1.0" resolved "https://registry.yarnpkg.com/leven/-/leven-3.1.0.tgz#77891de834064cccba82ae7842bb6b14a13ed7f2" integrity sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A== -lilconfig@^2.0.3: - version "2.0.6" - resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-2.0.6.tgz#32a384558bd58af3d4c6e077dd1ad1d397bc69d4" - integrity sha512-9JROoBW7pobfsx+Sq2JsASvCo6Pfo6WWoUW79HuB1BCoBXD4PLWJPqDF6fNj67pqBYTbAHkE57M1kS/+L1neOg== +lilconfig@^3.1.1: + version "3.1.1" + resolved "https://registry.yarnpkg.com/lilconfig/-/lilconfig-3.1.1.tgz#9d8a246fa753106cfc205fd2d77042faca56e5e3" + integrity sha512-O18pf7nyvHTckunPWCV1XUNXU1piu01y2b7ATJ0ppkUkk8ocqVWBrYjJBCwHDjD/ZWcfyrA0P4gKhzWGi5EINQ== lines-and-columns@^1.1.6: version "1.2.4" @@ -5347,36 +6070,38 @@ locate-path@^6.0.0: dependencies: p-locate "^5.0.0" -lodash.curry@^4.0.1: - version "4.1.1" - resolved "https://registry.yarnpkg.com/lodash.curry/-/lodash.curry-4.1.1.tgz#248e36072ede906501d75966200a86dab8b23170" - integrity sha512-/u14pXGviLaweY5JI0IUzgzF2J6Ne8INyzAZjImcryjgkZ+ebruBxy2/JaOOkTqScddcYtakjhSaeemV8lR0tA== +locate-path@^7.1.0: + version "7.2.0" + resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-7.2.0.tgz#69cb1779bd90b35ab1e771e1f2f89a202c2a8a8a" + integrity sha512-gvVijfZvn7R+2qyPX8mAuKcFGDf6Nc61GdvGafQsHL0sBIxfKzA+usWn4GFC/bk+QdwPUD4kWFJLhElipq+0VA== + dependencies: + p-locate "^6.0.0" lodash.debounce@^4.0.8: version "4.0.8" resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af" integrity sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow== -lodash.flow@^3.3.0: - version "3.5.0" - resolved "https://registry.yarnpkg.com/lodash.flow/-/lodash.flow-3.5.0.tgz#87bf40292b8cf83e4e8ce1a3ae4209e20071675a" - integrity sha512-ff3BX/tSioo+XojX4MOsOMhJw0nZoUEF011LX8g8d3gvjVbxd89cCio4BCXronjxcTUIJUoqKEUA+n4CqvvRPw== - lodash.memoize@^4.1.2: version "4.1.2" resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe" integrity sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag== -lodash.uniq@4.5.0, lodash.uniq@^4.5.0: +lodash.uniq@^4.5.0: version "4.5.0" resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773" integrity sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ== -lodash@^4.0.0, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20, lodash@^4.17.21: +lodash@^4.17.20, lodash@^4.17.21: version "4.17.21" resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c" integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg== +longest-streak@^3.0.0: + version "3.1.0" + resolved "https://registry.yarnpkg.com/longest-streak/-/longest-streak-3.1.0.tgz#62fa67cd958742a1574af9f39866364102d90cd4" + integrity sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g== + loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.2.0, loose-envify@^1.3.1, loose-envify@^1.4.0: version "1.4.0" resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf" @@ -5391,15 +6116,17 @@ lower-case@^2.0.2: dependencies: tslib "^2.0.3" -lowercase-keys@^1.0.0, lowercase-keys@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-1.0.1.tgz#6f9e30b47084d971a7c820ff15a6c5167b74c26f" - integrity sha512-G2Lj61tXDnVFFOi8VZds+SoQjtQC3dgokKdDG2mTm1tx4m50NUHBOZSBwQQHyy0V12A0JTG4icfZQH+xPyh8VA== +lowercase-keys@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-3.0.0.tgz#c5e7d442e37ead247ae9db117a9d0a467c89d4f2" + integrity sha512-ozCC6gdQ+glXOQsveKD0YsDy8DSQFjDTz4zyzEHNV5+JP5D62LmfDZ6o1cycFx9ouG940M5dE8C8CTewdj2YWQ== -lowercase-keys@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-2.0.0.tgz#2603e78b7b4b0006cbca2fbcc8a3202558ac9479" - integrity sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA== +lru-cache@^5.1.1: + version "5.1.1" + resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-5.1.1.tgz#1da27e6710271947695daf6848e847f01d84b920" + integrity sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w== + dependencies: + yallist "^3.0.2" lru-cache@^6.0.0: version "6.0.0" @@ -5408,70 +6135,252 @@ lru-cache@^6.0.0: dependencies: yallist "^4.0.0" -make-dir@^3.0.0, make-dir@^3.0.2, make-dir@^3.1.0: - version "3.1.0" - resolved "https://registry.yarnpkg.com/make-dir/-/make-dir-3.1.0.tgz#415e967046b3a7f1d185277d84aa58203726a13f" - integrity sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw== +markdown-extensions@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/markdown-extensions/-/markdown-extensions-2.0.0.tgz#34bebc83e9938cae16e0e017e4a9814a8330d3c4" + integrity sha512-o5vL7aDWatOTX8LzaS1WMoaoxIiLRQJuIKKe2wAw6IeULDHaqbiqiggmx+pKvZDb1Sj+pE46Sn1T7lCqfFtg1Q== + +markdown-table@^3.0.0: + version "3.0.3" + resolved "https://registry.yarnpkg.com/markdown-table/-/markdown-table-3.0.3.tgz#e6331d30e493127e031dd385488b5bd326e4a6bd" + integrity sha512-Z1NL3Tb1M9wH4XESsCDEksWoKTdlUafKc4pt0GRwjUyXaCFZ+dc3g2erqB6zm3szA2IUSi7VnPI+o/9jnxh9hw== + +mdast-util-directive@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/mdast-util-directive/-/mdast-util-directive-3.0.0.tgz#3fb1764e705bbdf0afb0d3f889e4404c3e82561f" + integrity sha512-JUpYOqKI4mM3sZcNxmF/ox04XYFFkNwr0CFlrQIkCwbvH0xzMCqkMqAde9wRd80VAhaUrwFwKm2nxretdT1h7Q== + dependencies: + "@types/mdast" "^4.0.0" + "@types/unist" "^3.0.0" + devlop "^1.0.0" + mdast-util-from-markdown "^2.0.0" + mdast-util-to-markdown "^2.0.0" + parse-entities "^4.0.0" + stringify-entities "^4.0.0" + unist-util-visit-parents "^6.0.0" + +mdast-util-find-and-replace@^3.0.0, mdast-util-find-and-replace@^3.0.1: + version "3.0.1" + resolved "https://registry.yarnpkg.com/mdast-util-find-and-replace/-/mdast-util-find-and-replace-3.0.1.tgz#a6fc7b62f0994e973490e45262e4bc07607b04e0" + integrity sha512-SG21kZHGC3XRTSUhtofZkBzZTJNM5ecCi0SK2IMKmSXR8vO3peL+kb1O0z7Zl83jKtutG4k5Wv/W7V3/YHvzPA== dependencies: - semver "^6.0.0" + "@types/mdast" "^4.0.0" + escape-string-regexp "^5.0.0" + unist-util-is "^6.0.0" + unist-util-visit-parents "^6.0.0" -map-obj@^1.0.0: - version "1.0.1" - resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-1.0.1.tgz#d933ceb9205d82bdcf4886f6742bdc2b4dea146d" - integrity sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg== +mdast-util-from-markdown@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/mdast-util-from-markdown/-/mdast-util-from-markdown-2.0.0.tgz#52f14815ec291ed061f2922fd14d6689c810cb88" + integrity sha512-n7MTOr/z+8NAX/wmhhDji8O3bRvPTV/U0oTCaZJkjhPSKTPhS3xufVhKGF8s1pJ7Ox4QgoIU7KHseh09S+9rTA== + dependencies: + "@types/mdast" "^4.0.0" + "@types/unist" "^3.0.0" + decode-named-character-reference "^1.0.0" + devlop "^1.0.0" + mdast-util-to-string "^4.0.0" + micromark "^4.0.0" + micromark-util-decode-numeric-character-reference "^2.0.0" + micromark-util-decode-string "^2.0.0" + micromark-util-normalize-identifier "^2.0.0" + micromark-util-symbol "^2.0.0" + micromark-util-types "^2.0.0" + unist-util-stringify-position "^4.0.0" + +mdast-util-frontmatter@^2.0.0: + version "2.0.1" + resolved "https://registry.yarnpkg.com/mdast-util-frontmatter/-/mdast-util-frontmatter-2.0.1.tgz#f5f929eb1eb36c8a7737475c7eb438261f964ee8" + integrity sha512-LRqI9+wdgC25P0URIJY9vwocIzCcksduHQ9OF2joxQoyTNVduwLAFUzjoopuRJbJAReaKrNQKAZKL3uCMugWJA== + dependencies: + "@types/mdast" "^4.0.0" + devlop "^1.0.0" + escape-string-regexp "^5.0.0" + mdast-util-from-markdown "^2.0.0" + mdast-util-to-markdown "^2.0.0" + micromark-extension-frontmatter "^2.0.0" -map-obj@^4.0.0: - version "4.3.0" - resolved "https://registry.yarnpkg.com/map-obj/-/map-obj-4.3.0.tgz#9304f906e93faae70880da102a9f1df0ea8bb05a" - integrity sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ== +mdast-util-gfm-autolink-literal@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/mdast-util-gfm-autolink-literal/-/mdast-util-gfm-autolink-literal-2.0.0.tgz#5baf35407421310a08e68c15e5d8821e8898ba2a" + integrity sha512-FyzMsduZZHSc3i0Px3PQcBT4WJY/X/RCtEJKuybiC6sjPqLv7h1yqAkmILZtuxMSsUyaLUWNp71+vQH2zqp5cg== + dependencies: + "@types/mdast" "^4.0.0" + ccount "^2.0.0" + devlop "^1.0.0" + mdast-util-find-and-replace "^3.0.0" + micromark-util-character "^2.0.0" -markdown-escapes@^1.0.0: - version "1.0.4" - resolved "https://registry.yarnpkg.com/markdown-escapes/-/markdown-escapes-1.0.4.tgz#c95415ef451499d7602b91095f3c8e8975f78535" - integrity sha512-8z4efJYk43E0upd0NbVXwgSTQs6cT3T06etieCMEg7dRbzCbxUCK/GHlX8mhHRDcp+OLlHkPKsvqQTCvsRl2cg== +mdast-util-gfm-footnote@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/mdast-util-gfm-footnote/-/mdast-util-gfm-footnote-2.0.0.tgz#25a1753c7d16db8bfd53cd84fe50562bd1e6d6a9" + integrity sha512-5jOT2boTSVkMnQ7LTrd6n/18kqwjmuYqo7JUPe+tRCY6O7dAuTFMtTPauYYrMPpox9hlN0uOx/FL8XvEfG9/mQ== + dependencies: + "@types/mdast" "^4.0.0" + devlop "^1.1.0" + mdast-util-from-markdown "^2.0.0" + mdast-util-to-markdown "^2.0.0" + micromark-util-normalize-identifier "^2.0.0" -mdast-squeeze-paragraphs@^4.0.0: - version "4.0.0" - resolved "https://registry.yarnpkg.com/mdast-squeeze-paragraphs/-/mdast-squeeze-paragraphs-4.0.0.tgz#7c4c114679c3bee27ef10b58e2e015be79f1ef97" - integrity sha512-zxdPn69hkQ1rm4J+2Cs2j6wDEv7O17TfXTJ33tl/+JPIoEmtV9t2ZzBM5LPHE8QlHsmVD8t3vPKCyY3oH+H8MQ== +mdast-util-gfm-strikethrough@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/mdast-util-gfm-strikethrough/-/mdast-util-gfm-strikethrough-2.0.0.tgz#d44ef9e8ed283ac8c1165ab0d0dfd058c2764c16" + integrity sha512-mKKb915TF+OC5ptj5bJ7WFRPdYtuHv0yTRxK2tJvi+BDqbkiG7h7u/9SI89nRAYcmap2xHQL9D+QG/6wSrTtXg== dependencies: - unist-util-remove "^2.0.0" + "@types/mdast" "^4.0.0" + mdast-util-from-markdown "^2.0.0" + mdast-util-to-markdown "^2.0.0" -mdast-util-definitions@^4.0.0: - version "4.0.0" - resolved "https://registry.yarnpkg.com/mdast-util-definitions/-/mdast-util-definitions-4.0.0.tgz#c5c1a84db799173b4dcf7643cda999e440c24db2" - integrity sha512-k8AJ6aNnUkB7IE+5azR9h81O5EQ/cTDXtWdMq9Kk5KcEW/8ritU5CeLg/9HhOC++nALHBlaogJ5jz0Ybk3kPMQ== +mdast-util-gfm-table@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/mdast-util-gfm-table/-/mdast-util-gfm-table-2.0.0.tgz#7a435fb6223a72b0862b33afbd712b6dae878d38" + integrity sha512-78UEvebzz/rJIxLvE7ZtDd/vIQ0RHv+3Mh5DR96p7cS7HsBhYIICDBCu8csTNWNO6tBWfqXPWekRuj2FNOGOZg== dependencies: - unist-util-visit "^2.0.0" + "@types/mdast" "^4.0.0" + devlop "^1.0.0" + markdown-table "^3.0.0" + mdast-util-from-markdown "^2.0.0" + mdast-util-to-markdown "^2.0.0" -mdast-util-to-hast@10.0.1: - version "10.0.1" - resolved "https://registry.yarnpkg.com/mdast-util-to-hast/-/mdast-util-to-hast-10.0.1.tgz#0cfc82089494c52d46eb0e3edb7a4eb2aea021eb" - integrity sha512-BW3LM9SEMnjf4HXXVApZMt8gLQWVNXc3jryK0nJu/rOXPOnlkUjmdkDlmxMirpbU9ILncGFIwLH/ubnWBbcdgA== +mdast-util-gfm-task-list-item@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/mdast-util-gfm-task-list-item/-/mdast-util-gfm-task-list-item-2.0.0.tgz#e68095d2f8a4303ef24094ab642e1047b991a936" + integrity sha512-IrtvNvjxC1o06taBAVJznEnkiHxLFTzgonUdy8hzFVeDun0uTjxxrRGVaNFqkU1wJR3RBPEfsxmU6jDWPofrTQ== dependencies: - "@types/mdast" "^3.0.0" - "@types/unist" "^2.0.0" - mdast-util-definitions "^4.0.0" - mdurl "^1.0.0" - unist-builder "^2.0.0" - unist-util-generated "^1.0.0" - unist-util-position "^3.0.0" - unist-util-visit "^2.0.0" - -mdast-util-to-string@^2.0.0: + "@types/mdast" "^4.0.0" + devlop "^1.0.0" + mdast-util-from-markdown "^2.0.0" + mdast-util-to-markdown "^2.0.0" + +mdast-util-gfm@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/mdast-util-gfm/-/mdast-util-gfm-3.0.0.tgz#3f2aecc879785c3cb6a81ff3a243dc11eca61095" + integrity sha512-dgQEX5Amaq+DuUqf26jJqSK9qgixgd6rYDHAv4aTBuA92cTknZlKpPfa86Z/s8Dj8xsAQpFfBmPUHWJBWqS4Bw== + dependencies: + mdast-util-from-markdown "^2.0.0" + mdast-util-gfm-autolink-literal "^2.0.0" + mdast-util-gfm-footnote "^2.0.0" + mdast-util-gfm-strikethrough "^2.0.0" + mdast-util-gfm-table "^2.0.0" + mdast-util-gfm-task-list-item "^2.0.0" + mdast-util-to-markdown "^2.0.0" + +mdast-util-mdx-expression@^2.0.0: version "2.0.0" - resolved "https://registry.yarnpkg.com/mdast-util-to-string/-/mdast-util-to-string-2.0.0.tgz#b8cfe6a713e1091cb5b728fc48885a4767f8b97b" - integrity sha512-AW4DRS3QbBayY/jJmD8437V1Gombjf8RSOUCMFBuo5iHi58AGEgVCKQ+ezHkZZDpAQS75hcBMpLqjpJTjtUL7w== + resolved "https://registry.yarnpkg.com/mdast-util-mdx-expression/-/mdast-util-mdx-expression-2.0.0.tgz#4968b73724d320a379110d853e943a501bfd9d87" + integrity sha512-fGCu8eWdKUKNu5mohVGkhBXCXGnOTLuFqOvGMvdikr+J1w7lDJgxThOKpwRWzzbyXAU2hhSwsmssOY4yTokluw== + dependencies: + "@types/estree-jsx" "^1.0.0" + "@types/hast" "^3.0.0" + "@types/mdast" "^4.0.0" + devlop "^1.0.0" + mdast-util-from-markdown "^2.0.0" + mdast-util-to-markdown "^2.0.0" + +mdast-util-mdx-jsx@^3.0.0: + version "3.1.2" + resolved "https://registry.yarnpkg.com/mdast-util-mdx-jsx/-/mdast-util-mdx-jsx-3.1.2.tgz#daae777c72f9c4a106592e3025aa50fb26068e1b" + integrity sha512-eKMQDeywY2wlHc97k5eD8VC+9ASMjN8ItEZQNGwJ6E0XWKiW/Z0V5/H8pvoXUf+y+Mj0VIgeRRbujBmFn4FTyA== + dependencies: + "@types/estree-jsx" "^1.0.0" + "@types/hast" "^3.0.0" + "@types/mdast" "^4.0.0" + "@types/unist" "^3.0.0" + ccount "^2.0.0" + devlop "^1.1.0" + mdast-util-from-markdown "^2.0.0" + mdast-util-to-markdown "^2.0.0" + parse-entities "^4.0.0" + stringify-entities "^4.0.0" + unist-util-remove-position "^5.0.0" + unist-util-stringify-position "^4.0.0" + vfile-message "^4.0.0" + +mdast-util-mdx@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/mdast-util-mdx/-/mdast-util-mdx-3.0.0.tgz#792f9cf0361b46bee1fdf1ef36beac424a099c41" + integrity sha512-JfbYLAW7XnYTTbUsmpu0kdBUVe+yKVJZBItEjwyYJiDJuZ9w4eeaqks4HQO+R7objWgS2ymV60GYpI14Ug554w== + dependencies: + mdast-util-from-markdown "^2.0.0" + mdast-util-mdx-expression "^2.0.0" + mdast-util-mdx-jsx "^3.0.0" + mdast-util-mdxjs-esm "^2.0.0" + mdast-util-to-markdown "^2.0.0" + +mdast-util-mdxjs-esm@^2.0.0: + version "2.0.1" + resolved "https://registry.yarnpkg.com/mdast-util-mdxjs-esm/-/mdast-util-mdxjs-esm-2.0.1.tgz#019cfbe757ad62dd557db35a695e7314bcc9fa97" + integrity sha512-EcmOpxsZ96CvlP03NghtH1EsLtr0n9Tm4lPUJUBccV9RwUOneqSycg19n5HGzCf+10LozMRSObtVr3ee1WoHtg== + dependencies: + "@types/estree-jsx" "^1.0.0" + "@types/hast" "^3.0.0" + "@types/mdast" "^4.0.0" + devlop "^1.0.0" + mdast-util-from-markdown "^2.0.0" + mdast-util-to-markdown "^2.0.0" + +mdast-util-phrasing@^4.0.0: + version "4.1.0" + resolved "https://registry.yarnpkg.com/mdast-util-phrasing/-/mdast-util-phrasing-4.1.0.tgz#7cc0a8dec30eaf04b7b1a9661a92adb3382aa6e3" + integrity sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w== + dependencies: + "@types/mdast" "^4.0.0" + unist-util-is "^6.0.0" + +mdast-util-to-hast@^13.0.0: + version "13.1.0" + resolved "https://registry.yarnpkg.com/mdast-util-to-hast/-/mdast-util-to-hast-13.1.0.tgz#1ae54d903150a10fe04d59f03b2b95fd210b2124" + integrity sha512-/e2l/6+OdGp/FB+ctrJ9Avz71AN/GRH3oi/3KAx/kMnoUsD6q0woXlDT8lLEeViVKE7oZxE7RXzvO3T8kF2/sA== + dependencies: + "@types/hast" "^3.0.0" + "@types/mdast" "^4.0.0" + "@ungap/structured-clone" "^1.0.0" + devlop "^1.0.0" + micromark-util-sanitize-uri "^2.0.0" + trim-lines "^3.0.0" + unist-util-position "^5.0.0" + unist-util-visit "^5.0.0" + vfile "^6.0.0" + +mdast-util-to-markdown@^2.0.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/mdast-util-to-markdown/-/mdast-util-to-markdown-2.1.0.tgz#9813f1d6e0cdaac7c244ec8c6dabfdb2102ea2b4" + integrity sha512-SR2VnIEdVNCJbP6y7kVTJgPLifdr8WEU440fQec7qHoHOUz/oJ2jmNRqdDQ3rbiStOXb2mCDGTuwsK5OPUgYlQ== + dependencies: + "@types/mdast" "^4.0.0" + "@types/unist" "^3.0.0" + longest-streak "^3.0.0" + mdast-util-phrasing "^4.0.0" + mdast-util-to-string "^4.0.0" + micromark-util-decode-string "^2.0.0" + unist-util-visit "^5.0.0" + zwitch "^2.0.0" + +mdast-util-to-string@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/mdast-util-to-string/-/mdast-util-to-string-4.0.0.tgz#7a5121475556a04e7eddeb67b264aae79d312814" + integrity sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg== + dependencies: + "@types/mdast" "^4.0.0" mdn-data@2.0.14: version "2.0.14" resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.14.tgz#7113fc4281917d63ce29b43446f701e68c25ba50" integrity sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow== -mdurl@^1.0.0: - version "1.0.1" - resolved "https://registry.yarnpkg.com/mdurl/-/mdurl-1.0.1.tgz#fe85b2ec75a59037f2adfec100fd6c601761152e" - integrity sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g== +mdn-data@2.0.28: + version "2.0.28" + resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.28.tgz#5ec48e7bef120654539069e1ae4ddc81ca490eba" + integrity sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g== + +mdn-data@2.0.30: + version "2.0.30" + resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.30.tgz#ce4df6f80af6cfbe218ecd5c552ba13c4dfa08cc" + integrity sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA== + +mdn-data@2.0.4: + version "2.0.4" + resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.0.4.tgz#699b3c38ac6f1d728091a64650b65d388502fd5b" + integrity sha512-iV3XNKw06j5Q7mi6h+9vbx23Tv7JkjEVgKHW4pimwyDGWm0OIQntJJ+u1C6mg6mK1EaTv42XQ7w76yuzH7M2cA== media-typer@0.3.0: version "0.3.0" @@ -5479,29 +6388,11 @@ media-typer@0.3.0: integrity sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ== memfs@^3.1.2, memfs@^3.4.3: - version "3.4.10" - resolved "https://registry.yarnpkg.com/memfs/-/memfs-3.4.10.tgz#4cdff7cfd21351a85e11b08aa276ebf100210a4d" - integrity sha512-0bCUP+L79P4am30yP1msPzApwuMQG23TjwlwdHeEV5MxioDR1a0AgB0T9FfggU52eJuDCq8WVwb5ekznFyWiTQ== - dependencies: - fs-monkey "^1.0.3" - -meow@^9.0.0: - version "9.0.0" - resolved "https://registry.yarnpkg.com/meow/-/meow-9.0.0.tgz#cd9510bc5cac9dee7d03c73ee1f9ad959f4ea364" - integrity sha512-+obSblOQmRhcyBt62furQqRAQpNyWXo8BuQ5bN7dG8wmwQ+vwHKp/rCFD4CrTP8CsDQD1sjoZ94K417XEUk8IQ== - dependencies: - "@types/minimist" "^1.2.0" - camelcase-keys "^6.2.2" - decamelize "^1.2.0" - decamelize-keys "^1.1.0" - hard-rejection "^2.1.0" - minimist-options "4.1.0" - normalize-package-data "^3.0.0" - read-pkg-up "^7.0.1" - redent "^3.0.0" - trim-newlines "^3.0.0" - type-fest "^0.18.0" - yargs-parser "^20.2.3" + version "3.6.0" + resolved "https://registry.yarnpkg.com/memfs/-/memfs-3.6.0.tgz#d7a2110f86f79dd950a8b6df6d57bc984aa185f6" + integrity sha512-EGowvkkgbMcIChjMTMkESFDbZeSh8xZ7kNSF0hAiAN4Jh6jgHCRS0Ga/+C8y6Au+oqpezRHCfPsmJ2+DwAgiwQ== + dependencies: + fs-monkey "^1.0.4" merge-descriptors@1.0.1: version "1.0.1" @@ -5523,6 +6414,422 @@ methods@~1.1.2: resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee" integrity sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w== +micromark-core-commonmark@^2.0.0: + version "2.0.1" + resolved "https://registry.yarnpkg.com/micromark-core-commonmark/-/micromark-core-commonmark-2.0.1.tgz#9a45510557d068605c6e9a80f282b2bb8581e43d" + integrity sha512-CUQyKr1e///ZODyD1U3xit6zXwy1a8q2a1S1HKtIlmgvurrEpaw/Y9y6KSIbF8P59cn/NjzHyO+Q2fAyYLQrAA== + dependencies: + decode-named-character-reference "^1.0.0" + devlop "^1.0.0" + micromark-factory-destination "^2.0.0" + micromark-factory-label "^2.0.0" + micromark-factory-space "^2.0.0" + micromark-factory-title "^2.0.0" + micromark-factory-whitespace "^2.0.0" + micromark-util-character "^2.0.0" + micromark-util-chunked "^2.0.0" + micromark-util-classify-character "^2.0.0" + micromark-util-html-tag-name "^2.0.0" + micromark-util-normalize-identifier "^2.0.0" + micromark-util-resolve-all "^2.0.0" + micromark-util-subtokenize "^2.0.0" + micromark-util-symbol "^2.0.0" + micromark-util-types "^2.0.0" + +micromark-extension-directive@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/micromark-extension-directive/-/micromark-extension-directive-3.0.0.tgz#527869de497a6de9024138479091bc885dae076b" + integrity sha512-61OI07qpQrERc+0wEysLHMvoiO3s2R56x5u7glHq2Yqq6EHbH4dW25G9GfDdGCDYqA21KE6DWgNSzxSwHc2hSg== + dependencies: + devlop "^1.0.0" + micromark-factory-space "^2.0.0" + micromark-factory-whitespace "^2.0.0" + micromark-util-character "^2.0.0" + micromark-util-symbol "^2.0.0" + micromark-util-types "^2.0.0" + parse-entities "^4.0.0" + +micromark-extension-frontmatter@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/micromark-extension-frontmatter/-/micromark-extension-frontmatter-2.0.0.tgz#651c52ffa5d7a8eeed687c513cd869885882d67a" + integrity sha512-C4AkuM3dA58cgZha7zVnuVxBhDsbttIMiytjgsM2XbHAB2faRVaHRle40558FBN+DJcrLNCoqG5mlrpdU4cRtg== + dependencies: + fault "^2.0.0" + micromark-util-character "^2.0.0" + micromark-util-symbol "^2.0.0" + micromark-util-types "^2.0.0" + +micromark-extension-gfm-autolink-literal@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/micromark-extension-gfm-autolink-literal/-/micromark-extension-gfm-autolink-literal-2.0.0.tgz#f1e50b42e67d441528f39a67133eddde2bbabfd9" + integrity sha512-rTHfnpt/Q7dEAK1Y5ii0W8bhfJlVJFnJMHIPisfPK3gpVNuOP0VnRl96+YJ3RYWV/P4gFeQoGKNlT3RhuvpqAg== + dependencies: + micromark-util-character "^2.0.0" + micromark-util-sanitize-uri "^2.0.0" + micromark-util-symbol "^2.0.0" + micromark-util-types "^2.0.0" + +micromark-extension-gfm-footnote@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/micromark-extension-gfm-footnote/-/micromark-extension-gfm-footnote-2.0.0.tgz#91afad310065a94b636ab1e9dab2c60d1aab953c" + integrity sha512-6Rzu0CYRKDv3BfLAUnZsSlzx3ak6HAoI85KTiijuKIz5UxZxbUI+pD6oHgw+6UtQuiRwnGRhzMmPRv4smcz0fg== + dependencies: + devlop "^1.0.0" + micromark-core-commonmark "^2.0.0" + micromark-factory-space "^2.0.0" + micromark-util-character "^2.0.0" + micromark-util-normalize-identifier "^2.0.0" + micromark-util-sanitize-uri "^2.0.0" + micromark-util-symbol "^2.0.0" + micromark-util-types "^2.0.0" + +micromark-extension-gfm-strikethrough@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/micromark-extension-gfm-strikethrough/-/micromark-extension-gfm-strikethrough-2.0.0.tgz#6917db8e320da70e39ffbf97abdbff83e6783e61" + integrity sha512-c3BR1ClMp5fxxmwP6AoOY2fXO9U8uFMKs4ADD66ahLTNcwzSCyRVU4k7LPV5Nxo/VJiR4TdzxRQY2v3qIUceCw== + dependencies: + devlop "^1.0.0" + micromark-util-chunked "^2.0.0" + micromark-util-classify-character "^2.0.0" + micromark-util-resolve-all "^2.0.0" + micromark-util-symbol "^2.0.0" + micromark-util-types "^2.0.0" + +micromark-extension-gfm-table@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/micromark-extension-gfm-table/-/micromark-extension-gfm-table-2.0.0.tgz#2cf3fe352d9e089b7ef5fff003bdfe0da29649b7" + integrity sha512-PoHlhypg1ItIucOaHmKE8fbin3vTLpDOUg8KAr8gRCF1MOZI9Nquq2i/44wFvviM4WuxJzc3demT8Y3dkfvYrw== + dependencies: + devlop "^1.0.0" + micromark-factory-space "^2.0.0" + micromark-util-character "^2.0.0" + micromark-util-symbol "^2.0.0" + micromark-util-types "^2.0.0" + +micromark-extension-gfm-tagfilter@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/micromark-extension-gfm-tagfilter/-/micromark-extension-gfm-tagfilter-2.0.0.tgz#f26d8a7807b5985fba13cf61465b58ca5ff7dc57" + integrity sha512-xHlTOmuCSotIA8TW1mDIM6X2O1SiX5P9IuDtqGonFhEK0qgRI4yeC6vMxEV2dgyr2TiD+2PQ10o+cOhdVAcwfg== + dependencies: + micromark-util-types "^2.0.0" + +micromark-extension-gfm-task-list-item@^2.0.0: + version "2.0.1" + resolved "https://registry.yarnpkg.com/micromark-extension-gfm-task-list-item/-/micromark-extension-gfm-task-list-item-2.0.1.tgz#ee8b208f1ced1eb9fb11c19a23666e59d86d4838" + integrity sha512-cY5PzGcnULaN5O7T+cOzfMoHjBW7j+T9D2sucA5d/KbsBTPcYdebm9zUd9zzdgJGCwahV+/W78Z3nbulBYVbTw== + dependencies: + devlop "^1.0.0" + micromark-factory-space "^2.0.0" + micromark-util-character "^2.0.0" + micromark-util-symbol "^2.0.0" + micromark-util-types "^2.0.0" + +micromark-extension-gfm@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/micromark-extension-gfm/-/micromark-extension-gfm-3.0.0.tgz#3e13376ab95dd7a5cfd0e29560dfe999657b3c5b" + integrity sha512-vsKArQsicm7t0z2GugkCKtZehqUm31oeGBV/KVSorWSy8ZlNAv7ytjFhvaryUiCUJYqs+NoE6AFhpQvBTM6Q4w== + dependencies: + micromark-extension-gfm-autolink-literal "^2.0.0" + micromark-extension-gfm-footnote "^2.0.0" + micromark-extension-gfm-strikethrough "^2.0.0" + micromark-extension-gfm-table "^2.0.0" + micromark-extension-gfm-tagfilter "^2.0.0" + micromark-extension-gfm-task-list-item "^2.0.0" + micromark-util-combine-extensions "^2.0.0" + micromark-util-types "^2.0.0" + +micromark-extension-mdx-expression@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/micromark-extension-mdx-expression/-/micromark-extension-mdx-expression-3.0.0.tgz#1407b9ce69916cf5e03a196ad9586889df25302a" + integrity sha512-sI0nwhUDz97xyzqJAbHQhp5TfaxEvZZZ2JDqUo+7NvyIYG6BZ5CPPqj2ogUoPJlmXHBnyZUzISg9+oUmU6tUjQ== + dependencies: + "@types/estree" "^1.0.0" + devlop "^1.0.0" + micromark-factory-mdx-expression "^2.0.0" + micromark-factory-space "^2.0.0" + micromark-util-character "^2.0.0" + micromark-util-events-to-acorn "^2.0.0" + micromark-util-symbol "^2.0.0" + micromark-util-types "^2.0.0" + +micromark-extension-mdx-jsx@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/micromark-extension-mdx-jsx/-/micromark-extension-mdx-jsx-3.0.0.tgz#4aba0797c25efb2366a3fd2d367c6b1c1159f4f5" + integrity sha512-uvhhss8OGuzR4/N17L1JwvmJIpPhAd8oByMawEKx6NVdBCbesjH4t+vjEp3ZXft9DwvlKSD07fCeI44/N0Vf2w== + dependencies: + "@types/acorn" "^4.0.0" + "@types/estree" "^1.0.0" + devlop "^1.0.0" + estree-util-is-identifier-name "^3.0.0" + micromark-factory-mdx-expression "^2.0.0" + micromark-factory-space "^2.0.0" + micromark-util-character "^2.0.0" + micromark-util-symbol "^2.0.0" + micromark-util-types "^2.0.0" + vfile-message "^4.0.0" + +micromark-extension-mdx-md@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/micromark-extension-mdx-md/-/micromark-extension-mdx-md-2.0.0.tgz#1d252881ea35d74698423ab44917e1f5b197b92d" + integrity sha512-EpAiszsB3blw4Rpba7xTOUptcFeBFi+6PY8VnJ2hhimH+vCQDirWgsMpz7w1XcZE7LVrSAUGb9VJpG9ghlYvYQ== + dependencies: + micromark-util-types "^2.0.0" + +micromark-extension-mdxjs-esm@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/micromark-extension-mdxjs-esm/-/micromark-extension-mdxjs-esm-3.0.0.tgz#de21b2b045fd2059bd00d36746081de38390d54a" + integrity sha512-DJFl4ZqkErRpq/dAPyeWp15tGrcrrJho1hKK5uBS70BCtfrIFg81sqcTVu3Ta+KD1Tk5vAtBNElWxtAa+m8K9A== + dependencies: + "@types/estree" "^1.0.0" + devlop "^1.0.0" + micromark-core-commonmark "^2.0.0" + micromark-util-character "^2.0.0" + micromark-util-events-to-acorn "^2.0.0" + micromark-util-symbol "^2.0.0" + micromark-util-types "^2.0.0" + unist-util-position-from-estree "^2.0.0" + vfile-message "^4.0.0" + +micromark-extension-mdxjs@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/micromark-extension-mdxjs/-/micromark-extension-mdxjs-3.0.0.tgz#b5a2e0ed449288f3f6f6c544358159557549de18" + integrity sha512-A873fJfhnJ2siZyUrJ31l34Uqwy4xIFmvPY1oj+Ean5PHcPBYzEsvqvWGaWcfEIr11O5Dlw3p2y0tZWpKHDejQ== + dependencies: + acorn "^8.0.0" + acorn-jsx "^5.0.0" + micromark-extension-mdx-expression "^3.0.0" + micromark-extension-mdx-jsx "^3.0.0" + micromark-extension-mdx-md "^2.0.0" + micromark-extension-mdxjs-esm "^3.0.0" + micromark-util-combine-extensions "^2.0.0" + micromark-util-types "^2.0.0" + +micromark-factory-destination@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/micromark-factory-destination/-/micromark-factory-destination-2.0.0.tgz#857c94debd2c873cba34e0445ab26b74f6a6ec07" + integrity sha512-j9DGrQLm/Uhl2tCzcbLhy5kXsgkHUrjJHg4fFAeoMRwJmJerT9aw4FEhIbZStWN8A3qMwOp1uzHr4UL8AInxtA== + dependencies: + micromark-util-character "^2.0.0" + micromark-util-symbol "^2.0.0" + micromark-util-types "^2.0.0" + +micromark-factory-label@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/micromark-factory-label/-/micromark-factory-label-2.0.0.tgz#17c5c2e66ce39ad6f4fc4cbf40d972f9096f726a" + integrity sha512-RR3i96ohZGde//4WSe/dJsxOX6vxIg9TimLAS3i4EhBAFx8Sm5SmqVfR8E87DPSR31nEAjZfbt91OMZWcNgdZw== + dependencies: + devlop "^1.0.0" + micromark-util-character "^2.0.0" + micromark-util-symbol "^2.0.0" + micromark-util-types "^2.0.0" + +micromark-factory-mdx-expression@^2.0.0: + version "2.0.1" + resolved "https://registry.yarnpkg.com/micromark-factory-mdx-expression/-/micromark-factory-mdx-expression-2.0.1.tgz#f2a9724ce174f1751173beb2c1f88062d3373b1b" + integrity sha512-F0ccWIUHRLRrYp5TC9ZYXmZo+p2AM13ggbsW4T0b5CRKP8KHVRB8t4pwtBgTxtjRmwrK0Irwm7vs2JOZabHZfg== + dependencies: + "@types/estree" "^1.0.0" + devlop "^1.0.0" + micromark-util-character "^2.0.0" + micromark-util-events-to-acorn "^2.0.0" + micromark-util-symbol "^2.0.0" + micromark-util-types "^2.0.0" + unist-util-position-from-estree "^2.0.0" + vfile-message "^4.0.0" + +micromark-factory-space@^1.0.0: + version "1.1.0" + resolved "https://registry.yarnpkg.com/micromark-factory-space/-/micromark-factory-space-1.1.0.tgz#c8f40b0640a0150751d3345ed885a080b0d15faf" + integrity sha512-cRzEj7c0OL4Mw2v6nwzttyOZe8XY/Z8G0rzmWQZTBi/jjwyw/U4uqKtUORXQrR5bAZZnbTI/feRV/R7hc4jQYQ== + dependencies: + micromark-util-character "^1.0.0" + micromark-util-types "^1.0.0" + +micromark-factory-space@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/micromark-factory-space/-/micromark-factory-space-2.0.0.tgz#5e7afd5929c23b96566d0e1ae018ae4fcf81d030" + integrity sha512-TKr+LIDX2pkBJXFLzpyPyljzYK3MtmllMUMODTQJIUfDGncESaqB90db9IAUcz4AZAJFdd8U9zOp9ty1458rxg== + dependencies: + micromark-util-character "^2.0.0" + micromark-util-types "^2.0.0" + +micromark-factory-title@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/micromark-factory-title/-/micromark-factory-title-2.0.0.tgz#726140fc77892af524705d689e1cf06c8a83ea95" + integrity sha512-jY8CSxmpWLOxS+t8W+FG3Xigc0RDQA9bKMY/EwILvsesiRniiVMejYTE4wumNc2f4UbAa4WsHqe3J1QS1sli+A== + dependencies: + micromark-factory-space "^2.0.0" + micromark-util-character "^2.0.0" + micromark-util-symbol "^2.0.0" + micromark-util-types "^2.0.0" + +micromark-factory-whitespace@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/micromark-factory-whitespace/-/micromark-factory-whitespace-2.0.0.tgz#9e92eb0f5468083381f923d9653632b3cfb5f763" + integrity sha512-28kbwaBjc5yAI1XadbdPYHX/eDnqaUFVikLwrO7FDnKG7lpgxnvk/XGRhX/PN0mOZ+dBSZ+LgunHS+6tYQAzhA== + dependencies: + micromark-factory-space "^2.0.0" + micromark-util-character "^2.0.0" + micromark-util-symbol "^2.0.0" + micromark-util-types "^2.0.0" + +micromark-util-character@^1.0.0, micromark-util-character@^1.1.0: + version "1.2.0" + resolved "https://registry.yarnpkg.com/micromark-util-character/-/micromark-util-character-1.2.0.tgz#4fedaa3646db249bc58caeb000eb3549a8ca5dcc" + integrity sha512-lXraTwcX3yH/vMDaFWCQJP1uIszLVebzUa3ZHdrgxr7KEU/9mL4mVgCpGbyhvNLNlauROiNUq7WN5u7ndbY6xg== + dependencies: + micromark-util-symbol "^1.0.0" + micromark-util-types "^1.0.0" + +micromark-util-character@^2.0.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/micromark-util-character/-/micromark-util-character-2.1.0.tgz#31320ace16b4644316f6bf057531689c71e2aee1" + integrity sha512-KvOVV+X1yLBfs9dCBSopq/+G1PcgT3lAK07mC4BzXi5E7ahzMAF8oIupDDJ6mievI6F+lAATkbQQlQixJfT3aQ== + dependencies: + micromark-util-symbol "^2.0.0" + micromark-util-types "^2.0.0" + +micromark-util-chunked@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/micromark-util-chunked/-/micromark-util-chunked-2.0.0.tgz#e51f4db85fb203a79dbfef23fd41b2f03dc2ef89" + integrity sha512-anK8SWmNphkXdaKgz5hJvGa7l00qmcaUQoMYsBwDlSKFKjc6gjGXPDw3FNL3Nbwq5L8gE+RCbGqTw49FK5Qyvg== + dependencies: + micromark-util-symbol "^2.0.0" + +micromark-util-classify-character@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/micromark-util-classify-character/-/micromark-util-classify-character-2.0.0.tgz#8c7537c20d0750b12df31f86e976d1d951165f34" + integrity sha512-S0ze2R9GH+fu41FA7pbSqNWObo/kzwf8rN/+IGlW/4tC6oACOs8B++bh+i9bVyNnwCcuksbFwsBme5OCKXCwIw== + dependencies: + micromark-util-character "^2.0.0" + micromark-util-symbol "^2.0.0" + micromark-util-types "^2.0.0" + +micromark-util-combine-extensions@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/micromark-util-combine-extensions/-/micromark-util-combine-extensions-2.0.0.tgz#75d6ab65c58b7403616db8d6b31315013bfb7ee5" + integrity sha512-vZZio48k7ON0fVS3CUgFatWHoKbbLTK/rT7pzpJ4Bjp5JjkZeasRfrS9wsBdDJK2cJLHMckXZdzPSSr1B8a4oQ== + dependencies: + micromark-util-chunked "^2.0.0" + micromark-util-types "^2.0.0" + +micromark-util-decode-numeric-character-reference@^2.0.0: + version "2.0.1" + resolved "https://registry.yarnpkg.com/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-2.0.1.tgz#2698bbb38f2a9ba6310e359f99fcb2b35a0d2bd5" + integrity sha512-bmkNc7z8Wn6kgjZmVHOX3SowGmVdhYS7yBpMnuMnPzDq/6xwVA604DuOXMZTO1lvq01g+Adfa0pE2UKGlxL1XQ== + dependencies: + micromark-util-symbol "^2.0.0" + +micromark-util-decode-string@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/micromark-util-decode-string/-/micromark-util-decode-string-2.0.0.tgz#7dfa3a63c45aecaa17824e656bcdb01f9737154a" + integrity sha512-r4Sc6leeUTn3P6gk20aFMj2ntPwn6qpDZqWvYmAG6NgvFTIlj4WtrAudLi65qYoaGdXYViXYw2pkmn7QnIFasA== + dependencies: + decode-named-character-reference "^1.0.0" + micromark-util-character "^2.0.0" + micromark-util-decode-numeric-character-reference "^2.0.0" + micromark-util-symbol "^2.0.0" + +micromark-util-encode@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/micromark-util-encode/-/micromark-util-encode-2.0.0.tgz#0921ac7953dc3f1fd281e3d1932decfdb9382ab1" + integrity sha512-pS+ROfCXAGLWCOc8egcBvT0kf27GoWMqtdarNfDcjb6YLuV5cM3ioG45Ys2qOVqeqSbjaKg72vU+Wby3eddPsA== + +micromark-util-events-to-acorn@^2.0.0: + version "2.0.2" + resolved "https://registry.yarnpkg.com/micromark-util-events-to-acorn/-/micromark-util-events-to-acorn-2.0.2.tgz#4275834f5453c088bd29cd72dfbf80e3327cec07" + integrity sha512-Fk+xmBrOv9QZnEDguL9OI9/NQQp6Hz4FuQ4YmCb/5V7+9eAh1s6AYSvL20kHkD67YIg7EpE54TiSlcsf3vyZgA== + dependencies: + "@types/acorn" "^4.0.0" + "@types/estree" "^1.0.0" + "@types/unist" "^3.0.0" + devlop "^1.0.0" + estree-util-visit "^2.0.0" + micromark-util-symbol "^2.0.0" + micromark-util-types "^2.0.0" + vfile-message "^4.0.0" + +micromark-util-html-tag-name@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/micromark-util-html-tag-name/-/micromark-util-html-tag-name-2.0.0.tgz#ae34b01cbe063363847670284c6255bb12138ec4" + integrity sha512-xNn4Pqkj2puRhKdKTm8t1YHC/BAjx6CEwRFXntTaRf/x16aqka6ouVoutm+QdkISTlT7e2zU7U4ZdlDLJd2Mcw== + +micromark-util-normalize-identifier@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-2.0.0.tgz#91f9a4e65fe66cc80c53b35b0254ad67aa431d8b" + integrity sha512-2xhYT0sfo85FMrUPtHcPo2rrp1lwbDEEzpx7jiH2xXJLqBuy4H0GgXk5ToU8IEwoROtXuL8ND0ttVa4rNqYK3w== + dependencies: + micromark-util-symbol "^2.0.0" + +micromark-util-resolve-all@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/micromark-util-resolve-all/-/micromark-util-resolve-all-2.0.0.tgz#189656e7e1a53d0c86a38a652b284a252389f364" + integrity sha512-6KU6qO7DZ7GJkaCgwBNtplXCvGkJToU86ybBAUdavvgsCiG8lSSvYxr9MhwmQ+udpzywHsl4RpGJsYWG1pDOcA== + dependencies: + micromark-util-types "^2.0.0" + +micromark-util-sanitize-uri@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-2.0.0.tgz#ec8fbf0258e9e6d8f13d9e4770f9be64342673de" + integrity sha512-WhYv5UEcZrbAtlsnPuChHUAsu/iBPOVaEVsntLBIdpibO0ddy8OzavZz3iL2xVvBZOpolujSliP65Kq0/7KIYw== + dependencies: + micromark-util-character "^2.0.0" + micromark-util-encode "^2.0.0" + micromark-util-symbol "^2.0.0" + +micromark-util-subtokenize@^2.0.0: + version "2.0.1" + resolved "https://registry.yarnpkg.com/micromark-util-subtokenize/-/micromark-util-subtokenize-2.0.1.tgz#76129c49ac65da6e479c09d0ec4b5f29ec6eace5" + integrity sha512-jZNtiFl/1aY73yS3UGQkutD0UbhTt68qnRpw2Pifmz5wV9h8gOVsN70v+Lq/f1rKaU/W8pxRe8y8Q9FX1AOe1Q== + dependencies: + devlop "^1.0.0" + micromark-util-chunked "^2.0.0" + micromark-util-symbol "^2.0.0" + micromark-util-types "^2.0.0" + +micromark-util-symbol@^1.0.0, micromark-util-symbol@^1.0.1: + version "1.1.0" + resolved "https://registry.yarnpkg.com/micromark-util-symbol/-/micromark-util-symbol-1.1.0.tgz#813cd17837bdb912d069a12ebe3a44b6f7063142" + integrity sha512-uEjpEYY6KMs1g7QfJ2eX1SQEV+ZT4rUD3UcF6l57acZvLNK7PBZL+ty82Z1qhK1/yXIY4bdx04FKMgR0g4IAag== + +micromark-util-symbol@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/micromark-util-symbol/-/micromark-util-symbol-2.0.0.tgz#12225c8f95edf8b17254e47080ce0862d5db8044" + integrity sha512-8JZt9ElZ5kyTnO94muPxIGS8oyElRJaiJO8EzV6ZSyGQ1Is8xwl4Q45qU5UOg+bGH4AikWziz0iN4sFLWs8PGw== + +micromark-util-types@^1.0.0: + version "1.1.0" + resolved "https://registry.yarnpkg.com/micromark-util-types/-/micromark-util-types-1.1.0.tgz#e6676a8cae0bb86a2171c498167971886cb7e283" + integrity sha512-ukRBgie8TIAcacscVHSiddHjO4k/q3pnedmzMQ4iwDcK0FtFCohKOlFbaOL/mPgfnPsL3C1ZyxJa4sbWrBl3jg== + +micromark-util-types@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/micromark-util-types/-/micromark-util-types-2.0.0.tgz#63b4b7ffeb35d3ecf50d1ca20e68fc7caa36d95e" + integrity sha512-oNh6S2WMHWRZrmutsRmDDfkzKtxF+bc2VxLC9dvtrDIRFln627VsFP6fLMgTryGDljgLPjkrzQSDcPrjPyDJ5w== + +micromark@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/micromark/-/micromark-4.0.0.tgz#84746a249ebd904d9658cfabc1e8e5f32cbc6249" + integrity sha512-o/sd0nMof8kYff+TqcDx3VSrgBTcZpSvYcAHIfHhv5VAuNmisCxjhx6YmxS8PFEpb9z5WKWKPdzf0jM23ro3RQ== + dependencies: + "@types/debug" "^4.0.0" + debug "^4.0.0" + decode-named-character-reference "^1.0.0" + devlop "^1.0.0" + micromark-core-commonmark "^2.0.0" + micromark-factory-space "^2.0.0" + micromark-util-character "^2.0.0" + micromark-util-chunked "^2.0.0" + micromark-util-combine-extensions "^2.0.0" + micromark-util-decode-numeric-character-reference "^2.0.0" + micromark-util-encode "^2.0.0" + micromark-util-normalize-identifier "^2.0.0" + micromark-util-resolve-all "^2.0.0" + micromark-util-sanitize-uri "^2.0.0" + micromark-util-subtokenize "^2.0.0" + micromark-util-symbol "^2.0.0" + micromark-util-types "^2.0.0" + micromatch@^4.0.2, micromatch@^4.0.4, micromatch@^4.0.5: version "4.0.5" resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.5.tgz#bc8999a7cbbf77cdc89f132f6e467051b49090c6" @@ -5548,7 +6855,7 @@ mime-types@2.1.18: dependencies: mime-db "~1.33.0" -mime-types@^2.1.12, mime-types@^2.1.27, mime-types@^2.1.31, mime-types@~2.1.17, mime-types@~2.1.19, mime-types@~2.1.24, mime-types@~2.1.34: +mime-types@^2.1.27, mime-types@^2.1.31, mime-types@~2.1.17, mime-types@~2.1.24, mime-types@~2.1.34: version "2.1.35" resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a" integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw== @@ -5565,22 +6872,23 @@ mimic-fn@^2.1.0: resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b" integrity sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg== -mimic-response@^1.0.0, mimic-response@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-1.0.1.tgz#4923538878eef42063cb8a3e3b0798781487ab1b" - integrity sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ== +mimic-response@^3.1.0: + version "3.1.0" + resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-3.1.0.tgz#2d1d59af9c1b129815accc2c46a022a5ce1fa3c9" + integrity sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ== -min-indent@^1.0.0: - version "1.0.1" - resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869" - integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg== +mimic-response@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-4.0.0.tgz#35468b19e7c75d10f5165ea25e75a5ceea7cf70f" + integrity sha512-e5ISH9xMYU0DzrT+jl8q2ze9D6eWBto+I8CNpe+VI+K2J/F/k3PdkdTdz4wvGVH4NTpo+NRYTVIuMQEMMcsLqg== -mini-css-extract-plugin@^2.6.1: - version "2.6.1" - resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-2.6.1.tgz#9a1251d15f2035c342d99a468ab9da7a0451b71e" - integrity sha512-wd+SD57/K6DiV7jIR34P+s3uckTRuQvx0tKPcvjFlrEylk6P4mQ2KSWk1hblj1Kxaqok7LogKOieygXqBczNlg== +mini-css-extract-plugin@^2.7.6: + version "2.9.0" + resolved "https://registry.yarnpkg.com/mini-css-extract-plugin/-/mini-css-extract-plugin-2.9.0.tgz#c73a1327ccf466f69026ac22a8e8fd707b78a235" + integrity sha512-Zs1YsZVfemekSZG+44vBsYTLQORkPMwnlv+aehcxK/NLKC+EGhDB39/YePYYqx/sTk6NnYpuqikhSn7+JIevTA== dependencies: schema-utils "^4.0.0" + tapable "^2.2.1" minimalistic-assert@^1.0.0: version "1.0.1" @@ -5594,51 +6902,22 @@ minimatch@3.1.2, minimatch@^3.0.4, minimatch@^3.0.5, minimatch@^3.1.1: dependencies: brace-expansion "^1.1.7" -minimatch@~3.0.2: - version "3.0.8" - resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.0.8.tgz#5e6a59bd11e2ab0de1cfb843eb2d82e546c321c1" - integrity sha512-6FsRAQsxQ61mw+qP1ZzbL9Bc78x2p5OqNgNpnoAFLTrX8n5Kxph0CsnhmKKNXTWjXqU5L0pGPR7hYk+XWZr60Q== - dependencies: - brace-expansion "^1.1.7" - -minimist-options@4.1.0: - version "4.1.0" - resolved "https://registry.yarnpkg.com/minimist-options/-/minimist-options-4.1.0.tgz#c0655713c53a8a2ebd77ffa247d342c40f010619" - integrity sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A== - dependencies: - arrify "^1.0.1" - is-plain-obj "^1.1.0" - kind-of "^6.0.3" - -minimist@^1.2.0, minimist@^1.2.5: - version "1.2.7" - resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.7.tgz#daa1c4d91f507390437c6a8bc01078e7000c4d18" - integrity sha512-bzfL1YUZsP41gmu/qjrEk0Q6i2ix/cVeAhbCbqH9u3zYutS1cLg00qhrD0M2MVdCcx4Sc0UpP2eBWo9rotpq6g== - -minipass@^3.0.0: - version "3.3.4" - resolved "https://registry.yarnpkg.com/minipass/-/minipass-3.3.4.tgz#ca99f95dd77c43c7a76bf51e6d200025eee0ffae" - integrity sha512-I9WPbWHCGu8W+6k1ZiGpPu0GkoKBeorkfKNuAFBNS1HNFJvke82sxvI5bzcCNpWPorkOO5QQ+zomzzwRxejXiw== - dependencies: - yallist "^4.0.0" +minimist@^1.2.0, minimist@^1.2.6: + version "1.2.8" + resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c" + integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA== -minizlib@^2.1.1: - version "2.1.2" - resolved "https://registry.yarnpkg.com/minizlib/-/minizlib-2.1.2.tgz#e90d3466ba209b932451508a11ce3d3632145931" - integrity sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg== +mkdirp@~0.5.1: + version "0.5.6" + resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.6.tgz#7def03d2432dcae4ba1d611445c48396062255f6" + integrity sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw== dependencies: - minipass "^3.0.0" - yallist "^4.0.0" + minimist "^1.2.6" -mkdirp@^1.0.3: - version "1.0.4" - resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e" - integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw== - -mrmime@^1.0.0: - version "1.0.1" - resolved "https://registry.yarnpkg.com/mrmime/-/mrmime-1.0.1.tgz#5f90c825fad4bdd41dc914eff5d1a8cfdaf24f27" - integrity sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw== +mrmime@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/mrmime/-/mrmime-2.0.0.tgz#151082a6e06e59a9a39b46b3e14d5cfe92b3abb4" + integrity sha512-eu38+hdgojoyq63s+yTpN4XMBdt5l8HhMhc4VKLO9KM5caLIBvUm4thi7fFaxyTmCKeNnXZ5pAlBwCUnhA09uw== ms@2.0.0: version "2.0.0" @@ -5663,15 +6942,10 @@ multicast-dns@^7.2.5: dns-packet "^5.2.2" thunky "^1.0.2" -nan@^2.13.2: - version "2.17.0" - resolved "https://registry.yarnpkg.com/nan/-/nan-2.17.0.tgz#c0150a2368a182f033e9aa5195ec76ea41a199cb" - integrity sha512-2ZTgtl0nJsO0KQCjEpxcIr5D+Yv90plTitZt9JBfQvVJDS5seMl3FOvsh3+9CoYWXf/1l5OaZzzF6nDm4cagaQ== - -nanoid@^3.3.4: - version "3.3.4" - resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.4.tgz#730b67e3cd09e2deacf03c027c81c9d9dbc5e8ab" - integrity sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw== +nanoid@^3.3.7: + version "3.3.7" + resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.7.tgz#d0c301a691bc8d54efa0a2226ccf3fe2fd656bd8" + integrity sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g== negotiator@0.6.3: version "0.6.3" @@ -5691,41 +6965,21 @@ no-case@^3.0.4: lower-case "^2.0.2" tslib "^2.0.3" -node-emoji@^1.10.0: - version "1.11.0" - resolved "https://registry.yarnpkg.com/node-emoji/-/node-emoji-1.11.0.tgz#69a0150e6946e2f115e9d7ea4df7971e2628301c" - integrity sha512-wo2DpQkQp7Sjm2A0cq+sN7EHKO6Sl0ctXeBdFZrL9T9+UywORbufTcTZxom8YqpLQt/FqNMUkOpkZrJVYSKD3A== - dependencies: - lodash "^4.17.21" - -node-fetch@2.6.7: - version "2.6.7" - resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.7.tgz#24de9fba827e3b4ae44dc8b20256a379160052ad" - integrity sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ== +node-emoji@^2.1.0: + version "2.1.3" + resolved "https://registry.yarnpkg.com/node-emoji/-/node-emoji-2.1.3.tgz#93cfabb5cc7c3653aa52f29d6ffb7927d8047c06" + integrity sha512-E2WEOVsgs7O16zsURJ/eH8BqhF029wGpEOnv7Urwdo2wmQanOACwJQh0devF9D9RhoZru0+9JXIS0dBXIAz+lA== dependencies: - whatwg-url "^5.0.0" + "@sindresorhus/is" "^4.6.0" + char-regex "^1.0.2" + emojilib "^2.4.0" + skin-tone "^2.0.0" node-forge@^1: version "1.3.1" resolved "https://registry.yarnpkg.com/node-forge/-/node-forge-1.3.1.tgz#be8da2af243b2417d5f646a770663a92b7e9ded3" integrity sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA== -node-gyp@^7.1.0: - version "7.1.2" - resolved "https://registry.yarnpkg.com/node-gyp/-/node-gyp-7.1.2.tgz#21a810aebb187120251c3bcec979af1587b188ae" - integrity sha512-CbpcIo7C3eMu3dL1c3d0xw449fHIGALIJsRP4DDPHpyiW8vcriNY7ubh9TE4zEKfSxscY7PjeFnshE7h75ynjQ== - dependencies: - env-paths "^2.2.0" - glob "^7.1.4" - graceful-fs "^4.2.3" - nopt "^5.0.0" - npmlog "^4.1.2" - request "^2.88.2" - rimraf "^3.0.2" - semver "^7.3.2" - tar "^6.0.2" - which "^2.0.2" - node-html-parser@^2.1.0: version "2.2.1" resolved "https://registry.yarnpkg.com/node-html-parser/-/node-html-parser-2.2.1.tgz#6507a8658810d1612890a8ddd534e01b2f97e07e" @@ -5733,64 +6987,16 @@ node-html-parser@^2.1.0: dependencies: he "1.2.0" -node-releases@^2.0.6: - version "2.0.6" - resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.6.tgz#8a7088c63a55e493845683ebf3c828d8c51c5503" - integrity sha512-PiVXnNuFm5+iYkLBNeq5211hvO38y63T0i2KKh2KnUs3RpzJ+JtODFjkD8yjLwnDkTYF1eKXheUwdssR+NRZdg== - -node-sass@^6.0.0: - version "6.0.1" - resolved "https://registry.yarnpkg.com/node-sass/-/node-sass-6.0.1.tgz#cad1ccd0ce63e35c7181f545d8b986f3a9a887fe" - integrity sha512-f+Rbqt92Ful9gX0cGtdYwjTrWAaGURgaK5rZCWOgCNyGWusFYHhbqCCBoFBeat+HKETOU02AyTxNhJV0YZf2jQ== - dependencies: - async-foreach "^0.1.3" - chalk "^1.1.1" - cross-spawn "^7.0.3" - gaze "^1.0.0" - get-stdin "^4.0.1" - glob "^7.0.3" - lodash "^4.17.15" - meow "^9.0.0" - nan "^2.13.2" - node-gyp "^7.1.0" - npmlog "^4.0.0" - request "^2.88.0" - sass-graph "2.2.5" - stdout-stream "^1.4.0" - "true-case-path" "^1.0.2" - -nopt@^5.0.0: - version "5.0.0" - resolved "https://registry.yarnpkg.com/nopt/-/nopt-5.0.0.tgz#530942bb58a512fccafe53fe210f13a25355dc88" - integrity sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ== - dependencies: - abbrev "1" +node-releases@^2.0.14: + version "2.0.14" + resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.14.tgz#2ffb053bceb8b2be8495ece1ab6ce600c4461b0b" + integrity sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw== normalize-newline@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/normalize-newline/-/normalize-newline-3.0.0.tgz#1cbea804aba436001f83938ab21ec039d69ae9d3" integrity sha512-uLZbfjzZfHTlaGXMJkwc5TUEhY7/+LHvP1X/OcDt6SLkubrshIOg7hbT6rkmAhyvGpi6kJ+XcMfwM7D3/Zieqg== -normalize-package-data@^2.5.0: - version "2.5.0" - resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-2.5.0.tgz#e66db1838b200c1dfc233225d12cb36520e234a8" - integrity sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA== - dependencies: - hosted-git-info "^2.1.4" - resolve "^1.10.0" - semver "2 || 3 || 4 || 5" - validate-npm-package-license "^3.0.1" - -normalize-package-data@^3.0.0: - version "3.0.3" - resolved "https://registry.yarnpkg.com/normalize-package-data/-/normalize-package-data-3.0.3.tgz#dbcc3e2da59509a0983422884cd172eefdfa525e" - integrity sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA== - dependencies: - hosted-git-info "^4.0.1" - is-core-module "^2.5.0" - semver "^7.3.4" - validate-npm-package-license "^3.0.1" - normalize-path@^3.0.0, normalize-path@~3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65" @@ -5801,15 +7007,10 @@ normalize-range@^0.1.2: resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942" integrity sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA== -normalize-url@^4.1.0: - version "4.5.1" - resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-4.5.1.tgz#0dd90cf1288ee1d1313b87081c9a5932ee48518a" - integrity sha512-9UZCFRHQdNrfTpGg8+1INIg93B6zE0aXMVFkw1WFwvO4SlZywU6aLg5Of0Ap/PgcbSw4LNxvMWXMeugwMCX0AA== - -normalize-url@^6.0.1: - version "6.1.0" - resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-6.1.0.tgz#40d0885b535deffe3f3147bec877d05fe4c5668a" - integrity sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A== +normalize-url@^8.0.0: + version "8.0.1" + resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-8.0.1.tgz#9b7d96af9836577c58f5883e939365fa15623a4a" + integrity sha512-IO9QvjUMWxPQQhs60oOu10CRkWCiZzSUkzbXGGV9pviYl1fXYcvkzQ5jV9z8Y6un8ARoVRl4EtC6v6jNqbaJ/w== npm-run-path@^4.0.1: version "4.0.1" @@ -5818,21 +7019,18 @@ npm-run-path@^4.0.1: dependencies: path-key "^3.0.0" -npmlog@^4.0.0, npmlog@^4.1.2: - version "4.1.2" - resolved "https://registry.yarnpkg.com/npmlog/-/npmlog-4.1.2.tgz#08a7f2a8bf734604779a9efa4ad5cc717abb954b" - integrity sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg== - dependencies: - are-we-there-yet "~1.1.2" - console-control-strings "~1.1.0" - gauge "~2.7.3" - set-blocking "~2.0.0" - nprogress@^0.2.0: version "0.2.0" resolved "https://registry.yarnpkg.com/nprogress/-/nprogress-0.2.0.tgz#cb8f34c53213d895723fcbab907e9422adbcafb1" integrity sha512-I19aIingLgR1fmhftnbWWO3dXc0hSxqHQHQb3H8m+K3TnEn/iSeTZZOyvKXWqQESMwuUVnatlCnZdLBZZt2VSA== +nth-check@^1.0.2: + version "1.0.2" + resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-1.0.2.tgz#b2bd295c37e3dd58a3bf0700376663ba4d9cf05c" + integrity sha512-WeBOdju8SnzPN5vTUJYxYUxLeXpCaVP5i5e0LF8fg7WORF2Wd7wFX/pk0tYZk7s8T+J7VLy0Da6J1+wCT0AtHg== + dependencies: + boolbase "~1.0.0" + nth-check@^2.0.1: version "2.1.1" resolved "https://registry.yarnpkg.com/nth-check/-/nth-check-2.1.1.tgz#c9eab428effce36cd6b92c924bdb000ef1f1ed1d" @@ -5840,41 +7038,53 @@ nth-check@^2.0.1: dependencies: boolbase "^1.0.0" -number-is-nan@^1.0.0: - version "1.0.1" - resolved "https://registry.yarnpkg.com/number-is-nan/-/number-is-nan-1.0.1.tgz#097b602b53422a522c1afb8790318336941a011d" - integrity sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ== - -oauth-sign@~0.9.0: - version "0.9.0" - resolved "https://registry.yarnpkg.com/oauth-sign/-/oauth-sign-0.9.0.tgz#47a7b016baa68b5fa0ecf3dee08a85c679ac6455" - integrity sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ== - -object-assign@^4.1.0, object-assign@^4.1.1: +object-assign@^4.1.1: version "4.1.1" resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863" integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg== -object-inspect@^1.9.0: - version "1.12.2" - resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.2.tgz#c0641f26394532f28ab8d796ab954e43c009a8ea" - integrity sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ== +object-inspect@^1.13.1: + version "1.13.1" + resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.1.tgz#b96c6109324ccfef6b12216a956ca4dc2ff94bc2" + integrity sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ== object-keys@^1.1.1: version "1.1.1" resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e" integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA== -object.assign@^4.1.0: - version "4.1.4" - resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.4.tgz#9673c7c7c351ab8c4d0b516f4343ebf4dfb7799f" - integrity sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ== +object.assign@^4.1.0, object.assign@^4.1.5: + version "4.1.5" + resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.5.tgz#3a833f9ab7fdb80fc9e8d2300c803d216d8fdbb0" + integrity sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ== dependencies: - call-bind "^1.0.2" - define-properties "^1.1.4" + call-bind "^1.0.5" + define-properties "^1.2.1" has-symbols "^1.0.3" object-keys "^1.1.1" +object.getownpropertydescriptors@^2.1.0: + version "2.1.8" + resolved "https://registry.yarnpkg.com/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.8.tgz#2f1fe0606ec1a7658154ccd4f728504f69667923" + integrity sha512-qkHIGe4q0lSYMv0XI4SsBTJz3WaURhLvd0lKSgtVuOsJ2krg4SgMw3PIRQFMp07yi++UR3se2mkcLqsBNpBb/A== + dependencies: + array.prototype.reduce "^1.0.6" + call-bind "^1.0.7" + define-properties "^1.2.1" + es-abstract "^1.23.2" + es-object-atoms "^1.0.0" + gopd "^1.0.1" + safe-array-concat "^1.1.2" + +object.values@^1.1.0: + version "1.2.0" + resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.2.0.tgz#65405a9d92cee68ac2d303002e0b8470a4d9ab1b" + integrity sha512-yBYjY9QX2hnRmZHAjG/f13MzmBzxzYgQhFrke06TTyKY5zSTEqkOeukBzIdVA3j3ulu8Qa3MbVFShV7T2RmGtQ== + dependencies: + call-bind "^1.0.7" + define-properties "^1.2.1" + es-object-atoms "^1.0.0" + obuf@^1.0.0, obuf@^1.1.2: version "1.1.2" resolved "https://registry.yarnpkg.com/obuf/-/obuf-1.1.2.tgz#09bea3343d41859ebd446292d11c9d4db619084e" @@ -5892,7 +7102,7 @@ on-headers@~1.0.2: resolved "https://registry.yarnpkg.com/on-headers/-/on-headers-1.0.2.tgz#772b0ae6aaa525c399e489adfad90c403eb3c28f" integrity sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA== -once@^1.3.0, once@^1.3.1, once@^1.4.0: +once@^1.3.0: version "1.4.0" resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1" integrity sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w== @@ -5907,9 +7117,9 @@ onetime@^5.1.2: mimic-fn "^2.1.0" open@^8.0.9, open@^8.4.0: - version "8.4.0" - resolved "https://registry.yarnpkg.com/open/-/open-8.4.0.tgz#345321ae18f8138f82565a910fdc6b39e8c244f8" - integrity sha512-XgFPPM+B28FtCCgSb9I+s9szOC1vZRSwgWsRUA5ylIxRTgKozqjOCrVOqGsYABPYK5qnfqClxZTFBa8PKt2v6Q== + version "8.4.2" + resolved "https://registry.yarnpkg.com/open/-/open-8.4.2.tgz#5b5ffe2a8f793dcd2aad73e550cb87b59cb084f9" + integrity sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ== dependencies: define-lazy-prop "^2.0.0" is-docker "^2.1.1" @@ -5920,10 +7130,10 @@ opener@^1.5.2: resolved "https://registry.yarnpkg.com/opener/-/opener-1.5.2.tgz#5d37e1f35077b9dcac4301372271afdeb2a13598" integrity sha512-ur5UIdyw5Y7yEj9wLzhqXiy6GZ3Mwx0yGI+5sMn2r0N0v3cKJvUmFH5yPP+WXh9e0xfyzyJX95D8l088DNFj7A== -p-cancelable@^1.0.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/p-cancelable/-/p-cancelable-1.1.0.tgz#d078d15a3af409220c886f1d9a0ca2e441ab26cc" - integrity sha512-s73XxOZ4zpt1edZYZzvhqFa6uvQc1vwUa0K0BdtIZgQMAJj9IbebH+JkgKZc9h+B05PKHLOTl4ajG1BmNrVZlw== +p-cancelable@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/p-cancelable/-/p-cancelable-3.0.0.tgz#63826694b54d61ca1c20ebcb6d3ecf5e14cd8050" + integrity sha512-mlVgR3PGuzlo0MmTdk4cXqXWlwQDLnONTAg6sm62XkMJEiRxN3GL3SffkYvqwonbkJBcrI7Uvv5Zh9yjvn2iUw== p-limit@^2.0.0, p-limit@^2.2.0: version "2.3.0" @@ -5939,6 +7149,13 @@ p-limit@^3.0.2: dependencies: yocto-queue "^0.1.0" +p-limit@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-4.0.0.tgz#914af6544ed32bfa54670b061cafcbd04984b644" + integrity sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ== + dependencies: + yocto-queue "^1.0.0" + p-locate@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-3.0.0.tgz#322d69a05c0264b25997d9f40cd8a891ab0064a4" @@ -5960,6 +7177,13 @@ p-locate@^5.0.0: dependencies: p-limit "^3.0.2" +p-locate@^6.0.0: + version "6.0.0" + resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-6.0.0.tgz#3da9a49d4934b901089dca3302fa65dc5a05c04f" + integrity sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw== + dependencies: + p-limit "^4.0.0" + p-map@^4.0.0: version "4.0.0" resolved "https://registry.yarnpkg.com/p-map/-/p-map-4.0.0.tgz#bb2f95a5eda2ec168ec9274e06a747c3e2904d2b" @@ -5980,15 +7204,15 @@ p-try@^2.0.0: resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6" integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ== -package-json@^6.3.0: - version "6.5.0" - resolved "https://registry.yarnpkg.com/package-json/-/package-json-6.5.0.tgz#6feedaca35e75725876d0b0e64974697fed145b0" - integrity sha512-k3bdm2n25tkyxcjSKzB5x8kfVxlMdgsbPr0GkZcwHsLpba6cBjqCt1KlcChKEvxHIcTB1FVMuwoijZ26xex5MQ== +package-json@^8.1.0: + version "8.1.1" + resolved "https://registry.yarnpkg.com/package-json/-/package-json-8.1.1.tgz#3e9948e43df40d1e8e78a85485f1070bf8f03dc8" + integrity sha512-cbH9IAIJHNj9uXi196JVsRlt7cHKak6u/e6AkL/bkRelZ7rlL3X1YKxsZwa36xipOEKAsdtmaG6aAJoM1fx2zA== dependencies: - got "^9.6.0" - registry-auth-token "^4.0.0" - registry-url "^5.0.0" - semver "^6.2.0" + got "^12.1.0" + registry-auth-token "^5.0.1" + registry-url "^6.0.0" + semver "^7.3.7" param-case@^3.0.4: version "3.0.4" @@ -6005,19 +7229,21 @@ parent-module@^1.0.0: dependencies: callsites "^3.0.0" -parse-entities@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/parse-entities/-/parse-entities-2.0.0.tgz#53c6eb5b9314a1f4ec99fa0fdf7ce01ecda0cbe8" - integrity sha512-kkywGpCcRYhqQIchaWqZ875wzpS/bMKhz5HnN3p7wveJTkTtyAB/AlnS0f8DFSqYW1T82t6yEAkEcB+A1I3MbQ== +parse-entities@^4.0.0: + version "4.0.1" + resolved "https://registry.yarnpkg.com/parse-entities/-/parse-entities-4.0.1.tgz#4e2a01111fb1c986549b944af39eeda258fc9e4e" + integrity sha512-SWzvYcSJh4d/SGLIOQfZ/CoNv6BTlI6YEQ7Nj82oDVnRpwe/Z/F1EMx42x3JAOwGBlCjeCH0BRJQbQ/opHL17w== dependencies: - character-entities "^1.0.0" - character-entities-legacy "^1.0.0" - character-reference-invalid "^1.0.0" - is-alphanumerical "^1.0.0" - is-decimal "^1.0.0" - is-hexadecimal "^1.0.0" - -parse-json@^5.0.0: + "@types/unist" "^2.0.0" + character-entities "^2.0.0" + character-entities-legacy "^3.0.0" + character-reference-invalid "^2.0.0" + decode-named-character-reference "^1.0.0" + is-alphanumerical "^2.0.0" + is-decimal "^2.0.0" + is-hexadecimal "^2.0.0" + +parse-json@^5.0.0, parse-json@^5.2.0: version "5.2.0" resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-5.2.0.tgz#c76fc66dee54231c962b22bcc8a72cf2f99753cd" integrity sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg== @@ -6040,15 +7266,10 @@ parse5-htmlparser2-tree-adapter@^7.0.0: domhandler "^5.0.2" parse5 "^7.0.0" -parse5@^6.0.0: - version "6.0.1" - resolved "https://registry.yarnpkg.com/parse5/-/parse5-6.0.1.tgz#e1a1c085c569b3dc08321184f19a39cc27f7c30b" - integrity sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw== - parse5@^7.0.0: - version "7.1.1" - resolved "https://registry.yarnpkg.com/parse5/-/parse5-7.1.1.tgz#4649f940ccfb95d8754f37f73078ea20afe0c746" - integrity sha512-kwpuwzB+px5WUg9pyK0IcK/shltJN5/OVhQagxhCQNtT9Y9QRZqNY2e1cmbu/paRh5LMnz/oVTVLBpjFmMZhSg== + version "7.1.2" + resolved "https://registry.yarnpkg.com/parse5/-/parse5-7.1.2.tgz#0736bebbfd77793823240a23b7fc5e010b7f8e32" + integrity sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw== dependencies: entities "^4.4.0" @@ -6075,6 +7296,11 @@ path-exists@^4.0.0: resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3" integrity sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w== +path-exists@^5.0.0: + version "5.0.0" + resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-5.0.0.tgz#a6aad9489200b21fab31e49cf09277e5116fb9e7" + integrity sha512-RjhtfwJOxzcFmNOi6ltcbcu4Iu+FL3zEj83dk4kAS+fVpTxXLO1b38RvJgT/0QwvV/L3aY9TAnyv0EOqW4GoMQ== + path-is-absolute@^1.0.0: version "1.0.1" resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f" @@ -6117,10 +7343,14 @@ path-type@^4.0.0: resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b" integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw== -performance-now@^2.1.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b" - integrity sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow== +periscopic@^3.0.0: + version "3.1.0" + resolved "https://registry.yarnpkg.com/periscopic/-/periscopic-3.1.0.tgz#7e9037bf51c5855bd33b48928828db4afa79d97a" + integrity sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw== + dependencies: + "@types/estree" "^1.0.0" + estree-walker "^3.0.0" + is-reference "^3.0.0" picocolors@^1.0.0: version "1.0.0" @@ -6132,13 +7362,20 @@ picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.3, picomatch@^2.3.1: resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42" integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA== -pkg-dir@^4.1.0, pkg-dir@^4.2.0: +pkg-dir@^4.2.0: version "4.2.0" resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-4.2.0.tgz#f099133df7ede422e81d1d8448270eeb3e4261f3" integrity sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ== dependencies: find-up "^4.0.0" +pkg-dir@^7.0.0: + version "7.0.0" + resolved "https://registry.yarnpkg.com/pkg-dir/-/pkg-dir-7.0.0.tgz#8f0c08d6df4476756c5ff29b3282d0bab7517d11" + integrity sha512-Ie9z/WINcxxLp27BKOCHGde4ITq9UklYKDzVo1nhk5sqGEXU3FpkwP5GM2voTGJkGd9B3Otl+Q4uwSOeSUtOBA== + dependencies: + find-up "^6.3.0" + pkg-up@^3.1.0: version "3.1.0" resolved "https://registry.yarnpkg.com/pkg-up/-/pkg-up-3.1.0.tgz#100ec235cc150e4fd42519412596a28512a0def5" @@ -6146,144 +7383,149 @@ pkg-up@^3.1.0: dependencies: find-up "^3.0.0" -postcss-calc@^8.2.3: - version "8.2.4" - resolved "https://registry.yarnpkg.com/postcss-calc/-/postcss-calc-8.2.4.tgz#77b9c29bfcbe8a07ff6693dc87050828889739a5" - integrity sha512-SmWMSJmB8MRnnULldx0lQIyhSNvuDl9HfrZkaqqE/WHAhToYsAvDq+yAsA/kIyINDszOp3Rh0GFoNuH5Ypsm3Q== +possible-typed-array-names@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz#89bb63c6fada2c3e90adc4a647beeeb39cc7bf8f" + integrity sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q== + +postcss-calc@^9.0.1: + version "9.0.1" + resolved "https://registry.yarnpkg.com/postcss-calc/-/postcss-calc-9.0.1.tgz#a744fd592438a93d6de0f1434c572670361eb6c6" + integrity sha512-TipgjGyzP5QzEhsOZUaIkeO5mKeMFpebWzRogWG/ysonUlnHcq5aJe0jOjpfzUU8PeSaBQnrE8ehR0QA5vs8PQ== dependencies: - postcss-selector-parser "^6.0.9" + postcss-selector-parser "^6.0.11" postcss-value-parser "^4.2.0" -postcss-colormin@^5.3.0: - version "5.3.0" - resolved "https://registry.yarnpkg.com/postcss-colormin/-/postcss-colormin-5.3.0.tgz#3cee9e5ca62b2c27e84fce63affc0cfb5901956a" - integrity sha512-WdDO4gOFG2Z8n4P8TWBpshnL3JpmNmJwdnfP2gbk2qBA8PWwOYcmjmI/t3CmMeL72a7Hkd+x/Mg9O2/0rD54Pg== +postcss-colormin@^6.1.0: + version "6.1.0" + resolved "https://registry.yarnpkg.com/postcss-colormin/-/postcss-colormin-6.1.0.tgz#076e8d3fb291fbff7b10e6b063be9da42ff6488d" + integrity sha512-x9yX7DOxeMAR+BgGVnNSAxmAj98NX/YxEMNFP+SDCEeNLb2r3i6Hh1ksMsnW8Ub5SLCpbescQqn9YEbE9554Sw== dependencies: - browserslist "^4.16.6" + browserslist "^4.23.0" caniuse-api "^3.0.0" - colord "^2.9.1" + colord "^2.9.3" postcss-value-parser "^4.2.0" -postcss-convert-values@^5.1.3: - version "5.1.3" - resolved "https://registry.yarnpkg.com/postcss-convert-values/-/postcss-convert-values-5.1.3.tgz#04998bb9ba6b65aa31035d669a6af342c5f9d393" - integrity sha512-82pC1xkJZtcJEfiLw6UXnXVXScgtBrjlO5CBmuDQc+dlb88ZYheFsjTn40+zBVi3DkfF7iezO0nJUPLcJK3pvA== +postcss-convert-values@^6.1.0: + version "6.1.0" + resolved "https://registry.yarnpkg.com/postcss-convert-values/-/postcss-convert-values-6.1.0.tgz#3498387f8efedb817cbc63901d45bd1ceaa40f48" + integrity sha512-zx8IwP/ts9WvUM6NkVSkiU902QZL1bwPhaVaLynPtCsOTqp+ZKbNi+s6XJg3rfqpKGA/oc7Oxk5t8pOQJcwl/w== dependencies: - browserslist "^4.21.4" + browserslist "^4.23.0" postcss-value-parser "^4.2.0" -postcss-discard-comments@^5.1.2: - version "5.1.2" - resolved "https://registry.yarnpkg.com/postcss-discard-comments/-/postcss-discard-comments-5.1.2.tgz#8df5e81d2925af2780075840c1526f0660e53696" - integrity sha512-+L8208OVbHVF2UQf1iDmRcbdjJkuBF6IS29yBDSiWUIzpYaAhtNl6JYnYm12FnkeCwQqF5LeklOu6rAqgfBZqQ== +postcss-discard-comments@^6.0.2: + version "6.0.2" + resolved "https://registry.yarnpkg.com/postcss-discard-comments/-/postcss-discard-comments-6.0.2.tgz#e768dcfdc33e0216380623652b0a4f69f4678b6c" + integrity sha512-65w/uIqhSBBfQmYnG92FO1mWZjJ4GL5b8atm5Yw2UgrwD7HiNiSSNwJor1eCFGzUgYnN/iIknhNRVqjrrpuglw== -postcss-discard-duplicates@^5.1.0: - version "5.1.0" - resolved "https://registry.yarnpkg.com/postcss-discard-duplicates/-/postcss-discard-duplicates-5.1.0.tgz#9eb4fe8456706a4eebd6d3b7b777d07bad03e848" - integrity sha512-zmX3IoSI2aoenxHV6C7plngHWWhUOV3sP1T8y2ifzxzbtnuhk1EdPwm0S1bIUNaJ2eNbWeGLEwzw8huPD67aQw== +postcss-discard-duplicates@^6.0.3: + version "6.0.3" + resolved "https://registry.yarnpkg.com/postcss-discard-duplicates/-/postcss-discard-duplicates-6.0.3.tgz#d121e893c38dc58a67277f75bb58ba43fce4c3eb" + integrity sha512-+JA0DCvc5XvFAxwx6f/e68gQu/7Z9ud584VLmcgto28eB8FqSFZwtrLwB5Kcp70eIoWP/HXqz4wpo8rD8gpsTw== -postcss-discard-empty@^5.1.1: - version "5.1.1" - resolved "https://registry.yarnpkg.com/postcss-discard-empty/-/postcss-discard-empty-5.1.1.tgz#e57762343ff7f503fe53fca553d18d7f0c369c6c" - integrity sha512-zPz4WljiSuLWsI0ir4Mcnr4qQQ5e1Ukc3i7UfE2XcrwKK2LIPIqE5jxMRxO6GbI3cv//ztXDsXwEWT3BHOGh3A== +postcss-discard-empty@^6.0.3: + version "6.0.3" + resolved "https://registry.yarnpkg.com/postcss-discard-empty/-/postcss-discard-empty-6.0.3.tgz#ee39c327219bb70473a066f772621f81435a79d9" + integrity sha512-znyno9cHKQsK6PtxL5D19Fj9uwSzC2mB74cpT66fhgOadEUPyXFkbgwm5tvc3bt3NAy8ltE5MrghxovZRVnOjQ== -postcss-discard-overridden@^5.1.0: - version "5.1.0" - resolved "https://registry.yarnpkg.com/postcss-discard-overridden/-/postcss-discard-overridden-5.1.0.tgz#7e8c5b53325747e9d90131bb88635282fb4a276e" - integrity sha512-21nOL7RqWR1kasIVdKs8HNqQJhFxLsyRfAnUDm4Fe4t4mCWL9OJiHvlHPjcd8zc5Myu89b/7wZDnOSjFgeWRtw== +postcss-discard-overridden@^6.0.2: + version "6.0.2" + resolved "https://registry.yarnpkg.com/postcss-discard-overridden/-/postcss-discard-overridden-6.0.2.tgz#4e9f9c62ecd2df46e8fdb44dc17e189776572e2d" + integrity sha512-j87xzI4LUggC5zND7KdjsI25APtyMuynXZSujByMaav2roV6OZX+8AaCUcZSWqckZpjAjRyFDdpqybgjFO0HJQ== -postcss-discard-unused@^5.1.0: - version "5.1.0" - resolved "https://registry.yarnpkg.com/postcss-discard-unused/-/postcss-discard-unused-5.1.0.tgz#8974e9b143d887677304e558c1166d3762501142" - integrity sha512-KwLWymI9hbwXmJa0dkrzpRbSJEh0vVUd7r8t0yOGPcfKzyJJxFM8kLyC5Ev9avji6nY95pOp1W6HqIrfT+0VGw== +postcss-discard-unused@^6.0.5: + version "6.0.5" + resolved "https://registry.yarnpkg.com/postcss-discard-unused/-/postcss-discard-unused-6.0.5.tgz#c1b0e8c032c6054c3fbd22aaddba5b248136f338" + integrity sha512-wHalBlRHkaNnNwfC8z+ppX57VhvS+HWgjW508esjdaEYr3Mx7Gnn2xA4R/CKf5+Z9S5qsqC+Uzh4ueENWwCVUA== dependencies: - postcss-selector-parser "^6.0.5" + postcss-selector-parser "^6.0.16" -postcss-loader@^7.0.0: - version "7.0.1" - resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-7.0.1.tgz#4c883cc0a1b2bfe2074377b7a74c1cd805684395" - integrity sha512-VRviFEyYlLjctSM93gAZtcJJ/iSkPZ79zWbN/1fSH+NisBByEiVLqpdVDrPLVSi8DX0oJo12kL/GppTBdKVXiQ== +postcss-loader@^7.3.3: + version "7.3.4" + resolved "https://registry.yarnpkg.com/postcss-loader/-/postcss-loader-7.3.4.tgz#aed9b79ce4ed7e9e89e56199d25ad1ec8f606209" + integrity sha512-iW5WTTBSC5BfsBJ9daFMPVrLT36MrNiC6fqOZTTaHjBNX6Pfd5p+hSBqe/fEeNd7pc13QiAyGt7VdGMw4eRC4A== dependencies: - cosmiconfig "^7.0.0" - klona "^2.0.5" - semver "^7.3.7" + cosmiconfig "^8.3.5" + jiti "^1.20.0" + semver "^7.5.4" -postcss-merge-idents@^5.1.1: - version "5.1.1" - resolved "https://registry.yarnpkg.com/postcss-merge-idents/-/postcss-merge-idents-5.1.1.tgz#7753817c2e0b75d0853b56f78a89771e15ca04a1" - integrity sha512-pCijL1TREiCoog5nQp7wUe+TUonA2tC2sQ54UGeMmryK3UFGIYKqDyjnqd6RcuI4znFn9hWSLNN8xKE/vWcUQw== +postcss-merge-idents@^6.0.3: + version "6.0.3" + resolved "https://registry.yarnpkg.com/postcss-merge-idents/-/postcss-merge-idents-6.0.3.tgz#7b9c31c7bc823c94bec50f297f04e3c2b838ea65" + integrity sha512-1oIoAsODUs6IHQZkLQGO15uGEbK3EAl5wi9SS8hs45VgsxQfMnxvt+L+zIr7ifZFIH14cfAeVe2uCTa+SPRa3g== dependencies: - cssnano-utils "^3.1.0" + cssnano-utils "^4.0.2" postcss-value-parser "^4.2.0" -postcss-merge-longhand@^5.1.7: - version "5.1.7" - resolved "https://registry.yarnpkg.com/postcss-merge-longhand/-/postcss-merge-longhand-5.1.7.tgz#24a1bdf402d9ef0e70f568f39bdc0344d568fb16" - integrity sha512-YCI9gZB+PLNskrK0BB3/2OzPnGhPkBEwmwhfYk1ilBHYVAZB7/tkTHFBAnCrvBBOmeYyMYw3DMjT55SyxMBzjQ== +postcss-merge-longhand@^6.0.5: + version "6.0.5" + resolved "https://registry.yarnpkg.com/postcss-merge-longhand/-/postcss-merge-longhand-6.0.5.tgz#ba8a8d473617c34a36abbea8dda2b215750a065a" + integrity sha512-5LOiordeTfi64QhICp07nzzuTDjNSO8g5Ksdibt44d+uvIIAE1oZdRn8y/W5ZtYgRH/lnLDlvi9F8btZcVzu3w== dependencies: postcss-value-parser "^4.2.0" - stylehacks "^5.1.1" + stylehacks "^6.1.1" -postcss-merge-rules@^5.1.3: - version "5.1.3" - resolved "https://registry.yarnpkg.com/postcss-merge-rules/-/postcss-merge-rules-5.1.3.tgz#8f97679e67cc8d08677a6519afca41edf2220894" - integrity sha512-LbLd7uFC00vpOuMvyZop8+vvhnfRGpp2S+IMQKeuOZZapPRY4SMq5ErjQeHbHsjCUgJkRNrlU+LmxsKIqPKQlA== +postcss-merge-rules@^6.1.1: + version "6.1.1" + resolved "https://registry.yarnpkg.com/postcss-merge-rules/-/postcss-merge-rules-6.1.1.tgz#7aa539dceddab56019469c0edd7d22b64c3dea9d" + integrity sha512-KOdWF0gju31AQPZiD+2Ar9Qjowz1LTChSjFFbS+e2sFgc4uHOp3ZvVX4sNeTlk0w2O31ecFGgrFzhO0RSWbWwQ== dependencies: - browserslist "^4.21.4" + browserslist "^4.23.0" caniuse-api "^3.0.0" - cssnano-utils "^3.1.0" - postcss-selector-parser "^6.0.5" + cssnano-utils "^4.0.2" + postcss-selector-parser "^6.0.16" -postcss-minify-font-values@^5.1.0: - version "5.1.0" - resolved "https://registry.yarnpkg.com/postcss-minify-font-values/-/postcss-minify-font-values-5.1.0.tgz#f1df0014a726083d260d3bd85d7385fb89d1f01b" - integrity sha512-el3mYTgx13ZAPPirSVsHqFzl+BBBDrXvbySvPGFnQcTI4iNslrPaFq4muTkLZmKlGk4gyFAYUBMH30+HurREyA== +postcss-minify-font-values@^6.1.0: + version "6.1.0" + resolved "https://registry.yarnpkg.com/postcss-minify-font-values/-/postcss-minify-font-values-6.1.0.tgz#a0e574c02ee3f299be2846369211f3b957ea4c59" + integrity sha512-gklfI/n+9rTh8nYaSJXlCo3nOKqMNkxuGpTn/Qm0gstL3ywTr9/WRKznE+oy6fvfolH6dF+QM4nCo8yPLdvGJg== dependencies: postcss-value-parser "^4.2.0" -postcss-minify-gradients@^5.1.1: - version "5.1.1" - resolved "https://registry.yarnpkg.com/postcss-minify-gradients/-/postcss-minify-gradients-5.1.1.tgz#f1fe1b4f498134a5068240c2f25d46fcd236ba2c" - integrity sha512-VGvXMTpCEo4qHTNSa9A0a3D+dxGFZCYwR6Jokk+/3oB6flu2/PnPXAh2x7x52EkY5xlIHLm+Le8tJxe/7TNhzw== +postcss-minify-gradients@^6.0.3: + version "6.0.3" + resolved "https://registry.yarnpkg.com/postcss-minify-gradients/-/postcss-minify-gradients-6.0.3.tgz#ca3eb55a7bdb48a1e187a55c6377be918743dbd6" + integrity sha512-4KXAHrYlzF0Rr7uc4VrfwDJ2ajrtNEpNEuLxFgwkhFZ56/7gaE4Nr49nLsQDZyUe+ds+kEhf+YAUolJiYXF8+Q== dependencies: - colord "^2.9.1" - cssnano-utils "^3.1.0" + colord "^2.9.3" + cssnano-utils "^4.0.2" postcss-value-parser "^4.2.0" -postcss-minify-params@^5.1.4: - version "5.1.4" - resolved "https://registry.yarnpkg.com/postcss-minify-params/-/postcss-minify-params-5.1.4.tgz#c06a6c787128b3208b38c9364cfc40c8aa5d7352" - integrity sha512-+mePA3MgdmVmv6g+30rn57USjOGSAyuxUmkfiWpzalZ8aiBkdPYjXWtHuwJGm1v5Ojy0Z0LaSYhHaLJQB0P8Jw== +postcss-minify-params@^6.1.0: + version "6.1.0" + resolved "https://registry.yarnpkg.com/postcss-minify-params/-/postcss-minify-params-6.1.0.tgz#54551dec77b9a45a29c3cb5953bf7325a399ba08" + integrity sha512-bmSKnDtyyE8ujHQK0RQJDIKhQ20Jq1LYiez54WiaOoBtcSuflfK3Nm596LvbtlFcpipMjgClQGyGr7GAs+H1uA== dependencies: - browserslist "^4.21.4" - cssnano-utils "^3.1.0" + browserslist "^4.23.0" + cssnano-utils "^4.0.2" postcss-value-parser "^4.2.0" -postcss-minify-selectors@^5.2.1: - version "5.2.1" - resolved "https://registry.yarnpkg.com/postcss-minify-selectors/-/postcss-minify-selectors-5.2.1.tgz#d4e7e6b46147b8117ea9325a915a801d5fe656c6" - integrity sha512-nPJu7OjZJTsVUmPdm2TcaiohIwxP+v8ha9NehQ2ye9szv4orirRU3SDdtUmKH+10nzn0bAyOXZ0UEr7OpvLehg== +postcss-minify-selectors@^6.0.4: + version "6.0.4" + resolved "https://registry.yarnpkg.com/postcss-minify-selectors/-/postcss-minify-selectors-6.0.4.tgz#197f7d72e6dd19eed47916d575d69dc38b396aff" + integrity sha512-L8dZSwNLgK7pjTto9PzWRoMbnLq5vsZSTu8+j1P/2GB8qdtGQfn+K1uSvFgYvgh83cbyxT5m43ZZhUMTJDSClQ== dependencies: - postcss-selector-parser "^6.0.5" + postcss-selector-parser "^6.0.16" -postcss-modules-extract-imports@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz#cda1f047c0ae80c97dbe28c3e76a43b88025741d" - integrity sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw== +postcss-modules-extract-imports@^3.1.0: + version "3.1.0" + resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.1.0.tgz#b4497cb85a9c0c4b5aabeb759bb25e8d89f15002" + integrity sha512-k3kNe0aNFQDAZGbin48pL2VNidTF0w4/eASDsxlyspobzU3wZQLOGj7L9gfRe0Jo9/4uud09DsjFNH7winGv8Q== -postcss-modules-local-by-default@^4.0.0: - version "4.0.0" - resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.0.tgz#ebbb54fae1598eecfdf691a02b3ff3b390a5a51c" - integrity sha512-sT7ihtmGSF9yhm6ggikHdV0hlziDTX7oFoXtuVWeDd3hHObNkcHRo9V3yg7vCAY7cONyxJC/XXCmmiHHcvX7bQ== +postcss-modules-local-by-default@^4.0.5: + version "4.0.5" + resolved "https://registry.yarnpkg.com/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.5.tgz#f1b9bd757a8edf4d8556e8d0f4f894260e3df78f" + integrity sha512-6MieY7sIfTK0hYfafw1OMEG+2bg8Q1ocHCpoWLqOKj3JXlKu4G7btkmM/B7lFubYkYWmRSPLZi5chid63ZaZYw== dependencies: icss-utils "^5.0.0" postcss-selector-parser "^6.0.2" postcss-value-parser "^4.1.0" -postcss-modules-scope@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-3.0.0.tgz#9ef3151456d3bbfa120ca44898dfca6f2fa01f06" - integrity sha512-hncihwFA2yPath8oZ15PZqvWGkWf+XUfQgUGamS4LqoP1anQLOsOJw0vr7J7IwLpoY9fatA2qiGUGmuZL0Iqlg== +postcss-modules-scope@^3.2.0: + version "3.2.0" + resolved "https://registry.yarnpkg.com/postcss-modules-scope/-/postcss-modules-scope-3.2.0.tgz#a43d28289a169ce2c15c00c4e64c0858e43457d5" + integrity sha512-oq+g1ssrsZOsx9M96c5w8laRmvEu9C3adDSjI8oTcbfkrTE8hx/zfyobUoWIxaKPO8bt6S62kxpw5GqypEw1QQ== dependencies: postcss-selector-parser "^6.0.4" @@ -6294,152 +7536,146 @@ postcss-modules-values@^4.0.0: dependencies: icss-utils "^5.0.0" -postcss-normalize-charset@^5.1.0: - version "5.1.0" - resolved "https://registry.yarnpkg.com/postcss-normalize-charset/-/postcss-normalize-charset-5.1.0.tgz#9302de0b29094b52c259e9b2cf8dc0879879f0ed" - integrity sha512-mSgUJ+pd/ldRGVx26p2wz9dNZ7ji6Pn8VWBajMXFf8jk7vUoSrZ2lt/wZR7DtlZYKesmZI680qjr2CeFF2fbUg== +postcss-normalize-charset@^6.0.2: + version "6.0.2" + resolved "https://registry.yarnpkg.com/postcss-normalize-charset/-/postcss-normalize-charset-6.0.2.tgz#1ec25c435057a8001dac942942a95ffe66f721e1" + integrity sha512-a8N9czmdnrjPHa3DeFlwqst5eaL5W8jYu3EBbTTkI5FHkfMhFZh1EGbku6jhHhIzTA6tquI2P42NtZ59M/H/kQ== -postcss-normalize-display-values@^5.1.0: - version "5.1.0" - resolved "https://registry.yarnpkg.com/postcss-normalize-display-values/-/postcss-normalize-display-values-5.1.0.tgz#72abbae58081960e9edd7200fcf21ab8325c3da8" - integrity sha512-WP4KIM4o2dazQXWmFaqMmcvsKmhdINFblgSeRgn8BJ6vxaMyaJkwAzpPpuvSIoG/rmX3M+IrRZEz2H0glrQNEA== +postcss-normalize-display-values@^6.0.2: + version "6.0.2" + resolved "https://registry.yarnpkg.com/postcss-normalize-display-values/-/postcss-normalize-display-values-6.0.2.tgz#54f02764fed0b288d5363cbb140d6950dbbdd535" + integrity sha512-8H04Mxsb82ON/aAkPeq8kcBbAtI5Q2a64X/mnRRfPXBq7XeogoQvReqxEfc0B4WPq1KimjezNC8flUtC3Qz6jg== dependencies: postcss-value-parser "^4.2.0" -postcss-normalize-positions@^5.1.1: - version "5.1.1" - resolved "https://registry.yarnpkg.com/postcss-normalize-positions/-/postcss-normalize-positions-5.1.1.tgz#ef97279d894087b59325b45c47f1e863daefbb92" - integrity sha512-6UpCb0G4eofTCQLFVuI3EVNZzBNPiIKcA1AKVka+31fTVySphr3VUgAIULBhxZkKgwLImhzMR2Bw1ORK+37INg== +postcss-normalize-positions@^6.0.2: + version "6.0.2" + resolved "https://registry.yarnpkg.com/postcss-normalize-positions/-/postcss-normalize-positions-6.0.2.tgz#e982d284ec878b9b819796266f640852dbbb723a" + integrity sha512-/JFzI441OAB9O7VnLA+RtSNZvQ0NCFZDOtp6QPFo1iIyawyXg0YI3CYM9HBy1WvwCRHnPep/BvI1+dGPKoXx/Q== dependencies: postcss-value-parser "^4.2.0" -postcss-normalize-repeat-style@^5.1.1: - version "5.1.1" - resolved "https://registry.yarnpkg.com/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-5.1.1.tgz#e9eb96805204f4766df66fd09ed2e13545420fb2" - integrity sha512-mFpLspGWkQtBcWIRFLmewo8aC3ImN2i/J3v8YCFUwDnPu3Xz4rLohDO26lGjwNsQxB3YF0KKRwspGzE2JEuS0g== +postcss-normalize-repeat-style@^6.0.2: + version "6.0.2" + resolved "https://registry.yarnpkg.com/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-6.0.2.tgz#f8006942fd0617c73f049dd8b6201c3a3040ecf3" + integrity sha512-YdCgsfHkJ2jEXwR4RR3Tm/iOxSfdRt7jplS6XRh9Js9PyCR/aka/FCb6TuHT2U8gQubbm/mPmF6L7FY9d79VwQ== dependencies: postcss-value-parser "^4.2.0" -postcss-normalize-string@^5.1.0: - version "5.1.0" - resolved "https://registry.yarnpkg.com/postcss-normalize-string/-/postcss-normalize-string-5.1.0.tgz#411961169e07308c82c1f8c55f3e8a337757e228" - integrity sha512-oYiIJOf4T9T1N4i+abeIc7Vgm/xPCGih4bZz5Nm0/ARVJ7K6xrDlLwvwqOydvyL3RHNf8qZk6vo3aatiw/go3w== +postcss-normalize-string@^6.0.2: + version "6.0.2" + resolved "https://registry.yarnpkg.com/postcss-normalize-string/-/postcss-normalize-string-6.0.2.tgz#e3cc6ad5c95581acd1fc8774b309dd7c06e5e363" + integrity sha512-vQZIivlxlfqqMp4L9PZsFE4YUkWniziKjQWUtsxUiVsSSPelQydwS8Wwcuw0+83ZjPWNTl02oxlIvXsmmG+CiQ== dependencies: postcss-value-parser "^4.2.0" -postcss-normalize-timing-functions@^5.1.0: - version "5.1.0" - resolved "https://registry.yarnpkg.com/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-5.1.0.tgz#d5614410f8f0b2388e9f240aa6011ba6f52dafbb" - integrity sha512-DOEkzJ4SAXv5xkHl0Wa9cZLF3WCBhF3o1SKVxKQAa+0pYKlueTpCgvkFAHfk+Y64ezX9+nITGrDZeVGgITJXjg== +postcss-normalize-timing-functions@^6.0.2: + version "6.0.2" + resolved "https://registry.yarnpkg.com/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-6.0.2.tgz#40cb8726cef999de984527cbd9d1db1f3e9062c0" + integrity sha512-a+YrtMox4TBtId/AEwbA03VcJgtyW4dGBizPl7e88cTFULYsprgHWTbfyjSLyHeBcK/Q9JhXkt2ZXiwaVHoMzA== dependencies: postcss-value-parser "^4.2.0" -postcss-normalize-unicode@^5.1.1: - version "5.1.1" - resolved "https://registry.yarnpkg.com/postcss-normalize-unicode/-/postcss-normalize-unicode-5.1.1.tgz#f67297fca3fea7f17e0d2caa40769afc487aa030" - integrity sha512-qnCL5jzkNUmKVhZoENp1mJiGNPcsJCs1aaRmURmeJGES23Z/ajaln+EPTD+rBeNkSryI+2WTdW+lwcVdOikrpA== +postcss-normalize-unicode@^6.1.0: + version "6.1.0" + resolved "https://registry.yarnpkg.com/postcss-normalize-unicode/-/postcss-normalize-unicode-6.1.0.tgz#aaf8bbd34c306e230777e80f7f12a4b7d27ce06e" + integrity sha512-QVC5TQHsVj33otj8/JD869Ndr5Xcc/+fwRh4HAsFsAeygQQXm+0PySrKbr/8tkDKzW+EVT3QkqZMfFrGiossDg== dependencies: - browserslist "^4.21.4" + browserslist "^4.23.0" postcss-value-parser "^4.2.0" -postcss-normalize-url@^5.1.0: - version "5.1.0" - resolved "https://registry.yarnpkg.com/postcss-normalize-url/-/postcss-normalize-url-5.1.0.tgz#ed9d88ca82e21abef99f743457d3729a042adcdc" - integrity sha512-5upGeDO+PVthOxSmds43ZeMeZfKH+/DKgGRD7TElkkyS46JXAUhMzIKiCa7BabPeIy3AQcTkXwVVN7DbqsiCew== +postcss-normalize-url@^6.0.2: + version "6.0.2" + resolved "https://registry.yarnpkg.com/postcss-normalize-url/-/postcss-normalize-url-6.0.2.tgz#292792386be51a8de9a454cb7b5c58ae22db0f79" + integrity sha512-kVNcWhCeKAzZ8B4pv/DnrU1wNh458zBNp8dh4y5hhxih5RZQ12QWMuQrDgPRw3LRl8mN9vOVfHl7uhvHYMoXsQ== dependencies: - normalize-url "^6.0.1" postcss-value-parser "^4.2.0" -postcss-normalize-whitespace@^5.1.1: - version "5.1.1" - resolved "https://registry.yarnpkg.com/postcss-normalize-whitespace/-/postcss-normalize-whitespace-5.1.1.tgz#08a1a0d1ffa17a7cc6efe1e6c9da969cc4493cfa" - integrity sha512-83ZJ4t3NUDETIHTa3uEg6asWjSBYL5EdkVB0sDncx9ERzOKBVJIUeDO9RyA9Zwtig8El1d79HBp0JEi8wvGQnA== +postcss-normalize-whitespace@^6.0.2: + version "6.0.2" + resolved "https://registry.yarnpkg.com/postcss-normalize-whitespace/-/postcss-normalize-whitespace-6.0.2.tgz#fbb009e6ebd312f8b2efb225c2fcc7cf32b400cd" + integrity sha512-sXZ2Nj1icbJOKmdjXVT9pnyHQKiSAyuNQHSgRCUgThn2388Y9cGVDR+E9J9iAYbSbLHI+UUwLVl1Wzco/zgv0Q== dependencies: postcss-value-parser "^4.2.0" -postcss-ordered-values@^5.1.3: - version "5.1.3" - resolved "https://registry.yarnpkg.com/postcss-ordered-values/-/postcss-ordered-values-5.1.3.tgz#b6fd2bd10f937b23d86bc829c69e7732ce76ea38" - integrity sha512-9UO79VUhPwEkzbb3RNpqqghc6lcYej1aveQteWY+4POIwlqkYE21HKWaLDF6lWNuqCobEAyTovVhtI32Rbv2RQ== +postcss-ordered-values@^6.0.2: + version "6.0.2" + resolved "https://registry.yarnpkg.com/postcss-ordered-values/-/postcss-ordered-values-6.0.2.tgz#366bb663919707093451ab70c3f99c05672aaae5" + integrity sha512-VRZSOB+JU32RsEAQrO94QPkClGPKJEL/Z9PCBImXMhIeK5KAYo6slP/hBYlLgrCjFxyqvn5VC81tycFEDBLG1Q== dependencies: - cssnano-utils "^3.1.0" + cssnano-utils "^4.0.2" postcss-value-parser "^4.2.0" -postcss-reduce-idents@^5.2.0: - version "5.2.0" - resolved "https://registry.yarnpkg.com/postcss-reduce-idents/-/postcss-reduce-idents-5.2.0.tgz#c89c11336c432ac4b28792f24778859a67dfba95" - integrity sha512-BTrLjICoSB6gxbc58D5mdBK8OhXRDqud/zodYfdSi52qvDHdMwk+9kB9xsM8yJThH/sZU5A6QVSmMmaN001gIg== +postcss-reduce-idents@^6.0.3: + version "6.0.3" + resolved "https://registry.yarnpkg.com/postcss-reduce-idents/-/postcss-reduce-idents-6.0.3.tgz#b0d9c84316d2a547714ebab523ec7d13704cd486" + integrity sha512-G3yCqZDpsNPoQgbDUy3T0E6hqOQ5xigUtBQyrmq3tn2GxlyiL0yyl7H+T8ulQR6kOcHJ9t7/9H4/R2tv8tJbMA== dependencies: postcss-value-parser "^4.2.0" -postcss-reduce-initial@^5.1.1: - version "5.1.1" - resolved "https://registry.yarnpkg.com/postcss-reduce-initial/-/postcss-reduce-initial-5.1.1.tgz#c18b7dfb88aee24b1f8e4936541c29adbd35224e" - integrity sha512-//jeDqWcHPuXGZLoolFrUXBDyuEGbr9S2rMo19bkTIjBQ4PqkaO+oI8wua5BOUxpfi97i3PCoInsiFIEBfkm9w== +postcss-reduce-initial@^6.1.0: + version "6.1.0" + resolved "https://registry.yarnpkg.com/postcss-reduce-initial/-/postcss-reduce-initial-6.1.0.tgz#4401297d8e35cb6e92c8e9586963e267105586ba" + integrity sha512-RarLgBK/CrL1qZags04oKbVbrrVK2wcxhvta3GCxrZO4zveibqbRPmm2VI8sSgCXwoUHEliRSbOfpR0b/VIoiw== dependencies: - browserslist "^4.21.4" + browserslist "^4.23.0" caniuse-api "^3.0.0" -postcss-reduce-transforms@^5.1.0: - version "5.1.0" - resolved "https://registry.yarnpkg.com/postcss-reduce-transforms/-/postcss-reduce-transforms-5.1.0.tgz#333b70e7758b802f3dd0ddfe98bb1ccfef96b6e9" - integrity sha512-2fbdbmgir5AvpW9RLtdONx1QoYG2/EtqpNQbFASDlixBbAYuTcJ0dECwlqNqH7VbaUnEnh8SrxOe2sRIn24XyQ== +postcss-reduce-transforms@^6.0.2: + version "6.0.2" + resolved "https://registry.yarnpkg.com/postcss-reduce-transforms/-/postcss-reduce-transforms-6.0.2.tgz#6fa2c586bdc091a7373caeee4be75a0f3e12965d" + integrity sha512-sB+Ya++3Xj1WaT9+5LOOdirAxP7dJZms3GRcYheSPi1PiTMigsxHAdkrbItHxwYHr4kt1zL7mmcHstgMYT+aiA== dependencies: postcss-value-parser "^4.2.0" -postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4, postcss-selector-parser@^6.0.5, postcss-selector-parser@^6.0.9: - version "6.0.10" - resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz#79b61e2c0d1bfc2602d549e11d0876256f8df88d" - integrity sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w== +postcss-selector-parser@^6.0.11, postcss-selector-parser@^6.0.16, postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4: + version "6.0.16" + resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.16.tgz#3b88b9f5c5abd989ef4e2fc9ec8eedd34b20fb04" + integrity sha512-A0RVJrX+IUkVZbW3ClroRWurercFhieevHB38sr2+l9eUClMqome3LmEmnhlNy+5Mr2EYN6B2Kaw9wYdd+VHiw== dependencies: cssesc "^3.0.0" util-deprecate "^1.0.2" -postcss-sort-media-queries@^4.2.1: - version "4.3.0" - resolved "https://registry.yarnpkg.com/postcss-sort-media-queries/-/postcss-sort-media-queries-4.3.0.tgz#f48a77d6ce379e86676fc3f140cf1b10a06f6051" - integrity sha512-jAl8gJM2DvuIJiI9sL1CuiHtKM4s5aEIomkU8G3LFvbP+p8i7Sz8VV63uieTgoewGqKbi+hxBTiOKJlB35upCg== +postcss-sort-media-queries@^5.2.0: + version "5.2.0" + resolved "https://registry.yarnpkg.com/postcss-sort-media-queries/-/postcss-sort-media-queries-5.2.0.tgz#4556b3f982ef27d3bac526b99b6c0d3359a6cf97" + integrity sha512-AZ5fDMLD8SldlAYlvi8NIqo0+Z8xnXU2ia0jxmuhxAU+Lqt9K+AlmLNJ/zWEnE9x+Zx3qL3+1K20ATgNOr3fAA== dependencies: - sort-css-media-queries "2.1.0" + sort-css-media-queries "2.2.0" -postcss-svgo@^5.1.0: - version "5.1.0" - resolved "https://registry.yarnpkg.com/postcss-svgo/-/postcss-svgo-5.1.0.tgz#0a317400ced789f233a28826e77523f15857d80d" - integrity sha512-D75KsH1zm5ZrHyxPakAxJWtkyXew5qwS70v56exwvw542d9CRtTo78K0WeFxZB4G7JXKKMbEZtZayTGdIky/eA== +postcss-svgo@^6.0.3: + version "6.0.3" + resolved "https://registry.yarnpkg.com/postcss-svgo/-/postcss-svgo-6.0.3.tgz#1d6e180d6df1fa8a3b30b729aaa9161e94f04eaa" + integrity sha512-dlrahRmxP22bX6iKEjOM+c8/1p+81asjKT+V5lrgOH944ryx/OHpclnIbGsKVd3uWOXFLYJwCVf0eEkJGvO96g== dependencies: postcss-value-parser "^4.2.0" - svgo "^2.7.0" + svgo "^3.2.0" -postcss-unique-selectors@^5.1.1: - version "5.1.1" - resolved "https://registry.yarnpkg.com/postcss-unique-selectors/-/postcss-unique-selectors-5.1.1.tgz#a9f273d1eacd09e9aa6088f4b0507b18b1b541b6" - integrity sha512-5JiODlELrz8L2HwxfPnhOWZYWDxVHWL83ufOv84NrcgipI7TaeRsatAhK4Tr2/ZiYldpK/wBvw5BD3qfaK96GA== +postcss-unique-selectors@^6.0.4: + version "6.0.4" + resolved "https://registry.yarnpkg.com/postcss-unique-selectors/-/postcss-unique-selectors-6.0.4.tgz#983ab308896b4bf3f2baaf2336e14e52c11a2088" + integrity sha512-K38OCaIrO8+PzpArzkLKB42dSARtC2tmG6PvD4b1o1Q2E9Os8jzfWFfSy/rixsHwohtsDdFtAWGjFVFUdwYaMg== dependencies: - postcss-selector-parser "^6.0.5" + postcss-selector-parser "^6.0.16" postcss-value-parser@^4.1.0, postcss-value-parser@^4.2.0: version "4.2.0" resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514" integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ== -postcss-zindex@^5.1.0: - version "5.1.0" - resolved "https://registry.yarnpkg.com/postcss-zindex/-/postcss-zindex-5.1.0.tgz#4a5c7e5ff1050bd4c01d95b1847dfdcc58a496ff" - integrity sha512-fgFMf0OtVSBR1va1JNHYgMxYk73yhn/qb4uQDq1DLGYolz8gHCyr/sesEuGUaYs58E3ZJRcpoGuPVoB7Meiq9A== +postcss-zindex@^6.0.2: + version "6.0.2" + resolved "https://registry.yarnpkg.com/postcss-zindex/-/postcss-zindex-6.0.2.tgz#e498304b83a8b165755f53db40e2ea65a99b56e1" + integrity sha512-5BxW9l1evPB/4ZIc+2GobEBoKC+h8gPGCMi+jxsYvd2x0mjq7wazk6DrP71pStqxE9Foxh5TVnonbWpFZzXaYg== -postcss@^8.3.11, postcss@^8.4.14, postcss@^8.4.17, postcss@^8.4.7: - version "8.4.19" - resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.19.tgz#61178e2add236b17351897c8bcc0b4c8ecab56fc" - integrity sha512-h+pbPsyhlYj6N2ozBmHhHrs9DzGmbaarbLvWipMRO7RLS+v4onj26MPFXA5OBYFxyqYhUJK456SwDcY9H2/zsA== +postcss@^8.4.21, postcss@^8.4.24, postcss@^8.4.26, postcss@^8.4.33, postcss@^8.4.38: + version "8.4.38" + resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.38.tgz#b387d533baf2054288e337066d81c6bee9db9e0e" + integrity sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A== dependencies: - nanoid "^3.3.4" + nanoid "^3.3.7" picocolors "^1.0.0" - source-map-js "^1.0.2" - -prepend-http@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-2.0.0.tgz#e92434bfa5ea8c19f41cdfd401d741a3c819d897" - integrity sha512-ravE6m9Atw9Z/jjttRUZ+clIXogdghyZAuWJ3qEzjT+jI/dL1ifAqhZeC5VHzQp1MSt1+jxKkFNemj/iO7tVUA== + source-map-js "^1.2.0" pretty-error@^4.0.0: version "4.0.0" @@ -6454,12 +7690,15 @@ pretty-time@^1.1.0: resolved "https://registry.yarnpkg.com/pretty-time/-/pretty-time-1.1.0.tgz#ffb7429afabb8535c346a34e41873adf3d74dd0e" integrity sha512-28iF6xPQrP8Oa6uxE6a1biz+lWeTOAPKggvjB8HAs6nVMKZwf5bG++632Dx614hIWgUPkgivRfG+a8uAXGTIbA== -prism-react-renderer@^1.3.5: - version "1.3.5" - resolved "https://registry.yarnpkg.com/prism-react-renderer/-/prism-react-renderer-1.3.5.tgz#786bb69aa6f73c32ba1ee813fbe17a0115435085" - integrity sha512-IJ+MSwBWKG+SM3b2SUfdrhC+gu01QkV2KmRQgREThBfSQRoufqRfxfHUxpG1WcaFjP+kojcFyO9Qqtpgt3qLCg== +prism-react-renderer@^2.1.0, prism-react-renderer@^2.3.0: + version "2.3.1" + resolved "https://registry.yarnpkg.com/prism-react-renderer/-/prism-react-renderer-2.3.1.tgz#e59e5450052ede17488f6bc85de1553f584ff8d5" + integrity sha512-Rdf+HzBLR7KYjzpJ1rSoxT9ioO85nZngQEoFIhL07XhtJHlCU3SOz0GJ6+qvMyQe0Se+BV3qpe6Yd/NmQF5Juw== + dependencies: + "@types/prismjs" "^1.26.0" + clsx "^2.0.0" -prismjs@^1.28.0: +prismjs@^1.29.0: version "1.29.0" resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.29.0.tgz#f113555a8fa9b57c35e637bba27509dcf802dd12" integrity sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q== @@ -6469,13 +7708,6 @@ process-nextick-args@~2.0.0: resolved "https://registry.yarnpkg.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2" integrity sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag== -promise@^7.1.1: - version "7.3.1" - resolved "https://registry.yarnpkg.com/promise/-/promise-7.3.1.tgz#064b72602b18f90f29192b8b1bc418ffd1ebd3bf" - integrity sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg== - dependencies: - asap "~2.0.3" - prompts@^2.4.2: version "2.4.2" resolved "https://registry.yarnpkg.com/prompts/-/prompts-2.4.2.tgz#7b57e73b3a48029ad10ebd44f74b01722a4cb069" @@ -6493,12 +7725,15 @@ prop-types@^15.6.2, prop-types@^15.7.2: object-assign "^4.1.1" react-is "^16.13.1" -property-information@^5.0.0, property-information@^5.3.0: - version "5.6.0" - resolved "https://registry.yarnpkg.com/property-information/-/property-information-5.6.0.tgz#61675545fb23002f245c6540ec46077d4da3ed69" - integrity sha512-YUHSPk+A30YPv+0Qf8i9Mbfe/C0hdPXk1s1jPVToV8pk8BQtpw10ct89Eo7OWkutrwqvT0eicAxlOg3dOAu8JA== - dependencies: - xtend "^4.0.0" +property-information@^6.0.0: + version "6.5.0" + resolved "https://registry.yarnpkg.com/property-information/-/property-information-6.5.0.tgz#6212fbb52ba757e92ef4fb9d657563b933b7ffec" + integrity sha512-PgTgs/BlvHxOu8QuEN7wi5A0OmXaBcHpmCSTehcs6Uuu9IkDIEo13Hy7n898RHfrQ49vKCoGeWZSaAK01nwVig== + +proto-list@~1.2.1: + version "1.2.4" + resolved "https://registry.yarnpkg.com/proto-list/-/proto-list-1.2.4.tgz#212d5bfe1318306a420f6402b8e26ff39647a849" + integrity sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA== proxy-addr@~2.0.7: version "2.0.7" @@ -6508,40 +7743,27 @@ proxy-addr@~2.0.7: forwarded "0.2.0" ipaddr.js "1.9.1" -psl@^1.1.28: - version "1.9.0" - resolved "https://registry.yarnpkg.com/psl/-/psl-1.9.0.tgz#d0df2a137f00794565fcaf3b2c00cd09f8d5a5a7" - integrity sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag== - -pump@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/pump/-/pump-3.0.0.tgz#b4a2116815bde2f4e1ea602354e8c75565107a64" - integrity sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww== - dependencies: - end-of-stream "^1.1.0" - once "^1.3.1" - punycode@^1.3.2: version "1.4.1" resolved "https://registry.yarnpkg.com/punycode/-/punycode-1.4.1.tgz#c0d5a63b2718800ad8e1eb0fa5269c84dd41845e" integrity sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ== -punycode@^2.1.0, punycode@^2.1.1: - version "2.1.1" - resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec" - integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A== +punycode@^2.1.0: + version "2.3.1" + resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5" + integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg== -pupa@^2.1.1: - version "2.1.1" - resolved "https://registry.yarnpkg.com/pupa/-/pupa-2.1.1.tgz#f5e8fd4afc2c5d97828faa523549ed8744a20d62" - integrity sha512-l1jNAspIBSFqbT+y+5FosojNpVpF94nlI+wDUpqP9enwOTfHx9f0gh5nB96vl+6yTpsJsypeNrwfzPrKuHB41A== +pupa@^3.1.0: + version "3.1.0" + resolved "https://registry.yarnpkg.com/pupa/-/pupa-3.1.0.tgz#f15610274376bbcc70c9a3aa8b505ea23f41c579" + integrity sha512-FLpr4flz5xZTSJxSeaheeMKN/EDzMdK7b8PTOC6a5PYFKTucWbdqjgqaEyH0shFiSJrVB1+Qqi4Tk19ccU6Aug== dependencies: - escape-goat "^2.0.0" + escape-goat "^4.0.0" -pure-color@^1.2.0: - version "1.3.0" - resolved "https://registry.yarnpkg.com/pure-color/-/pure-color-1.3.0.tgz#1fe064fb0ac851f0de61320a8bf796836422f33e" - integrity sha512-QFADYnsVoBMw1srW7OVKEYjG+MbIa49s54w1MA1EDY6r2r/sTcKKYqRX1f4GYvnXP7eN/Pe9HFcX+hwzmrXRHA== +q@^1.1.2: + version "1.5.1" + resolved "https://registry.yarnpkg.com/q/-/q-1.5.1.tgz#7e32f75b41381291d04611f1bf14109ac00651d7" + integrity sha512-kV/CThkXo6xyFEZUugw/+pIOywXcDbFYgSct5cT3gqlbkBE1SJdwy6UQoZvodiWF/ckQLZyDE/Bu1M6gVu5lVw== qs@6.11.0: version "6.11.0" @@ -6550,11 +7772,6 @@ qs@6.11.0: dependencies: side-channel "^1.0.4" -qs@~6.5.2: - version "6.5.3" - resolved "https://registry.yarnpkg.com/qs/-/qs-6.5.3.tgz#3aeeffc91967ef6e35c0e488ef46fb296ab76aad" - integrity sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA== - queue-microtask@^1.2.2: version "1.2.3" resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243" @@ -6567,10 +7784,10 @@ queue@6.0.2: dependencies: inherits "~2.0.3" -quick-lru@^4.0.1: - version "4.0.1" - resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-4.0.1.tgz#5b8878f113a58217848c6482026c73e1ba57727f" - integrity sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g== +quick-lru@^5.1.1: + version "5.1.1" + resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-5.1.1.tgz#366493e6b3e42a3a6885e2e99d18f80fb7a8c932" + integrity sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA== randombytes@^2.1.0: version "2.1.0" @@ -6589,17 +7806,17 @@ range-parser@^1.2.1, range-parser@~1.2.1: resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.1.tgz#3cf37023d199e1c24d1a55b84800c2f3e6468031" integrity sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg== -raw-body@2.5.1: - version "2.5.1" - resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.5.1.tgz#fe1b1628b181b700215e5fd42389f98b71392857" - integrity sha512-qqJBtEyVgS0ZmPGdCFPWJ3FreoqvG4MVQln/kCgF7Olq95IbOp0/BWyMwbdtn4VTvkM8Y7khCQ2Xgk/tcrCXig== +raw-body@2.5.2: + version "2.5.2" + resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.5.2.tgz#99febd83b90e08975087e8f1f9419a149366b68a" + integrity sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA== dependencies: bytes "3.1.2" http-errors "2.0.0" iconv-lite "0.4.24" unpipe "1.0.0" -rc@1.2.8, rc@^1.2.8: +rc@1.2.8: version "1.2.8" resolved "https://registry.yarnpkg.com/rc/-/rc-1.2.8.tgz#cd924bf5200a075b83c188cd6b9e211b7fc0d3ed" integrity sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw== @@ -6609,16 +7826,6 @@ rc@1.2.8, rc@^1.2.8: minimist "^1.2.0" strip-json-comments "~2.0.1" -react-base16-styling@^0.6.0: - version "0.6.0" - resolved "https://registry.yarnpkg.com/react-base16-styling/-/react-base16-styling-0.6.0.tgz#ef2156d66cf4139695c8a167886cb69ea660792c" - integrity sha512-yvh/7CArceR/jNATXOKDlvTnPKPmGZz7zsenQ3jUwLzHkNUR0CvY3yGYJbWJ/nnxsL8Sgmt5cO3/SILVuPO6TQ== - dependencies: - base16 "^1.0.0" - lodash.curry "^4.0.1" - lodash.flow "^3.3.0" - pure-color "^1.2.0" - react-dev-utils@^12.0.1: version "12.0.1" resolved "https://registry.yarnpkg.com/react-dev-utils/-/react-dev-utils-12.0.1.tgz#ba92edb4a1f379bd46ccd6bcd4e7bc398df33e73" @@ -6649,26 +7856,34 @@ react-dev-utils@^12.0.1: strip-ansi "^6.0.1" text-table "^0.2.0" -react-dom@^17.0.2: - version "17.0.2" - resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-17.0.2.tgz#ecffb6845e3ad8dbfcdc498f0d0a939736502c23" - integrity sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA== +react-dom@^18.2.0: + version "18.3.1" + resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-18.3.1.tgz#c2265d79511b57d479b3dd3fdfa51536494c5cb4" + integrity sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw== dependencies: loose-envify "^1.1.0" - object-assign "^4.1.1" - scheduler "^0.20.2" + scheduler "^0.23.2" react-error-overlay@^6.0.11: version "6.0.11" resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-6.0.11.tgz#92835de5841c5cf08ba00ddd2d677b6d17ff9adb" integrity sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg== -react-fast-compare@^3.2.0: - version "3.2.0" - resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-3.2.0.tgz#641a9da81b6a6320f270e89724fb45a0b39e43bb" - integrity sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA== +react-fast-compare@^3.2.0, react-fast-compare@^3.2.2: + version "3.2.2" + resolved "https://registry.yarnpkg.com/react-fast-compare/-/react-fast-compare-3.2.2.tgz#929a97a532304ce9fee4bcae44234f1ce2c21d49" + integrity sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ== + +react-helmet-async@*: + version "2.0.4" + resolved "https://registry.yarnpkg.com/react-helmet-async/-/react-helmet-async-2.0.4.tgz#50a4377778f380ed1d0136303916b38eff1bf153" + integrity sha512-yxjQMWposw+akRfvpl5+8xejl4JtUlHnEBcji6u8/e6oc7ozT+P9PNTWMhCbz2y9tc5zPegw2BvKjQA+NwdEjQ== + dependencies: + invariant "^2.2.4" + react-fast-compare "^3.2.2" + shallowequal "^1.1.0" -react-helmet-async@*, react-helmet-async@^1.3.0: +react-helmet-async@^1.3.0: version "1.3.0" resolved "https://registry.yarnpkg.com/react-helmet-async/-/react-helmet-async-1.3.0.tgz#7bd5bf8c5c69ea9f02f6083f14ce33ef545c222e" integrity sha512-9jZ57/dAn9t3q6hneQS0wukqC2ENOBgMNVEhb/ZG9ZSxUetzVIw4iAmEU38IaVg3QGYauQPhSeUTuIUtFglWpg== @@ -6684,20 +7899,10 @@ react-is@^16.13.1, react-is@^16.6.0, react-is@^16.7.0: resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4" integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ== -react-json-view@^1.21.3: - version "1.21.3" - resolved "https://registry.yarnpkg.com/react-json-view/-/react-json-view-1.21.3.tgz#f184209ee8f1bf374fb0c41b0813cff54549c475" - integrity sha512-13p8IREj9/x/Ye4WI/JpjhoIwuzEgUAtgJZNBJckfzJt1qyh24BdTm6UQNGnyTq9dapQdrqvquZTo3dz1X6Cjw== - dependencies: - flux "^4.0.1" - react-base16-styling "^0.6.0" - react-lifecycles-compat "^3.0.4" - react-textarea-autosize "^8.3.2" - -react-lifecycles-compat@^3.0.4: - version "3.0.4" - resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz#4f1a273afdfc8f3488a8c516bfda78f872352362" - integrity sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA== +react-json-view-lite@^1.2.0: + version "1.3.1" + resolved "https://registry.yarnpkg.com/react-json-view-lite/-/react-json-view-lite-1.3.1.tgz#29135f389361cecbacc7ece5e0f9d392983b9322" + integrity sha512-zvnfdUW6sL+4FfiwbYnYdwfxKZum0MbbXcMN5XhxhG405QpTW20ILIUjwJ/AXPg8V7BFUoNZKXopPxCcGR/Dhw== react-loadable-ssr-addon-v5-slorber@^1.0.1: version "1.0.1" @@ -6706,6 +7911,13 @@ react-loadable-ssr-addon-v5-slorber@^1.0.1: dependencies: "@babel/runtime" "^7.10.3" +"react-loadable@npm:@docusaurus/react-loadable@6.0.0": + version "6.0.0" + resolved "https://registry.yarnpkg.com/@docusaurus/react-loadable/-/react-loadable-6.0.0.tgz#de6c7f73c96542bd70786b8e522d535d69069dc4" + integrity sha512-YMMxTUQV/QFSnbgrP3tjDzLHRg7vsbMn8e9HAa8o/1iXoiomo48b7sk/kkmWEuWNDPJVlKSJRB6Y2fHqdJk+SQ== + dependencies: + "@types/react" "*" + react-router-config@^5.1.1: version "5.1.1" resolved "https://registry.yarnpkg.com/react-router-config/-/react-router-config-5.1.1.tgz#0f4263d1a80c6b2dc7b9c1902c9526478194a988" @@ -6713,7 +7925,7 @@ react-router-config@^5.1.1: dependencies: "@babel/runtime" "^7.1.2" -react-router-dom@^5.3.3: +react-router-dom@^5.3.4: version "5.3.4" resolved "https://registry.yarnpkg.com/react-router-dom/-/react-router-dom-5.3.4.tgz#2ed62ffd88cae6db134445f4a0c0ae8b91d2e5e6" integrity sha512-m4EqFMHv/Ih4kpcBCONHbkT68KoAeHN4p3lAGoNryfHi0dMy0kCzEZakiKRsvg5wHZ/JLrLW8o8KomWiz/qbYQ== @@ -6726,7 +7938,7 @@ react-router-dom@^5.3.3: tiny-invariant "^1.0.2" tiny-warning "^1.0.0" -react-router@5.3.4, react-router@^5.3.3: +react-router@5.3.4, react-router@^5.3.4: version "5.3.4" resolved "https://registry.yarnpkg.com/react-router/-/react-router-5.3.4.tgz#8ca252d70fcc37841e31473c7a151cf777887bb5" integrity sha512-Ys9K+ppnJah3QuaRiLxk+jDWOR1MekYQrlytiXxC1RyfbdsZkS5pvKAzCCr031xHixZwpnsYNT5xysdFHQaYsA== @@ -6741,46 +7953,17 @@ react-router@5.3.4, react-router@^5.3.3: tiny-invariant "^1.0.2" tiny-warning "^1.0.0" -react-textarea-autosize@^8.3.2: - version "8.4.0" - resolved "https://registry.yarnpkg.com/react-textarea-autosize/-/react-textarea-autosize-8.4.0.tgz#4d0244d6a50caa897806b8c44abc0540a69bfc8c" - integrity sha512-YrTFaEHLgJsi8sJVYHBzYn+mkP3prGkmP2DKb/tm0t7CLJY5t1Rxix8070LAKb0wby7bl/lf2EeHkuMihMZMwQ== - dependencies: - "@babel/runtime" "^7.10.2" - use-composed-ref "^1.3.0" - use-latest "^1.2.1" - -react@^17.0.2: - version "17.0.2" - resolved "https://registry.yarnpkg.com/react/-/react-17.0.2.tgz#d0b5cc516d29eb3eee383f75b62864cfb6800037" - integrity sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA== +react@^18.2.0: + version "18.3.1" + resolved "https://registry.yarnpkg.com/react/-/react-18.3.1.tgz#49ab892009c53933625bd16b2533fc754cab2891" + integrity sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ== dependencies: loose-envify "^1.1.0" - object-assign "^4.1.1" - -read-pkg-up@^7.0.1: - version "7.0.1" - resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-7.0.1.tgz#f3a6135758459733ae2b95638056e1854e7ef507" - integrity sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg== - dependencies: - find-up "^4.1.0" - read-pkg "^5.2.0" - type-fest "^0.8.1" -read-pkg@^5.2.0: - version "5.2.0" - resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-5.2.0.tgz#7bf295438ca5a33e56cd30e053b34ee7250c93cc" - integrity sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg== - dependencies: - "@types/normalize-package-data" "^2.4.0" - normalize-package-data "^2.5.0" - parse-json "^5.0.0" - type-fest "^0.6.0" - -readable-stream@^2.0.1, readable-stream@^2.0.6: - version "2.3.7" - resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57" - integrity sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw== +readable-stream@^2.0.1: + version "2.3.8" + resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-2.3.8.tgz#91125e8042bba1b9887f49345f6277027ce8be9b" + integrity sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA== dependencies: core-util-is "~1.0.0" inherits "~2.0.3" @@ -6791,9 +7974,9 @@ readable-stream@^2.0.1, readable-stream@^2.0.6: util-deprecate "~1.0.1" readable-stream@^3.0.6: - version "3.6.0" - resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.0.tgz#337bbda3adc0706bd3e024426a286d4b4b2c9198" - integrity sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA== + version "3.6.2" + resolved "https://registry.yarnpkg.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967" + integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA== dependencies: inherits "^2.0.3" string_decoder "^1.1.1" @@ -6832,18 +8015,10 @@ recursive-readdir@^2.2.2: dependencies: minimatch "^3.0.5" -redent@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/redent/-/redent-3.0.0.tgz#e557b7998316bb53c9f1f56fa626352c6963059f" - integrity sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg== - dependencies: - indent-string "^4.0.0" - strip-indent "^3.0.0" - regenerate-unicode-properties@^10.1.0: - version "10.1.0" - resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.0.tgz#7c3192cab6dd24e21cb4461e5ddd7dd24fa8374c" - integrity sha512-d1VudCLoIGitcU/hEg2QqvyGZQmdC0Lf8BqdOMXGFSvJP4bNV1+XqbPQeHHLD51Jh4QJJ225dlIFvY4Ly6MXmQ== + version "10.1.1" + resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.1.tgz#6b0e05489d9076b04c436f318d9b067bba459480" + integrity sha512-X007RyZLsCJVVrjgEFVpLUTZwyOZk3oiL75ZcuYjlIWd6rNJtOjkBwQc5AsRrpbKVkxN6sklw/k/9m2jJYOf8Q== dependencies: regenerate "^1.4.2" @@ -6852,48 +8027,53 @@ regenerate@^1.4.2: resolved "https://registry.yarnpkg.com/regenerate/-/regenerate-1.4.2.tgz#b9346d8827e8f5a32f7ba29637d398b69014848a" integrity sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A== -regenerator-runtime@^0.13.10: - version "0.13.10" - resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.10.tgz#ed07b19616bcbec5da6274ebc75ae95634bfc2ee" - integrity sha512-KepLsg4dU12hryUO7bp/axHAKvwGOCV0sGloQtpagJ12ai+ojVDqkeGSiRX1zlq+kjIMZ1t7gpze+26QqtdGqw== +regenerator-runtime@^0.14.0: + version "0.14.1" + resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz#356ade10263f685dda125100cd862c1db895327f" + integrity sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw== -regenerator-transform@^0.15.0: - version "0.15.0" - resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.15.0.tgz#cbd9ead5d77fae1a48d957cf889ad0586adb6537" - integrity sha512-LsrGtPmbYg19bcPHwdtmXwbW+TqNvtY4riE3P83foeHRroMbH6/2ddFBfab3t7kbzc7v7p4wbkIecHImqt0QNg== +regenerator-transform@^0.15.2: + version "0.15.2" + resolved "https://registry.yarnpkg.com/regenerator-transform/-/regenerator-transform-0.15.2.tgz#5bbae58b522098ebdf09bca2f83838929001c7a4" + integrity sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg== dependencies: "@babel/runtime" "^7.8.4" -regexpu-core@^5.1.0: - version "5.2.1" - resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-5.2.1.tgz#a69c26f324c1e962e9ffd0b88b055caba8089139" - integrity sha512-HrnlNtpvqP1Xkb28tMhBUO2EbyUHdQlsnlAhzWcwHy8WJR53UWr7/MAvqrsQKMbV4qdpv03oTMG8iIhfsPFktQ== +regexp.prototype.flags@^1.5.2: + version "1.5.2" + resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.2.tgz#138f644a3350f981a858c44f6bb1a61ff59be334" + integrity sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw== + dependencies: + call-bind "^1.0.6" + define-properties "^1.2.1" + es-errors "^1.3.0" + set-function-name "^2.0.1" + +regexpu-core@^5.3.1: + version "5.3.2" + resolved "https://registry.yarnpkg.com/regexpu-core/-/regexpu-core-5.3.2.tgz#11a2b06884f3527aec3e93dbbf4a3b958a95546b" + integrity sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ== dependencies: + "@babel/regjsgen" "^0.8.0" regenerate "^1.4.2" regenerate-unicode-properties "^10.1.0" - regjsgen "^0.7.1" regjsparser "^0.9.1" unicode-match-property-ecmascript "^2.0.0" - unicode-match-property-value-ecmascript "^2.0.0" + unicode-match-property-value-ecmascript "^2.1.0" -registry-auth-token@^4.0.0: - version "4.2.2" - resolved "https://registry.yarnpkg.com/registry-auth-token/-/registry-auth-token-4.2.2.tgz#f02d49c3668884612ca031419491a13539e21fac" - integrity sha512-PC5ZysNb42zpFME6D/XlIgtNGdTl8bBOCw90xQLVMpzuuubJKYDWFAEuUNc+Cn8Z8724tg2SDhDRrkVEsqfDMg== +registry-auth-token@^5.0.1: + version "5.0.2" + resolved "https://registry.yarnpkg.com/registry-auth-token/-/registry-auth-token-5.0.2.tgz#8b026cc507c8552ebbe06724136267e63302f756" + integrity sha512-o/3ikDxtXaA59BmZuZrJZDJv8NMDGSj+6j6XaeBmHw8eY1i1qd9+6H+LjVvQXx3HN6aRCGa1cUdJ9RaJZUugnQ== dependencies: - rc "1.2.8" + "@pnpm/npm-conf" "^2.1.0" -registry-url@^5.0.0: - version "5.1.0" - resolved "https://registry.yarnpkg.com/registry-url/-/registry-url-5.1.0.tgz#e98334b50d5434b81136b44ec638d9c2009c5009" - integrity sha512-8acYXXTI0AkQv6RAOjE3vOaIXZkT9wo4LOFbBKYQEEnnMNBpKqdUrI6S4NT0KPIo/WVvJ5tE/X5LF/TQUf0ekw== +registry-url@^6.0.0: + version "6.0.1" + resolved "https://registry.yarnpkg.com/registry-url/-/registry-url-6.0.1.tgz#056d9343680f2f64400032b1e199faa692286c58" + integrity sha512-+crtS5QjFRqFCoQmvGduwYWEBng99ZvmFvF+cUJkGYF1L1BfU8C6Zp9T7f5vPAwyLkUExpvK+ANVZmGU49qi4Q== dependencies: - rc "^1.2.8" - -regjsgen@^0.7.1: - version "0.7.1" - resolved "https://registry.yarnpkg.com/regjsgen/-/regjsgen-0.7.1.tgz#ee5ef30e18d3f09b7c369b76e7c2373ed25546f6" - integrity sha512-RAt+8H2ZEzHeYWxZ3H2z6tF18zyyOnlcdaafLrm21Bguj7uZy6ULibiAFdXEtKQY4Sy7wDTwDiOazasMLc4KPA== + rc "1.2.8" regjsparser@^0.9.1: version "0.9.1" @@ -6902,67 +8082,100 @@ regjsparser@^0.9.1: dependencies: jsesc "~0.5.0" +rehype-raw@^7.0.0: + version "7.0.0" + resolved "https://registry.yarnpkg.com/rehype-raw/-/rehype-raw-7.0.0.tgz#59d7348fd5dbef3807bbaa1d443efd2dd85ecee4" + integrity sha512-/aE8hCfKlQeA8LmyeyQvQF3eBiLRGNlfBJEvWH7ivp9sBqs7TNqBL5X3v157rM4IFETqDnIOO+z5M/biZbo9Ww== + dependencies: + "@types/hast" "^3.0.0" + hast-util-raw "^9.0.0" + vfile "^6.0.0" + relateurl@^0.2.7: version "0.2.7" resolved "https://registry.yarnpkg.com/relateurl/-/relateurl-0.2.7.tgz#54dbf377e51440aca90a4cd274600d3ff2d888a9" integrity sha512-G08Dxvm4iDN3MLM0EsP62EDV9IuhXPR6blNz6Utcp7zyV3tr4HVNINt6MpaRWbxoOHT3Q7YN2P+jaHX8vUbgog== -remark-emoji@^2.2.0: - version "2.2.0" - resolved "https://registry.yarnpkg.com/remark-emoji/-/remark-emoji-2.2.0.tgz#1c702090a1525da5b80e15a8f963ef2c8236cac7" - integrity sha512-P3cj9s5ggsUvWw5fS2uzCHJMGuXYRb0NnZqYlNecewXt8QBU9n5vW3DUUKOhepS8F9CwdMx9B8a3i7pqFWAI5w== +remark-directive@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/remark-directive/-/remark-directive-3.0.0.tgz#34452d951b37e6207d2e2a4f830dc33442923268" + integrity sha512-l1UyWJ6Eg1VPU7Hm/9tt0zKtReJQNOA4+iDMAxTyZNWnJnFlbS/7zhiel/rogTLQ2vMYwDzSJa4BiVNqGlqIMA== dependencies: - emoticon "^3.2.0" - node-emoji "^1.10.0" - unist-util-visit "^2.0.3" + "@types/mdast" "^4.0.0" + mdast-util-directive "^3.0.0" + micromark-extension-directive "^3.0.0" + unified "^11.0.0" -remark-footnotes@2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/remark-footnotes/-/remark-footnotes-2.0.0.tgz#9001c4c2ffebba55695d2dd80ffb8b82f7e6303f" - integrity sha512-3Clt8ZMH75Ayjp9q4CorNeyjwIxHFcTkaektplKGl2A1jNGEUey8cKL0ZC5vJwfcD5GFGsNLImLG/NGzWIzoMQ== - -remark-mdx@1.6.22: - version "1.6.22" - resolved "https://registry.yarnpkg.com/remark-mdx/-/remark-mdx-1.6.22.tgz#06a8dab07dcfdd57f3373af7f86bd0e992108bbd" - integrity sha512-phMHBJgeV76uyFkH4rvzCftLfKCr2RZuF+/gmVcaKrpsihyzmhXjA0BEMDaPTXG5y8qZOKPVo83NAOX01LPnOQ== - dependencies: - "@babel/core" "7.12.9" - "@babel/helper-plugin-utils" "7.10.4" - "@babel/plugin-proposal-object-rest-spread" "7.12.1" - "@babel/plugin-syntax-jsx" "7.12.1" - "@mdx-js/util" "1.6.22" - is-alphabetical "1.0.4" - remark-parse "8.0.3" - unified "9.2.0" - -remark-parse@8.0.3: - version "8.0.3" - resolved "https://registry.yarnpkg.com/remark-parse/-/remark-parse-8.0.3.tgz#9c62aa3b35b79a486454c690472906075f40c7e1" - integrity sha512-E1K9+QLGgggHxCQtLt++uXltxEprmWzNfg+MxpfHsZlrddKzZ/hZyWHDbK3/Ap8HJQqYJRXP+jHczdL6q6i85Q== - dependencies: - ccount "^1.0.0" - collapse-white-space "^1.0.2" - is-alphabetical "^1.0.0" - is-decimal "^1.0.0" - is-whitespace-character "^1.0.0" - is-word-character "^1.0.0" - markdown-escapes "^1.0.0" - parse-entities "^2.0.0" - repeat-string "^1.5.4" - state-toggle "^1.0.0" - trim "0.0.1" - trim-trailing-lines "^1.0.0" - unherit "^1.0.4" - unist-util-remove-position "^2.0.0" - vfile-location "^3.0.0" - xtend "^4.0.1" - -remark-squeeze-paragraphs@4.0.0: +remark-emoji@^4.0.0: + version "4.0.1" + resolved "https://registry.yarnpkg.com/remark-emoji/-/remark-emoji-4.0.1.tgz#671bfda668047689e26b2078c7356540da299f04" + integrity sha512-fHdvsTR1dHkWKev9eNyhTo4EFwbUvJ8ka9SgeWkMPYFX4WoI7ViVBms3PjlQYgw5TLvNQso3GUB/b/8t3yo+dg== + dependencies: + "@types/mdast" "^4.0.2" + emoticon "^4.0.1" + mdast-util-find-and-replace "^3.0.1" + node-emoji "^2.1.0" + unified "^11.0.4" + +remark-frontmatter@^5.0.0: + version "5.0.0" + resolved "https://registry.yarnpkg.com/remark-frontmatter/-/remark-frontmatter-5.0.0.tgz#b68d61552a421ec412c76f4f66c344627dc187a2" + integrity sha512-XTFYvNASMe5iPN0719nPrdItC9aU0ssC4v14mH1BCi1u0n1gAocqcujWUrByftZTbLhRtiKRyjYTSIOcr69UVQ== + dependencies: + "@types/mdast" "^4.0.0" + mdast-util-frontmatter "^2.0.0" + micromark-extension-frontmatter "^2.0.0" + unified "^11.0.0" + +remark-gfm@^4.0.0: version "4.0.0" - resolved "https://registry.yarnpkg.com/remark-squeeze-paragraphs/-/remark-squeeze-paragraphs-4.0.0.tgz#76eb0e085295131c84748c8e43810159c5653ead" - integrity sha512-8qRqmL9F4nuLPIgl92XUuxI3pFxize+F1H0e/W3llTk0UsjJaj01+RrirkMw7P21RKe4X6goQhYRSvNWX+70Rw== + resolved "https://registry.yarnpkg.com/remark-gfm/-/remark-gfm-4.0.0.tgz#aea777f0744701aa288b67d28c43565c7e8c35de" + integrity sha512-U92vJgBPkbw4Zfu/IiW2oTZLSL3Zpv+uI7My2eq8JxKgqraFdU8YUGicEJCEgSbeaG+QDFqIcwwfMTOEelPxuA== + dependencies: + "@types/mdast" "^4.0.0" + mdast-util-gfm "^3.0.0" + micromark-extension-gfm "^3.0.0" + remark-parse "^11.0.0" + remark-stringify "^11.0.0" + unified "^11.0.0" + +remark-mdx@^3.0.0: + version "3.0.1" + resolved "https://registry.yarnpkg.com/remark-mdx/-/remark-mdx-3.0.1.tgz#8f73dd635c1874e44426e243f72c0977cf60e212" + integrity sha512-3Pz3yPQ5Rht2pM5R+0J2MrGoBSrzf+tJG94N+t/ilfdh8YLyyKYtidAYwTveB20BoHAcwIopOUqhcmh2F7hGYA== + dependencies: + mdast-util-mdx "^3.0.0" + micromark-extension-mdxjs "^3.0.0" + +remark-parse@^11.0.0: + version "11.0.0" + resolved "https://registry.yarnpkg.com/remark-parse/-/remark-parse-11.0.0.tgz#aa60743fcb37ebf6b069204eb4da304e40db45a1" + integrity sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA== + dependencies: + "@types/mdast" "^4.0.0" + mdast-util-from-markdown "^2.0.0" + micromark-util-types "^2.0.0" + unified "^11.0.0" + +remark-rehype@^11.0.0: + version "11.1.0" + resolved "https://registry.yarnpkg.com/remark-rehype/-/remark-rehype-11.1.0.tgz#d5f264f42bcbd4d300f030975609d01a1697ccdc" + integrity sha512-z3tJrAs2kIs1AqIIy6pzHmAHlF1hWQ+OdY4/hv+Wxe35EhyLKcajL33iUEn3ScxtFox9nUvRufR/Zre8Q08H/g== + dependencies: + "@types/hast" "^3.0.0" + "@types/mdast" "^4.0.0" + mdast-util-to-hast "^13.0.0" + unified "^11.0.0" + vfile "^6.0.0" + +remark-stringify@^11.0.0: + version "11.0.0" + resolved "https://registry.yarnpkg.com/remark-stringify/-/remark-stringify-11.0.0.tgz#4c5b01dd711c269df1aaae11743eb7e2e7636fd3" + integrity sha512-1OSmLd3awB/t8qdoEOMazZkNsfVTeY4fTsgzcQFdXNq8ToTN4ZGwrMnlda4K6smTFKD+GRV6O48i6Z4iKgPPpw== dependencies: - mdast-squeeze-paragraphs "^4.0.0" + "@types/mdast" "^4.0.0" + mdast-util-to-markdown "^2.0.0" + unified "^11.0.0" renderkid@^3.0.0: version "3.0.0" @@ -6975,42 +8188,6 @@ renderkid@^3.0.0: lodash "^4.17.21" strip-ansi "^6.0.1" -repeat-string@^1.5.4: - version "1.6.1" - resolved "https://registry.yarnpkg.com/repeat-string/-/repeat-string-1.6.1.tgz#8dcae470e1c88abc2d600fff4a776286da75e637" - integrity sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w== - -request@^2.88.0, request@^2.88.2: - version "2.88.2" - resolved "https://registry.yarnpkg.com/request/-/request-2.88.2.tgz#d73c918731cb5a87da047e207234146f664d12b3" - integrity sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw== - dependencies: - aws-sign2 "~0.7.0" - aws4 "^1.8.0" - caseless "~0.12.0" - combined-stream "~1.0.6" - extend "~3.0.2" - forever-agent "~0.6.1" - form-data "~2.3.2" - har-validator "~5.1.3" - http-signature "~1.2.0" - is-typedarray "~1.0.0" - isstream "~0.1.2" - json-stringify-safe "~5.0.1" - mime-types "~2.1.19" - oauth-sign "~0.9.0" - performance-now "^2.1.0" - qs "~6.5.2" - safe-buffer "^5.1.2" - tough-cookie "~2.5.0" - tunnel-agent "^0.6.0" - uuid "^3.3.2" - -require-directory@^2.1.1: - version "2.1.1" - resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42" - integrity sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q== - require-from-string@^2.0.2: version "2.0.2" resolved "https://registry.yarnpkg.com/require-from-string/-/require-from-string-2.0.2.tgz#89a7fdd938261267318eafe14f9c32e598c36909" @@ -7021,16 +8198,16 @@ require-from-string@^2.0.2: resolved "https://registry.yarnpkg.com/require-like/-/require-like-0.1.2.tgz#ad6f30c13becd797010c468afa775c0c0a6b47fa" integrity sha512-oyrU88skkMtDdauHDuKVrgR+zuItqr6/c//FXzvmxRGMexSDc6hNvJInGW3LL46n+8b50RykrvwSUIIQH2LQ5A== -require-main-filename@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-2.0.0.tgz#d0b329ecc7cc0f61649f62215be69af54aa8989b" - integrity sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg== - requires-port@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff" integrity sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ== +resolve-alpn@^1.2.0: + version "1.2.1" + resolved "https://registry.yarnpkg.com/resolve-alpn/-/resolve-alpn-1.2.1.tgz#b7adbdac3546aaaec20b45e7d8265927072726f9" + integrity sha512-0a1F4l73/ZFZOakJnQ3FvkJ2+gSTQWz/r2KE5OdDY0TxPm5h4GkqkWWfM47T7HsbnOtcJVEF4epCVy6u7Q3K+g== + resolve-cwd@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/resolve-cwd/-/resolve-cwd-3.0.0.tgz#0f0075f1bb2544766cf73ba6a6e2adfebcb13f2d" @@ -7053,21 +8230,21 @@ resolve-pathname@^3.0.0: resolved "https://registry.yarnpkg.com/resolve-pathname/-/resolve-pathname-3.0.0.tgz#99d02224d3cf263689becbb393bc560313025dcd" integrity sha512-C7rARubxI8bXFNB/hqcp/4iUeIXJhJZvFPFPiSPRnhU5UPxzMFIl+2E6yY6c4k9giDJAhtV+enfA+G89N6Csng== -resolve@^1.1.6, resolve@^1.10.0, resolve@^1.14.2, resolve@^1.3.2, resolve@^1.9.0: - version "1.22.1" - resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.1.tgz#27cb2ebb53f91abb49470a928bba7558066ac177" - integrity sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw== +resolve@^1.1.6, resolve@^1.14.2, resolve@^1.9.0: + version "1.22.8" + resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.8.tgz#b6c87a9f2aa06dfab52e3d70ac8cde321fa5a48d" + integrity sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw== dependencies: - is-core-module "^2.9.0" + is-core-module "^2.13.0" path-parse "^1.0.7" supports-preserve-symlinks-flag "^1.0.0" -responselike@^1.0.2: - version "1.0.2" - resolved "https://registry.yarnpkg.com/responselike/-/responselike-1.0.2.tgz#918720ef3b631c5642be068f15ade5a46f4ba1e7" - integrity sha512-/Fpe5guzJk1gPqdJLJR5u7eG/gNY4nImjbRDaVWVMRhne55TCmj2i9Q+54PBRfatRC8v/rIiv9BN0pMd9OV5EQ== +responselike@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/responselike/-/responselike-3.0.0.tgz#20decb6c298aff0dbee1c355ca95461d42823626" + integrity sha512-40yHxbNcl2+rzXvZuVkrYohathsSJlMTXKryG5y8uciHv1+xDLHQpgjG64JUO9nrEq2jGLH6IZ8BcZyw3wrweg== dependencies: - lowercase-keys "^1.0.0" + lowercase-keys "^3.0.0" retry@^0.13.1: version "0.13.1" @@ -7087,18 +8264,18 @@ rimraf@^3.0.2: glob "^7.1.3" rtl-detect@^1.0.4: - version "1.0.4" - resolved "https://registry.yarnpkg.com/rtl-detect/-/rtl-detect-1.0.4.tgz#40ae0ea7302a150b96bc75af7d749607392ecac6" - integrity sha512-EBR4I2VDSSYr7PkBmFy04uhycIpDKp+21p/jARYXlCSjQksTBQcJ0HFUPOO79EPPH5JS6VAhiIQbycf0O3JAxQ== + version "1.1.2" + resolved "https://registry.yarnpkg.com/rtl-detect/-/rtl-detect-1.1.2.tgz#ca7f0330af5c6bb626c15675c642ba85ad6273c6" + integrity sha512-PGMBq03+TTG/p/cRB7HCLKJ1MgDIi07+QU1faSjiYRfmY5UsAttV9Hs08jDAHVwcOwmVLcSJkpwyfXszVjWfIQ== -rtlcss@^3.5.0: - version "3.5.0" - resolved "https://registry.yarnpkg.com/rtlcss/-/rtlcss-3.5.0.tgz#c9eb91269827a102bac7ae3115dd5d049de636c3" - integrity sha512-wzgMaMFHQTnyi9YOwsx9LjOxYXJPzS8sYnFaKm6R5ysvTkwzHiB0vxnbHwchHQT65PTdBjDG21/kQBWI7q9O7A== +rtlcss@^4.1.0: + version "4.1.1" + resolved "https://registry.yarnpkg.com/rtlcss/-/rtlcss-4.1.1.tgz#f20409fcc197e47d1925996372be196fee900c0c" + integrity sha512-/oVHgBtnPNcggP2aVXQjSy6N1mMAfHg4GSag0QtZBlD5bdDgAHwr4pydqJGd+SUCu9260+Pjqbjwtvu7EMH1KQ== dependencies: - find-up "^5.0.0" + escalade "^3.1.1" picocolors "^1.0.0" - postcss "^8.3.11" + postcss "^8.4.21" strip-json-comments "^3.1.1" run-parallel@^1.1.9: @@ -7108,42 +8285,44 @@ run-parallel@^1.1.9: dependencies: queue-microtask "^1.2.2" -rxjs@^7.5.4: - version "7.5.7" - resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-7.5.7.tgz#2ec0d57fdc89ece220d2e702730ae8f1e49def39" - integrity sha512-z9MzKh/UcOqB3i20H6rtrlaE/CgjLOvheWK/9ILrbhROGTweAi1BaFsTT9FbwZi5Trr1qNRs+MXkhmR06awzQA== +safe-array-concat@^1.1.2: + version "1.1.2" + resolved "https://registry.yarnpkg.com/safe-array-concat/-/safe-array-concat-1.1.2.tgz#81d77ee0c4e8b863635227c721278dd524c20edb" + integrity sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q== dependencies: - tslib "^2.1.0" + call-bind "^1.0.7" + get-intrinsic "^1.2.4" + has-symbols "^1.0.3" + isarray "^2.0.5" safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1: version "5.1.2" resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d" integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g== -safe-buffer@5.2.1, safe-buffer@>=5.1.0, safe-buffer@^5.0.1, safe-buffer@^5.1.0, safe-buffer@^5.1.2, safe-buffer@~5.2.0: +safe-buffer@5.2.1, safe-buffer@>=5.1.0, safe-buffer@^5.1.0, safe-buffer@~5.2.0: version "5.2.1" resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6" integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ== -"safer-buffer@>= 2.1.2 < 3", safer-buffer@^2.0.2, safer-buffer@^2.1.0, safer-buffer@~2.1.0: +safe-regex-test@^1.0.3: + version "1.0.3" + resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.0.3.tgz#a5b4c0f06e0ab50ea2c395c14d8371232924c377" + integrity sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw== + dependencies: + call-bind "^1.0.6" + es-errors "^1.3.0" + is-regex "^1.1.4" + +"safer-buffer@>= 2.1.2 < 3": version "2.1.2" resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a" integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg== -sass-graph@2.2.5: - version "2.2.5" - resolved "https://registry.yarnpkg.com/sass-graph/-/sass-graph-2.2.5.tgz#a981c87446b8319d96dce0671e487879bd24c2e8" - integrity sha512-VFWDAHOe6mRuT4mZRd4eKE+d8Uedrk6Xnh7Sh9b4NGufQLQjOrvf/MQoOdx+0s92L89FeyUUNfU597j/3uNpag== - dependencies: - glob "^7.0.0" - lodash "^4.0.0" - scss-tokenizer "^0.2.3" - yargs "^13.3.2" - sass-loader@^10.1.1: - version "10.3.1" - resolved "https://registry.yarnpkg.com/sass-loader/-/sass-loader-10.3.1.tgz#a45f0d1dd7ea90de7eb099239a18c83dea6e6341" - integrity sha512-y2aBdtYkbqorVavkC3fcJIUDGIegzDWPn3/LAFhsf3G+MzPKTJx37sROf5pXtUeggSVbNbmfj8TgRaSLMelXRA== + version "10.5.2" + resolved "https://registry.yarnpkg.com/sass-loader/-/sass-loader-10.5.2.tgz#1ca30534fff296417b853c7597ca3b0bbe8c37d0" + integrity sha512-vMUoSNOUKJILHpcNCCyD23X34gve1TS7Rjd9uXHeKqhvBG39x6XbswFDtpbTElj6XdMFezoWhkh5vtKudf2cgQ== dependencies: klona "^2.0.4" loader-utils "^2.0.0" @@ -7151,18 +8330,31 @@ sass-loader@^10.1.1: schema-utils "^3.0.0" semver "^7.3.2" +sass@^1.70.0: + version "1.75.0" + resolved "https://registry.yarnpkg.com/sass/-/sass-1.75.0.tgz#91bbe87fb02dfcc34e052ddd6ab80f60d392be6c" + integrity sha512-ShMYi3WkrDWxExyxSZPst4/okE9ts46xZmJDSawJQrnte7M1V9fScVB+uNXOVKRBt0PggHOwoZcn8mYX4trnBw== + dependencies: + chokidar ">=3.0.0 <4.0.0" + immutable "^4.0.0" + source-map-js ">=0.6.2 <2.0.0" + sax@^1.2.4: + version "1.3.0" + resolved "https://registry.yarnpkg.com/sax/-/sax-1.3.0.tgz#a5dbe77db3be05c9d1ee7785dbd3ea9de51593d0" + integrity sha512-0s+oAmw9zLl1V1cS9BtZN7JAd0cW5e0QH4W3LWEK6a4LaLEA2OTpGYWDY+6XasBLtz6wkm3u1xRw95mRuJ59WA== + +sax@~1.2.4: version "1.2.4" resolved "https://registry.yarnpkg.com/sax/-/sax-1.2.4.tgz#2816234e2378bddc4e5354fab5caa895df7100d9" integrity sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw== -scheduler@^0.20.2: - version "0.20.2" - resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.20.2.tgz#4baee39436e34aa93b4874bddcbf0fe8b8b50e91" - integrity sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ== +scheduler@^0.23.2: + version "0.23.2" + resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.23.2.tgz#414ba64a3b282892e944cf2108ecc078d115cdc3" + integrity sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ== dependencies: loose-envify "^1.1.0" - object-assign "^4.1.1" schema-utils@2.7.0: version "2.7.0" @@ -7173,41 +8365,24 @@ schema-utils@2.7.0: ajv "^6.12.2" ajv-keywords "^3.4.1" -schema-utils@^2.6.5: - version "2.7.1" - resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-2.7.1.tgz#1ca4f32d1b24c590c203b8e7a50bf0ea4cd394d7" - integrity sha512-SHiNtMOUGWBQJwzISiVYKu82GiV4QYGePp3odlY1tuKO7gPtphAT5R/py0fA6xtbgLL/RvtJZnU9b8s0F1q0Xg== - dependencies: - "@types/json-schema" "^7.0.5" - ajv "^6.12.4" - ajv-keywords "^3.5.2" - -schema-utils@^3.0.0, schema-utils@^3.1.0, schema-utils@^3.1.1: - version "3.1.1" - resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.1.1.tgz#bc74c4b6b6995c1d88f76a8b77bea7219e0c8281" - integrity sha512-Y5PQxS4ITlC+EahLuXaY86TXfR7Dc5lw294alXOq86JAHCihAIZfqv8nNCWvaEJvaC51uN9hbLGeV0cFBdH+Fw== +schema-utils@^3.0.0, schema-utils@^3.1.1, schema-utils@^3.2.0: + version "3.3.0" + resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-3.3.0.tgz#f50a88877c3c01652a15b622ae9e9795df7a60fe" + integrity sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg== dependencies: "@types/json-schema" "^7.0.8" ajv "^6.12.5" ajv-keywords "^3.5.2" -schema-utils@^4.0.0: - version "4.0.0" - resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-4.0.0.tgz#60331e9e3ae78ec5d16353c467c34b3a0a1d3df7" - integrity sha512-1edyXKgh6XnJsJSQ8mKWXnN/BVaIbFMLpouRUrXgVq7WYne5kw3MW7UPhO44uRXQSIpTSXoJbmrR2X0w9kUTyg== +schema-utils@^4.0.0, schema-utils@^4.0.1: + version "4.2.0" + resolved "https://registry.yarnpkg.com/schema-utils/-/schema-utils-4.2.0.tgz#70d7c93e153a273a805801882ebd3bff20d89c8b" + integrity sha512-L0jRsrPpjdckP3oPug3/VxNKt2trR8TcabrM6FOAAlvC/9Phcmm+cuAgTlxBqdBR1WJx7Naj9WHw+aOmheSVbw== dependencies: "@types/json-schema" "^7.0.9" - ajv "^8.8.0" + ajv "^8.9.0" ajv-formats "^2.1.1" - ajv-keywords "^5.0.0" - -scss-tokenizer@^0.2.3: - version "0.2.3" - resolved "https://registry.yarnpkg.com/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz#8eb06db9a9723333824d3f5530641149847ce5d1" - integrity sha512-dYE8LhncfBUar6POCxMTm0Ln+erjeczqEvCJib5/7XNkdw1FkUGgwMPY360FY0FgPWQxHWCx29Jl3oejyGLM9Q== - dependencies: - js-base64 "^2.1.8" - source-map "^0.4.2" + ajv-keywords "^5.1.0" section-matter@^1.0.0: version "1.0.0" @@ -7223,33 +8398,29 @@ select-hose@^2.0.0: integrity sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg== selfsigned@^2.1.1: - version "2.1.1" - resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-2.1.1.tgz#18a7613d714c0cd3385c48af0075abf3f266af61" - integrity sha512-GSL3aowiF7wa/WtSFwnUrludWFoNhftq8bUkH9pkzjpN2XSPOAYEgg6e0sS9s0rZwgJzJiQRPU18A6clnoW5wQ== + version "2.4.1" + resolved "https://registry.yarnpkg.com/selfsigned/-/selfsigned-2.4.1.tgz#560d90565442a3ed35b674034cec4e95dceb4ae0" + integrity sha512-th5B4L2U+eGLq1TVh7zNRGBapioSORUeymIydxgFpwww9d2qyKvtuPU2jJuHvYAwwqi2Y596QBL3eEqcPEYL8Q== dependencies: + "@types/node-forge" "^1.3.0" node-forge "^1" -semver-diff@^3.1.1: - version "3.1.1" - resolved "https://registry.yarnpkg.com/semver-diff/-/semver-diff-3.1.1.tgz#05f77ce59f325e00e2706afd67bb506ddb1ca32b" - integrity sha512-GX0Ix/CJcHyB8c4ykpHGIAvLyOwOobtM/8d+TQkAd81/bEjgPHrfba41Vpesr7jX/t8Uh+R3EX9eAS5be+jQYg== +semver-diff@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/semver-diff/-/semver-diff-4.0.0.tgz#3afcf5ed6d62259f5c72d0d5d50dffbdc9680df5" + integrity sha512-0Ju4+6A8iOnpL/Thra7dZsSlOHYAHIeMxfhWQRI1/VLcT3WDBZKKtQt/QkBOsiIN9ZpuvHE6cGZ0x4glCMmfiA== dependencies: - semver "^6.3.0" - -"semver@2 || 3 || 4 || 5", semver@^5.4.1: - version "5.7.1" - resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7" - integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ== + semver "^7.3.5" -semver@^6.0.0, semver@^6.1.1, semver@^6.1.2, semver@^6.2.0, semver@^6.3.0: - version "6.3.0" - resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d" - integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw== +semver@^6.3.1: + version "6.3.1" + resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4" + integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA== -semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.3.7: - version "7.3.8" - resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.8.tgz#07a78feafb3f7b32347d725e33de7e2a2df67798" - integrity sha512-NB1ctGL5rlHrPJtFDVIVzTyQylMLu9N9VICA6HSFJo8MCGVTMW6gfpicwKmmK/dAjTOrqu5l63JJOpDSrAis3A== +semver@^7.3.2, semver@^7.3.5, semver@^7.3.7, semver@^7.5.4: + version "7.6.0" + resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.0.tgz#1a46a4db4bffcccd97b743b5005c8325f23d4e2d" + integrity sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg== dependencies: lru-cache "^6.0.0" @@ -7272,14 +8443,14 @@ send@0.18.0: range-parser "~1.2.1" statuses "2.0.1" -serialize-javascript@^6.0.0: - version "6.0.0" - resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-6.0.0.tgz#efae5d88f45d7924141da8b5c3a7a7e663fefeb8" - integrity sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag== +serialize-javascript@^6.0.0, serialize-javascript@^6.0.1: + version "6.0.2" + resolved "https://registry.yarnpkg.com/serialize-javascript/-/serialize-javascript-6.0.2.tgz#defa1e055c83bf6d59ea805d8da862254eb6a6c2" + integrity sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g== dependencies: randombytes "^2.1.0" -serve-handler@^6.1.3: +serve-handler@^6.1.5: version "6.1.5" resolved "https://registry.yarnpkg.com/serve-handler/-/serve-handler-6.1.5.tgz#a4a0964f5c55c7e37a02a633232b6f0d6f068375" integrity sha512-ijPFle6Hwe8zfmBxJdE+5fta53fdIY0lHISJvuikXB3VYFafRjMRpOffSPvCYsbKyBA7pvy9oYr/BT1O3EArlg== @@ -7316,15 +8487,27 @@ serve-static@1.15.0: parseurl "~1.3.3" send "0.18.0" -set-blocking@^2.0.0, set-blocking@~2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/set-blocking/-/set-blocking-2.0.0.tgz#045f9782d011ae9a6803ddd382b24392b3d890f7" - integrity sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw== +set-function-length@^1.2.1: + version "1.2.2" + resolved "https://registry.yarnpkg.com/set-function-length/-/set-function-length-1.2.2.tgz#aac72314198eaed975cf77b2c3b6b880695e5449" + integrity sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg== + dependencies: + define-data-property "^1.1.4" + es-errors "^1.3.0" + function-bind "^1.1.2" + get-intrinsic "^1.2.4" + gopd "^1.0.1" + has-property-descriptors "^1.0.2" -setimmediate@^1.0.5: - version "1.0.5" - resolved "https://registry.yarnpkg.com/setimmediate/-/setimmediate-1.0.5.tgz#290cbb232e306942d7d7ea9b83732ab7856f8285" - integrity sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA== +set-function-name@^2.0.1: + version "2.0.2" + resolved "https://registry.yarnpkg.com/set-function-name/-/set-function-name-2.0.2.tgz#16a705c5a0dc2f5e638ca96d8a8cd4e1c2b90985" + integrity sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ== + dependencies: + define-data-property "^1.1.4" + es-errors "^1.3.0" + functions-have-names "^1.2.3" + has-property-descriptors "^1.0.2" setprototypeof@1.1.0: version "1.1.0" @@ -7360,10 +8543,10 @@ shebang-regex@^3.0.0: resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172" integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A== -shell-quote@^1.7.3: - version "1.7.4" - resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.7.4.tgz#33fe15dee71ab2a81fcbd3a52106c5cfb9fb75d8" - integrity sha512-8o/QEhSSRb1a5i7TFR0iM4G16Z0vYB2OQVs4G3aAFXjn3T6yEx8AZxy1PgDF7I00LZHYA3WxaSYIf5e5sAX8Rw== +shell-quote@^1.7.3, shell-quote@^1.8.1: + version "1.8.1" + resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.8.1.tgz#6dbf4db75515ad5bac63b4f1894c3a154c766680" + integrity sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA== shelljs@^0.8.5: version "0.8.5" @@ -7375,27 +8558,28 @@ shelljs@^0.8.5: rechoir "^0.6.2" side-channel@^1.0.4: - version "1.0.4" - resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.4.tgz#efce5c8fdc104ee751b25c58d4290011fa5ea2cf" - integrity sha512-q5XPytqFEIKHkGdiMIrY10mvLRvnQh42/+GoBlFW3b2LXLE2xxJpZFdm94we0BaoV3RwJyGqg5wS7epxTv0Zvw== + version "1.0.6" + resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.6.tgz#abd25fb7cd24baf45466406b1096b7831c9215f2" + integrity sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA== dependencies: - call-bind "^1.0.0" - get-intrinsic "^1.0.2" - object-inspect "^1.9.0" + call-bind "^1.0.7" + es-errors "^1.3.0" + get-intrinsic "^1.2.4" + object-inspect "^1.13.1" -signal-exit@^3.0.0, signal-exit@^3.0.2, signal-exit@^3.0.3: +signal-exit@^3.0.2, signal-exit@^3.0.3: version "3.0.7" resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9" integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ== -sirv@^1.0.7: - version "1.0.19" - resolved "https://registry.yarnpkg.com/sirv/-/sirv-1.0.19.tgz#1d73979b38c7fe91fcba49c85280daa9c2363b49" - integrity sha512-JuLThK3TnZG1TAKDwNIqNq6QA2afLOCcm+iE8D1Kj3GA40pSPsxQjjJl0J8X3tsR7T+CP1GavpzLwYkgVLWrZQ== +sirv@^2.0.3: + version "2.0.4" + resolved "https://registry.yarnpkg.com/sirv/-/sirv-2.0.4.tgz#5dd9a725c578e34e449f332703eb2a74e46a29b0" + integrity sha512-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ== dependencies: - "@polka/url" "^1.0.0-next.20" - mrmime "^1.0.0" - totalist "^1.0.0" + "@polka/url" "^1.0.0-next.24" + mrmime "^2.0.0" + totalist "^3.0.0" sisteransi@^1.0.5: version "1.0.5" @@ -7412,6 +8596,13 @@ sitemap@^7.1.1: arg "^5.0.0" sax "^1.2.4" +skin-tone@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/skin-tone/-/skin-tone-2.0.0.tgz#4e3933ab45c0d4f4f781745d64b9f4c208e41237" + integrity sha512-kUMbT1oBJCpgrnKoSr0o6wPtvRWT9W9UKvGLwfJYO2WuahZRHOpEyL1ckyMGgMWh0UdpmaoFqKKD29WTomNEGA== + dependencies: + unicode-emoji-modifier-base "^1.0.0" + slash@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634" @@ -7422,6 +8613,14 @@ slash@^4.0.0: resolved "https://registry.yarnpkg.com/slash/-/slash-4.0.0.tgz#2422372176c4c6c5addb5e2ada885af984b396a7" integrity sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew== +snake-case@^3.0.4: + version "3.0.4" + resolved "https://registry.yarnpkg.com/snake-case/-/snake-case-3.0.4.tgz#4f2bbd568e9935abdfd593f34c691dadb49c452c" + integrity sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg== + dependencies: + dot-case "^3.0.4" + tslib "^2.0.3" + sockjs@^0.3.24: version "0.3.24" resolved "https://registry.yarnpkg.com/sockjs/-/sockjs-0.3.24.tgz#c9bc8995f33a111bea0395ec30aa3206bdb5ccce" @@ -7431,15 +8630,15 @@ sockjs@^0.3.24: uuid "^8.3.2" websocket-driver "^0.7.4" -sort-css-media-queries@2.1.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/sort-css-media-queries/-/sort-css-media-queries-2.1.0.tgz#7c85e06f79826baabb232f5560e9745d7a78c4ce" - integrity sha512-IeWvo8NkNiY2vVYdPa27MCQiR0MN0M80johAYFVxWWXQ44KU84WNxjslwBHmc/7ZL2ccwkM7/e6S5aiKZXm7jA== +sort-css-media-queries@2.2.0: + version "2.2.0" + resolved "https://registry.yarnpkg.com/sort-css-media-queries/-/sort-css-media-queries-2.2.0.tgz#aa33cf4a08e0225059448b6c40eddbf9f1c8334c" + integrity sha512-0xtkGhWCC9MGt/EzgnvbbbKhqWjl1+/rncmhTh5qCpbYguXh6S/qwePfv/JQ8jePXXmqingylxoC49pCkSPIbA== -source-map-js@^1.0.2: - version "1.0.2" - resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c" - integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw== +"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.1, source-map-js@^1.2.0: + version "1.2.0" + resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.0.tgz#16b809c162517b5b8c3e7dcd315a2a5c2612b2af" + integrity sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg== source-map-support@~0.5.20: version "0.5.21" @@ -7449,53 +8648,20 @@ source-map-support@~0.5.20: buffer-from "^1.0.0" source-map "^0.6.0" -source-map@^0.4.2: - version "0.4.4" - resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.4.4.tgz#eba4f5da9c0dc999de68032d8b4f76173652036b" - integrity sha512-Y8nIfcb1s/7DcobUz1yOO1GSp7gyL+D9zLHDehT7iRESqGSxjJ448Sg7rvfgsRJCnKLdSl11uGf0s9X80cH0/A== - dependencies: - amdefine ">=0.0.4" - -source-map@^0.5.0: - version "0.5.7" - resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc" - integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ== - source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0: version "0.6.1" resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263" integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g== -space-separated-tokens@^1.0.0: - version "1.1.5" - resolved "https://registry.yarnpkg.com/space-separated-tokens/-/space-separated-tokens-1.1.5.tgz#85f32c3d10d9682007e917414ddc5c26d1aa6899" - integrity sha512-q/JSVd1Lptzhf5bkYm4ob4iWPjx0KiRe3sRFBNrVqbJkFaBm5vbbowy1mymoPNLRa52+oadOhJ+K49wsSeSjTA== - -spdx-correct@^3.0.0: - version "3.1.1" - resolved "https://registry.yarnpkg.com/spdx-correct/-/spdx-correct-3.1.1.tgz#dece81ac9c1e6713e5f7d1b6f17d468fa53d89a9" - integrity sha512-cOYcUWwhCuHCXi49RhFRCyJEK3iPj1Ziz9DpViV3tbZOwXD49QzIN3MpOLJNxh2qwq2lJJZaKMVw9qNi4jTC0w== - dependencies: - spdx-expression-parse "^3.0.0" - spdx-license-ids "^3.0.0" - -spdx-exceptions@^2.1.0: - version "2.3.0" - resolved "https://registry.yarnpkg.com/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz#3f28ce1a77a00372683eade4a433183527a2163d" - integrity sha512-/tTrYOC7PPI1nUAgx34hUpqXuyJG+DTHJTnIULG4rDygi4xu/tfgmq1e1cIRwRzwZgo4NLySi+ricLkZkw4i5A== - -spdx-expression-parse@^3.0.0: - version "3.0.1" - resolved "https://registry.yarnpkg.com/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz#cf70f50482eefdc98e3ce0a6833e4a53ceeba679" - integrity sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q== - dependencies: - spdx-exceptions "^2.1.0" - spdx-license-ids "^3.0.0" +source-map@^0.7.0: + version "0.7.4" + resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.7.4.tgz#a9bbe705c9d8846f4e08ff6765acf0f1b0898656" + integrity sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA== -spdx-license-ids@^3.0.0: - version "3.0.12" - resolved "https://registry.yarnpkg.com/spdx-license-ids/-/spdx-license-ids-3.0.12.tgz#69077835abe2710b65f03969898b6637b505a779" - integrity sha512-rr+VVSXtRhO4OHbXUiAF7xW3Bo9DuuF6C5jH+q/x15j2jniycgKbxU09Hr0WqlSLUs4i4ltHGXqTe7VHclYWyA== +space-separated-tokens@^2.0.0: + version "2.0.2" + resolved "https://registry.yarnpkg.com/space-separated-tokens/-/space-separated-tokens-2.0.2.tgz#1ecd9d2350a3844572c3f4a312bceb018348859f" + integrity sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q== spdy-transport@^3.0.0: version "3.0.0" @@ -7525,31 +8691,16 @@ sprintf-js@~1.0.2: resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c" integrity sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g== -sshpk@^1.7.0: - version "1.17.0" - resolved "https://registry.yarnpkg.com/sshpk/-/sshpk-1.17.0.tgz#578082d92d4fe612b13007496e543fa0fbcbe4c5" - integrity sha512-/9HIEs1ZXGhSPE8X6Ccm7Nam1z8KcoCqPdI7ecm1N33EzAetWahvQWVqLZtaZQ+IDKX4IyA2o0gBzqIMkAagHQ== - dependencies: - asn1 "~0.2.3" - assert-plus "^1.0.0" - bcrypt-pbkdf "^1.0.0" - dashdash "^1.12.0" - ecc-jsbn "~0.1.1" - getpass "^0.1.1" - jsbn "~0.1.0" - safer-buffer "^2.0.2" - tweetnacl "~0.14.0" +srcset@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/srcset/-/srcset-4.0.0.tgz#336816b665b14cd013ba545b6fe62357f86e65f4" + integrity sha512-wvLeHgcVHKO8Sc/H/5lkGreJQVeYMm9rlmt8PuR1xE31rIuXhuzznUUqAt8MqLhB3MqJdFzlNAfpcWnxiFUcPw== stable@^0.1.8: version "0.1.8" resolved "https://registry.yarnpkg.com/stable/-/stable-0.1.8.tgz#836eb3c8382fe2936feaf544631017ce7d47a3cf" integrity sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w== -state-toggle@^1.0.0: - version "1.0.3" - resolved "https://registry.yarnpkg.com/state-toggle/-/state-toggle-1.0.3.tgz#e123b16a88e143139b09c6852221bc9815917dfe" - integrity sha512-d/5Z4/2iiCnHw6Xzghyhb+GcmF89bxwgXG60wjIiZaxnymbyOmI8Hk4VqHXiVVp6u2ysaskFfXg3ekCj4WNftQ== - statuses@2.0.1: version "2.0.1" resolved "https://registry.yarnpkg.com/statuses/-/statuses-2.0.1.tgz#55cb000ccf1d48728bd23c685a063998cf1a1b63" @@ -7561,27 +8712,11 @@ statuses@2.0.1: integrity sha512-OpZ3zP+jT1PI7I8nemJX4AKmAX070ZkYPVWV/AaKTJl+tXCTGyVdC1a4SL8RUQYEwk/f34ZX8UTykN68FwrqAA== std-env@^3.0.1: - version "3.3.0" - resolved "https://registry.yarnpkg.com/std-env/-/std-env-3.3.0.tgz#86b5b5d416c5744b3fdeac6893c2b98196fc1a55" - integrity sha512-cNNS+VYsXIs5gI6gJipO4qZ8YYT274JHvNnQ1/R/x8Q8mdP0qj0zoMchRXmBNPqp/0eOEhX+3g7g6Fgb7meLIQ== - -stdout-stream@^1.4.0: - version "1.4.1" - resolved "https://registry.yarnpkg.com/stdout-stream/-/stdout-stream-1.4.1.tgz#5ac174cdd5cd726104aa0c0b2bd83815d8d535de" - integrity sha512-j4emi03KXqJWcIeF8eIXkjMFN1Cmb8gUlDYGeBALLPo5qdyTfA9bOtl8m33lRoC+vFMkP3gl0WsDr6+gzxbbTA== - dependencies: - readable-stream "^2.0.1" - -string-width@^1.0.1: - version "1.0.2" - resolved "https://registry.yarnpkg.com/string-width/-/string-width-1.0.2.tgz#118bdf5b8cdc51a2a7e70d211e07e2b0b9b107d3" - integrity sha512-0XsVpQLnVCXHJfyEs8tC0zpTVIr5PKKsQtkT29IwupnPTjtPmQ3xT/4yCREF9hYkV/3M3kzcUTSAZT6a6h81tw== - dependencies: - code-point-at "^1.0.0" - is-fullwidth-code-point "^1.0.0" - strip-ansi "^3.0.0" + version "3.7.0" + resolved "https://registry.yarnpkg.com/std-env/-/std-env-3.7.0.tgz#c9f7386ced6ecf13360b6c6c55b8aaa4ef7481d2" + integrity sha512-JPbdCEQLj1w5GilpiHAx3qJvFndqybBysA3qUOnznweH4QbNYUsW/ea8QzSrnh0vNsezMMw5bcVool8lM0gwzg== -"string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.0.0, string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.2: +string-width@^4.1.0, string-width@^4.2.0: version "4.2.3" resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== @@ -7590,16 +8725,7 @@ string-width@^1.0.1: is-fullwidth-code-point "^3.0.0" strip-ansi "^6.0.1" -string-width@^3.0.0, string-width@^3.1.0: - version "3.1.0" - resolved "https://registry.yarnpkg.com/string-width/-/string-width-3.1.0.tgz#22767be21b62af1081574306f69ac51b62203961" - integrity sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w== - dependencies: - emoji-regex "^7.0.1" - is-fullwidth-code-point "^2.0.0" - strip-ansi "^5.1.0" - -string-width@^5.0.1: +string-width@^5.0.1, string-width@^5.1.2: version "5.1.2" resolved "https://registry.yarnpkg.com/string-width/-/string-width-5.1.2.tgz#14f8daec6d81e7221d2a357e668cab73bdbca794" integrity sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA== @@ -7608,6 +8734,34 @@ string-width@^5.0.1: emoji-regex "^9.2.2" strip-ansi "^7.0.1" +string.prototype.trim@^1.2.9: + version "1.2.9" + resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.9.tgz#b6fa326d72d2c78b6df02f7759c73f8f6274faa4" + integrity sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw== + dependencies: + call-bind "^1.0.7" + define-properties "^1.2.1" + es-abstract "^1.23.0" + es-object-atoms "^1.0.0" + +string.prototype.trimend@^1.0.8: + version "1.0.8" + resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.8.tgz#3651b8513719e8a9f48de7f2f77640b26652b229" + integrity sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ== + dependencies: + call-bind "^1.0.7" + define-properties "^1.2.1" + es-object-atoms "^1.0.0" + +string.prototype.trimstart@^1.0.8: + version "1.0.8" + resolved "https://registry.yarnpkg.com/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz#7ee834dda8c7c17eff3118472bb35bfedaa34dde" + integrity sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg== + dependencies: + call-bind "^1.0.7" + define-properties "^1.2.1" + es-object-atoms "^1.0.0" + string_decoder@^1.1.1: version "1.3.0" resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.3.0.tgz#42f114594a46cf1a8e30b0a84f56c78c3edac21e" @@ -7622,6 +8776,14 @@ string_decoder@~1.1.1: dependencies: safe-buffer "~5.1.0" +stringify-entities@^4.0.0: + version "4.0.4" + resolved "https://registry.yarnpkg.com/stringify-entities/-/stringify-entities-4.0.4.tgz#b3b79ef5f277cc4ac73caeb0236c5ba939b3a4f3" + integrity sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg== + dependencies: + character-entities-html4 "^2.0.0" + character-entities-legacy "^3.0.0" + stringify-object@^3.3.0: version "3.3.0" resolved "https://registry.yarnpkg.com/stringify-object/-/stringify-object-3.3.0.tgz#703065aefca19300d3ce88af4f5b3956d7556629" @@ -7631,21 +8793,7 @@ stringify-object@^3.3.0: is-obj "^1.0.1" is-regexp "^1.0.0" -strip-ansi@^3.0.0, strip-ansi@^3.0.1: - version "3.0.1" - resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf" - integrity sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg== - dependencies: - ansi-regex "^2.0.0" - -strip-ansi@^5.0.0, strip-ansi@^5.1.0, strip-ansi@^5.2.0: - version "5.2.0" - resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-5.2.0.tgz#8c9a536feb6afc962bdfa5b104a5091c1ad9c0ae" - integrity sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA== - dependencies: - ansi-regex "^4.1.0" - -strip-ansi@^6.0.0, strip-ansi@^6.0.1: +strip-ansi@^6.0.1: version "6.0.1" resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9" integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== @@ -7653,9 +8801,9 @@ strip-ansi@^6.0.0, strip-ansi@^6.0.1: ansi-regex "^5.0.1" strip-ansi@^7.0.1: - version "7.0.1" - resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-7.0.1.tgz#61740a08ce36b61e50e65653f07060d000975fb2" - integrity sha512-cXNxvT8dFNRVfhVME3JAe98mkXDYN2O1l7jmcwMnOslDeESg1rF/OZMtK0nRAhiari1unG5cD4jG3rapUAkLbw== + version "7.1.0" + resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-7.1.0.tgz#d5b6568ca689d8561370b0707685d22434faff45" + integrity sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ== dependencies: ansi-regex "^6.0.1" @@ -7669,13 +8817,6 @@ strip-final-newline@^2.0.0: resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-2.0.0.tgz#89b852fb2fcbe936f6f4b3187afb0a12c1ab58ad" integrity sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA== -strip-indent@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/strip-indent/-/strip-indent-3.0.0.tgz#c32e1cee940b6b3432c771bc2c54bcce73cd3001" - integrity sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ== - dependencies: - min-indent "^1.0.0" - strip-json-comments@^3.1.1: version "3.1.1" resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006" @@ -7686,25 +8827,27 @@ strip-json-comments@~2.0.1: resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-2.0.1.tgz#3c531942e908c2697c0ec344858c286c7ca0a60a" integrity sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ== -style-to-object@0.3.0, style-to-object@^0.3.0: - version "0.3.0" - resolved "https://registry.yarnpkg.com/style-to-object/-/style-to-object-0.3.0.tgz#b1b790d205991cc783801967214979ee19a76e46" - integrity sha512-CzFnRRXhzWIdItT3OmF8SQfWyahHhjq3HwcMNCNLn+N7klOOqPjMeG/4JSu77D7ypZdGvSzvkrbyeTMizz2VrA== +style-to-object@^0.4.0: + version "0.4.4" + resolved "https://registry.yarnpkg.com/style-to-object/-/style-to-object-0.4.4.tgz#266e3dfd56391a7eefb7770423612d043c3f33ec" + integrity sha512-HYNoHZa2GorYNyqiCaBgsxvcJIn7OHq6inEga+E6Ke3m5JkoqpQbnFssk4jwe+K7AhGa2fcha4wSOf1Kn01dMg== dependencies: inline-style-parser "0.1.1" -stylehacks@^5.1.1: - version "5.1.1" - resolved "https://registry.yarnpkg.com/stylehacks/-/stylehacks-5.1.1.tgz#7934a34eb59d7152149fa69d6e9e56f2fc34bcc9" - integrity sha512-sBpcd5Hx7G6seo7b1LkpttvTz7ikD0LlH5RmdcBNb6fFR0Fl7LQwHDFr300q4cwUqi+IYrFGmsIHieMBfnN/Bw== +style-to-object@^1.0.0: + version "1.0.6" + resolved "https://registry.yarnpkg.com/style-to-object/-/style-to-object-1.0.6.tgz#0c28aed8be1813d166c60d962719b2907c26547b" + integrity sha512-khxq+Qm3xEyZfKd/y9L3oIWQimxuc4STrQKtQn8aSDRHb8mFgpukgX1hdzfrMEW6JCjyJ8p89x+IUMVnCBI1PA== dependencies: - browserslist "^4.21.4" - postcss-selector-parser "^6.0.4" + inline-style-parser "0.2.3" -supports-color@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7" - integrity sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g== +stylehacks@^6.1.1: + version "6.1.1" + resolved "https://registry.yarnpkg.com/stylehacks/-/stylehacks-6.1.1.tgz#543f91c10d17d00a440430362d419f79c25545a6" + integrity sha512-gSTTEQ670cJNoaeIp9KX6lZmm8LJ3jPB5yJmX8Zq/wQxOsAFXV3qjWzHas3YYk1qesuVIyYWWUpZ0vSE/dTSGg== + dependencies: + browserslist "^4.23.0" + postcss-selector-parser "^6.0.16" supports-color@^5.3.0: version "5.5.0" @@ -7732,64 +8875,71 @@ supports-preserve-symlinks-flag@^1.0.0: resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09" integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w== -svg-parser@^2.0.4: +svg-parser@^2.0.2, svg-parser@^2.0.4: version "2.0.4" resolved "https://registry.yarnpkg.com/svg-parser/-/svg-parser-2.0.4.tgz#fdc2e29e13951736140b76cb122c8ee6630eb6b5" integrity sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ== -svgo@^2.7.0, svgo@^2.8.0: - version "2.8.0" - resolved "https://registry.yarnpkg.com/svgo/-/svgo-2.8.0.tgz#4ff80cce6710dc2795f0c7c74101e6764cfccd24" - integrity sha512-+N/Q9kV1+F+UeWYoSiULYo4xYSDQlTgb+ayMobAXPwMnLvop7oxKMo9OzIrX5x3eS4L4f2UHhc9axXwY8DpChg== +svgo@^1.2.2: + version "1.3.2" + resolved "https://registry.yarnpkg.com/svgo/-/svgo-1.3.2.tgz#b6dc511c063346c9e415b81e43401145b96d4167" + integrity sha512-yhy/sQYxR5BkC98CY7o31VGsg014AKLEPxdfhora76l36hD9Rdy5NZA/Ocn6yayNPgSamYdtX2rFJdcv07AYVw== + dependencies: + chalk "^2.4.1" + coa "^2.0.2" + css-select "^2.0.0" + css-select-base-adapter "^0.1.1" + css-tree "1.0.0-alpha.37" + csso "^4.0.2" + js-yaml "^3.13.1" + mkdirp "~0.5.1" + object.values "^1.1.0" + sax "~1.2.4" + stable "^0.1.8" + unquote "~1.1.1" + util.promisify "~1.0.0" + +svgo@^3.0.2, svgo@^3.2.0: + version "3.3.2" + resolved "https://registry.yarnpkg.com/svgo/-/svgo-3.3.2.tgz#ad58002652dffbb5986fc9716afe52d869ecbda8" + integrity sha512-OoohrmuUlBs8B8o6MB2Aevn+pRIH9zDALSR+6hhqVfa6fRwG/Qw9VUMSMW9VNg2CFc/MTIfabtdOVl9ODIJjpw== dependencies: "@trysound/sax" "0.2.0" commander "^7.2.0" - css-select "^4.1.3" - css-tree "^1.1.3" - csso "^4.2.0" + css-select "^5.1.0" + css-tree "^2.3.1" + css-what "^6.1.0" + csso "^5.0.5" picocolors "^1.0.0" - stable "^0.1.8" tapable@^1.0.0: version "1.1.3" resolved "https://registry.yarnpkg.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2" integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA== -tapable@^2.0.0, tapable@^2.1.1, tapable@^2.2.0: +tapable@^2.0.0, tapable@^2.1.1, tapable@^2.2.0, tapable@^2.2.1: version "2.2.1" resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0" integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ== -tar@^6.0.2: - version "6.1.12" - resolved "https://registry.yarnpkg.com/tar/-/tar-6.1.12.tgz#3b742fb05669b55671fb769ab67a7791ea1a62e6" - integrity sha512-jU4TdemS31uABHd+Lt5WEYJuzn+TJTCBLljvIAHZOz6M9Os5pJ4dD+vRFLxPa/n3T0iEFzpi+0x1UfuDZYbRMw== - dependencies: - chownr "^2.0.0" - fs-minipass "^2.0.0" - minipass "^3.0.0" - minizlib "^2.1.1" - mkdirp "^1.0.3" - yallist "^4.0.0" - -terser-webpack-plugin@^5.1.3, terser-webpack-plugin@^5.3.3: - version "5.3.6" - resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-5.3.6.tgz#5590aec31aa3c6f771ce1b1acca60639eab3195c" - integrity sha512-kfLFk+PoLUQIbLmB1+PZDMRSZS99Mp+/MHqDNmMA6tOItzRt+Npe3E+fsMs5mfcM0wCtrrdU387UnV+vnSffXQ== +terser-webpack-plugin@^5.3.10, terser-webpack-plugin@^5.3.9: + version "5.3.10" + resolved "https://registry.yarnpkg.com/terser-webpack-plugin/-/terser-webpack-plugin-5.3.10.tgz#904f4c9193c6fd2a03f693a2150c62a92f40d199" + integrity sha512-BKFPWlPDndPs+NGGCr1U59t0XScL5317Y0UReNrHaw9/FwhPENlq6bfgs+4yPfyP51vqC1bQ4rp1EfXW5ZSH9w== dependencies: - "@jridgewell/trace-mapping" "^0.3.14" + "@jridgewell/trace-mapping" "^0.3.20" jest-worker "^27.4.5" schema-utils "^3.1.1" - serialize-javascript "^6.0.0" - terser "^5.14.1" + serialize-javascript "^6.0.1" + terser "^5.26.0" -terser@^5.10.0, terser@^5.14.1: - version "5.15.1" - resolved "https://registry.yarnpkg.com/terser/-/terser-5.15.1.tgz#8561af6e0fd6d839669c73b92bdd5777d870ed6c" - integrity sha512-K1faMUvpm/FBxjBXud0LWVAGxmvoPbZbfTCYbSgaaYQaIXI3/TdI7a7ZGA73Zrou6Q8Zmz3oeUTsp/dj+ag2Xw== +terser@^5.10.0, terser@^5.15.1, terser@^5.26.0: + version "5.30.4" + resolved "https://registry.yarnpkg.com/terser/-/terser-5.30.4.tgz#62b4d16a819424e6317fd5ceffb4ee8dc769803a" + integrity sha512-xRdd0v64a8mFK9bnsKVdoNP9GQIKUAaJPTaqEQDL4w/J8WaW4sWXXoMZ+6SimPkfT5bElreXf8m9HnmPc3E1BQ== dependencies: - "@jridgewell/source-map" "^0.3.2" - acorn "^8.5.0" + "@jridgewell/source-map" "^0.3.3" + acorn "^8.8.2" commander "^2.20.0" source-map-support "~0.5.20" @@ -7804,9 +8954,9 @@ thunky@^1.0.2: integrity sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA== tiny-invariant@^1.0.2: - version "1.3.1" - resolved "https://registry.yarnpkg.com/tiny-invariant/-/tiny-invariant-1.3.1.tgz#8560808c916ef02ecfd55e66090df23a4b7aa642" - integrity sha512-AD5ih2NlSssTCwsMznbvwMZpJ1cbhkGd2uueNxzv2jDlEeZdU04JQfRnggJQ8DrcVBGjAsCKwFBbDlVNtEMlzw== + version "1.3.3" + resolved "https://registry.yarnpkg.com/tiny-invariant/-/tiny-invariant-1.3.3.tgz#46680b7a873a0d5d10005995eb90a70d74d60127" + integrity sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg== tiny-warning@^1.0.0: version "1.0.3" @@ -7818,11 +8968,6 @@ to-fast-properties@^2.0.0: resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e" integrity sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog== -to-readable-stream@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/to-readable-stream/-/to-readable-stream-1.0.0.tgz#ce0aa0c2f3df6adf852efb404a783e77c0475771" - integrity sha512-Iq25XBt6zD5npPhlLVXGFN3/gyR2/qODcKNNyTMd4vbm39HUaOiAM4PMq0eMVC/Tkxz+Zjdsc55g9yyz+Yq00Q== - to-regex-range@^5.0.1: version "5.0.1" resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4" @@ -7835,89 +8980,32 @@ toidentifier@1.0.1: resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.1.tgz#3be34321a88a820ed1bd80dfaa33e479fbb8dd35" integrity sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA== -totalist@^1.0.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/totalist/-/totalist-1.1.0.tgz#a4d65a3e546517701e3e5c37a47a70ac97fe56df" - integrity sha512-gduQwd1rOdDMGxFG1gEvhV88Oirdo2p+KjoYFU7k2g+i7n6AFFbDQ5kMPUsW0pNbfQsB/cwXvT1i4Bue0s9g5g== - -tough-cookie@~2.5.0: - version "2.5.0" - resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-2.5.0.tgz#cd9fb2a0aa1d5a12b473bd9fb96fa3dcff65ade2" - integrity sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g== - dependencies: - psl "^1.1.28" - punycode "^2.1.1" - -tr46@~0.0.3: - version "0.0.3" - resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a" - integrity sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw== - -trim-newlines@^3.0.0: +totalist@^3.0.0: version "3.0.1" - resolved "https://registry.yarnpkg.com/trim-newlines/-/trim-newlines-3.0.1.tgz#260a5d962d8b752425b32f3a7db0dcacd176c144" - integrity sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw== - -trim-trailing-lines@^1.0.0: - version "1.1.4" - resolved "https://registry.yarnpkg.com/trim-trailing-lines/-/trim-trailing-lines-1.1.4.tgz#bd4abbec7cc880462f10b2c8b5ce1d8d1ec7c2c0" - integrity sha512-rjUWSqnfTNrjbB9NQWfPMH/xRK1deHeGsHoVfpxJ++XeYXE0d6B1En37AHfw3jtfTU7dzMzZL2jjpe8Qb5gLIQ== - -trim@0.0.1: - version "0.0.1" - resolved "https://registry.yarnpkg.com/trim/-/trim-0.0.1.tgz#5858547f6b290757ee95cccc666fb50084c460dd" - integrity sha512-YzQV+TZg4AxpKxaTHK3c3D+kRDCGVEE7LemdlQZoQXn0iennk10RsIoY6ikzAqJTc9Xjl9C1/waHom/J86ziAQ== - -trough@^1.0.0: - version "1.0.5" - resolved "https://registry.yarnpkg.com/trough/-/trough-1.0.5.tgz#b8b639cefad7d0bb2abd37d433ff8293efa5f406" - integrity sha512-rvuRbTarPXmMb79SmzEp8aqXNKcK+y0XaB298IXueQ8I2PsrATcPBCSPyK/dDNa2iWOhKlfNnOjdAOTBU/nkFA== - -"true-case-path@^1.0.2": - version "1.0.3" - resolved "https://registry.yarnpkg.com/true-case-path/-/true-case-path-1.0.3.tgz#f813b5a8c86b40da59606722b144e3225799f47d" - integrity sha512-m6s2OdQe5wgpFMC+pAJ+q9djG82O2jcHPOI6RNg1yy9rCYR+WD6Nbpl32fDpfC56nirdRy+opFa/Vk7HYhqaew== - dependencies: - glob "^7.1.2" - -tslib@^2.0.3, tslib@^2.1.0, tslib@^2.4.0: - version "2.4.1" - resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.4.1.tgz#0d0bfbaac2880b91e22df0768e55be9753a5b17e" - integrity sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA== - -tunnel-agent@^0.6.0: - version "0.6.0" - resolved "https://registry.yarnpkg.com/tunnel-agent/-/tunnel-agent-0.6.0.tgz#27a5dea06b36b04a0a9966774b290868f0fc40fd" - integrity sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w== - dependencies: - safe-buffer "^5.0.1" - -tweetnacl@^0.14.3, tweetnacl@~0.14.0: - version "0.14.5" - resolved "https://registry.yarnpkg.com/tweetnacl/-/tweetnacl-0.14.5.tgz#5ae68177f192d4456269d108afa93ff8743f4f64" - integrity sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA== + resolved "https://registry.yarnpkg.com/totalist/-/totalist-3.0.1.tgz#ba3a3d600c915b1a97872348f79c127475f6acf8" + integrity sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ== -type-fest@^0.18.0: - version "0.18.1" - resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.18.1.tgz#db4bc151a4a2cf4eebf9add5db75508db6cc841f" - integrity sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw== +trim-lines@^3.0.0: + version "3.0.1" + resolved "https://registry.yarnpkg.com/trim-lines/-/trim-lines-3.0.1.tgz#d802e332a07df861c48802c04321017b1bd87338" + integrity sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg== -type-fest@^0.20.2: - version "0.20.2" - resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.20.2.tgz#1bf207f4b28f91583666cb5fbd327887301cd5f4" - integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ== +trough@^2.0.0: + version "2.2.0" + resolved "https://registry.yarnpkg.com/trough/-/trough-2.2.0.tgz#94a60bd6bd375c152c1df911a4b11d5b0256f50f" + integrity sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw== -type-fest@^0.6.0: - version "0.6.0" - resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.6.0.tgz#8d2a2370d3df886eb5c90ada1c5bf6188acf838b" - integrity sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg== +tslib@^2.0.3, tslib@^2.6.0: + version "2.6.2" + resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.6.2.tgz#703ac29425e7b37cd6fd456e92404d46d1f3e4ae" + integrity sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q== -type-fest@^0.8.1: - version "0.8.1" - resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.8.1.tgz#09e249ebde851d3b1e48d27c105444667f17b83d" - integrity sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA== +type-fest@^1.0.1: + version "1.4.0" + resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-1.4.0.tgz#e9fb813fe3bf1744ec359d55d1affefa76f14be1" + integrity sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA== -type-fest@^2.5.0: +type-fest@^2.13.0, type-fest@^2.5.0: version "2.19.0" resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-2.19.0.tgz#88068015bb33036a598b952e55e9311a60fd3a9b" integrity sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA== @@ -7930,6 +9018,50 @@ type-is@~1.6.18: media-typer "0.3.0" mime-types "~2.1.24" +typed-array-buffer@^1.0.2: + version "1.0.2" + resolved "https://registry.yarnpkg.com/typed-array-buffer/-/typed-array-buffer-1.0.2.tgz#1867c5d83b20fcb5ccf32649e5e2fc7424474ff3" + integrity sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ== + dependencies: + call-bind "^1.0.7" + es-errors "^1.3.0" + is-typed-array "^1.1.13" + +typed-array-byte-length@^1.0.1: + version "1.0.1" + resolved "https://registry.yarnpkg.com/typed-array-byte-length/-/typed-array-byte-length-1.0.1.tgz#d92972d3cff99a3fa2e765a28fcdc0f1d89dec67" + integrity sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw== + dependencies: + call-bind "^1.0.7" + for-each "^0.3.3" + gopd "^1.0.1" + has-proto "^1.0.3" + is-typed-array "^1.1.13" + +typed-array-byte-offset@^1.0.2: + version "1.0.2" + resolved "https://registry.yarnpkg.com/typed-array-byte-offset/-/typed-array-byte-offset-1.0.2.tgz#f9ec1acb9259f395093e4567eb3c28a580d02063" + integrity sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA== + dependencies: + available-typed-arrays "^1.0.7" + call-bind "^1.0.7" + for-each "^0.3.3" + gopd "^1.0.1" + has-proto "^1.0.3" + is-typed-array "^1.1.13" + +typed-array-length@^1.0.6: + version "1.0.6" + resolved "https://registry.yarnpkg.com/typed-array-length/-/typed-array-length-1.0.6.tgz#57155207c76e64a3457482dfdc1c9d1d3c4c73a3" + integrity sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g== + dependencies: + call-bind "^1.0.7" + for-each "^0.3.3" + gopd "^1.0.1" + has-proto "^1.0.3" + is-typed-array "^1.1.13" + possible-typed-array-names "^1.0.0" + typedarray-to-buffer@^3.1.5: version "3.1.5" resolved "https://registry.yarnpkg.com/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz#a97ee7a9ff42691b9f783ff1bc5112fe3fca9080" @@ -7937,24 +9069,31 @@ typedarray-to-buffer@^3.1.5: dependencies: is-typedarray "^1.0.0" -ua-parser-js@^0.7.30: - version "0.7.32" - resolved "https://registry.yarnpkg.com/ua-parser-js/-/ua-parser-js-0.7.32.tgz#cd8c639cdca949e30fa68c44b7813ef13e36d211" - integrity sha512-f9BESNVhzlhEFf2CHMSj40NWOjYPl1YKYbrvIr/hFTDEmLq7SRbWvm7FcdcpCYT95zrOhC7gZSxjdnnTpBcwVw== - -unherit@^1.0.4: - version "1.1.3" - resolved "https://registry.yarnpkg.com/unherit/-/unherit-1.1.3.tgz#6c9b503f2b41b262330c80e91c8614abdaa69c22" - integrity sha512-Ft16BJcnapDKp0+J/rqFC3Rrk6Y/Ng4nzsC028k2jdDII/rdZ7Wd3pPT/6+vIIxRagwRc9K0IUX0Ra4fKvw+WQ== +unbox-primitive@^1.0.2: + version "1.0.2" + resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.2.tgz#29032021057d5e6cdbd08c5129c226dff8ed6f9e" + integrity sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw== dependencies: - inherits "^2.0.0" - xtend "^4.0.0" + call-bind "^1.0.2" + has-bigints "^1.0.2" + has-symbols "^1.0.3" + which-boxed-primitive "^1.0.2" + +undici-types@~5.26.4: + version "5.26.5" + resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-5.26.5.tgz#bcd539893d00b56e964fd2657a4866b221a65617" + integrity sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA== unicode-canonical-property-names-ecmascript@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz#301acdc525631670d39f6146e0e77ff6bbdebddc" integrity sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ== +unicode-emoji-modifier-base@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/unicode-emoji-modifier-base/-/unicode-emoji-modifier-base-1.0.0.tgz#dbbd5b54ba30f287e2a8d5a249da6c0cef369459" + integrity sha512-yLSH4py7oFH3oG/9K+XWrz1pSi3dfUrWEnInbxMfArOfc1+33BlGPQtLsOYwvdMy11AwUBetYuaRxSPqgkq+8g== + unicode-match-property-ecmascript@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz#54fd16e0ecb167cf04cf1f756bdcc92eba7976c3" @@ -7963,142 +9102,131 @@ unicode-match-property-ecmascript@^2.0.0: unicode-canonical-property-names-ecmascript "^2.0.0" unicode-property-aliases-ecmascript "^2.0.0" -unicode-match-property-value-ecmascript@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.0.0.tgz#1a01aa57247c14c568b89775a54938788189a714" - integrity sha512-7Yhkc0Ye+t4PNYzOGKedDhXbYIBe1XEQYQxOPyhcXNMJ0WCABqqj6ckydd6pWRZTHV4GuCPKdBAUiMc60tsKVw== +unicode-match-property-value-ecmascript@^2.1.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.1.0.tgz#cb5fffdcd16a05124f5a4b0bf7c3770208acbbe0" + integrity sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA== unicode-property-aliases-ecmascript@^2.0.0: version "2.1.0" resolved "https://registry.yarnpkg.com/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz#43d41e3be698bd493ef911077c9b131f827e8ccd" integrity sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w== -unified@9.2.0: - version "9.2.0" - resolved "https://registry.yarnpkg.com/unified/-/unified-9.2.0.tgz#67a62c627c40589edebbf60f53edfd4d822027f8" - integrity sha512-vx2Z0vY+a3YoTj8+pttM3tiJHCwY5UFbYdiWrwBEbHmK8pvsPj2rtAX2BFfgXen8T39CJWblWRDT4L5WGXtDdg== +unified@^11.0.0, unified@^11.0.3, unified@^11.0.4: + version "11.0.4" + resolved "https://registry.yarnpkg.com/unified/-/unified-11.0.4.tgz#f4be0ac0fe4c88cb873687c07c64c49ed5969015" + integrity sha512-apMPnyLjAX+ty4OrNap7yumyVAMlKx5IWU2wlzzUdYJO9A8f1p9m/gywF/GM2ZDFcjQPrx59Mc90KwmxsoklxQ== dependencies: - bail "^1.0.0" + "@types/unist" "^3.0.0" + bail "^2.0.0" + devlop "^1.0.0" extend "^3.0.0" - is-buffer "^2.0.0" - is-plain-obj "^2.0.0" - trough "^1.0.0" - vfile "^4.0.0" + is-plain-obj "^4.0.0" + trough "^2.0.0" + vfile "^6.0.0" -unified@^9.2.2: - version "9.2.2" - resolved "https://registry.yarnpkg.com/unified/-/unified-9.2.2.tgz#67649a1abfc3ab85d2969502902775eb03146975" - integrity sha512-Sg7j110mtefBD+qunSLO1lqOEKdrwBFBrR6Qd8f4uwkhWNlbkaqwHse6e7QvD3AP/MNoJdEDLaf8OxYyoWgorQ== +unique-string@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/unique-string/-/unique-string-3.0.0.tgz#84a1c377aff5fd7a8bc6b55d8244b2bd90d75b9a" + integrity sha512-VGXBUVwxKMBUznyffQweQABPRRW1vHZAbadFZud4pLFAqRGvv/96vafgjWFqzourzr8YonlQiPgH0YCJfawoGQ== dependencies: - bail "^1.0.0" - extend "^3.0.0" - is-buffer "^2.0.0" - is-plain-obj "^2.0.0" - trough "^1.0.0" - vfile "^4.0.0" + crypto-random-string "^4.0.0" -unique-string@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/unique-string/-/unique-string-2.0.0.tgz#39c6451f81afb2749de2b233e3f7c5e8843bd89d" - integrity sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg== +unist-util-is@^6.0.0: + version "6.0.0" + resolved "https://registry.yarnpkg.com/unist-util-is/-/unist-util-is-6.0.0.tgz#b775956486aff107a9ded971d996c173374be424" + integrity sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw== dependencies: - crypto-random-string "^2.0.0" - -unist-builder@2.0.3, unist-builder@^2.0.0: - version "2.0.3" - resolved "https://registry.yarnpkg.com/unist-builder/-/unist-builder-2.0.3.tgz#77648711b5d86af0942f334397a33c5e91516436" - integrity sha512-f98yt5pnlMWlzP539tPc4grGMsFaQQlP/vM396b00jngsiINumNmsY8rkXjfoi1c6QaM8nQ3vaGDuoKWbe/1Uw== - -unist-util-generated@^1.0.0: - version "1.1.6" - resolved "https://registry.yarnpkg.com/unist-util-generated/-/unist-util-generated-1.1.6.tgz#5ab51f689e2992a472beb1b35f2ce7ff2f324d4b" - integrity sha512-cln2Mm1/CZzN5ttGK7vkoGw+RZ8VcUH6BtGbq98DDtRGquAAOXig1mrBQYelOwMXYS8rK+vZDyyojSjp7JX+Lg== - -unist-util-is@^4.0.0: - version "4.1.0" - resolved "https://registry.yarnpkg.com/unist-util-is/-/unist-util-is-4.1.0.tgz#976e5f462a7a5de73d94b706bac1b90671b57797" - integrity sha512-ZOQSsnce92GrxSqlnEEseX0gi7GH9zTJZ0p9dtu87WRb/37mMPO2Ilx1s/t9vBHrFhbgweUwb+t7cIn5dxPhZg== + "@types/unist" "^3.0.0" -unist-util-position@^3.0.0: - version "3.1.0" - resolved "https://registry.yarnpkg.com/unist-util-position/-/unist-util-position-3.1.0.tgz#1c42ee6301f8d52f47d14f62bbdb796571fa2d47" - integrity sha512-w+PkwCbYSFw8vpgWD0v7zRCl1FpY3fjDSQ3/N/wNd9Ffa4gPi8+4keqt99N3XW6F99t/mUzp2xAhNmfKWp95QA== +unist-util-position-from-estree@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/unist-util-position-from-estree/-/unist-util-position-from-estree-2.0.0.tgz#d94da4df596529d1faa3de506202f0c9a23f2200" + integrity sha512-KaFVRjoqLyF6YXCbVLNad/eS4+OfPQQn2yOd7zF/h5T/CSL2v8NpN6a5TPvtbXthAGw5nG+PuTtq+DdIZr+cRQ== + dependencies: + "@types/unist" "^3.0.0" -unist-util-remove-position@^2.0.0: - version "2.0.1" - resolved "https://registry.yarnpkg.com/unist-util-remove-position/-/unist-util-remove-position-2.0.1.tgz#5d19ca79fdba712301999b2b73553ca8f3b352cc" - integrity sha512-fDZsLYIe2uT+oGFnuZmy73K6ZxOPG/Qcm+w7jbEjaFcJgbQ6cqjs/eSPzXhsmGpAsWPkqZM9pYjww5QTn3LHMA== +unist-util-position@^5.0.0: + version "5.0.0" + resolved "https://registry.yarnpkg.com/unist-util-position/-/unist-util-position-5.0.0.tgz#678f20ab5ca1207a97d7ea8a388373c9cf896be4" + integrity sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA== dependencies: - unist-util-visit "^2.0.0" + "@types/unist" "^3.0.0" -unist-util-remove@^2.0.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/unist-util-remove/-/unist-util-remove-2.1.0.tgz#b0b4738aa7ee445c402fda9328d604a02d010588" - integrity sha512-J8NYPyBm4baYLdCbjmf1bhPu45Cr1MWTm77qd9istEkzWpnN6O9tMsEbB2JhNnBCqGENRqEWomQ+He6au0B27Q== +unist-util-remove-position@^5.0.0: + version "5.0.0" + resolved "https://registry.yarnpkg.com/unist-util-remove-position/-/unist-util-remove-position-5.0.0.tgz#fea68a25658409c9460408bc6b4991b965b52163" + integrity sha512-Hp5Kh3wLxv0PHj9m2yZhhLt58KzPtEYKQQ4yxfYFEO7EvHwzyDYnduhHnY1mDxoqr7VUwVuHXk9RXKIiYS1N8Q== dependencies: - unist-util-is "^4.0.0" + "@types/unist" "^3.0.0" + unist-util-visit "^5.0.0" -unist-util-stringify-position@^2.0.0: - version "2.0.3" - resolved "https://registry.yarnpkg.com/unist-util-stringify-position/-/unist-util-stringify-position-2.0.3.tgz#cce3bfa1cdf85ba7375d1d5b17bdc4cada9bd9da" - integrity sha512-3faScn5I+hy9VleOq/qNbAd6pAx7iH5jYBMS9I1HgQVijz/4mv5Bvw5iw1sC/90CODiKo81G/ps8AJrISn687g== +unist-util-stringify-position@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/unist-util-stringify-position/-/unist-util-stringify-position-4.0.0.tgz#449c6e21a880e0855bf5aabadeb3a740314abac2" + integrity sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ== dependencies: - "@types/unist" "^2.0.2" + "@types/unist" "^3.0.0" -unist-util-visit-parents@^3.0.0: - version "3.1.1" - resolved "https://registry.yarnpkg.com/unist-util-visit-parents/-/unist-util-visit-parents-3.1.1.tgz#65a6ce698f78a6b0f56aa0e88f13801886cdaef6" - integrity sha512-1KROIZWo6bcMrZEwiH2UrXDyalAa0uqzWCxCJj6lPOvTve2WkfgCytoDTPaMnodXh1WrXOq0haVYHj99ynJlsg== +unist-util-visit-parents@^6.0.0: + version "6.0.1" + resolved "https://registry.yarnpkg.com/unist-util-visit-parents/-/unist-util-visit-parents-6.0.1.tgz#4d5f85755c3b8f0dc69e21eca5d6d82d22162815" + integrity sha512-L/PqWzfTP9lzzEa6CKs0k2nARxTdZduw3zyh8d2NVBnsyvHjSX4TWse388YrrQKbvI8w20fGjGlhgT96WwKykw== dependencies: - "@types/unist" "^2.0.0" - unist-util-is "^4.0.0" + "@types/unist" "^3.0.0" + unist-util-is "^6.0.0" -unist-util-visit@2.0.3, unist-util-visit@^2.0.0, unist-util-visit@^2.0.3: - version "2.0.3" - resolved "https://registry.yarnpkg.com/unist-util-visit/-/unist-util-visit-2.0.3.tgz#c3703893146df47203bb8a9795af47d7b971208c" - integrity sha512-iJ4/RczbJMkD0712mGktuGpm/U4By4FfDonL7N/9tATGIF4imikjOuagyMY53tnZq3NP6BcmlrHhEKAfGWjh7Q== +unist-util-visit@^5.0.0: + version "5.0.0" + resolved "https://registry.yarnpkg.com/unist-util-visit/-/unist-util-visit-5.0.0.tgz#a7de1f31f72ffd3519ea71814cccf5fd6a9217d6" + integrity sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg== dependencies: - "@types/unist" "^2.0.0" - unist-util-is "^4.0.0" - unist-util-visit-parents "^3.0.0" + "@types/unist" "^3.0.0" + unist-util-is "^6.0.0" + unist-util-visit-parents "^6.0.0" universalify@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.0.tgz#75a4984efedc4b08975c5aeb73f530d02df25717" - integrity sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ== + version "2.0.1" + resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.1.tgz#168efc2180964e6386d061e094df61afe239b18d" + integrity sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw== unpipe@1.0.0, unpipe@~1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec" integrity sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ== -update-browserslist-db@^1.0.9: - version "1.0.10" - resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz#0f54b876545726f17d00cd9a2561e6dade943ff3" - integrity sha512-OztqDenkfFkbSG+tRxBeAnCVPckDBcvibKd35yDONx6OU8N7sqgwc7rCbkJ/WcYtVRZ4ba68d6byhC21GFh7sQ== +unquote@~1.1.1: + version "1.1.1" + resolved "https://registry.yarnpkg.com/unquote/-/unquote-1.1.1.tgz#8fded7324ec6e88a0ff8b905e7c098cdc086d544" + integrity sha512-vRCqFv6UhXpWxZPyGDh/F3ZpNv8/qo7w6iufLpQg9aKnQ71qM4B5KiI7Mia9COcjEhrO9LueHpMYjYzsWH3OIg== + +update-browserslist-db@^1.0.13: + version "1.0.13" + resolved "https://registry.yarnpkg.com/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz#3c5e4f5c083661bd38ef64b6328c26ed6c8248c4" + integrity sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg== dependencies: escalade "^3.1.1" picocolors "^1.0.0" -update-notifier@^5.1.0: - version "5.1.0" - resolved "https://registry.yarnpkg.com/update-notifier/-/update-notifier-5.1.0.tgz#4ab0d7c7f36a231dd7316cf7729313f0214d9ad9" - integrity sha512-ItnICHbeMh9GqUy31hFPrD1kcuZ3rpxDZbf4KUDavXwS0bW5m7SLbDQpGX3UYr072cbrF5hFUs3r5tUsPwjfHw== - dependencies: - boxen "^5.0.0" - chalk "^4.1.0" - configstore "^5.0.1" - has-yarn "^2.1.0" - import-lazy "^2.1.0" - is-ci "^2.0.0" +update-notifier@^6.0.2: + version "6.0.2" + resolved "https://registry.yarnpkg.com/update-notifier/-/update-notifier-6.0.2.tgz#a6990253dfe6d5a02bd04fbb6a61543f55026b60" + integrity sha512-EDxhTEVPZZRLWYcJ4ZXjGFN0oP7qYvbXWzEgRm/Yql4dHX5wDbvh89YHP6PK1lzZJYrMtXUuZZz8XGK+U6U1og== + dependencies: + boxen "^7.0.0" + chalk "^5.0.1" + configstore "^6.0.0" + has-yarn "^3.0.0" + import-lazy "^4.0.0" + is-ci "^3.0.1" is-installed-globally "^0.4.0" - is-npm "^5.0.0" - is-yarn-global "^0.3.0" - latest-version "^5.1.0" - pupa "^2.1.1" - semver "^7.3.4" - semver-diff "^3.1.1" - xdg-basedir "^4.0.0" + is-npm "^6.0.0" + is-yarn-global "^0.4.0" + latest-version "^7.0.0" + pupa "^3.1.0" + semver "^7.3.7" + semver-diff "^4.0.0" + xdg-basedir "^5.1.0" uri-js@^4.2.2: version "4.4.1" @@ -8116,73 +9244,41 @@ url-loader@^4.1.1: mime-types "^2.1.27" schema-utils "^3.0.0" -url-parse-lax@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/url-parse-lax/-/url-parse-lax-3.0.0.tgz#16b5cafc07dbe3676c1b1999177823d6503acb0c" - integrity sha512-NjFKA0DidqPa5ciFcSrXnAltTtzz84ogy+NebPvfEgAck0+TNg4UJ4IN+fB7zRZfbgUf0syOo9MDxFkDSMuFaQ== - dependencies: - prepend-http "^2.0.0" - -use-composed-ref@^1.3.0: - version "1.3.0" - resolved "https://registry.yarnpkg.com/use-composed-ref/-/use-composed-ref-1.3.0.tgz#3d8104db34b7b264030a9d916c5e94fbe280dbda" - integrity sha512-GLMG0Jc/jiKov/3Ulid1wbv3r54K9HlMW29IWcDFPEqFkSO2nS0MuefWgMJpeHQ9YJeXDL3ZUF+P3jdXlZX/cQ== - -use-isomorphic-layout-effect@^1.1.1: - version "1.1.2" - resolved "https://registry.yarnpkg.com/use-isomorphic-layout-effect/-/use-isomorphic-layout-effect-1.1.2.tgz#497cefb13d863d687b08477d9e5a164ad8c1a6fb" - integrity sha512-49L8yCO3iGT/ZF9QttjwLF/ZD9Iwto5LnH5LmEdk/6cFmXddqi2ulF0edxTwjj+7mqvpVVGQWvbXZdn32wRSHA== - -use-latest@^1.2.1: - version "1.2.1" - resolved "https://registry.yarnpkg.com/use-latest/-/use-latest-1.2.1.tgz#d13dfb4b08c28e3e33991546a2cee53e14038cf2" - integrity sha512-xA+AVm/Wlg3e2P/JiItTziwS7FK92LWrDB0p+hgXloIMuVCeJJ8v6f0eeHyPZaJrM+usM1FkFfbNCrJGs8A/zw== - dependencies: - use-isomorphic-layout-effect "^1.1.1" - -use-sync-external-store@^1.2.0: - version "1.2.0" - resolved "https://registry.yarnpkg.com/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz#7dbefd6ef3fe4e767a0cf5d7287aacfb5846928a" - integrity sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA== - util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1: version "1.0.2" resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf" integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw== +util.promisify@~1.0.0: + version "1.0.1" + resolved "https://registry.yarnpkg.com/util.promisify/-/util.promisify-1.0.1.tgz#6baf7774b80eeb0f7520d8b81d07982a59abbaee" + integrity sha512-g9JpC/3He3bm38zsLupWryXHoEcS22YHthuPQSJdMy6KNrzIRzWqcsHzD/WUnqe45whVou4VIsPew37DoXWNrA== + dependencies: + define-properties "^1.1.3" + es-abstract "^1.17.2" + has-symbols "^1.0.1" + object.getownpropertydescriptors "^2.1.0" + utila@~0.4: version "0.4.0" resolved "https://registry.yarnpkg.com/utila/-/utila-0.4.0.tgz#8a16a05d445657a3aea5eecc5b12a4fa5379772c" integrity sha512-Z0DbgELS9/L/75wZbro8xAnT50pBVFQZ+hUEueGDU5FN51YSCYM+jdxsfCiHjwNP/4LCDD0i/graKpeBnOXKRA== utility-types@^3.10.0: - version "3.10.0" - resolved "https://registry.yarnpkg.com/utility-types/-/utility-types-3.10.0.tgz#ea4148f9a741015f05ed74fd615e1d20e6bed82b" - integrity sha512-O11mqxmi7wMKCo6HKFt5AhO4BwY3VV68YU07tgxfz8zJTIxr4BpsezN49Ffwy9j3ZpwwJp4fkRwjRzq3uWE6Rg== + version "3.11.0" + resolved "https://registry.yarnpkg.com/utility-types/-/utility-types-3.11.0.tgz#607c40edb4f258915e901ea7995607fdf319424c" + integrity sha512-6Z7Ma2aVEWisaL6TvBCy7P8rm2LQoPv6dJ7ecIaIixHcwfbJ0x7mWdbcwlIM5IGQxPZSFYeqRCqlOOeKoJYMkw== utils-merge@1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/utils-merge/-/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713" integrity sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA== -uuid@^3.3.2: - version "3.4.0" - resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.4.0.tgz#b23e4358afa8a202fe7a100af1f5f883f02007ee" - integrity sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A== - uuid@^8.3.2: version "8.3.2" resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2" integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg== -validate-npm-package-license@^3.0.1: - version "3.0.4" - resolved "https://registry.yarnpkg.com/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz#fc91f6b9c7ba15c857f4cb2c5defeec39d4f410a" - integrity sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew== - dependencies: - spdx-correct "^3.0.0" - spdx-expression-parse "^3.0.0" - value-equal@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/value-equal/-/value-equal-1.0.1.tgz#1e0b794c734c5c0cade179c437d356d931a34d6c" @@ -8193,53 +9289,35 @@ vary@~1.1.2: resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc" integrity sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg== -verror@1.10.0: - version "1.10.0" - resolved "https://registry.yarnpkg.com/verror/-/verror-1.10.0.tgz#3a105ca17053af55d6e270c1f8288682e18da400" - integrity sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw== - dependencies: - assert-plus "^1.0.0" - core-util-is "1.0.2" - extsprintf "^1.2.0" - -vfile-location@^3.0.0, vfile-location@^3.2.0: - version "3.2.0" - resolved "https://registry.yarnpkg.com/vfile-location/-/vfile-location-3.2.0.tgz#d8e41fbcbd406063669ebf6c33d56ae8721d0f3c" - integrity sha512-aLEIZKv/oxuCDZ8lkJGhuhztf/BW4M+iHdCwglA/eWc+vtuRFJj8EtgceYFX4LRjOhCAAiNHsKGssC6onJ+jbA== - -vfile-message@^2.0.0: - version "2.0.4" - resolved "https://registry.yarnpkg.com/vfile-message/-/vfile-message-2.0.4.tgz#5b43b88171d409eae58477d13f23dd41d52c371a" - integrity sha512-DjssxRGkMvifUOJre00juHoP9DPWuzjxKuMDrhNbk2TdaYYBNMStsNhEOt3idrtI12VQYM/1+iM0KOzXi4pxwQ== +vfile-location@^5.0.0: + version "5.0.2" + resolved "https://registry.yarnpkg.com/vfile-location/-/vfile-location-5.0.2.tgz#220d9ca1ab6f8b2504a4db398f7ebc149f9cb464" + integrity sha512-NXPYyxyBSH7zB5U6+3uDdd6Nybz6o6/od9rk8bp9H8GR3L+cm/fC0uUTbqBmUTnMCUDslAGBOIKNfvvb+gGlDg== dependencies: - "@types/unist" "^2.0.0" - unist-util-stringify-position "^2.0.0" + "@types/unist" "^3.0.0" + vfile "^6.0.0" -vfile@^4.0.0: - version "4.2.1" - resolved "https://registry.yarnpkg.com/vfile/-/vfile-4.2.1.tgz#03f1dce28fc625c625bc6514350fbdb00fa9e624" - integrity sha512-O6AE4OskCG5S1emQ/4gl8zK586RqA3srz3nfK/Viy0UPToBc5Trp9BVFb1u0CjsKrAWwnpr4ifM/KBXPWwJbCA== +vfile-message@^4.0.0: + version "4.0.2" + resolved "https://registry.yarnpkg.com/vfile-message/-/vfile-message-4.0.2.tgz#c883c9f677c72c166362fd635f21fc165a7d1181" + integrity sha512-jRDZ1IMLttGj41KcZvlrYAaI3CfqpLpfpf+Mfig13viT6NKvRzWZ+lXz0Y5D60w6uJIBAOGq9mSHf0gktF0duw== dependencies: - "@types/unist" "^2.0.0" - is-buffer "^2.0.0" - unist-util-stringify-position "^2.0.0" - vfile-message "^2.0.0" + "@types/unist" "^3.0.0" + unist-util-stringify-position "^4.0.0" -wait-on@^6.0.1: +vfile@^6.0.0, vfile@^6.0.1: version "6.0.1" - resolved "https://registry.yarnpkg.com/wait-on/-/wait-on-6.0.1.tgz#16bbc4d1e4ebdd41c5b4e63a2e16dbd1f4e5601e" - integrity sha512-zht+KASY3usTY5u2LgaNqn/Cd8MukxLGjdcZxT2ns5QzDmTFc4XoWBgC+C/na+sMRZTuVygQoMYwdcVjHnYIVw== + resolved "https://registry.yarnpkg.com/vfile/-/vfile-6.0.1.tgz#1e8327f41eac91947d4fe9d237a2dd9209762536" + integrity sha512-1bYqc7pt6NIADBJ98UiG0Bn/CHIVOoZ/IyEkqIruLg0mE1BKzkOXY2D6CSqQIcKqgadppE5lrxgWXJmXd7zZJw== dependencies: - axios "^0.25.0" - joi "^17.6.0" - lodash "^4.17.21" - minimist "^1.2.5" - rxjs "^7.5.4" + "@types/unist" "^3.0.0" + unist-util-stringify-position "^4.0.0" + vfile-message "^4.0.0" -watchpack@^2.4.0: - version "2.4.0" - resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.0.tgz#fa33032374962c78113f93c7f2fb4c54c9862a5d" - integrity sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg== +watchpack@^2.4.1: + version "2.4.1" + resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.1.tgz#29308f2cac150fa8e4c92f90e0ec954a9fed7fff" + integrity sha512-8wrBCMtVhqcXP2Sup1ctSkga6uc2Bx0IIvKyT7yTFier5AXHooSI+QyQQAtTb7+E0IUCCKyTFmXqdqgum2XWGg== dependencies: glob-to-regexp "^0.4.1" graceful-fs "^4.1.2" @@ -8251,29 +9329,27 @@ wbuf@^1.1.0, wbuf@^1.7.3: dependencies: minimalistic-assert "^1.0.0" -web-namespaces@^1.0.0: - version "1.1.4" - resolved "https://registry.yarnpkg.com/web-namespaces/-/web-namespaces-1.1.4.tgz#bc98a3de60dadd7faefc403d1076d529f5e030ec" - integrity sha512-wYxSGajtmoP4WxfejAPIr4l0fVh+jeMXZb08wNc0tMg6xsfZXj3cECqIK0G7ZAqUq0PP8WlMDtaOGVBTAWztNw== - -webidl-conversions@^3.0.0: - version "3.0.1" - resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871" - integrity sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ== +web-namespaces@^2.0.0: + version "2.0.1" + resolved "https://registry.yarnpkg.com/web-namespaces/-/web-namespaces-2.0.1.tgz#1010ff7c650eccb2592cebeeaf9a1b253fd40692" + integrity sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ== -webpack-bundle-analyzer@^4.5.0: - version "4.7.0" - resolved "https://registry.yarnpkg.com/webpack-bundle-analyzer/-/webpack-bundle-analyzer-4.7.0.tgz#33c1c485a7fcae8627c547b5c3328b46de733c66" - integrity sha512-j9b8ynpJS4K+zfO5GGwsAcQX4ZHpWV+yRiHDiL+bE0XHJ8NiPYLTNVQdlFYWxtpg9lfAQNlwJg16J9AJtFSXRg== +webpack-bundle-analyzer@^4.9.0: + version "4.10.2" + resolved "https://registry.yarnpkg.com/webpack-bundle-analyzer/-/webpack-bundle-analyzer-4.10.2.tgz#633af2862c213730be3dbdf40456db171b60d5bd" + integrity sha512-vJptkMm9pk5si4Bv922ZbKLV8UTT4zib4FPgXMhgzUny0bfDDkLXAVQs3ly3fS4/TN9ROFtb0NFrm04UXFE/Vw== dependencies: + "@discoveryjs/json-ext" "0.5.7" acorn "^8.0.4" acorn-walk "^8.0.0" - chalk "^4.1.0" commander "^7.2.0" + debounce "^1.2.1" + escape-string-regexp "^4.0.0" gzip-size "^6.0.0" - lodash "^4.17.20" + html-escaper "^2.0.2" opener "^1.5.2" - sirv "^1.0.7" + picocolors "^1.0.0" + sirv "^2.0.3" ws "^7.3.1" webpack-cli@^4.4.0: @@ -8294,10 +9370,10 @@ webpack-cli@^4.4.0: rechoir "^0.7.0" webpack-merge "^5.7.3" -webpack-dev-middleware@^5.3.1: - version "5.3.3" - resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-5.3.3.tgz#efae67c2793908e7311f1d9b06f2a08dcc97e51f" - integrity sha512-hj5CYrY0bZLB+eTO+x/j67Pkrquiy7kWepMHmUMoPsmcUaeEnQJqFzHJOyxgWlq746/wUuA64p9ta34Kyb01pA== +webpack-dev-middleware@^5.3.4: + version "5.3.4" + resolved "https://registry.yarnpkg.com/webpack-dev-middleware/-/webpack-dev-middleware-5.3.4.tgz#eb7b39281cbce10e104eb2b8bf2b63fce49a3517" + integrity sha512-BVdTqhhs+0IfoeAf7EoH5WE+exCmqGerHfDM0IL096Px60Tq2Mn9MAbnaGUe6HiMa41KMCYF19gyzZmBcq/o4Q== dependencies: colorette "^2.0.10" memfs "^3.4.3" @@ -8305,10 +9381,10 @@ webpack-dev-middleware@^5.3.1: range-parser "^1.2.1" schema-utils "^4.0.0" -webpack-dev-server@^4.9.3: - version "4.11.1" - resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-4.11.1.tgz#ae07f0d71ca0438cf88446f09029b92ce81380b5" - integrity sha512-lILVz9tAUy1zGFwieuaQtYiadImb5M3d+H+L1zDYalYoDl0cksAB1UNyuE5MMWJrG6zR1tXkCP2fitl7yoUJiw== +webpack-dev-server@^4.15.1: + version "4.15.2" + resolved "https://registry.yarnpkg.com/webpack-dev-server/-/webpack-dev-server-4.15.2.tgz#9e0c70a42a012560860adb186986da1248333173" + integrity sha512-0XavAZbNJ5sDrCbkpWL8mia0o5WPOd2YGtxrEiZkBK9FjLppIUK2TgxK6qGD2P3hUXTJNNPVibrerKcx5WkR1g== dependencies: "@types/bonjour" "^3.5.9" "@types/connect-history-api-fallback" "^1.3.5" @@ -8316,7 +9392,7 @@ webpack-dev-server@^4.9.3: "@types/serve-index" "^1.9.1" "@types/serve-static" "^1.13.10" "@types/sockjs" "^0.3.33" - "@types/ws" "^8.5.1" + "@types/ws" "^8.5.5" ansi-html-community "^0.0.8" bonjour-service "^1.0.11" chokidar "^3.5.3" @@ -8329,6 +9405,7 @@ webpack-dev-server@^4.9.3: html-entities "^2.3.2" http-proxy-middleware "^2.0.3" ipaddr.js "^2.0.1" + launch-editor "^2.6.0" open "^8.0.9" p-retry "^4.5.0" rimraf "^3.0.2" @@ -8337,50 +9414,51 @@ webpack-dev-server@^4.9.3: serve-index "^1.9.1" sockjs "^0.3.24" spdy "^4.0.2" - webpack-dev-middleware "^5.3.1" - ws "^8.4.2" + webpack-dev-middleware "^5.3.4" + ws "^8.13.0" -webpack-merge@^5.7.3, webpack-merge@^5.8.0: - version "5.8.0" - resolved "https://registry.yarnpkg.com/webpack-merge/-/webpack-merge-5.8.0.tgz#2b39dbf22af87776ad744c390223731d30a68f61" - integrity sha512-/SaI7xY0831XwP6kzuwhKWVKDP9t1QY1h65lAFLbZqMPIuYcD9QAW4u9STIbU9kaJbPBB/geU/gLr1wDjOhQ+Q== +webpack-merge@^5.7.3, webpack-merge@^5.9.0: + version "5.10.0" + resolved "https://registry.yarnpkg.com/webpack-merge/-/webpack-merge-5.10.0.tgz#a3ad5d773241e9c682803abf628d4cd62b8a4177" + integrity sha512-+4zXKdx7UnO+1jaN4l2lHVD+mFvnlZQP/6ljaJVb4SZiwIKeUnrT5l0gkT8z+n4hKpC+jpOv6O9R+gLtag7pSA== dependencies: clone-deep "^4.0.1" + flat "^5.0.2" wildcard "^2.0.0" -webpack-sources@^3.2.2, webpack-sources@^3.2.3: +webpack-sources@^3.2.3: version "3.2.3" resolved "https://registry.yarnpkg.com/webpack-sources/-/webpack-sources-3.2.3.tgz#2d4daab8451fd4b240cc27055ff6a0c2ccea0cde" integrity sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w== -webpack@^5.73.0: - version "5.75.0" - resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.75.0.tgz#1e440468647b2505860e94c9ff3e44d5b582c152" - integrity sha512-piaIaoVJlqMsPtX/+3KTTO6jfvrSYgauFVdt8cr9LTHKmcq/AMd4mhzsiP7ZF/PGRNPGA8336jldh9l2Kt2ogQ== +webpack@^5.88.1: + version "5.91.0" + resolved "https://registry.yarnpkg.com/webpack/-/webpack-5.91.0.tgz#ffa92c1c618d18c878f06892bbdc3373c71a01d9" + integrity sha512-rzVwlLeBWHJbmgTC/8TvAcu5vpJNII+MelQpylD4jNERPwpBJOE2lEcko1zJX3QJeLjTTAnQxn/OJ8bjDzVQaw== dependencies: "@types/eslint-scope" "^3.7.3" - "@types/estree" "^0.0.51" - "@webassemblyjs/ast" "1.11.1" - "@webassemblyjs/wasm-edit" "1.11.1" - "@webassemblyjs/wasm-parser" "1.11.1" + "@types/estree" "^1.0.5" + "@webassemblyjs/ast" "^1.12.1" + "@webassemblyjs/wasm-edit" "^1.12.1" + "@webassemblyjs/wasm-parser" "^1.12.1" acorn "^8.7.1" - acorn-import-assertions "^1.7.6" - browserslist "^4.14.5" + acorn-import-assertions "^1.9.0" + browserslist "^4.21.10" chrome-trace-event "^1.0.2" - enhanced-resolve "^5.10.0" - es-module-lexer "^0.9.0" + enhanced-resolve "^5.16.0" + es-module-lexer "^1.2.1" eslint-scope "5.1.1" events "^3.2.0" glob-to-regexp "^0.4.1" - graceful-fs "^4.2.9" + graceful-fs "^4.2.11" json-parse-even-better-errors "^2.3.1" loader-runner "^4.2.0" mime-types "^2.1.27" neo-async "^2.6.2" - schema-utils "^3.1.0" + schema-utils "^3.2.0" tapable "^2.1.1" - terser-webpack-plugin "^5.1.3" - watchpack "^2.4.0" + terser-webpack-plugin "^5.3.10" + watchpack "^2.4.1" webpack-sources "^3.2.3" webpackbar@^5.0.2: @@ -8407,18 +9485,27 @@ websocket-extensions@>=0.1.1: resolved "https://registry.yarnpkg.com/websocket-extensions/-/websocket-extensions-0.1.4.tgz#7f8473bc839dfd87608adb95d7eb075211578a42" integrity sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg== -whatwg-url@^5.0.0: - version "5.0.0" - resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-5.0.0.tgz#966454e8765462e37644d3626f6742ce8b70965d" - integrity sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw== - dependencies: - tr46 "~0.0.3" - webidl-conversions "^3.0.0" - -which-module@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/which-module/-/which-module-2.0.0.tgz#d9ef07dce77b9902b8a3a8fa4b31c3e3f7e6e87a" - integrity sha512-B+enWhmw6cjfVC7kS8Pj9pCrKSc5txArRyaYGe088shv/FGWH+0Rjx/xPgtsWfsUtS27FkP697E4DDhgrgoc0Q== +which-boxed-primitive@^1.0.2: + version "1.0.2" + resolved "https://registry.yarnpkg.com/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz#13757bc89b209b049fe5d86430e21cf40a89a8e6" + integrity sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg== + dependencies: + is-bigint "^1.0.1" + is-boolean-object "^1.1.0" + is-number-object "^1.0.4" + is-string "^1.0.5" + is-symbol "^1.0.3" + +which-typed-array@^1.1.14, which-typed-array@^1.1.15: + version "1.1.15" + resolved "https://registry.yarnpkg.com/which-typed-array/-/which-typed-array-1.1.15.tgz#264859e9b11a649b388bfaaf4f767df1f779b38d" + integrity sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA== + dependencies: + available-typed-arrays "^1.0.7" + call-bind "^1.0.7" + for-each "^0.3.3" + gopd "^1.0.1" + has-tostringtag "^1.0.2" which@^1.3.1: version "1.3.1" @@ -8427,27 +9514,13 @@ which@^1.3.1: dependencies: isexe "^2.0.0" -which@^2.0.1, which@^2.0.2: +which@^2.0.1: version "2.0.2" resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1" integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA== dependencies: isexe "^2.0.0" -wide-align@^1.1.0: - version "1.1.5" - resolved "https://registry.yarnpkg.com/wide-align/-/wide-align-1.1.5.tgz#df1d4c206854369ecf3c9a4898f1b23fbd9d15d3" - integrity sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg== - dependencies: - string-width "^1.0.2 || 2 || 3 || 4" - -widest-line@^3.1.0: - version "3.1.0" - resolved "https://registry.yarnpkg.com/widest-line/-/widest-line-3.1.0.tgz#8292333bbf66cb45ff0de1603b136b7ae1496eca" - integrity sha512-NsmoXalsWVDMGupxZ5R08ka9flZjjiLvHVAWYOKtiKM8ujtZWr9cRffak+uSE48+Ob8ObalXpwyeUiyDD6QFgg== - dependencies: - string-width "^4.0.0" - widest-line@^4.0.1: version "4.0.1" resolved "https://registry.yarnpkg.com/widest-line/-/widest-line-4.0.1.tgz#a0fc673aaba1ea6f0a0d35b3c2795c9a9cc2ebf2" @@ -8456,32 +9529,14 @@ widest-line@^4.0.1: string-width "^5.0.1" wildcard@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/wildcard/-/wildcard-2.0.0.tgz#a77d20e5200c6faaac979e4b3aadc7b3dd7f8fec" - integrity sha512-JcKqAHLPxcdb9KM49dufGXn2x3ssnfjbcaQdLlfZsL9rH9wgDQjUtDxbo8NE0F6SFvydeu1VhZe7hZuHsB2/pw== - -wrap-ansi@^5.1.0: - version "5.1.0" - resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-5.1.0.tgz#1fd1f67235d5b6d0fee781056001bfb694c03b09" - integrity sha512-QC1/iN/2/RPVJ5jYK8BGttj5z83LmSKmvbvrXPNCLZSEb32KKVDJDl/MOt2N01qU2H/FkzEa9PKto1BqDjtd7Q== - dependencies: - ansi-styles "^3.2.0" - string-width "^3.0.0" - strip-ansi "^5.0.0" - -wrap-ansi@^7.0.0: - version "7.0.0" - resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43" - integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q== - dependencies: - ansi-styles "^4.0.0" - string-width "^4.1.0" - strip-ansi "^6.0.0" + version "2.0.1" + resolved "https://registry.yarnpkg.com/wildcard/-/wildcard-2.0.1.tgz#5ab10d02487198954836b6349f74fff961e10f67" + integrity sha512-CC1bOL87PIWSBhDcTrdeLo6eGT7mCFtrg0uIJtqJUFyK+eJnzl8A1niH56uu7KMa5XFrtiV+AQuHO3n7DsHnLQ== -wrap-ansi@^8.0.1: - version "8.0.1" - resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.0.1.tgz#2101e861777fec527d0ea90c57c6b03aac56a5b3" - integrity sha512-QFF+ufAqhoYHvoHdajT/Po7KoXVBPXS2bgjIam5isfWJPfIOnQZ50JtUiVvCv/sjgacf3yRrt2ZKUZ/V4itN4g== +wrap-ansi@^8.0.1, wrap-ansi@^8.1.0: + version "8.1.0" + resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz#56dc22368ee570face1b49819975d9b9a5ead214" + integrity sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ== dependencies: ansi-styles "^6.1.0" string-width "^5.0.1" @@ -8492,7 +9547,7 @@ wrappy@1: resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f" integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ== -write-file-atomic@^3.0.0: +write-file-atomic@^3.0.3: version "3.0.3" resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-3.0.3.tgz#56bd5c5a5c70481cd19c571bd39ab965a5de56e8" integrity sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q== @@ -8507,15 +9562,15 @@ ws@^7.3.1: resolved "https://registry.yarnpkg.com/ws/-/ws-7.5.9.tgz#54fa7db29f4c7cec68b1ddd3a89de099942bb591" integrity sha512-F+P9Jil7UiSKSkppIiD94dN07AwvFixvLIj1Og1Rl9GGMuNipJnV9JzjD6XuqmAeiswGvUmNLjr5cFuXwNS77Q== -ws@^8.4.2: - version "8.11.0" - resolved "https://registry.yarnpkg.com/ws/-/ws-8.11.0.tgz#6a0d36b8edfd9f96d8b25683db2f8d7de6e8e143" - integrity sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg== +ws@^8.13.0: + version "8.17.0" + resolved "https://registry.yarnpkg.com/ws/-/ws-8.17.0.tgz#d145d18eca2ed25aaf791a183903f7be5e295fea" + integrity sha512-uJq6108EgZMAl20KagGkzCKfMEjxmKvZHG7Tlq0Z6nOky7YF7aq4mOx6xK8TJ/i1LeK4Qus7INktacctDgY8Ow== -xdg-basedir@^4.0.0: - version "4.0.0" - resolved "https://registry.yarnpkg.com/xdg-basedir/-/xdg-basedir-4.0.0.tgz#4bc8d9984403696225ef83a1573cbbcb4e79db13" - integrity sha512-PSNhEJDejZYV7h50BohL09Er9VaIefr2LMAf3OEmpCkjOi34eYyQYAXUTjEQtZJTKcF0E2UKTh+osDLsgNim9Q== +xdg-basedir@^5.0.1, xdg-basedir@^5.1.0: + version "5.1.0" + resolved "https://registry.yarnpkg.com/xdg-basedir/-/xdg-basedir-5.1.0.tgz#1efba19425e73be1bc6f2a6ceb52a3d2c884c0c9" + integrity sha512-GCPAHLvrIH13+c0SuacwvRYj2SxJXQ4kaVTT5xgL3kPrz56XxkF21IGhjSE1+W0aw7gpBWRGXLCPnPby6lSpmQ== xml-js@^1.6.11: version "1.6.11" @@ -8524,61 +9579,32 @@ xml-js@^1.6.11: dependencies: sax "^1.2.4" -xtend@^4.0.0, xtend@^4.0.1: - version "4.0.2" - resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54" - integrity sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ== - -y18n@^4.0.0: - version "4.0.3" - resolved "https://registry.yarnpkg.com/y18n/-/y18n-4.0.3.tgz#b5f259c82cd6e336921efd7bfd8bf560de9eeedf" - integrity sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ== +yallist@^3.0.2: + version "3.1.1" + resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd" + integrity sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g== yallist@^4.0.0: version "4.0.0" resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72" integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A== -yaml@^1.10.0, yaml@^1.10.2, yaml@^1.7.2: +yaml@^1.10.0, yaml@^1.7.2: version "1.10.2" resolved "https://registry.yarnpkg.com/yaml/-/yaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b" integrity sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg== -yargs-parser@^13.1.2: - version "13.1.2" - resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-13.1.2.tgz#130f09702ebaeef2650d54ce6e3e5706f7a4fb38" - integrity sha512-3lbsNRf/j+A4QuSZfDRA7HRSfWrzO0YjqTJd5kjAq37Zep1CEgaYmrH9Q3GwPiB9cHyd1Y1UwggGhJGoxipbzg== - dependencies: - camelcase "^5.0.0" - decamelize "^1.2.0" - -yargs-parser@^20.2.3: - version "20.2.9" - resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-20.2.9.tgz#2eb7dc3b0289718fc295f362753845c41a0c94ee" - integrity sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w== - -yargs@^13.3.2: - version "13.3.2" - resolved "https://registry.yarnpkg.com/yargs/-/yargs-13.3.2.tgz#ad7ffefec1aa59565ac915f82dccb38a9c31a2dd" - integrity sha512-AX3Zw5iPruN5ie6xGRIDgqkT+ZhnRlZMLMHAs8tg7nRruy2Nb+i5o9bwghAogtM08q1dpr2LVoS8KSTMYpWXUw== - dependencies: - cliui "^5.0.0" - find-up "^3.0.0" - get-caller-file "^2.0.1" - require-directory "^2.1.1" - require-main-filename "^2.0.0" - set-blocking "^2.0.0" - string-width "^3.0.0" - which-module "^2.0.0" - y18n "^4.0.0" - yargs-parser "^13.1.2" - yocto-queue@^0.1.0: version "0.1.0" resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b" integrity sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q== -zwitch@^1.0.0: - version "1.0.5" - resolved "https://registry.yarnpkg.com/zwitch/-/zwitch-1.0.5.tgz#d11d7381ffed16b742f6af7b3f223d5cd9fe9920" - integrity sha512-V50KMwwzqJV0NpZIZFwfOD5/lyny3WlSzRiXgA0G7VUnRlqttta1L6UQIHzd6EuBY/cHGfwTIck7w1yH6Q5zUw== +yocto-queue@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-1.0.0.tgz#7f816433fb2cbc511ec8bf7d263c3b58a1a3c251" + integrity sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g== + +zwitch@^2.0.0: + version "2.0.4" + resolved "https://registry.yarnpkg.com/zwitch/-/zwitch-2.0.4.tgz#c827d4b0acb76fc3e685a4c6ec2902d51070e9d7" + integrity sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==