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

package/dist/meta/panelbar.json

@@ -0,0 +1,120 @@
+{
+  "component": "panelbar",
+  "name": "Panelbar",
+  "components": [
+    {
+      "name": "PanelBar",
+      "isPrimary": true,
+      "rootClass": "k-panelbar",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"tree\"",
+          "description": "The root element of the PanelBar has role tree."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-activedescendant",
+          "description": "Points to the currently focused item"
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "ArrowUp",
+          "behavior": "Focuses the previous PanelBar item. If no previous item is available, focuses the last item."
+        },
+        {
+          "trigger": "ArrowDown",
+          "behavior": "Focuses the next PanelBar item. If no next item is available, focuses the first item."
+        },
+        {
+          "trigger": "ArrowLeft",
+          "behavior": "Collapses an expanded item. If the item is collapsed, focuses its parent."
+        },
+        {
+          "trigger": "ArrowRight",
+          "behavior": "Expands a collapsed item. If the item is expanded, focuses its first child node."
+        },
+        {
+          "trigger": "Home",
+          "behavior": "Moves focus to the first item in the PanelBar without expanding or collapsing an item."
+        },
+        {
+          "trigger": "End",
+          "behavior": "Moves focus to the last item in the PanelBar that is focusable without expanding an item."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "Selects the focused item and toggles the item if it is expandable. It also triggers its action (click or opening url)."
+        },
+        {
+          "trigger": "Space",
+          "behavior": "Selects the focused item and toggles the item if it is expandable. It also triggers its action (click or opening url)."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Expand / Collapse",
+          "behavior": "Clicking a panel header toggles its content section."
+        },
+        {
+          "trigger": "Single expand",
+          "behavior": "Can be configured so that only one panel is open at a time."
+        },
+        {
+          "trigger": "Disabled items",
+          "behavior": "Individual items can be disabled and cannot be toggled."
+        },
+        {
+          "trigger": "Nested items",
+          "behavior": "Items can contain nested sub-items forming a tree structure."
+        }
+      ]
+    },
+    {
+      "name": "PanelBarGroup",
+      "isPrimary": false,
+      "rootClass": "k-panelbar-group",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "aria-hidden=\"true\"",
+          "description": "Applied when parent is collapsed; hides group from assistive technologies."
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "PanelBarItem",
+      "isPrimary": false,
+      "rootClass": "k-panelbar-item",
+      "options": [],
+      "states": [
+        "hover",
+        "focus",
+        "selected",
+        "disabled"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "aria-selected=\"true\"",
+          "description": "when selected"
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/example-index/treeview/treeview-navigation.html",
+      "text": "ARIA practices Navigation Treeview Example"
+    }
+  ]
+}

package/dist/meta/pdf-viewer.json

@@ -0,0 +1,92 @@
+{
+  "component": "pdf-viewer",
+  "name": "PdfViewer",
+  "components": [
+    {
+      "name": "PDFViewer",
+      "isPrimary": true,
+      "rootClass": "k-pdf-viewer",
+      "options": [],
+      "states": [
+        "disabled"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "tabindex=\"0\"",
+          "description": "Defines the focusable page container element."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Describes the purpose of the focusable container."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"document\"",
+          "description": "Defines that content should be evaluated in reader mode by assistive technologies."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-haspopup=\"dialog\"",
+          "description": "Describes that the Search tool button opens a dialog element."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"dialog\"",
+          "description": "Describes the role of the Search panel."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Label for the Search panel, same label as the Search tool."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "ArrowUp",
+          "behavior": "Scrolls up the container."
+        },
+        {
+          "trigger": "ArrowDown",
+          "behavior": "Scrolls down the container."
+        },
+        {
+          "trigger": "PageUp",
+          "behavior": "Scrolls up the container."
+        },
+        {
+          "trigger": "PageDown",
+          "behavior": "Scrolls down the container."
+        },
+        {
+          "trigger": "Shift + Tab",
+          "behavior": "Returns focus to the toolbar."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Page navigation",
+          "behavior": "Previous and next buttons step through the document pages."
+        },
+        {
+          "trigger": "Page jump",
+          "behavior": "A numeric input allows jumping directly to a specific page."
+        },
+        {
+          "trigger": "Zoom",
+          "behavior": "Zoom in/out buttons and a zoom-level selector adjust the view scale."
+        },
+        {
+          "trigger": "Text search",
+          "behavior": "A search panel finds and highlights matching text in the document."
+        },
+        {
+          "trigger": "Download",
+          "behavior": "A toolbar button downloads the PDF file to the user's device."
+        }
+      ]
+    }
+  ],
+  "resources": []
+}

package/dist/meta/pivotgrid.json

