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

package/dist/meta/maskedtextbox.json

@@ -0,0 +1,104 @@
+{
+  "component": "maskedtextbox",
+  "name": "Maskedtextbox",
+  "components": [
+    {
+      "name": "MaskedTextbox",
+      "isPrimary": true,
+      "rootClass": "k-maskedtextbox",
+      "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",
+        "loading",
+        "readonly"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"textbox\"",
+          "description": "Describes the role of the component."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|aria-labelledby",
+          "description": "The input requires an accessible name (provided by consuming app)."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-placeholder",
+          "description": "Announces the mask or placeholder for the component."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-invalid=\"true\"",
+          "description": "Rendered when the MaskedTextBox is in an invalid state."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-describedby",
+          "description": "Points to the hint or error message."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-disabled=\"true\"",
+          "description": "Rendered when the MaskedTextBox is disabled."
+        }
+      ],
+      "keyboard": [],
+      "ux": [
+        {
+          "trigger": "Mask pattern",
+          "behavior": "Formats input according to a configurable pattern (e.g., phone numbers, dates)."
+        },
+        {
+          "trigger": "Prompt character",
+          "behavior": "Unfilled mask positions are shown with a placeholder character (default: underscore)."
+        },
+        {
+          "trigger": "Auto-advance",
+          "behavior": "Focus moves to the next mask segment as each one is filled."
+        },
+        {
+          "trigger": "Disabled state",
+          "behavior": "When disabled, the input is non-interactive."
+        }
+      ]
+    }
+  ],
+  "resources": []
+}

package/dist/meta/mediaplayer.json

@@ -0,0 +1,110 @@
+{
+  "component": "mediaplayer",
+  "name": "Mediaplayer",
+  "components": [
+    {
+      "name": "MediaPlayer",
+      "isPrimary": true,
+      "rootClass": "k-mediaplayer",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Specifies label for the play/pause button."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-pressed",
+          "description": "Specifies whether play is active or not."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Specifies label for the mute button."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-pressed",
+          "description": "Specifies whether mute is active or not."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Specifies label for the full screen button."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-pressed",
+          "description": "Specifies whether full screen is active or not."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "ArrowRight",
+          "behavior": "Seek forward."
+        },
+        {
+          "trigger": "ArrowLeft",
+          "behavior": "Seek backward."
+        },
+        {
+          "trigger": "ArrowUp",
+          "behavior": "Increase the volume."
+        },
+        {
+          "trigger": "ArrowDown",
+          "behavior": "Decrease the volume."
+        },
+        {
+          "trigger": "Control + 1",
+          "behavior": "Decrease the video quality."
+        },
+        {
+          "trigger": "Control + 2",
+          "behavior": "Increase the video quality."
+        },
+        {
+          "trigger": "F",
+          "behavior": "Open and close the full screen."
+        },
+        {
+          "trigger": "M",
+          "behavior": "Mute and Unmute the sound."
+        },
+        {
+          "trigger": "Space",
+          "behavior": "Play and Pause the video."
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "Close the full screen."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Play / Pause",
+          "behavior": "The primary button starts and pauses media playback."
+        },
+        {
+          "trigger": "Seek",
+          "behavior": "Clicking or dragging the progress bar seeks to a position in the media."
+        },
+        {
+          "trigger": "Volume",
+          "behavior": "A slider controls the audio level; a mute button toggles audio."
+        },
+        {
+          "trigger": "Fullscreen",
+          "behavior": "Expands the player to fill the viewport."
+        },
+        {
+          "trigger": "Captions",
+          "behavior": "Subtitle tracks can be toggled on or off."
+        }
+      ]
+    }
+  ],
+  "resources": []
+}

package/dist/meta/menu-button.json

@@ -0,0 +1,166 @@
+{
+  "component": "menu-button",
+  "name": "MenuButton",
+  "components": [
+    {
+      "name": "MenuButton",
+      "isPrimary": true,
+      "rootClass": "k-menu-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"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"button\"",
+          "description": "Omitted if the button DOM element is used."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Required when no text is visible in the button."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-controls=\".k-menu-group id\"",
+          "description": "Points to the popup element. Builds a relationship between the button and the popup."
+        },
+        {
+          "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",
+          "description": "state for the popup"
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Alt + ArrowDown",
+          "behavior": "Opens the DropDownButton popup and moves the focus to its first `menuitem` element."
+        },
+        {
+          "trigger": "Enter or Space",
+          "behavior": "Opens the DropDownButton popup and moves the focus to its first `menuitem` element."
+        },
+        {
+          "trigger": "Alt + ArrowUp",
+          "behavior": "Closes the popup and moves the focus back to the main `button` element."
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "Closes the popup and moves the focus back to the main button element."
+        },
+        {
+          "trigger": "ArrowDown",
+          "behavior": "Moves the focus to the next `menuitem` element. If the focus is on the last menu item, moves the focus to the first menu item."
+        },
+        {
+          "trigger": "ArrowUp",
+          "behavior": "Moves the focus to the previous `menuitem` element. If the focus is on the first menu item, moves the focus to the last menu item."
+        },
+        {
+          "trigger": "Home",
+          "behavior": "Moves the focus to the first `menuitem` element."
+        },
+        {
+          "trigger": "End",
+          "behavior": "Moves the focus to the last `menuitem` element."
+        },
+        {
+          "trigger": "Enter or Space",
+          "behavior": "Clicks (activates) the currently active `menuitem` element and closes the popup."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Primary action",
+          "behavior": "The main button area triggers the default action."
+        },
+        {
+          "trigger": "Dropdown",
+          "behavior": "The arrow button opens a menu popup with additional actions."
+        },
+        {
+          "trigger": "Item selection",
+          "behavior": "Clicking a menu item triggers its action and closes the popup."
+        },
+        {
+          "trigger": "Disabled state",
+          "behavior": "When disabled, both the button and dropdown are non-interactive."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/",
+      "text": "WAI-ARIA Authoring Practices: Menu Button Pattern."
+    }
+  ]
+}

