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

package/dist/meta/colorpicker.json

@@ -0,0 +1,145 @@
+{
+  "component": "colorpicker",
+  "name": "Colorpicker",
+  "components": [
+    {
+      "name": "ColorPicker",
+      "isPrimary": true,
+      "rootClass": "k-colorpicker",
+      "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"
+          ],
+          "default": null
+        }
+      ],
+      "states": [
+        "hover",
+        "focus",
+        "valid",
+        "invalid",
+        "required",
+        "disabled"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"combobox\"",
+          "description": "The focusable element should have role combobox (input with popup)."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|aria-labelledby",
+          "description": "The component needs an accessible name including the currently selected value."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-haspopup=\"dialog\"",
+          "description": "Indicates the component has a Dialog Popup."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-expanded=\"true\"|\\\"false\"",
+          "description": "Announces the visibility state of the popup."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-controls",
+          "description": "Points to the popup element."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"0\"",
+          "description": "The element must be focusable."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-disabled=\"true\"",
+          "description": "Rendered only when the picker is disabled."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"-1\"",
+          "description": "The inner ColorGradient must be removed from the page tab sequence."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowDown",
+          "behavior": "Opens pop up"
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "Opens pop up"
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowUp or Escape",
+          "behavior": "Closes popup"
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "Closes Popup and moves focus back to k-colorpicker element."
+        },
+        {
+          "trigger": "Tab",
+          "behavior": "Navigates to the next focusable element in the Popup. If current focus is on the last element, moves focus to the first focusable item in the Popup."
+        },
+        {
+          "trigger": "Shift + Tab",
+          "behavior": "Navigates to the previous focusable element in the Popup. If current focus is on the first element, moves focus to the last focusable item in the Popup."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "For button items, executes the currently focused button action."
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "If any of the colorgradient elements are currently focused, bring focus back to the k-colorpicker element."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Popup",
+          "behavior": "Opens a color picker popup when the swatch button is clicked."
+        },
+        {
+          "trigger": "Color preview",
+          "behavior": "The trigger button reflects the currently selected color."
+        },
+        {
+          "trigger": "Flat mode",
+          "behavior": "Can be rendered inline without a popup wrapper."
+        },
+        {
+          "trigger": "Gradient and palette tabs",
+          "behavior": "Tabs let the user switch between gradient picker and palette."
+        }
+      ]
+    }
+  ],
+  "resources": []
+}

package/dist/meta/column-menu.json

