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

package/dist/meta/scheduler.json

@@ -0,0 +1,420 @@
+{
+  "component": "scheduler",
+  "name": "Scheduler",
+  "components": [
+    {
+      "name": "Scheduler",
+      "isPrimary": true,
+      "rootClass": "k-scheduler",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"application\"",
+          "description": "Specifies the role of the component."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Required as the previous navigation button contains only an icon (no text)."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Required as the next navigation button contains only an icon (no text)."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Required for the \"New Event\" button. When collapsed to icon-only at narrow widths, this is the only accessible name."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Required as the Open calendar button contains only an icon (no text)."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Required as the Create event button contains only an icon (no text)."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-live=\"polite\"",
+          "description": "The new date of the Scheduler view will be announced upon navigation to a new time span or view type."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"group\"",
+          "description": "Follows SegmentedControl spec: sets the proper role for the group of view buttons."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-pressed",
+          "description": "Follows SegmentedControl spec: specifies the current state of the view SegmentedControl. Only the selected button within the group will have this attribute set to true."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"grid\"",
+          "description": "The main table of the Agenda view must indicate it is a Data Grid."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"none\"|\"presentation\"",
+          "description": "The <tbody> element must have its semantics removed."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"none\"|\"presentation\"",
+          "description": "All <table> elements within the Scheduler must have their semantic role removed."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"button\"",
+          "description": "Indicating that the event element is interactive."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Label containing the title, start, and end date of the appointment."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-disabled=\"true\"",
+          "description": "Read-only events cannot be edited or dragged; aria-disabled signals this to assistive technologies."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "When the date cell shows a short day abbreviation and a date number separately, aria-label should combine both so the link has a descriptive accessible name."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "The \"N more\" button text is ambiguous; aria-label should read \"N more events\" to clarify what the button reveals."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"list\"",
+          "description": "The tooltip events container acts as a list of event summaries."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"listitem\"",
+          "description": "Each tooltip event is a non-interactive list item."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"group\"",
+          "description": "Groups the day-of-week toggle buttons into a logical set."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Labels the weekday picker group (e.g. \"Repeat on days\")."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Full day name for each abbreviated day button in the weekday picker (e.g. \"Monday\")."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-pressed",
+          "description": "Indicates whether the day is currently selected in the weekday picker."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex",
+          "description": "Roving tabindex: only one weekday picker button has tabindex=\"0\", the rest have tabindex=\"-1\"."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"0\"",
+          "description": "Scrollable non-agenda content must be focusable to ensure keyboard scrolling is available."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "t",
+          "behavior": "navigates to today's time period"
+        },
+        {
+          "trigger": "c",
+          "behavior": "opens the popup for creation of new appointment"
+        },
+        {
+          "trigger": "b",
+          "behavior": "toggles view between business hours and full day (where available)"
+        },
+        {
+          "trigger": "Shift + ArrowLeft",
+          "behavior": "navigates to the previous time period"
+        },
+        {
+          "trigger": "Shift + ArrowRight",
+          "behavior": "navigates to the next time period"
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + 1,2,3,...",
+          "behavior": "navigates to the view with the respective number"
+        },
+        {
+          "trigger": "F10",
+          "behavior": "Focuses the ToolBar."
+        },
+        {
+          "trigger": "Arrow Keys",
+          "behavior": "move focus through appointments and the `more events` button, then continue to the next appointment in sequence"
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "opens the Edit Popup to modify the appointment"
+        },
+        {
+          "trigger": "Delete or Backspace",
+          "behavior": "opens the Delete confirmation popup to modify the appointment"
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "If date is focused, opens its Tooltip."
+        },
+        {
+          "trigger": "Enter",
+          "behavior": "If Tooltip is focused, navigates to Day view displaying the Tooltip date."
+        },
+        {
+          "trigger": "Delete or Backspace",
+          "behavior": "If a Tooltip is focused, closes that and returns focus to its target date."
+        },
+        {
+          "trigger": "ArrowLeft or ArrowRight",
+          "behavior": "move focus through tools"
+        },
+        {
+          "trigger": "ArrowDown",
+          "behavior": "moves focus to the selected (if present), or the first event (if any) in the view"
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Multiple views",
+          "behavior": "Switches between day, week, month, agenda, and timeline views."
+        },
+        {
+          "trigger": "View switcher",
+          "behavior": "Views are accessible via a ButtonGroup or a DropDown in the toolbar."
+        },
+        {
+          "trigger": "Navigation",
+          "behavior": "Previous and next buttons move to the adjacent time period."
+        },
+        {
+          "trigger": "Today button",
+          "behavior": "A button jumps the view back to the current date instantly."
+        },
+        {
+          "trigger": "Calendar navigation",
+          "behavior": "A calendar button opens a date picker for jumping to any date."
+        },
+        {
+          "trigger": "Business hours",
+          "behavior": "A toggle switches the view between business hours and full day."
+        },
+        {
+          "trigger": "Resource grouping",
+          "behavior": "Events can be grouped by resource (e.g., room or person) across applicable views."
+        },
+        {
+          "trigger": "Event creation",
+          "behavior": "Clicking an empty time slot opens a dialog to create a new event."
+        },
+        {
+          "trigger": "Event editing",
+          "behavior": "Clicking an existing event opens an edit form."
+        },
+        {
+          "trigger": "Drag and drop",
+          "behavior": "Events can be dragged to a different time slot."
+        },
+        {
+          "trigger": "Resize",
+          "behavior": "Dragging an event's edge adjusts its duration."
+        }
+      ]
+    },
+    {
+      "name": "SchedulerBody",
+      "isPrimary": true,
+      "rootClass": "k-scheduler-body",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "aria-live=\"polite\"",
+          "description": "The new date of the Scheduler view will be announced upon navigation to a new time span or view type."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "The <select> element visible on the toolbar on small screens must have its aria-label set."
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "SchedulerContent",
+      "isPrimary": true,
+      "rootClass": "k-scheduler-content",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "aria-selected",
+          "description": "Used to signify the currently selected row in Agenda view."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"rowheader\"",
+          "description": "Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"gridcell\"",
+          "description": "Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"0\"",
+          "description": "Scrollable elements need to be focusable to ensure scrolling with arrow keys is available (does not apply to agenda view)."
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "SchedulerEvent",
+      "isPrimary": true,
+      "rootClass": "k-event",
+      "options": [],
+      "states": [
+        "hover",
+        "focus",
+        "selected"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"button\"",
+          "description": "Indicating that the event element is interactive."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Label containing the title, start, and end date of the appointment."
+        }
+      ],
+      "keyboard": [],
+      "ux": [
+        {
+          "trigger": "Drag and drop",
+          "behavior": "The event can be dragged to a different time slot or resource."
+        },
+        {
+          "trigger": "Resize",
+          "behavior": "Dragging the event's edge changes its start or end time."
+        },
+        {
+          "trigger": "Edit on click",
+          "behavior": "Clicking the event opens an edit form."
+        },
+        {
+          "trigger": "Overflow indicator",
+          "behavior": "A count badge shows when multiple events overlap in the same slot."
+        }
+      ]
+    },
+    {
+      "name": "SchedulerTable",
+      "isPrimary": true,
+      "rootClass": "k-scheduler-table",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"none\"|\\\"presentation\"",
+          "description": "Inner <table> elements within the Agenda Scheduler must have their semantic role removed."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"rowgroup\"",
+          "description": "Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"row\"",
+          "description": "Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"columnheader\"",
+          "description": "Must have role explicitly set as it has been removed by the <table> role set (none/presentation)."
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "SchedulerTimes",
+      "isPrimary": true,
+      "rootClass": "k-scheduler-times",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"none\"|\\\"presentation\"",
+          "description": "Times sidebar tables must have their semantics removed. The role propagates to child th/tr elements, resolving empty-table-header violations."
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "SchedulerToolbar",
+      "isPrimary": true,
+      "rootClass": "k-scheduler-toolbar",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"toolbar\"",
+          "description": "Follows Toolbar spec: sets the component role."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|title",
+          "description": "Follows Toolbar spec: each toolbar must have a label specifying its purpose."
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/TR/wai-aria-1.2/#grid",
+      "text": "WAI-ARIA specification for grid"
+    },
+    {
+      "url": "https://www.w3.org/TR/wai-aria-1.2/#application",
+      "text": "WAI-ARIA specification for application"
+    }
+  ]
+}

