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

package/dist/meta/datainsights-composer.json

@@ -0,0 +1,184 @@
+{
+  "component": "datainsights-composer",
+  "name": "DatainsightsComposer",
+  "components": [
+    {
+      "name": "DataInsightsComposerFields",
+      "isPrimary": true,
+      "rootClass": "k-datainsights-composer-fields",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"group\"",
+          "description": "Groups data-source chips that act as popup triggers."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label",
+          "description": "Names the data-source chip group."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-haspopup=\"true\"",
+          "description": "Indicates that each data-source chip opens a popup."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"0\" or \"-1\"",
+          "description": "Maintains one data-source chip in the tab order using roving tabindex."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Tab",
+          "behavior": "Moves focus into the group through its active roving-tabindex chip, or from that chip to the next focusable element."
+        },
+        {
+          "trigger": "Shift+Tab",
+          "behavior": "Moves focus from the active chip to the previous focusable element."
+        },
+        {
+          "trigger": "ArrowRight or ArrowLeft",
+          "behavior": "Moves the roving tab stop between the data source chips, same as the standalone ChipList."
+        },
+        {
+          "trigger": "Enter or Space",
+          "behavior": "Opens the Data Source popup for the focused chip."
+        }
+      ],
+      "ux": []
+    },
+    {
+      "name": "DataInsightsComposerHistoryCheckpoint",
+      "isPrimary": true,
+      "rootClass": "k-datainsights-composer-history-checkpoint",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"option\"",
+          "description": "Each checkpoint is an option in the history listbox."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"-1\"",
+          "description": "Non-active checkpoints stay out of the tab order."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "ArrowUp or ArrowDown",
+          "behavior": "Moves the roving tab stop between checkpoints, same as a standard list."
+        },
+        {
+          "trigger": "Tab",
+          "behavior": "From the active checkpoint, moves focus to its restore button. From that button, or from the current checkpoint which has no restore action, moves focus outside the popup."
+        },
+        {
+          "trigger": "Shift+Tab",
+          "behavior": "From a restore button, returns focus to its own checkpoint. From the active checkpoint, moves focus to the previous focusable element outside the popup."
+        }
+      ],
+      "ux": []
+    },
+    {
+      "name": "DataInsightsComposerOutput",
+      "isPrimary": true,
+      "rootClass": "k-datainsights-composer-report-output",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"group\"",
+          "description": "Groups the chart with its visible report title."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-labelledby",
+          "description": "Names the chart output from the associated report title."
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "DataInsightsComposerPopup",
+      "isPrimary": true,
+      "rootClass": "k-datainsights-composer-popup",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"presentation\"",
+          "description": "Removes button semantics from field-label chips in data-source popups."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"0\" or \"-1\"",
+          "description": "Uses roving tabindex for a standalone field list; chips embedded in TreeView items stay out of the tab order."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "ArrowDown",
+          "behavior": "Moves to the next chip in a data-source field list, or from the browser search box to the first TreeView item."
+        },
+        {
+          "trigger": "ArrowUp",
+          "behavior": "Moves to the previous chip in a data-source field list, or from the first browser TreeView item to the search box."
+        },
+        {
+          "trigger": "Tab",
+          "behavior": "In a data-source field-list popup, moves focus into the list through its active roving-tabindex chip; pressing Tab again moves focus outside the popup."
+        },
+        {
+          "trigger": "Shift+Tab",
+          "behavior": "From the active chip in a data-source field-list popup, moves focus to the previous focusable element outside the popup."
+        },
+        {
+          "trigger": "Escape",
+          "behavior": "Closes the popup and returns focus to the element that opened it."
+        }
+      ],
+      "ux": []
+    },
+    {
+      "name": "DataInsightsComposerReportTitle",
+      "isPrimary": true,
+      "rootClass": "k-datainsights-composer-report-title",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"heading\" aria-level=\"2\"",
+          "description": "Identifies the generated report title as a level-two heading."
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    },
+    {
+      "name": "DataInsightsComposerTitle",
+      "isPrimary": true,
+      "rootClass": "k-datainsights-composer-title",
+      "options": [],
+      "states": [],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "role=\"heading\" aria-level=\"2\"",
+          "description": "Identifies the prompt or panel title as a level-two heading."
+        }
+      ],
+      "keyboard": [],
+      "ux": []
+    }
+  ],
+  "resources": []
+}

package/dist/meta/dateinput.json

