UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

2 lines (1 loc) 3.73 kB
var s=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var b=(t,e)=>{for(var r in e)s(t,r,{get:e[r],enumerable:!0})},x=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of m(e))!f.call(t,a)&&a!==r&&s(t,a,{get:()=>e[a],enumerable:!(o=g(e,a))||o.enumerable});return t};var k=t=>x(s({},"__esModule",{value:!0}),t);var A={};b(A,{ORGCHART_CLASSNAME:()=>c,Orgchart:()=>n,default:()=>y});module.exports=k(A);var i=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?i(...e):typeof e=="object"?Object.keys(e).map((r,o)=>e[o]||e[r]&&r||null).filter(r=>r!==null).join(" "):e).filter(e=>!!e).join(" ");var l="orgchart",h=l;var u=require("react/jsx-runtime"),c="k-orgchart",p=[],v={},d={width:"100%",height:"300px"},n=t=>{let{width:e=d.width,height:r=d.height,...o}=t;return(0,u.jsx)("div",{...o,className:i(t.className,c),children:(0,u.jsx)("div",{className:"k-orgchart-container",style:{width:e,height:r},children:t.children})})};n.states=p;n.options=v;n.className=c;n.defaultOptions=d;n.moduleName=l;n.folderName=h;n.ariaSpec={selector:".k-orgchart",rules:[{selector:".k-orgchart-level-1",attribute:"role=tree",usage:"The root div element of the OrgChart. Contains all its top level items."},{selector:".k-orgchart-level-1",attribute:"aria-orientation=horizontal",usage:"Specifies the orientation of the OrgChart tree."},{selector:".k-orgchart-group:not(.k-orgchart-level-1)",attribute:"role=group",usage:"The element that wraps child nodes."},{selector:".k-orgchart-node-group",attribute:"role=group",usage:"The element that groups nodes visually with a title and expand/collapse button."},{selector:".k-orgchart-node-container",attribute:"role=presentation",usage:"The node container must not break the tree-treeitem relationship."},{selector:".k-orgchart-node",attribute:"role=treeitem",usage:"The node wrapper representing the treeitem in the hierarchical structure."},{selector:".k-orgchart-node",attribute:"aria-level",usage:"Announces the level of the tree node item. The value of level is number-based (>=1)."},{selector:".k-orgchart-node",attribute:"aria-keyshortcuts=Enter",usage:"Announces that the edit menu of the OrgChart can be activated via the Enter key."},{selector:".k-orgchart-node",attribute:"aria-expanded=true or aria-expanded=false (when present)",usage:"Present when a node has subitems. Announces the expanded state of the node."},{selector:".k-orgchart-node",attribute:"aria-owns (when present)",usage:"Present when a node has subitems. The value is the id of the group containing child nodes."},{selector:".k-orgchart-node.k-focus",attribute:"aria-selected=true",usage:"Announces the selected (focused) item in the OrgChart."},{selector:".k-orgchart-node:not(.k-focus)",attribute:"aria-selected=false",usage:"Announces the not selected (focused) items in the OrgChart."},{selector:".k-avatar-image img",attribute:"alt",usage:"Describes the avatar image of an item."},{selector:".k-orgchart-card-menu",attribute:"role=button",usage:"Specifies the menu icon of the item is a button."},{selector:".k-orgchart-card-menu",attribute:"aria-label=Edit menu",usage:"Provides an accessible name for the edit button."},{selector:".k-orgchart-card-menu",attribute:"tabindex=-1",usage:"The Edit menu button must not be part of the page tab sequence."},{selector:".k-orgchart-button",attribute:"role=presentation",usage:"The expand/collapse button is decorative."},{selector:".k-orgchart-button",attribute:"aria-hidden=true",usage:"Hides the button from assistive technology."},{selector:".k-orgchart-button",attribute:"tabindex=-1",usage:"The expand/collapse button must not be part of the page tab sequence."}]};var y=n;