@progress/kendo-themes-html 14.7.1-dev.2 → 14.7.1-dev.4

package/dist/meta/speech-to-text-button.json

@@ -0,0 +1,115 @@
+{
+  "component": "speech-to-text-button",
+  "name": "SpeechToTextButton",
+  "components": [
+    {
+      "name": "SpeechToTextButton",
+      "isPrimary": true,
+      "rootClass": "k-speech-to-text-button",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "xsmall",
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        },
+        {
+          "name": "rounded",
+          "values": [
+            "none",
+            "small",
+            "medium",
+            "large",
+            "full"
+          ],
+          "default": null
+        },
+        {
+          "name": "fillMode",
+          "values": [
+            "solid",
+            "flat",
+            "outline",
+            "clear",
+            "link"
+          ],
+          "default": null
+        },
+        {
+          "name": "themeColor",
+          "values": [
+            "base",
+            "primary",
+            "secondary",
+            "tertiary",
+            "success",
+            "warning",
+            "error",
+            "info",
+            "inverse"
+          ],
+          "default": null
+        }
+      ],
+      "states": [
+        "hover",
+        "focus",
+        "active",
+        "selected",
+        "disabled",
+        "generating"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"button\"",
+          "description": "If the used element is not <button>, explicitly set its role to button."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-pressed",
+          "description": "Announces the toggle behaviour of the button."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Accessible name for the speech-to-text button."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Enter or Space",
+          "behavior": "Triggers a click action on the Button. Toggles the active listening state of the Button."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Recording",
+          "behavior": "Pressing the button starts audio recording."
+        },
+        {
+          "trigger": "Stop",
+          "behavior": "Pressing the button again or after a silence timeout stops recording."
+        },
+        {
+          "trigger": "Transcription",
+          "behavior": "Converts the recorded audio into text."
+        },
+        {
+          "trigger": "Status",
+          "behavior": "Visual feedback indicates whether the button is idle, recording, or processing."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/patterns/button/",
+      "text": "WAI-ARIA Authoring Practices: Button Pattern"
+    }
+  ]
+}

package/dist/meta/split-button.json

@@ -0,0 +1,133 @@
+{
+  "component": "split-button",
+  "name": "SplitButton",
+  "components": [
+    {
+      "name": "SplitButton",
+      "isPrimary": true,
+      "rootClass": "k-split-button",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        },
+        {
+          "name": "rounded",
+          "values": [
+            "none",
+            "small",
+            "medium",
+            "large",
+            "full"
+          ],
+          "default": null
+        },
+        {
+          "name": "fillMode",
+          "values": [
+            "solid",
+            "flat",
+            "outline",
+            "clear",
+            "link"
+          ],
+          "default": null
+        },
+        {
+          "name": "themeColor",
+          "values": [
+            "base",
+            "primary",
+            "secondary",
+            "tertiary",
+            "success",
+            "warning",
+            "error",
+            "info",
+            "inverse"
+          ],
+          "default": null
+        }
+      ],
+      "states": [
+        "hover",
+        "focus",
+        "active",
+        "selected",
+        "disabled"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"button\"",
+          "description": "Omitted if the <button> DOM element is used."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "The attribute must be present when no text is initially visible in the button."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"-1\"",
+          "description": "The arrow button is removed from the tab sequence."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-disabled=\"true\"",
+          "description": "Rendered only when the button is disabled."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"list\"",
+          "description": "Announces the list role of the popup."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"listitem\"",
+          "description": "Announces the listitem role of the popup items."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-expanded=\"true\"",
+          "description": "when popup is visible"
+        },
+        {
+          "prop": null,
+          "attribute": "aria-controls",
+          "description": "references the popup menu group id"
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Enter",
+          "behavior": "Clicks (activates) the main button action."
+        },
+        {
+          "trigger": "Space",
+          "behavior": "Clicks (activates) the main button action."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Primary action",
+          "behavior": "The main button area triggers the default action."
+        },
+        {
+          "trigger": "Dropdown",
+          "behavior": "The arrow button opens a popup with additional actions."
+        },
+        {
+          "trigger": "Disabled state",
+          "behavior": "When disabled, both the main button and dropdown are non-interactive."
+        }
+      ]
+    }
+  ],
+  "resources": []
+}