@@ -0,0 +1,200 @@
+{
+  "component": "column-menu",
+  "name": "ColumnMenu",
+  "components": [
+    {
+      "name": "ColumnList",
+      "isPrimary": true,
+      "rootClass": "k-column-list",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        }
+      ],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"listbox\"",
+          "description": "Sets the listbox role of the list of columns wrapper."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-multiselectable=\"true\"",
+          "description": "Specifies that the list is multiselectable."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Accessible name for the column list."
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "ColumnMenu",
+      "isPrimary": true,
+      "rootClass": "k-column-menu",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        }
+      ],
+      "states": [],
+      "aria": [],
+      "keyboard": [
+        {
+          "trigger": "Tab",
+          "behavior": "Navigates to the next focusable element in the Popup. If current focus is on the last element, moves focus to the first focusable item in the Popup."
+        },
+        {
+          "trigger": "Shift + Tab",
+          "behavior": "Navigates to the previous focusable element in the Popup. If current focus is on the first element, moves focus to the last focusable item in the Popup."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "For column menu items, executes the currently focused item action. If item is expandable, expands or collapses the item."
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "When focus is inside a focusable element in the item content, returns focus to the parent menu item. When focus is on a menu item, closes the ColumnMenu Popup and returns focus to the element from which the menu was opened."
+        },
+        {
+          "trigger": "ArrowDown or ArrowUp",
+          "behavior": "Moves the focus to the next/previous item when focus is in the ColumnChooser list of options."
+        },
+        {
+          "trigger": "Space",
+          "behavior": "Toggles the checked state of the focused ColumnChooser option."
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "When focus is inside a sub-view, returns to the main view and focuses the item that opened the sub-view. When focus is on the main view, closes the ActionSheet and returns focus to the element from which the menu was opened."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Filter",
+          "behavior": "Provides a filter form to narrow column data."
+        },
+        {
+          "trigger": "Sort",
+          "behavior": "Offers ascending and descending sort actions for the column."
+        },
+        {
+          "trigger": "Column chooser",
+          "behavior": "Allows hiding or showing individual columns."
+        },
+        {
+          "trigger": "Lock / Unlock",
+          "behavior": "Allows pinning a column to the left or right side of the grid."
+        }
+      ]
+    },
+    {
+      "name": "ColumnMenuItem",
+      "isPrimary": true,
+      "rootClass": "k-columnmenu-item",
+      "options": [],
+      "states": [
+        "focus",
+        "selected"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"button\"",
+          "description": "Sets column menu item role to button."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"0\"",
+          "description": "Sets column menu item tabindex."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-expanded=\"true\"|\\\"false\"",
+          "description": "Sets the expanded state of an expandable item."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-controls",
+          "description": "Points to id attribute of the content whose visibility the expandable item controls."
+        },
+        {
+          "prop": null,
+          "attribute": "id",
+          "description": "Unique and deterministic id linked to the aria-controls attribute of the corresponding expandable item."
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "GroupMenu",
+      "isPrimary": true,
+      "rootClass": "k-group-menu",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        }
+      ],
+      "states": [],
+      "aria": [],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "GroupMenuItem",
+      "isPrimary": true,
+      "rootClass": "k-group-menu-item",
+      "options": [],
+      "states": [
+        "hover",
+        "selected"
+      ],
+      "aria": [],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "ColumnListItem",
+      "isPrimary": false,
+      "rootClass": "k-column-list-item",
+      "options": [],
+      "states": [
+        "focus",
+        "disabled",
+        "hover"
+      ],
+      "aria": [],
+      "keyboard": [],
+      "ux": []
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role",
+      "text": "MDN reference for the dialog role"
+    }
+  ]
+}

package/dist/meta/combobox.json

@@ -0,0 +1,206 @@
+{
+  "component": "combobox",
+  "name": "Combobox",
+  "components": [
+    {
+      "name": "Combobox",
+      "isPrimary": true,
+      "rootClass": "k-combobox",
+      "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"
+          ],
+          "default": null
+        }
+      ],
+      "states": [
+        "hover",
+        "focus",
+        "valid",
+        "invalid",
+        "loading",
+        "required",
+        "disabled",
+        "readonly"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"combobox\"",
+          "description": "Identifies the input as a combobox."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-haspopup=\"listbox\"",
+          "description": "Indicates the combobox has a listbox popup."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-expanded",
+          "description": "Indicates whether the popup is open."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-invalid=\"true\"",
+          "description": "Rendered when the combobox is in an invalid state."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-busy=\"true\"",
+          "description": "Rendered when the combobox is loading data."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|aria-labelledby",
+          "description": "Accessible name provided by consuming app."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-disabled=\"true\"",
+          "description": "Rendered when the combobox is disabled."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"button\"",
+          "description": "The dropdown toggle button."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Accessible name for the dropdown button."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"-1\"",
+          "description": "Dropdown button is not in the tab order."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"listbox\"",
+          "description": "The popup list container has the listbox role."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|aria-labelledby",
+          "description": "Popup listbox must have an accessible name. Consuming code is responsible for associating with the component label via aria-labelledby."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"option\"",
+          "description": "Each list item is an option."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-selected",
+          "description": "Indicates the selected state."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-live=\"polite\"",
+          "description": "Announces no-data state to screen readers."
+        },
+        {
+          "prop": null,
+          "attribute": "id",
+          "description": "Referenced by aria-controls and aria-activedescendant on the input."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-autocomplete",
+          "description": "Indicates autocomplete behavior to assistive technologies"
+        },
+        {
+          "prop": null,
+          "attribute": "aria-activedescendant",
+          "description": "Points to focused item when popup is open"
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Typing in the input",
+          "behavior": "Focuses the matched item."
+        },
+        {
+          "trigger": "ArrowDown",
+          "behavior": "Highlights the next available item."
+        },
+        {
+          "trigger": "ArrowUp",
+          "behavior": "Highlights the previous available item."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "Selects the focused item."
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowDown",
+          "behavior": "Opens the popup."
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowUp or Escape",
+          "behavior": "Closes the popup."
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "If the popup is not visible, clears the value."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Editable input",
+          "behavior": "The user can type to filter options or enter a custom value."
+        },
+        {
+          "trigger": "Popup",
+          "behavior": "Opens a dropdown list when the toggle button is clicked or when the user types."
+        },
+        {
+          "trigger": "Selection",
+          "behavior": "Choosing an option fills the input and closes the popup."
+        },
+        {
+          "trigger": "Placeholder",
+          "behavior": "Displays hint text when no value is selected."
+        },
+        {
+          "trigger": "Disabled state",
+          "behavior": "When disabled, the control is non-interactive."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-autocomplete-both.html",
+      "text": "WAI-ARIA Authoring Practices: Editable Combobox With Both List and Inline Autocomplete Example"
+    },
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-autocomplete-list.html",
+      "text": "WAI-ARIA Authoring Practices: Editable Combobox With List Autocomplete Example"
+    }
+  ]
+}

