@patternfly/react-core 6.0.0-alpha.77 → 6.0.0-alpha.79

package/src/demos/examples/Page/PageContextSelector.tsx

@@ -0,0 +1,319 @@
+import React from 'react';
+import {
+  Avatar,
+  Brand,
+  Breadcrumb,
+  BreadcrumbItem,
+  Button,
+  ButtonVariant,
+  Card,
+  CardBody,
+  Divider,
+  Dropdown,
+  DropdownGroup,
+  DropdownItem,
+  DropdownList,
+  Gallery,
+  GalleryItem,
+  Masthead,
+  MastheadBrand,
+  MastheadContent,
+  MastheadMain,
+  MastheadToggle,
+  MenuToggle,
+  MenuToggleElement,
+  Nav,
+  NavItem,
+  NavList,
+  Page,
+  PageSection,
+  PageSidebar,
+  PageSidebarBody,
+  PageToggleButton,
+  SkipToContent,
+  Text,
+  TextContent,
+  Toolbar,
+  ToolbarContent,
+  ToolbarGroup,
+  ToolbarItem
+} from '@patternfly/react-core';
+import BarsIcon from '@patternfly/react-icons/dist/esm/icons/bars-icon';
+import BellIcon from '@patternfly/react-icons/dist/esm/icons/bell-icon';
+import CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';
+import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
+import QuestionCircleIcon from '@patternfly/react-icons/dist/esm/icons/question-circle-icon';
+import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
+import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg';
+import pfLogo from '@patternfly/react-core/src/demos/assets/PF-HorizontalLogo-Color.svg';
+interface NavOnSelectProps {
+  groupId: number | string;
+  itemId: number | string;
+  to: string;
+}
+
+export const PageStickySectionBreadcrumb: React.FunctionComponent = () => {
+  const [isDropdownOpen, setIsDropdownOpen] = React.useState(false);
+  const [isKebabDropdownOpen, setIsKebabDropdownOpen] = React.useState(false);
+  const [isFullKebabDropdownOpen, setIsFullKebabDropdownOpen] = React.useState(false);
+  const [isContextSelectorOpen, setIsContextSelectorOpen] = React.useState(false);
+  const [activeItem, setActiveItem] = React.useState(1);
+
+  const onNavSelect = (_event: React.FormEvent<HTMLInputElement>, selectedItem: NavOnSelectProps) => {
+    typeof selectedItem.itemId === 'number' && setActiveItem(selectedItem.itemId);
+  };
+
+  const onDropdownToggle = () => {
+    setIsDropdownOpen(!isDropdownOpen);
+  };
+
+  const onDropdownSelect = () => {
+    setIsDropdownOpen(false);
+  };
+
+  const onKebabDropdownToggle = () => {
+    setIsKebabDropdownOpen(!isKebabDropdownOpen);
+  };
+
+  const onKebabDropdownSelect = () => {
+    setIsKebabDropdownOpen(false);
+  };
+
+  const onFullKebabDropdownToggle = () => {
+    setIsFullKebabDropdownOpen(!isFullKebabDropdownOpen);
+  };
+
+  const onFullKebabDropdownSelect = () => {
+    setIsFullKebabDropdownOpen(false);
+  };
+
+  const onContextSelectorToggle = () => {
+    setIsContextSelectorOpen(!isContextSelectorOpen);
+  };
+
+  const onContextSelectorSelect = () => {
+    setIsContextSelectorOpen(false);
+  };
+
+  const dashboardBreadcrumb = (
+    <Breadcrumb>
+      <BreadcrumbItem>Section home</BreadcrumbItem>
+      <BreadcrumbItem to="#">Section title</BreadcrumbItem>
+      <BreadcrumbItem to="#">Section title</BreadcrumbItem>
+      <BreadcrumbItem to="#" isActive>
+        Section landing
+      </BreadcrumbItem>
+    </Breadcrumb>
+  );
+
+  const kebabDropdownItems = (
+    <>
+      <DropdownItem>
+        <CogIcon /> Settings
+      </DropdownItem>
+      <DropdownItem>
+        <HelpIcon /> Help
+      </DropdownItem>
+    </>
+  );
+
+  const contextSelectorDropdownItems = (
+    <>
+      <DropdownItem>Developer</DropdownItem>
+      <DropdownItem>Admin</DropdownItem>
+    </>
+  );
+
+  const userDropdownItems = (
+    <>
+      <DropdownItem key="group 2 profile">My profile</DropdownItem>
+      <DropdownItem key="group 2 user">User management</DropdownItem>
+      <DropdownItem key="group 2 logout">Logout</DropdownItem>
+    </>
+  );
+
+  const headerToolbar = (
+    <Toolbar id="toolbar" isFullHeight isStatic>
+      <ToolbarContent>
+        <ToolbarGroup
+          variant="icon-button-group"
+          align={{ default: 'alignEnd' }}
+          gap={{ default: 'gapNone', md: 'gapMd' }}
+        >
+          <ToolbarItem>
+            <Button aria-label="Notifications" variant={ButtonVariant.plain} icon={<BellIcon />} />
+          </ToolbarItem>
+          <ToolbarGroup variant="icon-button-group" visibility={{ default: 'hidden', lg: 'visible' }}>
+            <ToolbarItem>
+              <Button aria-label="Settings" variant={ButtonVariant.plain} icon={<CogIcon />} />
+            </ToolbarItem>
+            <ToolbarItem>
+              <Button aria-label="Help" variant={ButtonVariant.plain} icon={<QuestionCircleIcon />} />
+            </ToolbarItem>
+          </ToolbarGroup>
+          <ToolbarItem visibility={{ default: 'hidden', md: 'visible', lg: 'hidden' }}>
+            <Dropdown
+              isOpen={isKebabDropdownOpen}
+              onSelect={onKebabDropdownSelect}
+              onOpenChange={(isOpen: boolean) => setIsKebabDropdownOpen(isOpen)}
+              popperProps={{ position: 'right' }}
+              toggle={(toggleRef: React.Ref<MenuToggleElement>) => (
+                <MenuToggle
+                  ref={toggleRef}
+                  onClick={onKebabDropdownToggle}
+                  isExpanded={isKebabDropdownOpen}
+                  variant="plain"
+                  aria-label="Settings and help"
+                >
+                  <EllipsisVIcon aria-hidden="true" />
+                </MenuToggle>
+              )}
+            >
+              <DropdownList>{kebabDropdownItems}</DropdownList>
+            </Dropdown>
+          </ToolbarItem>
+          <ToolbarItem visibility={{ md: 'hidden' }}>
+            <Dropdown
+              isOpen={isFullKebabDropdownOpen}
+              onSelect={onFullKebabDropdownSelect}
+              onOpenChange={(isOpen: boolean) => setIsFullKebabDropdownOpen(isOpen)}
+              popperProps={{ position: 'right' }}
+              toggle={(toggleRef: React.Ref<MenuToggleElement>) => (
+                <MenuToggle
+                  ref={toggleRef}
+                  onClick={onFullKebabDropdownToggle}
+                  isExpanded={isFullKebabDropdownOpen}
+                  variant="plain"
+                  aria-label="Toolbar menu"
+                >
+                  <EllipsisVIcon aria-hidden="true" />
+                </MenuToggle>
+              )}
+            >
+              <DropdownGroup key="group 2" aria-label="User actions">
+                <DropdownList>{userDropdownItems}</DropdownList>
+              </DropdownGroup>
+              <Divider />
+              <DropdownList>{kebabDropdownItems}</DropdownList>
+            </Dropdown>
+          </ToolbarItem>
+        </ToolbarGroup>
+        <ToolbarItem visibility={{ default: 'hidden', md: 'visible' }}>
+          <Dropdown
+            isOpen={isDropdownOpen}
+            onSelect={onDropdownSelect}
+            onOpenChange={(isOpen: boolean) => setIsDropdownOpen(isOpen)}
+            popperProps={{ position: 'right' }}
+            toggle={(toggleRef: React.Ref<MenuToggleElement>) => (
+              <MenuToggle
+                ref={toggleRef}
+                onClick={onDropdownToggle}
+                isFullHeight
+                isExpanded={isDropdownOpen}
+                icon={<Avatar src={imgAvatar} alt="" />}
+              >
+                Ned Username
+              </MenuToggle>
+            )}
+          >
+            <DropdownList>{userDropdownItems}</DropdownList>
+          </Dropdown>
+        </ToolbarItem>
+      </ToolbarContent>
+    </Toolbar>
+  );
+
+  const masthead = (
+    <Masthead>
+      <MastheadToggle>
+        <PageToggleButton variant="plain" aria-label="Global navigation">
+          <BarsIcon />
+        </PageToggleButton>
+      </MastheadToggle>
+      <MastheadMain>
+        <MastheadBrand>
+          <Brand src={pfLogo} alt="PatternFly" heights={{ default: '36px' }} />
+        </MastheadBrand>
+      </MastheadMain>
+      <MastheadContent>{headerToolbar}</MastheadContent>
+    </Masthead>
+  );
+
+  const pageNav = (
+    <Nav onSelect={onNavSelect}>
+      <NavList>
+        <NavItem itemId={0} isActive={activeItem === 0} to="#system-panel">
+          System panel
+        </NavItem>
+        <NavItem itemId={1} isActive={activeItem === 1} to="#policy">
+          Policy
+        </NavItem>
+        <NavItem itemId={2} isActive={activeItem === 2} to="#auth">
+          Authentication
+        </NavItem>
+        <NavItem itemId={3} isActive={activeItem === 3} to="#network">
+          Network services
+        </NavItem>
+        <NavItem itemId={4} isActive={activeItem === 4} to="#server">
+          Server
+        </NavItem>
+      </NavList>
+    </Nav>
+  );
+
+  const pageContextSelector = (
+    <Dropdown
+      isOpen={isContextSelectorOpen}
+      onSelect={onContextSelectorSelect}
+      onOpenChange={(isOpen: boolean) => setIsContextSelectorOpen(isOpen)}
+      toggle={(toggleRef: React.Ref<MenuToggleElement>) => (
+        <MenuToggle ref={toggleRef} onClick={onContextSelectorToggle} isExpanded={isContextSelectorOpen} isFullWidth>
+          Developer
+        </MenuToggle>
+      )}
+    >
+      <DropdownList>{contextSelectorDropdownItems}</DropdownList>
+    </Dropdown>
+  );
+
+  const sidebar = (
+    <PageSidebar>
+      <PageSidebarBody isContextSelector>{pageContextSelector}</PageSidebarBody>
+      <PageSidebarBody>{pageNav}</PageSidebarBody>
+    </PageSidebar>
+  );
+
+  const mainContainerId = 'main-content';
+
+  const pageSkipToContent = <SkipToContent href={`#${mainContainerId}`}>Skip to content</SkipToContent>;
+
+  return (
+    <Page
+      masthead={masthead}
+      sidebar={sidebar}
+      isManagedSidebar
+      skipToContent={pageSkipToContent}
+      breadcrumb={dashboardBreadcrumb}
+      mainContainerId={mainContainerId}
+      isBreadcrumbWidthLimited
+    >
+      <PageSection isWidthLimited>
+        <TextContent>
+          <Text component="h1">Main title</Text>
+          <Text component="p">This is a full page demo.</Text>
+        </TextContent>
+      </PageSection>
+      <PageSection isWidthLimited>
+        <Gallery hasGutter>
+          {Array.from({ length: 50 }).map((_value, index) => (
+            <GalleryItem key={index}>
+              <Card>
+                <CardBody>This is a card</CardBody>
+              </Card>
+            </GalleryItem>
+          ))}
+        </Gallery>
+      </PageSection>
+    </Page>
+  );
+};