@@ -0,0 +1,143 @@
+{
+  "component": "pivotgrid",
+  "name": "Pivotgrid",
+  "components": [
+    {
+      "name": "PivotGrid",
+      "isPrimary": true,
+      "rootClass": "k-pivotgrid",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"grid\"",
+          "description": "The role specifies the element is a Data Grid."
+        },
+        {
+          "prop": null,
+          "attribute": "id",
+          "description": "Sets a unique identifier for the cell to be referenced from the first column header row aria-owns attribute."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "ArrowRight",
+          "behavior": "Moves focus one cell to the right (if any)"
+        },
+        {
+          "trigger": "ArrowLeft",
+          "behavior": "Moves focus one cell to the left (if any)"
+        },
+        {
+          "trigger": "ArrowDown",
+          "behavior": "Moves focus one cell down (if any)"
+        },
+        {
+          "trigger": "ArrowUp",
+          "behavior": "Moves focus one cell up (if any)"
+        },
+        {
+          "trigger": "Home",
+          "behavior": "Moves focus to the first cell in the row that contains focus."
+        },
+        {
+          "trigger": "End",
+          "behavior": "Moves focus to the last cell in the row that contains focus."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + Home",
+          "behavior": "Moves focus to the first (top-left) data cell in the grid."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + End",
+          "behavior": "Moves focus to the last cell in the last row of the Grid."
+        },
+        {
+          "trigger": "o",
+          "behavior": "Opens the configurator when available."
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "Closes the configurator when available and open."
+        },
+        {
+          "trigger": "Enter or Space",
+          "behavior": "If the header cell is expandable, toggles the current expanded state."
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "Closes the Configurator and returns focus to the last focused PivotGrid table cell (or the first cell)."
+        },
+        {
+          "trigger": "Tab",
+          "behavior": "Focuses the next focusable element or the first focusable element, if the focus is on the last focusable element."
+        },
+        {
+          "trigger": "Shift + Tab",
+          "behavior": "Focuses the previous focusable element or the last focusable element, if the focus is on the first focusable element."
+        },
+        {
+          "trigger": "Backspace or Delete",
+          "behavior": "Applicable when a Chip is focused. Removes the Chip, and the previous focusable element is focused."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + Shift + ArrowLeft or ArrowRight",
+          "behavior": "Applicable when a Chip is focused. Switches the Chip with the next/previous one from the same section (if one is available)."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + Shift + ArrowUp or ArrowDown",
+          "behavior": "Applicable when a Chip is focused. Moves a Chip from the Rows section to the Columns one or vice-versa."
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowDown",
+          "behavior": "Opens the Chip menu for the focused Chip. Focus goes to the first menu element is trapped in the menu popup."
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "Closes the menu and returns the focus to the Chip that triggered it."
+        },
+        {
+          "trigger": "Tab",
+          "behavior": "Focuses the next focusable menu element or the first focusable element, if the focus is on the last focusable element."
+        },
+        {
+          "trigger": "Shift + Tab",
+          "behavior": "Focuses the previous focusable element or the last focusable element, if the focus is on the first focusable element."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "Triggers the default action associated with the focused menu item."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Configurator",
+          "behavior": "A settings panel maps data fields to rows, columns, and measures."
+        },
+        {
+          "trigger": "Expand / Collapse",
+          "behavior": "Row and column header groups can be collapsed to summarize data."
+        },
+        {
+          "trigger": "Totals",
+          "behavior": "Subtotals and grand totals are automatically calculated and displayed."
+        },
+        {
+          "trigger": "Field reorder",
+          "behavior": "Fields can be dragged between the rows, columns, and filter areas."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/TR/wai-aria-1.2/#grid",
+      "text": "WAI-ARIA specification for grid"
+    },
+    {
+      "url": "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role",
+      "text": "WAI-ARIA specification for dialog"
+    }
+  ]
+}

package/dist/meta/popover.json

@@ -0,0 +1,73 @@
+{
+  "component": "popover",
+  "name": "Popover",
+  "components": [
+    {
+      "name": "Popover",
+      "isPrimary": true,
+      "rootClass": "k-popover",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"dialog\"",
+          "description": "Announces the dialog role when the popover contains focusable elements. Use role=tooltip when it does not."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-labelledby",
+          "description": "Links the popover container with the popover header element when there is focusable content."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-describedby",
+          "description": "Links the popover container with the popover body element when there is focusable content."
+        },
+        {
+          "prop": null,
+          "attribute": "id",
+          "description": "required so the trigger element can reference it via aria-describedby"
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Escape",
+          "behavior": "Dismisses the Popover."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Trigger",
+          "behavior": "Opens when the target element is clicked, hovered, or focused."
+        },
+        {
+          "trigger": "Auto-positioning",
+          "behavior": "Automatically flips or shifts to stay within the viewport."
+        },
+        {
+          "trigger": "Dismiss",
+          "behavior": "Closes when clicking outside the popover or pressing Escape."
+        },
+        {
+          "trigger": "Arrow",
+          "behavior": "An optional pointer arrow visually connects the popover to its trigger."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/",
+      "text": "WAI-ARIA specification for tooltip"
+    },
+    {
+      "url": "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tooltip_role",
+      "text": "MDN description for tooltip role"
+    },
+    {
+      "url": "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role",
+      "text": "MDN description for dialog role"
+    }
+  ]
+}

package/dist/meta/popup.json

