diff --git a/next/iframe.html b/next/iframe.html index 8eb803574c..a569c5c1d5 100644 --- a/next/iframe.html +++ b/next/iframe.html @@ -352,4 +352,4 @@ import './717.70fe0ab6.iframe.bundle.js'; - import './main.8a67d4f5.iframe.bundle.js'; \ No newline at end of file + import './main.355194fa.iframe.bundle.js'; \ No newline at end of file diff --git a/next/main.8a67d4f5.iframe.bundle.js b/next/main.355194fa.iframe.bundle.js similarity index 65% rename from next/main.8a67d4f5.iframe.bundle.js rename to next/main.355194fa.iframe.bundle.js index 64fc37771f..fe1c5d60e0 100644 --- a/next/main.8a67d4f5.iframe.bundle.js +++ b/next/main.355194fa.iframe.bundle.js @@ -1,4 +1,4 @@ -/*! For license information please see main.8a67d4f5.iframe.bundle.js.LICENSE.txt */ +/*! For license information please see main.355194fa.iframe.bundle.js.LICENSE.txt */ (self.webpackChunkroot=self.webpackChunkroot||[]).push([[179],{"./stories/feedback.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>__WEBPACK_DEFAULT_EXPORT__});__webpack_require__("./node_modules/react/index.js");var _home_runner_work_microsoft_graph_toolkit_microsoft_graph_toolkit_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./node_modules/react/jsx-runtime.js");function _createMdxContent(props){const _components=Object.assign({h2:"h2",p:"p",h3:"h3",a:"a",code:"code"},(0,_home_runner_work_microsoft_graph_toolkit_microsoft_graph_toolkit_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),props.components);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_1__.h_,{title:"Feedback"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h2,{id:"feedback",children:"Feedback"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"In order to improve the Microsoft Graph Toolkit, we need your feedback!"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.p,{children:"There are various ways for you to provide feedback of your experience and help us make the Toolkit better."}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"contribute-to-microsoft-graph-toolkit",children:"Contribute to Microsoft Graph Toolkit"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["If there is a feature or bug you find and you are intersted in contributing directly to our code base please refer to our ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://github.com/microsoftgraph/microsoft-graph-toolkit/wiki",target:"_blank",rel:"nofollow noopener noreferrer",children:"contribution guide"}),".\nWe encourage developers to feel welcomed into the code base and directly contribute."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"report-issues",children:"Report Issues"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["File feature requests, bugs or other issues against the ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://aka.ms/mgt/issues",target:"_blank",rel:"nofollow noopener noreferrer",children:"Microsoft Graph Toolkit repo"}),".\nTo help us get to your issue faster use the GitHub labels provided.\nA team member will look to help out with outstanding issues and navigate them to the right owner."]}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.h3,{id:"online-forums",children:"Online Forums"}),"\n",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(_components.p,{children:["For any questions on Microsoft Graph Toolkit or Microsoft Graph, use ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://learn.microsoft.com/answers/topics/microsoft-graph-toolkit.html",target:"_blank",rel:"nofollow noopener noreferrer",children:"Microsoft Q&A"})," or ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.a,{href:"https://stackoverflow.com/questions/tagged/microsoft-graph-toolkit",target:"_blank",rel:"nofollow noopener noreferrer",children:"Stack Overflow"}),".\nThere use the tag ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_components.code,{children:"microsoft-graph-toolkit"})," for the question to be funneled to our team."]})]})}const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Feedback",tags:["stories-mdx"],includeStories:["__page"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,_home_runner_work_microsoft_graph_toolkit_microsoft_graph_toolkit_node_modules_storybook_addon_docs_dist_shims_mdx_react_shim__WEBPACK_IMPORTED_MODULE_3__.ah)(),props.components);return MDXLayout?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(MDXLayout,{...props,children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}};const __WEBPACK_DEFAULT_EXPORT__=componentMeta,__namedExportsOrder=["__page"]},"./stories/overview.stories.mdx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{__namedExportsOrder:()=>__namedExportsOrder,__page:()=>__page,default:()=>overview_stories});var react=__webpack_require__("./node_modules/react/index.js"),lib=__webpack_require__("./node_modules/@mdx-js/react/lib/index.js"),dist=__webpack_require__("./node_modules/@storybook/addon-docs/dist/index.mjs"),version=__webpack_require__("./packages/mgt-element/dist/es6/utils/version.js"),versionInfo=__webpack_require__("./.storybook/versionInfo.js"),TableNamer=(__webpack_require__("./node_modules/@esm-bundle/chai/esm/chai.js"),function TableNamer(_ref){var names=_ref.names;return(0,react.useEffect)((function(){var _tables$length,_names$length,tables=document.querySelectorAll('table:not([aria-hidden="true"])');tables.length!==names.length&&console.error("🦒: TableNamer: number of tables does not match number of names","Found ".concat(null!==(_tables$length=null==tables?void 0:tables.length)&&void 0!==_tables$length?_tables$length:0," and was provided ").concat(null!==(_names$length=null==names?void 0:names.length)&&void 0!==_names$length?_names$length:0));for(var i=0;i\n import { registerMgtComponents, Providers, Msal2Provider } from 'https://unpkg.com/@microsoft/mgt@${(0,versionInfo.$)(!0)}';\n Providers.globalProvider = new Msal2Provider({clientId: '[CLIENT-ID]'});\n registerMgtComponents();\n<\/script>`}),"\n",(0,jsx_runtime.jsx)(_components.h4,{id:"via-npm",children:"Via npm"}),"\n",(0,jsx_runtime.jsx)(dist.Hw,{language:"shell",code:`npm install @microsoft/mgt@${(0,versionInfo.$)()}`}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"whats-in-the-microsoft-graph-toolkit",children:"What's in the Microsoft Graph Toolkit?"}),"\n",(0,jsx_runtime.jsx)(_components.h4,{id:"components",children:"Components"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"The Microsoft Graph Toolkit includes a collection of web components for the most commonly built experiences powered by Microsoft Graph APIs."}),"\n",(0,jsx_runtime.jsxs)(_components.p,{children:["The components are also available as ",(0,jsx_runtime.jsx)(_components.a,{href:"https://learn.microsoft.com/graph/toolkit/get-started/mgt-react",target:"_blank",rel:"nofollow noopener noreferrer",children:"React components"}),"."]}),"\n",(0,jsx_runtime.jsxs)(_components.table,{children:[(0,jsx_runtime.jsx)(_components.thead,{children:(0,jsx_runtime.jsxs)(_components.tr,{children:[(0,jsx_runtime.jsx)(_components.th,{children:"Component"}),(0,jsx_runtime.jsx)(_components.th,{children:"Description"})]})}),(0,jsx_runtime.jsxs)(_components.tbody,{children:[(0,jsx_runtime.jsxs)(_components.tr,{children:[(0,jsx_runtime.jsx)(_components.td,{children:(0,jsx_runtime.jsx)(_components.a,{href:"?path=/story/components-mgt-agenda-html--agenda",children:"Agenda"})}),(0,jsx_runtime.jsx)(_components.td,{children:"Displays events in a user or group's calendar."})]}),(0,jsx_runtime.jsxs)(_components.tr,{children:[(0,jsx_runtime.jsx)(_components.td,{children:(0,jsx_runtime.jsx)(_components.a,{href:"?path=/story/components-mgt-file-html--file",children:"File"})}),(0,jsx_runtime.jsx)(_components.td,{children:"Represents a file or folder with icon, filename, author, and more."})]}),(0,jsx_runtime.jsxs)(_components.tr,{children:[(0,jsx_runtime.jsx)(_components.td,{children:(0,jsx_runtime.jsx)(_components.a,{href:"?path=/story/components-mgt-file-list-html--file-list",children:"File list"})}),(0,jsx_runtime.jsx)(_components.td,{children:"Displays a list of multiple files or folders."})]}),(0,jsx_runtime.jsxs)(_components.tr,{children:[(0,jsx_runtime.jsx)(_components.td,{children:(0,jsx_runtime.jsx)(_components.a,{href:"?path=/story/components-mgt-get-html--get-email",children:"Get"})}),(0,jsx_runtime.jsx)(_components.td,{children:"Make a GET query to any Microsoft Graph API directly in your HTML."})]}),(0,jsx_runtime.jsxs)(_components.tr,{children:[(0,jsx_runtime.jsx)(_components.td,{children:(0,jsx_runtime.jsx)(_components.a,{href:"?path=/story/components-mgt-login-html--login",children:"Login"})}),(0,jsx_runtime.jsx)(_components.td,{children:"A button and a flyout control to authenticate a user with the Microsoft Identity platform and display the user's profile information on sign in."})]}),(0,jsx_runtime.jsxs)(_components.tr,{children:[(0,jsx_runtime.jsx)(_components.td,{children:(0,jsx_runtime.jsx)(_components.a,{href:"?path=/story/components-mgt-people-html--people",children:"People"})}),(0,jsx_runtime.jsx)(_components.td,{children:"Displays a group of people or contacts by their photos or initials."})]}),(0,jsx_runtime.jsxs)(_components.tr,{children:[(0,jsx_runtime.jsx)(_components.td,{children:(0,jsx_runtime.jsx)(_components.a,{href:"?path=/story/components-mgt-people-picker-html--people-picker",children:"People picker"})}),(0,jsx_runtime.jsx)(_components.td,{children:"Provides the ability to search for people and renders the list of results."})]}),(0,jsx_runtime.jsxs)(_components.tr,{children:[(0,jsx_runtime.jsx)(_components.td,{children:(0,jsx_runtime.jsx)(_components.a,{href:"?path=/story/components-mgt-person-html--person",children:"Person"})}),(0,jsx_runtime.jsx)(_components.td,{children:"Displays a person or contact by their photo, name, and/or email address."})]}),(0,jsx_runtime.jsxs)(_components.tr,{children:[(0,jsx_runtime.jsx)(_components.td,{children:(0,jsx_runtime.jsx)(_components.a,{href:"?path=/story/components-mgt-person-card-html--person-card",children:"Person card"})}),(0,jsx_runtime.jsx)(_components.td,{children:"A flyout used on the person component to display more profile information about a user."})]}),(0,jsx_runtime.jsxs)(_components.tr,{children:[(0,jsx_runtime.jsx)(_components.td,{children:(0,jsx_runtime.jsx)(_components.a,{href:"?path=/story/components-mgt-picker-html--picker",children:"Picker"})}),(0,jsx_runtime.jsx)(_components.td,{children:"Displays a generic picker that allows for picking of Microsoft Graph entities."})]}),(0,jsx_runtime.jsxs)(_components.tr,{children:[(0,jsx_runtime.jsx)(_components.td,{children:(0,jsx_runtime.jsx)(_components.a,{href:"?path=/story/components-mgt-planner-html--planner",children:"Planner"})}),(0,jsx_runtime.jsx)(_components.td,{children:"Displays and enables adding, removing, completing, or editing of tasks from Microsoft Planner."})]}),(0,jsx_runtime.jsxs)(_components.tr,{children:[(0,jsx_runtime.jsx)(_components.td,{children:(0,jsx_runtime.jsx)(_components.a,{href:"?path=/story/components-mgt-search-box-html--search-box",children:"Search Box"})}),(0,jsx_runtime.jsx)(_components.td,{children:"An input box for search scenarios."})]}),(0,jsx_runtime.jsxs)(_components.tr,{children:[(0,jsx_runtime.jsx)(_components.td,{children:(0,jsx_runtime.jsx)(_components.a,{href:"?path=/story/components-mgt-search-results-html--search-results",children:"Seach Results"})}),(0,jsx_runtime.jsx)(_components.td,{children:"A component for executing search queries and displaying search results."})]}),(0,jsx_runtime.jsxs)(_components.tr,{children:[(0,jsx_runtime.jsx)(_components.td,{children:(0,jsx_runtime.jsx)(_components.a,{href:"?path=/story/components-mgt-taxonomy-picker-html--taxonomy-picker",children:"Taxonomy picker"})}),(0,jsx_runtime.jsx)(_components.td,{children:"Use the taxonomy picker component to query the Microsoft Graph API for Taxonomy and render a dropdown control with terms."})]}),(0,jsx_runtime.jsxs)(_components.tr,{children:[(0,jsx_runtime.jsx)(_components.td,{children:(0,jsx_runtime.jsx)(_components.a,{href:"?path=/story/components-mgt-teams-channel-picker-html--teams-channel-picker",children:"Teams channel picker"})}),(0,jsx_runtime.jsx)(_components.td,{children:"Provides the ability to search for Microsoft Teams channels to select a channel from a rendered list of results."})]}),(0,jsx_runtime.jsxs)(_components.tr,{children:[(0,jsx_runtime.jsx)(_components.td,{children:(0,jsx_runtime.jsx)(_components.a,{href:"?path=/story/components-mgt-theme-toggle-html--user-preference-driven",children:"Theme toggle"})}),(0,jsx_runtime.jsx)(_components.td,{children:"Provides the ability to toggle between light and dark themes."})]}),(0,jsx_runtime.jsxs)(_components.tr,{children:[(0,jsx_runtime.jsx)(_components.td,{children:(0,jsx_runtime.jsx)(_components.a,{href:"?path=/story/components-mgt-todo-html--todos",children:"To Do"})}),(0,jsx_runtime.jsx)(_components.td,{children:"Displays and enables adding, removing, completing, or editing of tasks from Microsoft To Do."})]})]})]}),"\n",(0,jsx_runtime.jsx)(_components.h4,{id:"providers",children:"Providers"}),"\n",(0,jsx_runtime.jsxs)(_components.p,{children:[(0,jsx_runtime.jsx)(_components.a,{href:"https://learn.microsoft.com/graph/toolkit/providers/providers",target:"_blank",rel:"nofollow noopener noreferrer",children:"Providers"})," enable authentication and provide the implementation for acquiring access tokens on various platforms and expose a Microsoft Graph client for calling the Microsoft Graph APIs. The components work best when used with a provider, but the providers can be used on their own."]}),"\n",(0,jsx_runtime.jsxs)(_components.table,{children:[(0,jsx_runtime.jsx)(_components.thead,{children:(0,jsx_runtime.jsxs)(_components.tr,{children:[(0,jsx_runtime.jsx)(_components.th,{children:"Providers"}),(0,jsx_runtime.jsx)(_components.th,{children:"Description"})]})}),(0,jsx_runtime.jsxs)(_components.tbody,{children:[(0,jsx_runtime.jsxs)(_components.tr,{children:[(0,jsx_runtime.jsx)(_components.td,{children:(0,jsx_runtime.jsx)(_components.a,{href:"https://learn.microsoft.com/graph/toolkit/providers/msal2",target:"_blank",rel:"nofollow noopener noreferrer",children:"MSAL2"})}),(0,jsx_runtime.jsx)(_components.td,{children:"Uses msal-browser to sign in users and acquire tokens to use with Microsoft Graph."})]}),(0,jsx_runtime.jsxs)(_components.tr,{children:[(0,jsx_runtime.jsx)(_components.td,{children:(0,jsx_runtime.jsx)(_components.a,{href:"https://learn.microsoft.com/graph/toolkit/providers/sharepoint",target:"_blank",rel:"nofollow noopener noreferrer",children:"SharePoint"})}),(0,jsx_runtime.jsx)(_components.td,{children:"Authenticates and provides Microsoft Graph access to components inside of SharePoint web parts."})]}),(0,jsx_runtime.jsxs)(_components.tr,{children:[(0,jsx_runtime.jsx)(_components.td,{children:(0,jsx_runtime.jsx)(_components.a,{href:"https://learn.microsoft.com/graph/toolkit/providers/teamsfx",target:"_blank",rel:"nofollow noopener noreferrer",children:"TeamsFx"})}),(0,jsx_runtime.jsx)(_components.td,{children:"Use the TeamsFx provider inside your Microsoft Teams applications to provide Microsoft Graph Toolkit components access to Microsoft Graph."})]}),(0,jsx_runtime.jsxs)(_components.tr,{children:[(0,jsx_runtime.jsx)(_components.td,{children:(0,jsx_runtime.jsx)(_components.a,{href:"https://learn.microsoft.com/graph/toolkit/providers/electron",target:"_blank",rel:"nofollow noopener noreferrer",children:"Electron"})}),(0,jsx_runtime.jsx)(_components.td,{children:"Authenticates and provides Microsoft Graph access to components inside of Electron apps"})]}),(0,jsx_runtime.jsxs)(_components.tr,{children:[(0,jsx_runtime.jsx)(_components.td,{children:(0,jsx_runtime.jsx)(_components.a,{href:"https://learn.microsoft.com/graph/toolkit/providers/proxy",target:"_blank",rel:"nofollow noopener noreferrer",children:"Proxy"})}),(0,jsx_runtime.jsx)(_components.td,{children:"Allows the use of backend authentication by routing all calls to Microsoft Graph through your backend."})]}),(0,jsx_runtime.jsxs)(_components.tr,{children:[(0,jsx_runtime.jsx)(_components.td,{children:(0,jsx_runtime.jsx)(_components.a,{href:"https://learn.microsoft.com/graph/toolkit/providers/custom",target:"_blank",rel:"nofollow noopener noreferrer",children:"Custom"})}),(0,jsx_runtime.jsx)(_components.td,{children:"Create a custom provider to enable authentication and access to Microsoft Graph with your application's existing authentication code."})]})]})]}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"who-should-use-it",children:"Who should use it?"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"The Microsoft Graph Toolkit is great for developers of all experience levels looking to develop an app that connects to and accesses data from Microsoft Graph, such as a:"}),"\n",(0,jsx_runtime.jsxs)(_components.ul,{children:["\n",(0,jsx_runtime.jsx)(_components.li,{children:"Web app"}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:"Microsoft Teams tab"}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:"SharePoint web part"}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:"Progressive Web App (PWA)"}),"\n",(0,jsx_runtime.jsx)(_components.li,{children:"Electron app"}),"\n"]}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"where-can-i-use-it",children:"Where can I use it?"}),"\n",(0,jsx_runtime.jsx)(_components.p,{children:"The Microsoft Graph Toolkit is supported in the following browsers."}),"\n",(0,jsx_runtime.jsxs)(_components.table,{children:[(0,jsx_runtime.jsx)(_components.thead,{children:(0,jsx_runtime.jsxs)(_components.tr,{children:[(0,jsx_runtime.jsx)(_components.th,{children:(0,jsx_runtime.jsx)(_components.img,{src:"https://learn.microsoft.com/graph/toolkit/images/edgeIcon.png",alt:"Edge"})}),(0,jsx_runtime.jsx)(_components.th,{children:(0,jsx_runtime.jsx)(_components.img,{src:"https://learn.microsoft.com/graph/toolkit/images/firefoxIcon.png",alt:"Firefox"})}),(0,jsx_runtime.jsx)(_components.th,{children:(0,jsx_runtime.jsx)(_components.img,{src:"https://learn.microsoft.com/graph/toolkit/images/chromeIcon.png",alt:"Chrome"})}),(0,jsx_runtime.jsx)(_components.th,{children:(0,jsx_runtime.jsx)(_components.img,{src:"https://learn.microsoft.com/graph/toolkit/images/safariIcon.png",alt:"Safari"})}),(0,jsx_runtime.jsx)(_components.th,{children:(0,jsx_runtime.jsx)(_components.img,{src:"https://learn.microsoft.com/graph/toolkit/images/operaIcon.png",alt:"Opera"})}),(0,jsx_runtime.jsx)(_components.th,{children:(0,jsx_runtime.jsx)(_components.img,{src:"https://learn.microsoft.com/graph/toolkit/images/samsungInternetIcon.png",alt:"Samsung Internet"})})]})}),(0,jsx_runtime.jsx)(_components.tbody,{children:(0,jsx_runtime.jsxs)(_components.tr,{children:[(0,jsx_runtime.jsx)(_components.td,{children:(0,jsx_runtime.jsx)(_components.strong,{children:"Edge"})}),(0,jsx_runtime.jsx)(_components.td,{children:(0,jsx_runtime.jsx)(_components.strong,{children:"Firefox"})}),(0,jsx_runtime.jsx)(_components.td,{children:(0,jsx_runtime.jsx)(_components.strong,{children:"Chrome"})}),(0,jsx_runtime.jsx)(_components.td,{children:(0,jsx_runtime.jsx)(_components.strong,{children:"Safari"})}),(0,jsx_runtime.jsx)(_components.td,{children:(0,jsx_runtime.jsx)(_components.strong,{children:"Opera"})}),(0,jsx_runtime.jsx)(_components.td,{children:(0,jsx_runtime.jsx)(_components.strong,{children:"Samsung"})})]})})]}),"\n",(0,jsx_runtime.jsx)(_components.h3,{id:"next-steps",children:"Next steps"}),"\n",(0,jsx_runtime.jsxs)(_components.ul,{children:["\n",(0,jsx_runtime.jsxs)(_components.li,{children:["Read our ",(0,jsx_runtime.jsx)(_components.a,{href:"https://aka.ms/mgt/docs",target:"_blank",rel:"nofollow noopener noreferrer",children:"documentation"}),"."]}),"\n",(0,jsx_runtime.jsxs)(_components.li,{children:[(0,jsx_runtime.jsx)(_components.a,{href:"https://learn.microsoft.com/graph/toolkit/get-started/overview",target:"_blank",rel:"nofollow noopener noreferrer",children:"Get started"})," with the Microsoft Graph Toolkit."]}),"\n",(0,jsx_runtime.jsxs)(_components.li,{children:["Check out the Microsoft Graph Toolkit on ",(0,jsx_runtime.jsx)(_components.a,{href:"https://aka.ms/mgt",target:"_blank",rel:"nofollow noopener noreferrer",children:"GitHub"}),"."]}),"\n"]}),"\n",(0,jsx_runtime.jsx)(TableNamer,{names:["Microsoft Graph Toolkit Components","Microsoft Graph Toolkit Providers","Supported browsers"]}),"\n",(0,jsx_runtime.jsx)(CopyButtonNamer,{names:["Copy mgt-loader script tag from a cdn","Copy npm install command via npm"]})]})}const __page=()=>{throw new Error("Docs-only story")};__page.parameters={docsOnly:!0};const componentMeta={title:"Overview",tags:["stories-mdx"],includeStories:["__page"]};componentMeta.parameters=componentMeta.parameters||{},componentMeta.parameters.docs={...componentMeta.parameters.docs||{},page:function MDXContent(props={}){const{wrapper:MDXLayout}=Object.assign({},(0,lib.ah)(),props.components);return MDXLayout?(0,jsx_runtime.jsx)(MDXLayout,{...props,children:(0,jsx_runtime.jsx)(_createMdxContent,{...props})}):_createMdxContent(props)}};const overview_stories=componentMeta,__namedExportsOrder=["__page"]},"./stories/components/agenda/agenda.docs.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Agenda:()=>Agenda,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var lit__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/lit/index.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components / mgt-agenda",component:"agenda",decorators:[__webpack_require__("./.storybook/addons/codeEditorAddon/codeAddon.js").I],tags:["autodocs","hidden"],parameters:{docs:{source:{code:""},editor:{hidden:!0}}}},Agenda=()=>lit__WEBPACK_IMPORTED_MODULE_0__.dy` `;Agenda.parameters={...Agenda.parameters,docs:{...Agenda.parameters?.docs,source:{originalSource:"() => html`\n \n`",...Agenda.parameters?.docs?.source}}};const __namedExportsOrder=["Agenda"]},"./stories/components/agenda/agenda.html.stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{RTL:()=>RTL,__namedExportsOrder:()=>__namedExportsOrder,agenda:()=>agenda,default:()=>__WEBPACK_DEFAULT_EXPORT__,events:()=>events});var lit__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/lit/index.js");const __WEBPACK_DEFAULT_EXPORT__={title:"Components / mgt-agenda / HTML",component:"agenda",decorators:[__webpack_require__("./.storybook/addons/codeEditorAddon/codeAddon.js").I]},agenda=()=>lit__WEBPACK_IMPORTED_MODULE_0__.dy` @@ -4474,5 +4474,5 @@ mgtPerson.addEventListener('templateRendered', async (e) => { } }); -`;PersonCardAdditionalDetails.parameters={...PersonCardAdditionalDetails.parameters,docs:{...PersonCardAdditionalDetails.parameters?.docs,source:{originalSource:'() => html`\n \n \n \n
\n (Hover on person to view Person Card)\n
\n`',...PersonCardAdditionalDetails.parameters?.docs?.source}}},AgendaEventTemplate.parameters={...AgendaEventTemplate.parameters,docs:{...AgendaEventTemplate.parameters?.docs,source:{originalSource:'() => html`\n \n \n \n\n