package/src/demos/examples/PrimaryDetail/PrimaryDetailCardView.tsx

@@ -395,8 +395,8 @@ export const PrimaryDetailCardView: React.FunctionComponent = () => {
     return (
       <ToolbarFilter
         categoryName="Products"
-        chips={filters.products}
-        deleteChip={(type, id) => onDelete(type as string, id as string)}
+        labels={filters.products}
+        deleteLabel={(type, id) => onDelete(type as string, id as string)}
       >
         <Select
           aria-label="Products"

package/dist/esm/components/Toolbar/ToolbarChipGroupContent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarChipGroupContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarChipGroupContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,WAAW,4BAA6B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACnF,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,mBAAmB,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACrC,gEAAgE;IAChE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,0EAA0E;IAC1E,sBAAsB,EAAE,OAAO,CAAC;IAChC,sDAAsD;IACtD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,0FAA0F;IAC1F,eAAe,EAAE,MAAM,CAAC;IACxB,2EAA2E;IAC3E,mBAAmB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1D,gGAAgG;IAChG,+BAA+B,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACrE,wNAAwN;IACxN,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1C;AAED,cAAM,uBAAwB,SAAQ,KAAK,CAAC,SAAS,CAAC,4BAA4B,CAAC;IACjF,MAAM,CAAC,WAAW,SAA6B;IAC/C,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,4BAA4B,CAAC,CAI7D;IAEF,MAAM;CAyDP;AAED,OAAO,EAAE,uBAAuB,EAAE,CAAC"}

package/dist/esm/components/Toolbar/ToolbarChipGroupContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarChipGroupContent.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarChipGroupContent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AA0BnD,MAAM,uBAAwB,SAAQ,KAAK,CAAC,SAAuC;IAQjF,MAAM;QACJ,MAAM,KAYF,IAAI,CAAC,KAAK,EAZR,EACJ,SAAS,EACT,UAAU,EACV,mBAAmB,EACnB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,+BAA+B,EAC/B,eAAe,EACf,mBAAmB,EACnB,sBAAsB,OAEV,EADT,KAAK,cAXJ,gOAYL,CAAa,CAAC;QAEf,MAAM,eAAe,GAAG,GAAG,EAAE;YAC3B,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC;QAEF,IAAI,qBAAqB,GAAG,KAAK,CAAC;QAClC,IAAI,+BAA+B,KAAK,KAAK,EAAE,CAAC;YAC9C,qBAAqB,GAAG,IAAI,CAAC;QAC/B,CAAC;aAAM,IAAI,SAAS,EAAE,CAAC;YACrB,qBAAqB;gBACnB,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,iBAAiB,CAAC,+BAA+B,CAAC,CAAC;QAChG,CAAC;QAED,MAAM,QAAQ,GAAG,eAAe,KAAK,CAAC,IAAI,UAAU,CAAC;QAErD,OAAO,CACL,2CACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,cAAc,EAAE,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IACjF,CAAC,CAAC,eAAe,KAAK,CAAC,IAAI,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,IAC/D,GAAG,EAAE,mBAAmB,IACpB,KAAK;YAET,oBAAC,YAAY,kBACX,SAAS,EAAE,GAAG,CAAC,qBAAqB,IAAI,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAC5D,CAAC,qBAAqB,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAC3C,CAAC,qBAAqB,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,EACtD;YACD,qBAAqB,IAAI,eAAe,GAAG,CAAC,IAAI,CAAC,UAAU,IAAI,CAC9D,oBAAC,YAAY;gBACX,oBAAC,WAAW,QAAE,mBAAmB,CAAC,eAAe,CAAC,CAAe,CACpD,CAChB;YACA,sBAAsB,IAAI,CAAC,UAAU,IAAI,CAAC,sBAAsB,IAAI,CACnE,oBAAC,WAAW;gBACV,oBAAC,MAAM,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,eAAe,EAAE,QAAQ,UACtD,sBAAsB,CAChB,CACG,CACf;YACA,sBAAsB,IAAI,sBAAsB,CAC7C,CACP,CAAC;IACJ,CAAC;;AA/DM,mCAAW,GAAG,yBAAyB,CAAC;AACxC,oCAAY,GAA+C;IAChE,sBAAsB,EAAE,mBAAmB;IAC3C,+BAA+B,EAAE,IAAI;IACrC,mBAAmB,EAAE,CAAC,eAAuB,EAAE,EAAE,CAAC,GAAG,eAAe,kBAAkB;CACvF,CAAC;AA6DJ,OAAO,EAAE,uBAAuB,EAAE,CAAC"}

package/dist/js/components/Toolbar/ToolbarChipGroupContent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarChipGroupContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarChipGroupContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,WAAW,4BAA6B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACnF,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,mBAAmB,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACrC,gEAAgE;IAChE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,0EAA0E;IAC1E,sBAAsB,EAAE,OAAO,CAAC;IAChC,sDAAsD;IACtD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,0FAA0F;IAC1F,eAAe,EAAE,MAAM,CAAC;IACxB,2EAA2E;IAC3E,mBAAmB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1D,gGAAgG;IAChG,+BAA+B,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACrE,wNAAwN;IACxN,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1C;AAED,cAAM,uBAAwB,SAAQ,KAAK,CAAC,SAAS,CAAC,4BAA4B,CAAC;IACjF,MAAM,CAAC,WAAW,SAA6B;IAC/C,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,4BAA4B,CAAC,CAI7D;IAEF,MAAM;CAyDP;AAED,OAAO,EAAE,uBAAuB,EAAE,CAAC"}

package/dist/js/components/Toolbar/ToolbarChipGroupContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToolbarChipGroupContent.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarChipGroupContent.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,8GAA6E;AAC7E,2DAA+C;AAC/C,6CAA+C;AAG/C,+CAA4C;AAC5C,sCAAmC;AACnC,iDAA8C;AAC9C,iDAAmD;AA0BnD,MAAM,uBAAwB,SAAQ,KAAK,CAAC,SAAuC;IAQjF,MAAM;QACJ,MAAM,KAYF,IAAI,CAAC,KAAK,EAZR,EACJ,SAAS,EACT,UAAU,EACV,mBAAmB,EACnB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,+BAA+B,EAC/B,eAAe,EACf,mBAAmB,EACnB,sBAAsB,OAEV,EADT,KAAK,sBAXJ,gOAYL,CAAa,CAAC;QAEf,MAAM,eAAe,GAAG,GAAG,EAAE;YAC3B,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC;QAEF,IAAI,qBAAqB,GAAG,KAAK,CAAC;QAClC,IAAI,+BAA+B,KAAK,KAAK,EAAE,CAAC;YAC9C,qBAAqB,GAAG,IAAI,CAAC;QAC/B,CAAC;aAAM,IAAI,gBAAS,EAAE,CAAC;YACrB,qBAAqB;gBACnB,CAAC,gBAAS,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,gCAAiB,CAAC,+BAA+B,CAAC,CAAC;QAChG,CAAC;QAED,MAAM,QAAQ,GAAG,eAAe,KAAK,CAAC,IAAI,UAAU,CAAC;QAErD,OAAO,CACL,2CACE,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,cAAc,EAAE,QAAQ,IAAI,iBAAM,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IACjF,CAAC,CAAC,eAAe,KAAK,CAAC,IAAI,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,IAC/D,GAAG,EAAE,mBAAmB,IACpB,KAAK;YAET,oBAAC,2BAAY,kBACX,SAAS,EAAE,IAAA,kBAAG,EAAC,qBAAqB,IAAI,iBAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAC5D,CAAC,qBAAqB,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAC3C,CAAC,qBAAqB,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,EACtD;YACD,qBAAqB,IAAI,eAAe,GAAG,CAAC,IAAI,CAAC,UAAU,IAAI,CAC9D,oBAAC,2BAAY;gBACX,oBAAC,yBAAW,QAAE,mBAAmB,CAAC,eAAe,CAAC,CAAe,CACpD,CAChB;YACA,sBAAsB,IAAI,CAAC,UAAU,IAAI,CAAC,sBAAsB,IAAI,CACnE,oBAAC,yBAAW;gBACV,oBAAC,eAAM,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,eAAe,EAAE,QAAQ,UACtD,sBAAsB,CAChB,CACG,CACf;YACA,sBAAsB,IAAI,sBAAsB,CAC7C,CACP,CAAC;IACJ,CAAC;;AAGM,0DAAuB;AAlEvB,mCAAW,GAAG,yBAAyB,CAAC;AACxC,oCAAY,GAA+C;IAChE,sBAAsB,EAAE,mBAAmB;IAC3C,+BAA+B,EAAE,IAAI;IACrC,mBAAmB,EAAE,CAAC,eAAuB,EAAE,EAAE,CAAC,GAAG,eAAe,kBAAkB;CACvF,CAAC"}