@itwin/appui-react 4.0.0-dev.2 → 4.0.0-dev.21

package/lib/cjs/appui-react/pickers/ListPicker.scss

@@ -1,299 +1,306 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/appui-layout-react/lib/cjs/appui-layout-react/footer/_variables";
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-@import "~@itwin/core-react/lib/cjs/core-react/z-index";
-@import "~@itwin/core-react/lib/cjs/core-react/scrollbar";
-@import "~@itwin/core-react/lib/cjs/core-react/typography";
-
-$no-shadow: none;
-$shadow: drop-shadow(0 1px 0 $buic-text-color-reverse);
-$space-after-label: 16px;
-$space-before-label: 16px;
-$label-color: $buic-text-color;
-$border-color: $buic-background-control-stroke;
-$item-height: 32px;
-
-.ListPicker-separator {
-  height: 1px;
-  background: $buic-background-divider;
-  border-bottom: 1px solid $buic-background-control-stroke;
-}
-
-.ListPicker-column {
-  @include uicore-scrollbar();
-  overflow: auto;
-  height: 40vh;
-  width: 30vh;
-}
-
-.ListPickerInnerContainer {
-  border: 1px solid $border-color;
-  margin-left: 10px;
-  margin-right: 10px;
-  overflow-x: auto;
-  overflow-y: hidden;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-bottom: 0px;
-  padding-top: 0px;
-  background-color: $buic-background-window;
-}
-
-.ListPickerInnerContainer-expander {
-  height: $item-height;
-  width: 16px;
-  padding-right: 8px;
-  padding-left: 8px;
-  display: table-cell;
-  vertical-align: middle;
-}
-
-.ListPickerInnerContainer-header-content {
-  display: table-row;
-}
-
-.ListPickerInnerContainer-header {
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 0px;
-  padding-bottom: 0px;
-  margin-right: 0px;
-  margin-left: 0px;
-  margin-bottom: 0px;
-  margin-top: 0px;
-  cursor: pointer;
-  white-space: nowrap;
-  height: $item-height;
-  color: $label-color;
-
-  &:focus {
-    outline: none;
-  }
-}
-
-.ListPickerInnerContainer-header-expanded {
-  @extend .ListPickerInnerContainer-header;
-  border-bottom: 1px solid $border-color;
-}
-
-.ListPickerInnerContainer-title {
-  vertical-align: middle;
-  display: table-cell;
-}
-
-.ListPicker-item {
-  $label-color: $buic-text-color;
-  $pressed-label-color: $buic-foreground-activehover;
-  $hovered-label-color: $buic-foreground-primary-tone;
-  $focused-label-color: $buic-foreground-primary-tone;
-  $active-label-color: $buic-foreground-primary-tone;
-  $item-height: 32px;
-  $item-border-width: 2px;
-  $active-tool-stripe-height: 22px;
-  $active-tool-stripe-width: 2px;
-
-  white-space: nowrap;
-  height: $item-height;
-  color: $label-color;
-  cursor: pointer;
-  border-radius: var(--iui-border-radius-1);
-  display: flex;
-  align-items: center;
-
-  @include body;
-
-  > .label {
-    display: inline-block;
-    margin-right: $space-after-label;
-    margin-left: $space-before-label;
-    line-height: $item-height;
-    filter: $shadow;
-
-    &:after {
-      display: block;
-      content: attr(title);
-      font-weight: bold;
-      height: 1px;
-      color: transparent;
-      overflow: hidden;
-      visibility: hidden;
-    }
-  }
-
-  &:hover {
-    color: $hovered-label-color;
-
-    @include body1;
-
-    > .icon,
-    .label {
-      filter: $shadow;
-    }
-  }
-
-  &:active {
-    background: $buic-row-selection;
-    color: $pressed-label-color;
-
-    > .icon,
-    .label {
-      filter: $no-shadow;
-    }
-  }
-
-  &:focus {
-    outline: none;
-  }
-
-  &.is-focused {
-    color: $focused-label-color;
-    border-color: $buic-foreground-primary;
-    border-width: $item-border-width;
-    border-style: solid;
-
-    @include body1;
-
-    > .icon,
-    .label {
-      filter: $shadow;
-    }
-  }
-
-  &.is-active {
-    color: $active-label-color;
-
-    @include body1;
-
-    &::before {
-      content: "";
-      background-color: $active-label-color;
-      display: block;
-      position: relative;
-      top: 0;
-      left: $item-border-width + 1;
-      width: $active-tool-stripe-width;
-      height: $active-tool-stripe-height;
-      border-radius: 2px;
-    }
-
-    > .icon,
-    .label {
-      filter: $no-shadow;
-    }
-  }
-}
-
-.ListPickerWidget-item {
-  $label-color: $buic-text-color;
-  $pressed-label-color: $buic-foreground-activehover;
-  $hovered-label-color: $buic-foreground-primary;
-  $focused-label-color: $buic-foreground-primary;
-  $active-label-color: $buic-foreground-primary;
-  $item-height: 32px;
-  $item-border-width: 2px;
-  $active-tool-stripe-height: 22px;
-  $active-tool-stripe-width: 2px;
-
-  white-space: nowrap;
-  height: $item-height;
-  color: $label-color;
-  cursor: pointer;
-  border-radius: var(--iui-border-radius-1);
-  display: flex;
-  align-items: center;
-
-  @include body;
-
-  > .label {
-    display: inline-block;
-    margin-right: $space-after-label;
-    margin-left: $space-before-label;
-    line-height: $item-height;
-    filter: drop-shadow(0 1px 0 $buic-text-color-reverse);
-
-    &:after {
-      display: block;
-      content: attr(title);
-      font-weight: normal;
-      height: 1px;
-      color: transparent;
-      overflow: hidden;
-      visibility: hidden;
-    }
-  }
-
-  &:hover {
-    color: $hovered-label-color;
-
-    @include body1;
-
-    > .icon,
-    .label {
-      filter: drop-shadow(0 1px 0 $buic-text-color-reverse);
-    }
-  }
-
-  &:active {
-    background: $buic-foreground-primary-tone;
-    color: $pressed-label-color;
-
-    > .icon,
-    .label {
-      filter: drop-shadow(0 1px 0 $buic-text-color-reverse);
-    }
-  }
-
-  &.is-focused {
-    color: $focused-label-color;
-    border-color: $buic-foreground-primary;
-    border-width: $item-border-width;
-    border-style: solid;
-
-    @include body1;
-
-    > .icon,
-    .label {
-      filter: drop-shadow(0 1px 0 $buic-text-color-reverse);
-    }
-  }
-
-  &.is-active {
-    color: $active-label-color;
-
-    @include body1;
-
-    &::before {
-      content: "";
-      background-color: $active-label-color;
-      display: block;
-      position: relative;
-      top: 0;
-      left: $item-border-width + 1;
-      width: $active-tool-stripe-width;
-      height: $active-tool-stripe-height;
-      border-radius: 2px;
-    }
-
-    > .icon,
-    .label {
-      filter: $no-shadow;
-    }
-  }
-}
-
-.ListPickerWidget-title {
-  $horizontal-margin: 20px;
-
-  white-space: nowrap;
-  text-align: center;
-  color: $buic-text-color;
-  filter: drop-shadow(0 1px 0 $buic-text-color-reverse);
-  margin-bottom: 9px;
-  margin-left: $horizontal-margin;
-  margin-right: $horizontal-margin;
-
-  @include title;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/appui-layout-react/lib/cjs/appui-layout-react/footer/_variables";
+@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+@import "~@itwin/core-react/lib/cjs/core-react/z-index";
+@import "~@itwin/core-react/lib/cjs/core-react/scrollbar";
+@import "~@itwin/core-react/lib/cjs/core-react/typography";
+
+$no-shadow: none;
+$shadow: drop-shadow(0 1px 0 $buic-text-color-reverse);
+$space-after-label: 16px;
+$space-before-label: 16px;
+$label-color: var(--iui-color-text);
+$border-color: $buic-background-control-stroke;
+$item-height: 32px;
+
+.ListPicker-separator {
+  height: 1px;
+  background: $buic-background-divider;
+  border-bottom: 1px solid $buic-background-control-stroke;
+}
+
+.ListPicker-column {
+  @include uicore-scrollbar();
+  overflow: auto;
+  height: 40vh;
+  width: 30vh;
+}
+
+.ListPickerInnerContainer {
+  border: 1px solid $border-color;
+  margin-left: 10px;
+  margin-right: 10px;
+  overflow-x: auto;
+  overflow-y: hidden;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-bottom: 0px;
+  padding-top: 0px;
+  background-color: $buic-background-window;
+}
+
+.ListPickerInnerContainer-expander {
+  height: $item-height;
+  width: 16px;
+  padding-right: 8px;
+  padding-left: 8px;
+  display: table-cell;
+  vertical-align: middle;
+}
+
+.ListPickerInnerContainer-header-content {
+  display: table-row;
+}
+
+.ListPickerInnerContainer-header {
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  margin-right: 0px;
+  margin-left: 0px;
+  margin-bottom: 0px;
+  margin-top: 0px;
+  cursor: pointer;
+  white-space: nowrap;
+  height: $item-height;
+  color: $label-color;
+
+  &:focus {
+    outline: none;
+  }
+}
+
+.ListPickerInnerContainer-header-expanded {
+  @extend .ListPickerInnerContainer-header;
+  border-bottom: 1px solid $border-color;
+}
+
+.ListPickerInnerContainer-title {
+  vertical-align: middle;
+  display: table-cell;
+}
+
+.ListPicker-item {
+  $label-color: var(--iui-color-text);
+  $pressed-label-color: $buic-foreground-activehover;
+  $hovered-label-color: $buic-foreground-primary-tone;
+  $focused-label-color: $buic-foreground-primary-tone;
+  $active-label-color: $buic-foreground-primary-tone;
+  $item-height: 32px;
+  $item-border-width: 2px;
+  $active-tool-stripe-height: 22px;
+  $active-tool-stripe-width: 2px;
+
+  white-space: nowrap;
+  height: $item-height;
+  color: $label-color;
+  cursor: pointer;
+  border-radius: var(--iui-border-radius-1);
+  display: flex;
+  align-items: center;
+
+  @include body;
+
+  > .label {
+    display: inline-block;
+    margin-right: $space-after-label;
+    margin-left: $space-before-label;
+    line-height: $item-height;
+    filter: $shadow;
+
+    &:after {
+      display: block;
+      content: attr(title);
+      font-weight: bold;
+      height: 1px;
+      color: transparent;
+      overflow: hidden;
+      visibility: hidden;
+    }
+  }
+
+  &:hover {
+    color: $hovered-label-color;
+
+    @include body1;
+
+    > .icon,
+    .label {
+      filter: $shadow;
+    }
+  }
+
+  &:active {
+    background: var(--iui-color-background-hover);
+    color: $pressed-label-color;
+
+    > .icon,
+    .label {
+      filter: $no-shadow;
+    }
+  }
+
+  &:focus {
+    outline: none;
+  }
+
+  &.is-focused {
+    color: $focused-label-color;
+    border-color: $buic-foreground-primary;
+    border-width: $item-border-width;
+    border-style: solid;
+
+    @include body1;
+
+    > .icon,
+    .label {
+      filter: $shadow;
+    }
+  }
+
+  &.is-active {
+    color: $active-label-color;
+
+    @include body1;
+
+    &::before {
+      content: "";
+      background-color: $active-label-color;
+      display: block;
+      position: relative;
+      top: 0;
+      left: $item-border-width + 1;
+      width: $active-tool-stripe-width;
+      height: $active-tool-stripe-height;
+      border-radius: 2px;
+    }
+
+    > .icon,
+    .label {
+      filter: $no-shadow;
+    }
+  }
+}
+
+.ListPickerWidget-item {
+  $label-color: var(--iui-color-text);
+  $pressed-label-color: $buic-foreground-activehover;
+  $hovered-label-color: $buic-foreground-primary;
+  $focused-label-color: $buic-foreground-primary;
+  $active-label-color: $buic-foreground-primary;
+  $item-height: 32px;
+  $item-border-width: 2px;
+  $active-tool-stripe-height: 22px;
+  $active-tool-stripe-width: 2px;
+
+  white-space: nowrap;
+  height: $item-height;
+  color: $label-color;
+  cursor: pointer;
+  border-radius: var(--iui-border-radius-1);
+  display: flex;
+  align-items: center;
+
+  @include body;
+
+  > .label {
+    display: inline-block;
+    margin-right: $space-after-label;
+    margin-left: $space-before-label;
+    line-height: $item-height;
+    filter: drop-shadow(0 1px 0 $buic-text-color-reverse);
+
+    &:after {
+      display: block;
+      content: attr(title);
+      font-weight: normal;
+      height: 1px;
+      color: transparent;
+      overflow: hidden;
+      visibility: hidden;
+    }
+  }
+
+  &:hover {
+    color: $hovered-label-color;
+
+    @include body1;
+
+    > .icon,
+    .label {
+      filter: drop-shadow(0 1px 0 $buic-text-color-reverse);
+    }
+  }
+
+  &:active {
+    background: $buic-foreground-primary-tone;
+    color: $pressed-label-color;
+
+    > .icon,
+    .label {
+      filter: drop-shadow(0 1px 0 $buic-text-color-reverse);
+    }
+  }
+
+  &.is-focused {
+    color: $focused-label-color;
+    border-color: $buic-foreground-primary;
+    border-width: $item-border-width;
+    border-style: solid;
+
+    @include body1;
+
+    > .icon,
+    .label {
+      filter: drop-shadow(0 1px 0 $buic-text-color-reverse);
+    }
+  }
+
+  &.is-active {
+    color: $active-label-color;
+
+    @include body1;
+
+    &::before {
+      content: "";
+      background-color: $active-label-color;
+      display: block;
+      position: relative;
+      top: 0;
+      left: $item-border-width + 1;
+      width: $active-tool-stripe-width;
+      height: $active-tool-stripe-height;
+      border-radius: 2px;
+    }
+
+    > .icon,
+    .label {
+      filter: $no-shadow;
+    }
+  }
+}
+
+.ListPickerWidget-title {
+  $horizontal-margin: 20px;
+
+  white-space: nowrap;
+  text-align: center;
+  color: var(--iui-color-text);
+  filter: drop-shadow(0 1px 0 $buic-text-color-reverse);
+  margin-bottom: 9px;
+  margin-left: $horizontal-margin;
+  margin-right: $horizontal-margin;
+
+  @include title;
+}
+
+.core-searchbox.ListPickerSearchBox {
+  width: inherit;
+  margin-left: 10px;
+  margin-right: 10px;
+  margin-bottom: 10px;
+}

package/lib/cjs/appui-react/pickers/ViewSelector.d.ts

@@ -30,6 +30,8 @@ export interface ViewSelectorProps {
     showDrawings: boolean;
     showSheets: boolean;
     showUnknown: boolean;
+    searchBox?: boolean;
+    panelOnly?: boolean;
 }
 /** State for the [[ViewSelector]] component
  * @beta
@@ -42,11 +44,13 @@ interface ViewSelectorState {
     showDrawings: boolean;
     showSheets: boolean;
     showUnknown: boolean;
+    searchBox: boolean;
+    panelOnly: boolean;
 }
 /** Default properties of [[ViewSelector]] component.
  * @beta
  */
-export declare type ViewSelectorDefaultProps = Pick<ViewSelectorProps, "showSpatials" | "showDrawings" | "showSheets" | "showUnknown">;
+export type ViewSelectorDefaultProps = Pick<ViewSelectorProps, "showSpatials" | "showDrawings" | "showSheets" | "showUnknown">;
 /** View Selector React component
  * @beta
  */
@@ -54,6 +58,7 @@ export declare class ViewSelector extends React.Component<ViewSelectorProps, Vie
     private static readonly _onViewSelectorShowUpdateEvent;
     private _removeShowUpdateListener?;
     private _isMounted;
+    private _searchInput;
     static readonly defaultProps: ViewSelectorDefaultProps;
     /** Gets the [[ViewSelectorChangedEvent]] */
     static readonly onViewSelectorChangedEvent: ViewSelectorChangedEvent;
@@ -81,7 +86,7 @@ export declare class ViewSelector extends React.Component<ViewSelectorProps, Vie
     /**
      *  Renders ViewSelector component
      */
-    render(): JSX.Element | null;
+    render(): JSX.Element;
 }
 /** ViewSelector that is connected to the IModelConnection property in the Redux store. The application must set up the Redux store and include the FrameworkReducer.
  * @beta

package/lib/cjs/appui-react/pickers/ViewSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewSelector.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/pickers/ViewSelector.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAU,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAa,gBAAgB,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC9E,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAMhD,OAAO,EAAE,QAAQ,EAA4B,MAAM,cAAc,CAAC;AAIlE;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,gBAAgB,EAAE,UAAU,CAAC;IAC7B,SAAS,EAAE,SAAS,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,qBAAa,wBAAyB,SAAQ,OAAO,CAAC,4BAA4B,CAAC;CAAI;AAEvF;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,UAAU,iBAAiB;IACzB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,oBAAY,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,EAAE,cAAc,GAAG,cAAc,GAAG,YAAY,GAAG,aAAa,CAAC,CAAC;AAe/H;;GAEG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IAErF,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,8BAA8B,CAAqC;IAC3F,OAAO,CAAC,yBAAyB,CAAC,CAAa;IAC/C,OAAO,CAAC,UAAU,CAAS;IAE3B,gBAAuB,YAAY,EAAE,wBAAwB,CAK3D;IAEF,4CAA4C;IAC5C,gBAAuB,0BAA0B,2BAAkC;IAEnF;OACG;WACW,kBAAkB,CAAC,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,GAAG,IAAI;IAI/H,6BAA6B;gBACjB,KAAK,EAAE,iBAAiB;IAcd,iBAAiB;IAQjB,kBAAkB,CAAC,SAAS,EAAE,iBAAiB;IAMrD,oBAAoB;IAOpC,OAAO,CAAC,kCAAkC,CAMxC;IAEF,OAAO,CAAC,kBAAkB;IAoD1B;;OAEG;IACU,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IAmCvC;;;OAGG;IAEU,WAAW,CAAC,MAAM,CAAC,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC;IAuBrD,OAAO,CAAC,WAAW,CAkDjB;IAIF,OAAO,CAAC,WAAW,CAGjB;IAEF;;OAEG;IACa,MAAM;CAiBvB;AAED;;GAEG;AACH,eAAO,MAAM,2BAA2B,oEAAoD,CAAC"}
+{"version":3,"file":"ViewSelector.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/pickers/ViewSelector.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAU,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAa,gBAAgB,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC9E,OAAO,EAAqB,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAKnE,OAAO,EAAE,QAAQ,EAA4B,MAAM,cAAc,CAAC;AAMlE;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,gBAAgB,EAAE,UAAU,CAAC;IAC7B,SAAS,EAAE,SAAS,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,qBAAa,wBAAyB,SAAQ,OAAO,CAAC,4BAA4B,CAAC;CAAI;AAEvF;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,UAAU,iBAAiB;IACzB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,EAAE,cAAc,GAAG,cAAc,GAAG,YAAY,GAAG,aAAa,CAAC,CAAC;AAe/H;;GAEG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IAErF,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,8BAA8B,CAAqC;IAC3F,OAAO,CAAC,yBAAyB,CAAC,CAAa;IAC/C,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,YAAY,CAAM;IAE1B,gBAAuB,YAAY,EAAE,wBAAwB,CAK3D;IAEF,4CAA4C;IAC5C,gBAAuB,0BAA0B,2BAAkC;IAEnF;OACG;WACW,kBAAkB,CAAC,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,GAAG,IAAI;IAI/H,6BAA6B;gBACjB,KAAK,EAAE,iBAAiB;IAgBd,iBAAiB;IAQjB,kBAAkB,CAAC,SAAS,EAAE,iBAAiB;IAMrD,oBAAoB;IAOpC,OAAO,CAAC,kCAAkC,CAMxC;IAEF,OAAO,CAAC,kBAAkB;IAqD1B;;OAEG;IACU,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IA8CvC;;;OAGG;IAEU,WAAW,CAAC,MAAM,CAAC,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC;IAuBrD,OAAO,CAAC,WAAW,CAkDjB;IAIF,OAAO,CAAC,WAAW,CAGjB;IAEF;;OAEG;IACa,MAAM;CAsBvB;AAED;;GAEG;AACH,eAAO,MAAM,2BAA2B,oEAAoD,CAAC"}