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

package/dist/meta/file-box.json

@@ -0,0 +1,62 @@
+{
+  "component": "file-box",
+  "name": "FileBox",
+  "components": [
+    {
+      "name": "FileBox",
+      "isPrimary": true,
+      "rootClass": "k-file-box",
+      "options": [],
+      "states": [
+        "selected"
+      ],
+      "aria": [],
+      "keyboard": [
+        {
+          "trigger": "ArrowRight",
+          "behavior": "Focuses the next file in the list. If the focus is on the last file, the focus does not move."
+        },
+        {
+          "trigger": "ArrowLeft",
+          "behavior": "Focuses the previous file in the list. If the focus is on the first file, the focus does not move."
+        },
+        {
+          "trigger": "Home",
+          "behavior": "Focuses the first file in the list."
+        },
+        {
+          "trigger": "End",
+          "behavior": "Focuses the last file in the list."
+        },
+        {
+          "trigger": "Delete or Backspace",
+          "behavior": "Removes the currently focused file. After removal, the focus moves to the next file in the list if available, or to the previous file if the last file was removed."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "File list",
+          "behavior": "Displays each selected file with its name, size, and status."
+        },
+        {
+          "trigger": "Remove",
+          "behavior": "Each file item has a remove button to discard it from the list."
+        },
+        {
+          "trigger": "Upload status",
+          "behavior": "Visual indicators show whether each file is pending, uploading, or done."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/TR/wai-aria-1.2/#list",
+      "text": "WAI-ARIA Specification: List"
+    },
+    {
+      "url": "https://www.w3.org/TR/wai-aria-1.2/#listitem",
+      "text": "WAI-ARIA Specification: Listitem"
+    }
+  ]
+}

package/dist/meta/filemanager.json

@@ -0,0 +1,46 @@
+{
+  "component": "filemanager",
+  "name": "Filemanager",
+  "components": [
+    {
+      "name": "FileManager",
+      "isPrimary": true,
+      "rootClass": "k-filemanager",
+      "options": [],
+      "states": [
+        "disabled"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "tabindex=\"0\"",
+          "description": "The element must be focusable, so that its content would be communicated to the users."
+        }
+      ],
+      "keyboard": [],
+      "ux": [
+        {
+          "trigger": "Folder tree",
+          "behavior": "A tree panel on the left lets the user navigate the directory hierarchy."
+        },
+        {
+          "trigger": "Content view",
+          "behavior": "The main panel lists the files and folders of the selected directory."
+        },
+        {
+          "trigger": "Breadcrumb",
+          "behavior": "A breadcrumb trail shows the current path and allows navigation."
+        },
+        {
+          "trigger": "View toggle",
+          "behavior": "Switches between grid (icon) and list file views."
+        },
+        {
+          "trigger": "Toolbar",
+          "behavior": "Provides actions such as New Folder, Upload, Delete, and Rename."
+        }
+      ]
+    }
+  ],
+  "resources": []
+}

package/dist/meta/filter.json

@@ -0,0 +1,83 @@
+{
+  "component": "filter",
+  "name": "Filter",
+  "components": [
+    {
+      "name": "Filter",
+      "isPrimary": true,
+      "rootClass": "k-filter",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"tree\"",
+          "description": "Describes the hierarchical structure of the Filter component."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Specifies a label for the Filter component."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"treeitem\"",
+          "description": "Each FilterGroup and FilterExpression represent a separate treeitem in the Filter component structure."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"group\"",
+          "description": "Represents a group of items in the Filter component."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"toolbar\"",
+          "description": "The role represents a collection of tools."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Specifies a label for the toolbar."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "ArrowUp",
+          "behavior": "Focuses the previous item (FilterGroup or FilterExpression) in the `tree`."
+        },
+        {
+          "trigger": "ArrowDown",
+          "behavior": "Focuses the next item (FilterGroup or FilterExpression) in the `tree`."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Filter groups",
+          "behavior": "Conditions are organized in groups with AND / OR logic operators."
+        },
+        {
+          "trigger": "Add condition",
+          "behavior": "A button adds a new filter condition to a group."
+        },
+        {
+          "trigger": "Remove condition",
+          "behavior": "Each condition has a remove button."
+        },
+        {
+          "trigger": "Field selector",
+          "behavior": "A dropdown selects the data field to filter on."
+        },
+        {
+          "trigger": "Operator selector",
+          "behavior": "A dropdown selects the comparison operator for the condition."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/TR/wai-aria-1.2/#toolbar",
+      "text": "WAI-ARIA specification for toolbar"
+    }
+  ]
+}

package/dist/meta/floating-label.json

@@ -0,0 +1,33 @@
+{
+  "component": "floating-label",
+  "name": "FloatingLabel",
+  "components": [
+    {
+      "name": "FloatingLabel",
+      "isPrimary": true,
+      "rootClass": "k-floating-label-container",
+      "options": [],
+      "states": [
+        "hover",
+        "focus",
+        "valid",
+        "invalid",
+        "empty",
+        "disabled"
+      ],
+      "aria": [],
+      "keyboard": [],
+      "ux": [
+        {
+          "trigger": "Animated label",
+          "behavior": "The label starts inside the input field and floats above it when the field is focused or has a value."
+        },
+        {
+          "trigger": "Placeholder replacement",
+          "behavior": "Acts as both the visible placeholder and the label before the field is filled."
+        }
+      ]
+    }
+  ],
+  "resources": []
+}

package/dist/meta/floating-toolbar.json

@@ -0,0 +1,111 @@
+{
+  "component": "floating-toolbar",
+  "name": "FloatingToolbar",
+  "components": [
+    {
+      "name": "FloatingToolbar",
+      "isPrimary": true,
+      "rootClass": "k-floating-toolbar",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        },
+        {
+          "name": "fillMode",
+          "values": [
+            "solid",
+            "outline",
+            "flat"
+          ],
+          "default": null
+        }
+      ],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"button\"",
+          "description": "The drag handle is a non-semantic element exposed as a button; it is a Tab stop independent of the Toolbar's own roving-tabindex group."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label=\"Drag to reposition\"",
+          "description": "The drag handle requires an accessible name; override via `dragHandleAriaLabel`."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-pressed=\"true\"|\"false\"",
+          "description": "Implementations must toggle this to reflect whether Move mode is currently engaged."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-live=\"polite\"",
+          "description": "Implementations must announce each Move-mode position change (e.g. \"Moved right\") via a live region, since dragging has no other feedback for screen-reader users."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "—(inherited)",
+          "behavior": "The Toolbar's own keyboard map applies in full to its actions (roving tabindex, arrow-key navigation, Home/End, Enter, Alt+ArrowDown/Up). The drag handle is a separate Tab stop before/after the Toolbar and is not part of that roving-tabindex group."
+        },
+        {
+          "trigger": "M",
+          "behavior": "When draggable, activates the keyboard-driven \"Move\" mode on the drag handle (accessible equivalent to pointer drag)."
+        },
+        {
+          "trigger": "ArrowLeft",
+          "behavior": "While Move mode is active, moves the toolbar left."
+        },
+        {
+          "trigger": "ArrowRight",
+          "behavior": "While Move mode is active, moves the toolbar right."
+        },
+        {
+          "trigger": "ArrowUp",
+          "behavior": "While Move mode is active, moves the toolbar up."
+        },
+        {
+          "trigger": "ArrowDown",
+          "behavior": "While Move mode is active, moves the toolbar down."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "While Move mode is active, locks the toolbar in its new position and exits Move mode."
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "While Move mode is active, cancels the move, restores the original position, and exits Move mode."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Contextual display",
+          "behavior": "Appears near selected content (e.g., selected text in an editor)."
+        },
+        {
+          "trigger": "Floating position",
+          "behavior": "Rendered as a floating layer above the page, not in the document flow."
+        },
+        {
+          "trigger": "Action buttons",
+          "behavior": "Contains formatting or context-specific action buttons."
+        },
+        {
+          "trigger": "Drag handle",
+          "behavior": "When draggable, a persistent handle sits outside the scrollable Toolbar so it's never hidden behind the overflow menu."
+        },
+        {
+          "trigger": "Non-drag alternative",
+          "behavior": "Per WCAG 2.5.7, implementations must also offer a way to reposition without a sustained drag gesture (e.g. tap handle, then tap/click the destination); the keyboard Move mode alone does not satisfy this for touch/mouse users. Not addressed by this spec — flagged as an open requirement for consuming implementations."
+        }
+      ]
+    }
+  ],
+  "resources": []
+}