@@ -0,0 +1,139 @@
+{
+  "component": "dateinput",
+  "name": "Dateinput",
+  "components": [
+    {
+      "name": "DateInput",
+      "isPrimary": true,
+      "rootClass": "k-dateinput",
+      "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": "The element should be an input or have role=\"textbox\"."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|aria-labelledby",
+          "description": "The input requires an accessible name (provided by consuming app)."
+        },
+        {
+          "prop": null,
+          "attribute": "tabindex=\"0\"",
+          "description": "The element should be focusable."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-invalid=\"true\"",
+          "description": "Rendered when the DateInput is in an invalid state."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-describedby",
+          "description": "Points to the hint or error message."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-readonly=\"true\"",
+          "description": "Rendered when the DateInput is readonly."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-disabled=\"true\"",
+          "description": "Rendered when the DateInput is disabled."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "ArrowUp",
+          "behavior": "Increases the value of the date segment that is highlighted."
+        },
+        {
+          "trigger": "ArrowDown",
+          "behavior": "Decreases the value of the date segment that is highlighted."
+        },
+        {
+          "trigger": "ArrowLeft",
+          "behavior": "Moves to previous date segment in the input."
+        },
+        {
+          "trigger": "ArrowRight",
+          "behavior": "Moves to next date segment in the input."
+        },
+        {
+          "trigger": "Backspace or Delete",
+          "behavior": "Deletes value of the date segment."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Segment editing",
+          "behavior": "Each date part (day, month, year) is focused and edited independently."
+        },
+        {
+          "trigger": "Spin",
+          "behavior": "Arrow keys increment or decrement the focused date segment."
+        },
+        {
+          "trigger": "Format placeholder",
+          "behavior": "The expected date format is shown as placeholder text."
+        },
+        {
+          "trigger": "Validation",
+          "behavior": "Invalid values trigger an error visual state."
+        },
+        {
+          "trigger": "Disabled state",
+          "behavior": "When disabled, the input is non-interactive."
+        }
+      ]
+    }
+  ],
+  "resources": [
+    {
+      "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/datepicker.json

@@ -0,0 +1,154 @@
+{
+  "component": "datepicker",
+  "name": "Datepicker",
+  "components": [
+    {
+      "name": "DatePicker",
+      "isPrimary": true,
+      "rootClass": "k-datepicker",
+      "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=\"grid\"",
+          "description": "Indicates the component has a Calendar Popup that implements role=grid."
+        },
+        {
+          "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."
+        },
+        {
+          "prop": null,
+          "attribute": "aria-label|aria-labelledby",
+          "description": "The input needs an accessible name."
+        },
+        {
+          "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."
+        },
+        {
+          "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": "Closes the popup"
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowDown",
+          "behavior": "Opens the popup"
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowUp",
+          "behavior": "Closes the popup"
+        },
+        {
+          "trigger": "Tab",
+          "behavior": "Closes the actionsheet and focuses the next focusable element."
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Calendar popup",
+          "behavior": "A calendar opens when the calendar button is clicked."
+        },
+        {
+          "trigger": "Direct input",
+          "behavior": "The date can also be typed directly into the input field."
+        },
+        {
+          "trigger": "Formatted value",
+          "behavior": "The selected date is formatted according to the configured locale."
+        },
+        {
+          "trigger": "Min / Max",
+          "behavior": "Selection can be restricted to a configurable date range."
+        },
+        {
+          "trigger": "Disabled state",
+          "behavior": "When disabled, the input and popup button 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/WAI/ARIA/apg/example-index/dialog-modal/datepicker-dialog.html",
+      "text": "ARIA practices Date Picker Dialog Example"
+    }
+  ]
+}

package/dist/meta/daterangepicker.json

@@ -0,0 +1,94 @@
+{
+  "component": "daterangepicker",
+  "name": "Daterangepicker",
+  "components": [
+    {
+      "name": "DateRangePicker",
+      "isPrimary": true,
+      "rootClass": "k-daterangepicker",
+      "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": [
+        "disabled"
+      ],
+      "aria": [
+        {
+          "prop": null,
+          "attribute": "aria-label|aria-labelledby",
+          "description": "Each date input needs an accessible name."
+        }
+      ],
+      "keyboard": [
+        {
+          "trigger": "Escape",
+          "behavior": "Closes the popup"
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowDown",
+          "behavior": "Opens the popup"
+        },
+        {
+          "trigger": "Alt/Opt(Mac) + ArrowUp",
+          "behavior": "Closes the popup"
+        }
+      ],
+      "ux": [
+        {
+          "trigger": "Range selection",
+          "behavior": "Start and end dates are chosen via two inputs linked to a shared popup calendar."
+        },
+        {
+          "trigger": "Linked calendars",
+          "behavior": "Both calendar months advance together as the user navigates."
+        },
+        {
+          "trigger": "Inline mode",
+          "behavior": "Can be rendered as an always-visible calendar without a popup."
+        },
+        {
+          "trigger": "Disabled state",
+          "behavior": "When disabled, both inputs 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/WAI/ARIA/apg/example-index/dialog-modal/datepicker-dialog.html",
+      "text": "ARIA practices Date Picker Dialog Example"
+    }
+  ]
+}