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

package/dist/meta/datetimepicker.json

@@ -0,0 +1,170 @@
+{
+  "component": "datetimepicker",
+  "name": "Datetimepicker",
+  "components": [
+    {
+      "name": "DateTimeContainer",
+      "isPrimary": true,
+      "rootClass": "k-datetime-container",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "aria-invalid=\"true\"",
+          "description": "Rendered only when the picker is in form and announces invalid state."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-disabled=\"true\"",
+          "description": "Rendered only when the picker is disabled."
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "DateTimePicker",
+      "isPrimary": true,
+      "rootClass": "k-datetimepicker",
+      "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=\"combobox\"",
+          "description": "The input element follows the combobox specification."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-haspopup=\"dialog\"",
+          "description": "Indicates the component has a Dialog Popup."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-expanded=\"true\"|\\\"false\"",
+          "description": "Announces whether the Popup is visible or not."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-controls",
+          "description": "Points to the popup element containing the calendar or time selector."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-activedescendant",
+          "description": "Points to the focused item in the Calendar or Time Popup."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|aria-labelledby",
+          "description": "The input needs an accessible name."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"-1\"",
+          "description": "Button element must not be focusable."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "The button needs an accessible name."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-disabled",
+          "description": "Rendered only when the picker is disabled."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Escape",
+          "behavior": "Discards the selection and closes the popup."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "Enters in time edit if calendar is the target. Otherwise, accepts the selected time and closes the popup."
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowDown",
+          "behavior": "Opens the dropdown and moves the focus to the displayed calendar."
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowUp",
+          "behavior": "Closes the dropdown and moves the focus to the input element."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Combined picker",
+          "behavior": "A single popup contains both a date calendar and a time selector."
+        },
+        {
+          "trigger": "Tab switching",
+          "behavior": "The popup header switches between the date and time views."
+        },
+        {
+          "trigger": "Direct input",
+          "behavior": "Date and time can also be typed directly into the input."
+        },
+        {
+          "trigger": "Disabled state",
+          "behavior": "When disabled, the input and popup are non-interactive."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/TR/wai-aria-1.2/#combobox",
+      "text": "WAI ARIA specification for combobox"
+    },
+    {
+      "url": "https://www.w3.org/TR/wai-aria-1.2/#spinbutton",
+      "text": "WAI ARIA specification for spinbutton"
+    },
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/example-index/dialog-modal/datepicker-dialog.html",
+      "text": "ARIA practices Date Picker Dialog Example"
+    }
+  ]
+}

package/dist/meta/dialog.json

@@ -0,0 +1,73 @@
+{
+  "component": "dialog",
+  "name": "Dialog",
+  "components": [
+    {
+      "name": "Dialog",
+      "isPrimary": true,
+      "rootClass": "k-dialog",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"dialog\"|\\\"alertdialog\"",
+          "description": "Announces the dialog or alertdialog role of the component."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-labelledby",
+          "description": "Associate the title of the dialog."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-describedby",
+          "description": "Associate the dialog content to the wrap element."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-modal=\"true\"",
+          "description": "Announces that the dialog is modal. Attribute is added only when the dialog is modal."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Tab",
+          "behavior": "Focus is moved between the elements in the dialog and is trapped into the component."
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "Closes the dialog. When the dialog is modal, the focus should be returned to the element that triggered the open."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Modal overlay",
+          "behavior": "Renders a backdrop that blocks interaction with the underlying page."
+        },
+        {
+          "trigger": "Close button",
+          "behavior": "An optional × button in the title bar dismisses the dialog."
+        },
+        {
+          "trigger": "Action buttons",
+          "behavior": "Footer buttons let the user confirm or cancel the operation."
+        },
+        {
+          "trigger": "Draggable",
+          "behavior": "The dialog can be repositioned by dragging its title bar."
+        },
+        {
+          "trigger": "Resizable",
+          "behavior": "The dialog can be resized by dragging its edges or corners."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/examples/dialog/",
+      "text": "ARIA practices Modal Dialog Example"
+    }
+  ]
+}

package/dist/meta/dock-manager.json

@@ -0,0 +1,94 @@
+{
+  "component": "dock-manager",
+  "name": "DockManager",
+  "components": [
+    {
+      "name": "DockManager",
+      "isPrimary": true,
+      "rootClass": "k-dock-manager",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"application\"",
+          "description": "Indicates that the DockManager has its own keyboard navigation implemented."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-live=\"polite\"",
+          "description": "Defines dynamic content changes within the DockManager container."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowUp",
+          "behavior": "Maximizes the active pane."
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowDown",
+          "behavior": "Minimizes the active pane."
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "Closes the active pane."
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowLeft",
+          "behavior": "Unpins the active pane."
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowRight",
+          "behavior": "Pins the active pane."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + ArrowRight",
+          "behavior": "Focuses the next content pane."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + ArrowLeft",
+          "behavior": "Focuses the previous content pane."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + Shift + ArrowUp",
+          "behavior": "Docks the active pane to the global top."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + Shift + ArrowDown",
+          "behavior": "Docks the active pane to the global bottom."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + Shift + ArrowLeft",
+          "behavior": "Docks the active pane to the global left."
+        },
+        {
+          "trigger": "Control/Cmd(Mac) + Shift + ArrowRight",
+          "behavior": "Docks the active pane to the global right."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Panels",
+          "behavior": "Contains independent panels that can be docked to fixed positions or floated."
+        },
+        {
+          "trigger": "Drag and drop",
+          "behavior": "Panels are repositioned by dragging their tab headers."
+        },
+        {
+          "trigger": "Tab groups",
+          "behavior": "Multiple panels docked to the same position form a tabbed group."
+        },
+        {
+          "trigger": "Floating panels",
+          "behavior": "Panels can be detached and float freely above the layout."
+        },
+        {
+          "trigger": "Resize",
+          "behavior": "Panel sizes are adjusted by dragging the splitter between dock zones."
+        }
+      ]
+    }
+  ],
+  "resources": []
+}