package/dist/meta/form.json

@@ -0,0 +1,65 @@
+{
+  "component": "form",
+  "name": "Form",
+  "components": [
+    {
+      "name": "Form",
+      "isPrimary": true,
+      "rootClass": "k-form",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        }
+      ],
+      "states": [],
+      "aria": [],
+      "keyboard": [
+        {
+          "trigger": "Shift + Tab",
+          "behavior": "Moves focus to the previous focusable element."
+        },
+        {
+          "trigger": "Tab",
+          "behavior": "Moves focus to the next focusable element."
+        },
+        {
+          "trigger": "Space",
+          "behavior": "Triggers the default action of the focused element for the Space key."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "Triggers the default action of the focused element for the Enter key."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Validation",
+          "behavior": "Validates field values on change or submit and shows inline error messages."
+        },
+        {
+          "trigger": "Labels",
+          "behavior": "Each field has an associated label that describes its purpose."
+        },
+        {
+          "trigger": "Hint",
+          "behavior": "Optional hint text below a field provides additional guidance."
+        },
+        {
+          "trigger": "Required indicator",
+          "behavior": "Required fields are visually marked with an asterisk."
+        },
+        {
+          "trigger": "Layout",
+          "behavior": "Supports horizontal (label beside field) and vertical (label above field) layouts."
+        }
+      ]
+    }
+  ],
+  "resources": []
+}

package/dist/meta/gantt.json