package/dist/meta/scrollview.json

@@ -0,0 +1,94 @@
+{
+  "component": "scrollview",
+  "name": "Scrollview",
+  "components": [
+    {
+      "name": "ScrollView",
+      "isPrimary": true,
+      "rootClass": "k-scrollview",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"application\"",
+          "description": "Specifies the role of the Carousel element."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-roledescription=\"carousel\"",
+          "description": "Clarifies the role of the Carousel element."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"0\"",
+          "description": "Carousel element must be focusable."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"list\"",
+          "description": "Clarifies the scrollview wrap as a list of items (images)."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"listitem\"",
+          "description": "Specifies the role of each Carousel item."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-roledescription=\"slide\"",
+          "description": "Clarifies the role of the Carousel item."
+        },
+        {
+          "prop": null,
+          "attribute": "role=\"button\"",
+          "description": "Specifies the role of the Previous/Next button."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Specifies label for the Previous/Next button."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-controls",
+          "description": "Points to the id of the items container element."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-live=\"polite\"",
+          "description": "Identifies a hidden element as a live region in the polite state."
+        }
+      ],
+      "keyboard": [],
+      "ux": [
+        {
+          "trigger": "Paged scrolling",
+          "behavior": "Advances one item at a time on swipe or arrow-button click."
+        },
+        {
+          "trigger": "Navigation arrows",
+          "behavior": "Previous and next buttons navigate between pages."
+        },
+        {
+          "trigger": "Pager dots",
+          "behavior": "Indicator dots show the current page and total page count."
+        },
+        {
+          "trigger": "Auto-play",
+          "behavior": "Cycles through items automatically at a configurable interval."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/patterns/carousel/",
+      "text": "ARIA Practices: Carousel"
+    },
+    {
+      "url": "https://www.w3.org/WAI/ARIA/apg/example-index/carousel/carousel-1-prev-next.html",
+      "text": "ARIA Practices: Carousel Example with Buttons"
+    }
+  ]
+}

package/dist/meta/searchbox.json

@@ -0,0 +1,68 @@
+{
+  "component": "searchbox",
+  "name": "Searchbox",
+  "components": [
+    {
+      "name": "Searchbox",
+      "isPrimary": true,
+      "rootClass": "k-searchbox",
+      "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"
+      ],
+      "aria": [],
+      "keyboard": [],
+      "ux": [
+        {
+          "trigger": "Search input",
+          "behavior": "A styled input field dedicated to entering search queries."
+        },
+        {
+          "trigger": "Search button",
+          "behavior": "A magnifier button or Enter key submits the query."
+        },
+        {
+          "trigger": "Clear button",
+          "behavior": "An × button clears the current value."
+        }
+      ]
+    }
+  ],
+  "resources": []
+}