package/dist/meta/context-menu.json

@@ -0,0 +1,126 @@
+{
+  "component": "context-menu",
+  "name": "ContextMenu",
+  "components": [
+    {
+      "name": "ContextMenu",
+      "isPrimary": true,
+      "rootClass": "k-context-menu",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"menu\"",
+          "description": "The context menu implements the menu role."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"menuitem\"",
+          "description": "Announces the Menu item role."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-haspopup=\"menu\"",
+          "description": "Indicates a popup menu is associated with the item."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-expanded=\"true\"|\\\"false\"",
+          "description": "Indicates whether the submenu is expanded."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-disabled=\"true\"",
+          "description": "Informs assistive technologies that a Menu item is disabled."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-hidden=\"true\"",
+          "description": "Expand arrow elements are hidden from assistive technologies."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"0\"",
+          "description": "The focused item has tabindex 0."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-controls=\"ul.k-menu-group id\"",
+          "description": "Points to the ID of the submenu."
+        },
+        {
+          "prop": null,
+          "attribute": "id",
+          "description": "Each nested menu has an id linked to parent aria-controls."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Shift + F10",
+          "behavior": "When applied to a target, the command opens the ContextMenu."
+        },
+        {
+          "trigger": "ArrowUp",
+          "behavior": "Focuses the previous item."
+        },
+        {
+          "trigger": "ArrowDown",
+          "behavior": "Focuses the next item."
+        },
+        {
+          "trigger": "ArrowLeft",
+          "behavior": "(For root items) opens the item and focuses the last child.; (For child items) closes and focuses the parent."
+        },
+        {
+          "trigger": "ArrowRight",
+          "behavior": "If the item has children, opens the item and focuses the first child. For child items without children, focuses and opens the next root item."
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "Closes the ContextMenu and returns the focus to the target."
+        },
+        {
+          "trigger": "Home",
+          "behavior": "Focuses the first item."
+        },
+        {
+          "trigger": "End",
+          "behavior": "Focuses the last item."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "Selects the focused item. If the item has children, opens the item and focuses the first child. If the item does not have children and has a URL, navigates to the specified URL."
+        },
+        {
+          "trigger": "Space",
+          "behavior": "Selects the focused item. If the item has children, opens the item and focuses the first child. If the item does not have children and has a URL, navigates to the specified URL."
+        },
+        {
+          "trigger": "Alphanumeric character",
+          "behavior": "Focuses the next item with text starting with the character."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Right-click trigger",
+          "behavior": "Opens when the user right-clicks (or long-presses on touch) the target element."
+        },
+        {
+          "trigger": "Submenus",
+          "behavior": "Menu items can have submenus that open on hover."
+        },
+        {
+          "trigger": "Dismiss",
+          "behavior": "Closes when clicking outside the menu or pressing Escape."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/patterns/menu/",
+      "text": "ARIA patterns Menu"
+    }
+  ]
+}