import{j as r}from"./jsx-runtime-CnH95YSl.js";import{a as L}from"./index-B-lxVbXh.js";import{w as O,e as N}from"./index-BJMTVygn.js";import{O as k}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{M as o,B as e}from"./Breadcrumbs-Bp-jt6t5.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./v4-CtRu48qb.js";import"./OdysseyThemeProvider-Bh0Bu-2o.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-qIn9QVYS.js";import"./Typography-Cz6D417Y.js";import"./Typography-ClQ35Rr-.js";import"./Group-mTVRC79V.js";import"./User-CyxEAfVT.js";import"./MenuItem-vhp8G-Nb.js";import"./List-CmjR1pNu.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./ButtonBase-BNqa2TMD.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./TransitionGroupContext-DAL84N7p.js";import"./createSvgIcon-ClUWwDzL.js";import"./getReactElementRef-DsIevm5t.js";import"./resolveComponentProps-DXQ8X87i.js";import"./isHostComponent-DVu5iVWx.js";import"./Home-la7Lmt_L.js";import"./Menu-K9lpVvDG.js";import"./Grow-C8kUeGCY.js";import"./utils-kUZVaD1e.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-CSDyCVCf.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Portal-C6D59xAE.js";import"./Fade-dUgBN8rJ.js";import"./Paper-D-_O-EjU.js";import"./MenuList-BMOesnfs.js";const jr={component:o,decorators:[k],tags:["autodocs"],argTypes:{children:{control:"object",description:"Multiple Breadcrumb components.",table:{type:{summary:"Breadcrumb"}}},homeHref:{control:"text",description:'URL of the "Home" breadcrumb.',table:{type:{summary:"string"}}},maxVisibleItems:{control:"number",description:"The number of breadcrumbs displayed. Any additional breadcrumbs will be shown in a dropdown menu.",table:{type:{summary:"number"}}}},args:{maxVisibleItems:5}},a={args:{homeHref:"#home"},render:n=>r.jsxs(o,{...n,children:[r.jsx(e,{href:"#one",children:"One"}),r.jsx(e,{href:"#two",children:"Two"}),r.jsx(e,{href:"#three",iconName:"user",children:"Three"}),r.jsx(e,{href:"#four",children:"Four"}),r.jsx(e,{href:"#five",iconName:"group",children:"Five"}),r.jsx(e,{href:"#six",children:"Six"}),r.jsx(e,{href:"#seven",children:"Seven"}),r.jsx(e,{href:"#eight",children:"Eight"}),r.jsx(e,{href:"#nine",children:"Nine"}),r.jsx(e,{href:"#ten",children:"Ten"})]}),play:async({canvasElement:n,step:y})=>{await y("Breadcrumbs Home Link",({args:H})=>{const S=O(n).getByLabelText("Home");N(S).toHaveAttribute("href",H.homeHref)})}},i={args:{homeHref:"#home"},render:n=>r.jsxs(o,{...n,children:[r.jsx(e,{href:"#one",children:"This is a very long title that should be truncated"}),r.jsx(e,{href:"#two",children:"Two"}),r.jsx(e,{href:"#three",iconName:"user",children:"This is a very long title with an icon"}),r.jsx(e,{href:"#four",children:"Four"}),r.jsx(e,{href:"#five",iconName:"group",children:"Five"}),r.jsx(e,{href:"#six",children:"Six"}),r.jsx(e,{href:"#seven",children:"Seven"}),r.jsx(e,{href:"#eight",children:"Eight"}),r.jsx(e,{href:"#nine",children:"Nine"}),r.jsx(e,{href:"#ten",children:"Ten"})]})},m={args:{children:[r.jsx(e,{href:"#one",children:"One"}),r.jsx(e,{href:"#two",children:"Two"})]},render:n=>r.jsx(o,{children:n.children})},t={args:{homeHref:"#home"},render:n=>r.jsxs(o,{...n,children:[r.jsx(e,{href:"#one",onClick:L("onClick"),children:"One"}),r.jsx(e,{href:"#two",children:"Two"})]})},c={args:{homeHref:"#home"},render:n=>r.jsxs(o,{...n,children:[r.jsx(e,{children:"One"}),r.jsx(e,{href:"#two",children:"Two"}),r.jsx(e,{href:"#three",children:"Three"})]})};var s,d,h;a.parameters={...a.parameters,docs:{...(s=a.parameters)==null?void 0:s.docs,source:{originalSource:`{
  args: {
    homeHref: "#home"
  },
  render: args => <BreadcrumbList {...args}>
      <Breadcrumb href="#one">One</Breadcrumb>
      <Breadcrumb href="#two">Two</Breadcrumb>
      <Breadcrumb href="#three" iconName="user">
        Three
      </Breadcrumb>
      <Breadcrumb href="#four">Four</Breadcrumb>
      <Breadcrumb href="#five" iconName="group">
        Five
      </Breadcrumb>
      <Breadcrumb href="#six">Six</Breadcrumb>
      <Breadcrumb href="#seven">Seven</Breadcrumb>
      <Breadcrumb href="#eight">Eight</Breadcrumb>
      <Breadcrumb href="#nine">Nine</Breadcrumb>
      <Breadcrumb href="#ten">Ten</Breadcrumb>
    </BreadcrumbList>,
  play: async ({
    canvasElement,
    step
  }) => {
    await step("Breadcrumbs Home Link", ({
      args
    }) => {
      const canvas = within(canvasElement);
      const box = canvas.getByLabelText("Home");
      expect(box).toHaveAttribute("href", args.homeHref);
    });
  }
}`,...(h=(d=a.parameters)==null?void 0:d.docs)==null?void 0:h.source}}};var u,b,p;i.parameters={...i.parameters,docs:{...(u=i.parameters)==null?void 0:u.docs,source:{originalSource:`{
  args: {
    homeHref: "#home"
  },
  render: args => <BreadcrumbList {...args}>
      <Breadcrumb href="#one">
        This is a very long title that should be truncated
      </Breadcrumb>
      <Breadcrumb href="#two">Two</Breadcrumb>
      <Breadcrumb href="#three" iconName="user">
        This is a very long title with an icon
      </Breadcrumb>
      <Breadcrumb href="#four">Four</Breadcrumb>
      <Breadcrumb href="#five" iconName="group">
        Five
      </Breadcrumb>
      <Breadcrumb href="#six">Six</Breadcrumb>
      <Breadcrumb href="#seven">Seven</Breadcrumb>
      <Breadcrumb href="#eight">Eight</Breadcrumb>
      <Breadcrumb href="#nine">Nine</Breadcrumb>
      <Breadcrumb href="#ten">Ten</Breadcrumb>
    </BreadcrumbList>
}`,...(p=(b=i.parameters)==null?void 0:b.docs)==null?void 0:p.source}}};var f,l,B;m.parameters={...m.parameters,docs:{...(f=m.parameters)==null?void 0:f.docs,source:{originalSource:`{
  args: {
    children: [<Breadcrumb href="#one">One</Breadcrumb>, <Breadcrumb href="#two">Two</Breadcrumb>]
  },
  render: (args: BreadcrumbsProps) => <BreadcrumbList>{args.children}</BreadcrumbList>
}`,...(B=(l=m.parameters)==null?void 0:l.docs)==null?void 0:B.source}}};var x,g,j;t.parameters={...t.parameters,docs:{...(x=t.parameters)==null?void 0:x.docs,source:{originalSource:`{
  args: {
    homeHref: "#home"
  },
  render: args => <BreadcrumbList {...args}>
      <Breadcrumb href="#one" onClick={action("onClick")}>
        One
      </Breadcrumb>
      <Breadcrumb href="#two">Two</Breadcrumb>
    </BreadcrumbList>
}`,...(j=(g=t.parameters)==null?void 0:g.docs)==null?void 0:j.source}}};var w,T,v;c.parameters={...c.parameters,docs:{...(w=c.parameters)==null?void 0:w.docs,source:{originalSource:`{
  args: {
    homeHref: "#home"
  },
  render: args => <BreadcrumbList {...args}>
      <Breadcrumb>One</Breadcrumb>
      <Breadcrumb href="#two">Two</Breadcrumb>
      <Breadcrumb href="#three">Three</Breadcrumb>
    </BreadcrumbList>
}`,...(v=(T=c.parameters)==null?void 0:T.docs)==null?void 0:v.source}}};const wr=["Default","Truncation","Simple","WithOnClick","Subordinate"];export{a as Default,m as Simple,c as Subordinate,i as Truncation,t as WithOnClick,wr as __namedExportsOrder,jr as default};