package/dist/meta/drawer.json

@@ -0,0 +1,107 @@
+{
+  "component": "drawer",
+  "name": "Drawer",
+  "components": [
+    {
+      "name": "Drawer",
+      "isPrimary": true,
+      "rootClass": "k-drawer",
+      "options": [
+        {
+          "name": "position",
+          "values": [
+            "start",
+            "end"
+          ],
+          "default": "start"
+        },
+        {
+          "name": "mode",
+          "values": [
+            "overlay",
+            "push"
+          ],
+          "default": "push"
+        }
+      ],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"menubar\"",
+          "description": "Indicates that the list of drawer items is a menubar."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-orientation=\"vertical\"",
+          "description": "Indicates that the orientation of the drawer is vertical."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Enter",
+          "behavior": "Execute the item action"
+        },
+        {
+          "trigger": "ArrowUp",
+          "behavior": "Goes to the previous item. Focus is moved to the prev item and its tabindex is set to 0."
+        },
+        {
+          "trigger": "ArrowDown",
+          "behavior": "Goes to the next item. Focus is moved to the next item and its tabindex is set to 0."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Overlay mode",
+          "behavior": "The drawer slides in over the page content."
+        },
+        {
+          "trigger": "Push mode",
+          "behavior": "The drawer pushes the main content aside when open."
+        },
+        {
+          "trigger": "Mini mode",
+          "behavior": "Collapses to a narrow icon strip when closed."
+        },
+        {
+          "trigger": "Position",
+          "behavior": "Can be anchored to the left or right edge of the container."
+        },
+        {
+          "trigger": "Backdrop",
+          "behavior": "An optional semi-transparent overlay prevents interaction with the page while the drawer is open."
+        }
+      ]
+    },
+    {
+      "name": "DrawerItem",
+      "isPrimary": true,
+      "rootClass": "k-drawer-item",
+      "options": [],
+      "states": [
+        "hover",
+        "focus",
+        "selected",
+        "disabled"
+      ],
+      "aria": [],
+      "keyboard": [],
+      "ux": [
+        {
+          "trigger": "Selection",
+          "behavior": "Clicking the item navigates or selects it, giving it the active state."
+        },
+        {
+          "trigger": "Icon and label",
+          "behavior": "Shows an icon beside a text label in expanded mode; icon-only in mini mode."
+        },
+        {
+          "trigger": "Disabled state",
+          "behavior": "When disabled, the item is non-interactive."
+        }
+      ]
+    }
+  ],
+  "resources": []
+}

package/dist/meta/dropdowngrid.json

@@ -0,0 +1,159 @@
+{
+  "component": "dropdowngrid",
+  "name": "Dropdowngrid",
+  "components": [
+    {
+      "name": "DropdownGrid",
+      "isPrimary": true,
+      "rootClass": "k-dropdowngrid",
+      "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=\"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-label",
+          "description": "Accessible name for the combobox."
+        },
+        {
+          "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": "Table list has listbox role."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|aria-labelledby",
+          "description": "Table 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 table row is an option."
+        },
+        {
+          "prop": null,
+          "attribute": "id",
+          "description": "Referenced by aria-controls on the input."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-autocomplete",
+          "description": "Indicates autocomplete type"
+        },
+        {
+          "prop": null,
+          "attribute": "aria-activedescendant",
+          "description": "Points to focused item when popup is open"
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "ArrowDown",
+          "behavior": "Selects the next available item."
+        },
+        {
+          "trigger": "ArrowUp",
+          "behavior": "Selects the previous available item."
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowDown",
+          "behavior": "Opens pop up"
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowUp or Escape",
+          "behavior": "Closes popup"
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "Clears the value if popup is not visible"
+        },
+        {
+          "trigger": "Tab",
+          "behavior": "Closes the actionsheet and focuses the next focusable element."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Grid popup",
+          "behavior": "A data grid opens in a popup when the control is activated."
+        },
+        {
+          "trigger": "Row selection",
+          "behavior": "Clicking a grid row selects it and fills the input field."
+        },
+        {
+          "trigger": "Filtering",
+          "behavior": "The input field filters the displayed rows as the user types."
+        },
+        {
+          "trigger": "Placeholder",
+          "behavior": "Displays hint text when no row is selected."
+        }
+      ]
+    }
+  ],
+  "resources": []
+}