@@ -0,0 +1,289 @@
+{
+  "component": "gantt",
+  "name": "Gantt",
+  "components": [
+    {
+      "name": "Gantt",
+      "isPrimary": true,
+      "rootClass": "k-gantt",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"application\"",
+          "description": "The Gantt uses role=application to indicate a complex interactive widget."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-roledescription",
+          "description": "Provides a human-readable description of the component role."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"toolbar\"",
+          "description": "The toolbar is a collection of command buttons and inputs."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Clarifies the purpose of the toolbar."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Icon-only toggle button must have accessible text."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"tree\"",
+          "description": "The timeline content area is a tree structure."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"treeitem\"",
+          "description": "Each task in the timeline is a tree item."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-level",
+          "description": "Specifies the nesting level of the task."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-describedby",
+          "description": "References the tooltip providing task details (when visible)."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-hidden=\"true\"",
+          "description": "The progress indicator is decorative."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-hidden=\"true\"",
+          "description": "Task action buttons are hidden from the accessibility tree."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-hidden=\"true\"",
+          "description": "Dependency lines are decorative."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Alt/Opt(Mac) + 1,2,3,...",
+          "behavior": "navigates to the view with the respective number"
+        },
+        {
+          "trigger": "F10",
+          "behavior": "Focuses the ToolBar."
+        },
+        {
+          "trigger": "Tab",
+          "behavior": "Moves focus to the corresponding task in the TimeLine."
+        },
+        {
+          "trigger": "Shift + Tab",
+          "behavior": "If focus has been previously on the same line in the treelist, moves focus to last focused cell. Otherwise, focus the last cell on the same line."
+        },
+        {
+          "trigger": "Home",
+          "behavior": "Moves focus to first task."
+        },
+        {
+          "trigger": "End",
+          "behavior": "Moves focus to the last task."
+        },
+        {
+          "trigger": "ArrowUp",
+          "behavior": "Moves focus to previous task."
+        },
+        {
+          "trigger": "ArrowDown",
+          "behavior": "Moves focus to the next task."
+        },
+        {
+          "trigger": "ArrowLeft",
+          "behavior": "Scrolls the view to the left."
+        },
+        {
+          "trigger": "ArrowRight",
+          "behavior": "Scrolls the view to the right."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "Gantt Popup Form is opened to provide editing of the task. The dependencies and field edit is made. On close focus is returned on the task."
+        },
+        {
+          "trigger": "Delete",
+          "behavior": "The task gets deleted. The focus is moved to the previous task."
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowRight",
+          "behavior": "The task is expanded, if it contains child tasks. The task should remain in focus and the timeline should be scrolled to it."
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowLeft",
+          "behavior": "The task is collapsed, if it contains child tasks. The task should remain in focus and the timeline should be scrolled to it."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Task list",
+          "behavior": "A tree list on the left side shows the hierarchy of tasks."
+        },
+        {
+          "trigger": "Timeline",
+          "behavior": "Task bars on the right represent duration on a time axis."
+        },
+        {
+          "trigger": "Resize",
+          "behavior": "Dragging a bar's edge changes the task duration."
+        },
+        {
+          "trigger": "Drag",
+          "behavior": "Dragging a bar horizontally changes the task start date."
+        },
+        {
+          "trigger": "Dependencies",
+          "behavior": "Connector lines visualize dependencies between tasks."
+        }
+      ]
+    },
+    {
+      "name": "GanttColumnsTable",
+      "isPrimary": true,
+      "rootClass": "k-gantt-columns",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "The view selector dropdown must have an accessible name."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"presentation\"",
+          "description": "The columns grid is presentational."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-hidden=\"true\"",
+          "description": "The current time marker is decorative."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-hidden=\"true\"",
+          "description": "Resize handles are decorative."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Drag cells must have an accessible name."
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "GanttLine",
+      "isPrimary": true,
+      "rootClass": "k-gantt-line",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "aria-hidden=\"true\"",
+          "description": "Dependency connector lines are decorative."
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "GanttRowsTable",
+      "isPrimary": true,
+      "rootClass": "k-gantt-rows",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"presentation\"",
+          "description": "The rows grid is presentational."
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "GanttTask",
+      "isPrimary": true,
+      "rootClass": "k-task",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "aria-hidden=\"true\"",
+          "description": "The progress drag handle is decorative."
+        }
+      ],
+      "keyboard": [],
+      "ux": [
+        {
+          "trigger": "Bar representation",
+          "behavior": "Renders the task as a horizontal bar whose width represents duration."
+        },
+        {
+          "trigger": "Drag",
+          "behavior": "The bar can be dragged horizontally to change the task start date."
+        },
+        {
+          "trigger": "Resize",
+          "behavior": "Dragging the bar's right edge changes the task end date."
+        },
+        {
+          "trigger": "Progress handle",
+          "behavior": "A drag handle inside the bar adjusts the completion percentage."
+        }
+      ]
+    },
+    {
+      "name": "GanttTaskDot",
+      "isPrimary": true,
+      "rootClass": "k-task-dot",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "aria-hidden=\"true\"",
+          "description": "Task connection dots are decorative."
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "GanttTasksTable",
+      "isPrimary": true,
+      "rootClass": "k-gantt-tasks",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"presentation\"",
+          "description": "The tasks table is presentational."
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    }
+  ],
+  "resources": []
+}