package/dist/meta/splitter.json

@@ -0,0 +1,93 @@
+{
+  "component": "splitter",
+  "name": "Splitter",
+  "components": [
+    {
+      "name": "Splitter",
+      "isPrimary": true,
+      "rootClass": "k-splitter",
+      "options": [],
+      "states": [],
+      "aria": [],
+      "keyboard": [
+        {
+          "trigger": "ArrowUp",
+          "behavior": "Moves up the split-bar in a vertical Splitter."
+        },
+        {
+          "trigger": "ArrowDown",
+          "behavior": "Moves down a split-bar in a vertical Splitter."
+        },
+        {
+          "trigger": "ArrowLeft",
+          "behavior": "Moves left a split-bar in a horizontal Splitter."
+        },
+        {
+          "trigger": "ArrowRight",
+          "behavior": "Moves right a split-bar in a horizontal Splitter."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + ArrowUp",
+          "behavior": "Moves the splitbar up to collapse/expand the adjacent panes in the up direction."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + ArrowDown",
+          "behavior": "Moves the splitbar down to collapse/expand the adjacent panes in the down direction."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + ArrowLeft",
+          "behavior": "Moves the splitbar left to collapse/expand the adjacent panes in the left direction."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + ArrowRight",
+          "behavior": "Moves the splitbar right to collapse/expand the adjacent panes in the right direction."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "Toggles the collapsed state of the nearest collapsible pane."
+        },
+        {
+          "trigger": "Tab",
+          "behavior": "The key that allows focusing a splitter bar. Thus, all splitbars have `tabindex` and are included in the tab sequence."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Resizable panes",
+          "behavior": "The separator between panes can be dragged to resize them."
+        },
+        {
+          "trigger": "Collapse / Expand",
+          "behavior": "Individual panes can be collapsed and expanded using toggle arrows."
+        },
+        {
+          "trigger": "Orientation",
+          "behavior": "Can be laid out horizontally (side-by-side) or vertically (stacked)."
+        }
+      ]
+    },
+    {
+      "name": "SplitterSplitbar",
+      "isPrimary": false,
+      "rootClass": "k-splitbar",
+      "options": [],
+      "states": [
+        "hover",
+        "focus"
+      ],
+      "aria": [],
+      "keyboard": [],
+      "ux": []
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/TR/wai-aria-1.2/#separator",
+      "text": "WAI-ARIA specification for separator"
+    },
+    {
+      "url": "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/separator_role",
+      "text": "MDN reference for the separator role"
+    }
+  ]
+}

package/dist/meta/spreadsheet.json