package/dist/meta/menu.json

@@ -0,0 +1,249 @@
+{
+  "component": "menu",
+  "name": "Menu",
+  "components": [
+    {
+      "name": "Menu",
+      "isPrimary": true,
+      "rootClass": "k-menu",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        }
+      ],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "aria-orientation=\"vertical\"",
+          "description": "Announces the Menu orientation when vertical."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-hidden=\"true\"",
+          "description": "Expand arrow elements are hidden from assistive technologies."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"-1\"",
+          "description": "Scroll buttons are removed from the tab sequence."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Scroll buttons have an accessible label."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"menu\"|\"menubar\"",
+          "description": "When true, renders as context menu (role=\"menu\"); otherwise role=\"menubar\"."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "ArrowUp",
+          "behavior": "(For root items) Opens the item and focuses the last child.; (For child items) Focuses the previous item."
+        },
+        {
+          "trigger": "ArrowDown",
+          "behavior": "(For root items) Opens the item and focuses the first child.; (For child items) Focuses the next item."
+        },
+        {
+          "trigger": "ArrowLeft",
+          "behavior": "(For root items) Focuses the previous item.; (For child items) For direct children of a root item, focuses and opens the previous root item. Otherwise, closes and focuses the parent."
+        },
+        {
+          "trigger": "ArrowRight",
+          "behavior": "(For root items) Focuses the next item.; (For child items) If the item has children, opens the item and focuses the first child. Otherwise, focuses and opens the next root item."
+        },
+        {
+          "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": "Escape",
+          "behavior": "(For child items) Closes and focuses the parent."
+        },
+        {
+          "trigger": "Alphanumeric character",
+          "behavior": "Focuses the next item with text starting with the character."
+        },
+        {
+          "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."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Horizontal / Vertical",
+          "behavior": "Can be rendered as a horizontal menu bar or a vertical sidebar."
+        },
+        {
+          "trigger": "Submenus",
+          "behavior": "Items with children open a flyout submenu on hover or click."
+        },
+        {
+          "trigger": "Popup positioning",
+          "behavior": "Submenus automatically flip when they would overflow the viewport."
+        },
+        {
+          "trigger": "Disabled items",
+          "behavior": "Individual items can be disabled and are skipped during keyboard navigation."
+        }
+      ]
+    },
+    {
+      "name": "MenuItem",
+      "isPrimary": true,
+      "rootClass": "k-menu-item",
+      "options": [],
+      "states": [
+        "hover",
+        "focus",
+        "active",
+        "selected",
+        "disabled"
+      ],
+      "aria": [
+        {
+          "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-disabled=\"true\"",
+          "description": "Informs assistive technologies that a Menu item is disabled."
+        },
+        {
+          "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. Only present when the item controls a submenu element."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-expanded",
+          "description": "state for expandable items"
+        }
+      ],
+      "keyboard": [],
+      "ux": [
+        {
+          "trigger": "Action trigger",
+          "behavior": "Clicking the item executes its associated action or navigates to its link."
+        },
+        {
+          "trigger": "Submenu indicator",
+          "behavior": "Displays an arrow when the item has a nested submenu."
+        },
+        {
+          "trigger": "Disabled state",
+          "behavior": "When disabled, the item is non-interactive."
+        },
+        {
+          "trigger": "Separator",
+          "behavior": "A horizontal line variant visually divides groups of items."
+        }
+      ]
+    },
+    {
+      "name": "MenuList",
+      "isPrimary": true,
+      "rootClass": "k-menu-group",
+      "options": [
+        {
+          "name": "size",
+          "values": [
+            "small",
+            "medium",
+            "large"
+          ],
+          "default": null
+        }
+      ],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"menu\"",
+          "description": "The role of the nested menu displayed in a popup."
+        },
+        {
+          "prop": null,
+          "attribute": "id",
+          "description": "Each nested menu has a deterministic id linked to the parent aria-controls."
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "MenuListItem",
+      "isPrimary": true,
+      "rootClass": "k-menu-item",
+      "options": [],
+      "states": [
+        "hover",
+        "focus",
+        "active",
+        "selected",
+        "disabled"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "aria-expanded",
+          "description": "state for expandable items"
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/patterns/menu/",
+      "text": "ARIA patterns Menu"
+    }
+  ]
+}

package/dist/meta/message-box.json

@@ -0,0 +1,46 @@
+{
+  "component": "message-box",
+  "name": "MessageBox",
+  "components": [
+    {
+      "name": "MessageBox",
+      "isPrimary": true,
+      "rootClass": "k-messagebox",
+      "options": [
+        {
+          "name": "themeColor",
+          "values": [
+            "base",
+            "primary",
+            "secondary",
+            "tertiary",
+            "success",
+            "warning",
+            "error",
+            "info",
+            "inverse"
+          ],
+          "default": null
+        }
+      ],
+      "states": [],
+      "aria": [],
+      "keyboard": [],
+      "ux": [
+        {
+          "trigger": "Status variants",
+          "behavior": "Available in info, success, warning, and error styles with matching colors and icons."
+        },
+        {
+          "trigger": "Dismissible",
+          "behavior": "An optional close button lets the user dismiss the message."
+        },
+        {
+          "trigger": "Icon",
+          "behavior": "Displays an icon matching the severity of the message."
+        }
+      ]
+    }
+  ],
+  "resources": []
+}