@@ -0,0 +1,41 @@
+{
+  "component": "popup",
+  "name": "Popup",
+  "components": [
+    {
+      "name": "Popup",
+      "isPrimary": true,
+      "rootClass": "k-popup",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"region\"",
+          "description": "Required when popup container is appended to document body"
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Required when container has role=\"region\""
+        }
+      ],
+      "keyboard": [],
+      "ux": [
+        {
+          "trigger": "Anchor alignment",
+          "behavior": "Positions itself relative to an anchor element."
+        },
+        {
+          "trigger": "Collision detection",
+          "behavior": "Automatically flips or shifts to remain within the viewport."
+        },
+        {
+          "trigger": "Dismiss",
+          "behavior": "Closes when the user clicks outside or the owning component loses focus."
+        }
+      ]
+    }
+  ],
+  "resources": []
+}

package/dist/meta/progressbar.json

@@ -0,0 +1,113 @@
+{
+  "component": "progressbar",
+  "name": "Progressbar",
+  "components": [
+    {
+      "name": "ChunkProgressBar",
+      "isPrimary": true,
+      "rootClass": "k-chunk-progressbar",
+      "options": [],
+      "states": [
+        "disabled",
+        "indeterminate"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "accessible name for the progressbar"
+        }
+      ],
+      "keyboard": [],
+      "ux": [
+        {
+          "trigger": "Segmented fill",
+          "behavior": "Progress is shown as a series of discrete filled chunks."
+        },
+        {
+          "trigger": "Chunk count",
+          "behavior": "The number of chunks is configurable."
+        },
+        {
+          "trigger": "Orientation",
+          "behavior": "Can be rendered horizontally or vertically."
+        }
+      ]
+    },
+    {
+      "name": "ProgressBar",
+      "isPrimary": true,
+      "rootClass": "k-progressbar",
+      "options": [
+        {
+          "name": "orientation",
+          "values": [
+            "horizontal",
+            "vertical"
+          ],
+          "default": "horizontal"
+        }
+      ],
+      "states": [
+        "disabled",
+        "indeterminate"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"progressbar\"",
+          "description": "Sets the proper role for ProgressBar."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-valuenow",
+          "description": "Required if the value is not indeterminate. Decimal value between aria-valuemin and aria-valuemax."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-valuemin",
+          "description": "Minimum value. Defaults to 0."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-valuemax",
+          "description": "Maximum value. Defaults to 100."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "accessible name for the progressbar"
+        }
+      ],
+      "keyboard": [],
+      "ux": [
+        {
+          "trigger": "Fill animation",
+          "behavior": "The bar animates from 0 to the current value when first displayed."
+        },
+        {
+          "trigger": "Value label",
+          "behavior": "Optionally shows the percentage or a custom text label inside the bar."
+        },
+        {
+          "trigger": "Indeterminate",
+          "behavior": "Displays a looping animation when the final value is unknown."
+        },
+        {
+          "trigger": "Orientation",
+          "behavior": "Can be rendered horizontally or vertically."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/TR/wai-aria-1.2/#progressbar",
+      "text": "WAI-ARIA specification for progressbar"
+    },
+    {
+      "url": "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/progressbar_role#associated_wai-aria_roles_states_and_properties",
+      "text": "MDN reference for the progressbar role"
+    }
+  ]
+}

package/dist/meta/prompt-box.json

@@ -0,0 +1,104 @@
+{
+  "component": "prompt-box",
+  "name": "PromptBox",
+  "components": [
+    {
+      "name": "PromptBox",
+      "isPrimary": true,
+      "rootClass": "k-prompt-box",
+      "options": [
+        {
+          "name": "fillMode",
+          "values": [
+            "solid",
+            "flat",
+            "outline"
+          ],
+          "default": null
+        }
+      ],
+      "states": [
+        "hover",
+        "focus",
+        "disabled"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "nodeName=\"input\"",
+          "description": "Ensures the input field has the proper textbox role."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Provides an accessible label for the single-line input."
+        },
+        {
+          "prop": null,
+          "attribute": "nodeName=\"textarea\"",
+          "description": "Ensures the textarea has the proper textbox role."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Provides an accessible label for the textarea."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-multiline=\"true\"",
+          "description": "Indicates the textarea supports multiple lines of text."
+        },
+        {
+          "prop": null,
+          "attribute": "nodeName=\"textarea\"",
+          "description": "Ensures the auto-mode textarea has the proper textbox role."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Provides an accessible label for the auto-mode textarea."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-multiline=\"true\"",
+          "description": "Indicates the auto-mode textarea supports multiple lines of text."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "The send/stop button is labelled to indicate its current action."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-live=\"polite\"",
+          "description": "Announces the change in status of the send/stop button."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Enter",
+          "behavior": "Submits the prompt."
+        },
+        {
+          "trigger": "Shift + Enter",
+          "behavior": "Inserts a new line in multi-line and auto modes"
+        },
+        {
+          "trigger": "Tab",
+          "behavior": "Moves focus to the next focusable element"
+        },
+        {
+          "trigger": "Shift + Tab",
+          "behavior": "Moves focus to the previous focusable element"
+        }
+      ],
+      "ux": []
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/patterns/",
+      "text": "ARIA Authoring Practices Guide"
+    }
+  ]
+}