@@ -0,0 +1,286 @@
+{
+  "component": "spreadsheet",
+  "name": "Spreadsheet",
+  "components": [
+    {
+      "name": "Spreadsheet",
+      "isPrimary": true,
+      "rootClass": "k-spreadsheet",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"application\"",
+          "description": "Indicates the Spreadsheets\\' role as an application."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"combobox\"",
+          "description": "Follows ComboBox spec: identifies the input as a combobox."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"combobox\"",
+          "description": "The focusable element of the component should have role combobox (an input with popup)."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-haspopup=\"menu\"",
+          "description": "Specifies that the formula input opens a popup."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-controls=\".k-spreadsheet-formula-list id\"",
+          "description": "Points to the formulas list with role menu. Signifies that the formula input element controls the popup."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-expanded=\"true\"|\\\"false\"",
+          "description": "Announces the state of the popup visibility."
+        },
+        {
+          "prop": null,
+          "attribute": "title",
+          "description": "The Formula input must have a title specifying its purpose."
+        },
+        {
+          "prop": null,
+          "attribute": "id",
+          "description": "Unique and deterministic id linked to the aria-controls attribute of the corresponding formula input."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"menu\"",
+          "description": "Announces the menu role of the popup."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"menuitem\"",
+          "description": "Announces the menuitem role of the popup items."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"button\"",
+          "description": "The add new sheet element is a button."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|title",
+          "description": "The add new sheet element must have a label as it does not have text content."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-controls=\".k-tabstrip-items id\"",
+          "description": "Points to the ul element of the TabStrip that contains all tabs."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"button\"",
+          "description": "Follows DropDownButton spec: omitted if the button DOM element is used."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|title",
+          "description": "Follows DropDownButton spec: required when no text is visible."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"tablist\"",
+          "description": "Follows TabStrip spec: indicates the tablist role for the ul element."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"tab\"",
+          "description": "Follows TabStrip spec: the tab li element."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|title",
+          "description": "Follows DropDownButton spec: required when no text is visible in the tab menu button."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Control + C",
+          "behavior": "Copies the selected cells (range)."
+        },
+        {
+          "trigger": "Control + V",
+          "behavior": "Inserts copied or cut cells to a selected location within the worksheet."
+        },
+        {
+          "trigger": "Control + X",
+          "behavior": "Cuts the selected cells (range)."
+        },
+        {
+          "trigger": "Control + Y",
+          "behavior": "Repeats the last action if possible by using the Redo command."
+        },
+        {
+          "trigger": "Control + Z",
+          "behavior": "Reverses the last action if possible by using the Undo command."
+        },
+        {
+          "trigger": "Delete",
+          "behavior": "In the Formula bar, deletes the character to the right of the insertion point from the formula text. In cell selection mode, removes the content from selected cells without affecting cell formats. In cell editing mode, deletes the character to the right of the insertion point."
+        },
+        {
+          "trigger": "Backspace",
+          "behavior": "In the Formula bar, deletes one character to the left from the formula text. In cell selection mode, removes the content of the active cell. In cell editing mode, deletes the character to the left of the insertion point."
+        },
+        {
+          "trigger": "Control + select a cell",
+          "behavior": "Selects an adjacent or non adjacent cell."
+        },
+        {
+          "trigger": "Control + select cells",
+          "behavior": "Selects a range of adjacent or non adjacent."
+        },
+        {
+          "trigger": "Control + A",
+          "behavior": "Selects the whole worksheet."
+        },
+        {
+          "trigger": "Control + select a row or column",
+          "behavior": "Selects an adjacent or nonadjacent row or column."
+        },
+        {
+          "trigger": "Control + select rows or columns",
+          "behavior": "Selects a range of adjacent or non adjacent rows or columns."
+        },
+        {
+          "trigger": "Shift + Arrow Key",
+          "behavior": "Selects a range of adjacent cells, rows or columns by extending the selection by one cell, row or column."
+        },
+        {
+          "trigger": "Control + Shift + Arrow Key",
+          "behavior": "Extends the selection of cells to the last cell of the current series of data. If there is another set of data afterwards, the cell selection will be extended to the first cell of the new series of data. Otherwise, the cell selection will be extended to the last cell of the worksheet in the corresponding direction."
+        },
+        {
+          "trigger": "ArrowDown or ArrowUp",
+          "behavior": "In a menu or submenu, selects the next or previous command."
+        },
+        {
+          "trigger": "Control + Shift + End",
+          "behavior": "In cell selection mode, extends the selection of cells to the last cell on the worksheet located in bottom-right corner. In the formula bar, selects all text in the formula bar from the cursor position to the end."
+        },
+        {
+          "trigger": "Control + Shift + Home",
+          "behavior": "Extends the selection of cells to the beginning (the top-left cell) of the worksheet. In the formula bar, selects all text in the formula bar from the cursor position to the beginning of the input."
+        },
+        {
+          "trigger": "Control + Arrow Key",
+          "behavior": "Navigates to the end of the current series of data. If there is another set of data afterwards, the first cell of the new series will be selected. Otherwise, you will be navigated to the last cell of the worksheet in the corresponding direction."
+        },
+        {
+          "trigger": "Arrow Keys",
+          "behavior": "Move one cell up, down, right of left in the worksheet."
+        },
+        {
+          "trigger": "Shift + Tab",
+          "behavior": "In cell selection mode, moves to the previous cell in a worksheet. If the currently active cell is the first cell (the top-left cell) in the Sheet, pressing Shift + Tab will move the focus outside of the Sheet to the Named ranges ComboBox. In a dialog box, moves to the previous focusable element. In range selection of cells, rows or columns, moves to the previous cell within the active range. If the focus is on the first cell (the top-left cell) in the range (the top-left), the focus will return to the last (the bottom-left) cell in the range."
+        },
+        {
+          "trigger": "Tab",
+          "behavior": "In cell selection mode, moves one cell to the right in a worksheet. If the currently active cell is the last cell (the bottom-right cell) in the Sheet, pressing Tab will move the focus outside of the Sheet cells to the next focusable element on the page. In a dialog box, moves to the next focusable element in the Dialog. In range selection of cells, rows or columns, moves to the next cell within the active range. If the focus is on the last cell (the bottom-right cell) in the range, the focus will return to the first cell."
+        },
+        {
+          "trigger": "PageDown",
+          "behavior": "Moves one screen down in a worksheet."
+        },
+        {
+          "trigger": "PageUp",
+          "behavior": "Moves one screen up in a worksheet."
+        },
+        {
+          "trigger": "Home",
+          "behavior": "In cell selection mode, moves to the beginning of a row in a worksheet. In a menu or submenu, selects the first command."
+        },
+        {
+          "trigger": "Control + Home",
+          "behavior": "In cell selection mode, moves to the first cell (the top-left cell) on a worksheet. In the Formula Bar, moves the cursor to the beginning of the text."
+        },
+        {
+          "trigger": "End",
+          "behavior": "In cell selection mode, moves to the far right cell of the active row. In a menu or submenu, selects the last command."
+        },
+        {
+          "trigger": "Control + End",
+          "behavior": "In cell selection mode, moves to the last cell on a worksheet, in the lowest used row of the used column on the bottom-right. In the Formula Bar, moves the cursor to the end of the text."
+        },
+        {
+          "trigger": "Alt + Space",
+          "behavior": "Displays the Control menu for the Spreadsheet window."
+        },
+        {
+          "trigger": "Space",
+          "behavior": "In a dialog box, performs the action for the selected button, or selects or clears a check box."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "In cell editing mode or in the formula bar, completes a cell entry and selects the cell below. In a data form, it moves to the first field in the next record. In the command toolbar, executes the active action. In a dialog box, performs the action for the default command button in the dialog box."
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "In cell editing mode or in the Formula bar, cancels an entry in the cell or Formula Bar. Closes an open menu or submenu, dialog box or message window."
+        },
+        {
+          "trigger": "Alt + H",
+          "behavior": "Displays the Home tab on the ToolBar."
+        },
+        {
+          "trigger": "Alt + N",
+          "behavior": "Displays the Insert tab on the ToolBar."
+        },
+        {
+          "trigger": "Alt + A",
+          "behavior": "Displays the Data tab on the ToolBar."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + PageUp",
+          "behavior": "Activates the previous sheet from the SheetBar if such exists."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + PageDown",
+          "behavior": "Activates the next sheet from the SheetBar if such exists."
+        },
+        {
+          "trigger": "Tab",
+          "behavior": "Moves the focus to the next focusable element in the Sheets Bar. If the last element is focused, pressing Tab will move the focus outside of the Spreadsheet."
+        },
+        {
+          "trigger": "Shift + Tab",
+          "behavior": "Moves the focus to the previous focusable element in the Sheets Bar. If the first element is focused, pressing Tab will move the focus to the Sheet area."
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowDown",
+          "behavior": "Opens the actions DropDownButton popup for the current active tab."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Cell editing",
+          "behavior": "Clicking a cell or pressing Enter activates it for editing."
+        },
+        {
+          "trigger": "Range selection",
+          "behavior": "Cells, rows, and columns are selected by clicking and dragging."
+        },
+        {
+          "trigger": "Formula bar",
+          "behavior": "Displays and edits the active cell's content or formula expression."
+        },
+        {
+          "trigger": "Multiple sheets",
+          "behavior": "Tabs at the bottom add, rename, and navigate between sheets."
+        },
+        {
+          "trigger": "Toolbar formatting",
+          "behavior": "The toolbar applies bold, color, alignment, and other styles to selected cells."
+        }
+      ]
+    }
+  ],
+  "resources": []
+}