@fluentui/web-components 3.0.0-rc.25 → 3.0.0-rc.27

package/dist/esm/accordion/accordion.d.ts

@@ -7,7 +7,7 @@ import { AccordionExpandMode } from './accordion.options.js';
  * @tag fluent-accordion
  *
  * @slot - The default slot for the accordion items
- * @fires change - Fires a custom 'change' event when the active item changes
+ * @fires { Event } change - Fires a custom 'change' event when the active item changes
  *
  * @public
  */

package/dist/esm/accordion/accordion.js

@@ -10,7 +10,7 @@ import { AccordionExpandMode } from './accordion.options.js';
  * @tag fluent-accordion
  *
  * @slot - The default slot for the accordion items
- * @fires change - Fires a custom 'change' event when the active item changes
+ * @fires { Event } change - Fires a custom 'change' event when the active item changes
  *
  * @public
  */

package/dist/esm/accordion/accordion.styles.css

@@ -1,8 +1,12 @@
+:host([hidden]) {
+  display: none;
+}
+:host {
+  display: flex;
+}
 
-  :host([hidden]){display:none}:host{display:flex}
-
-  :host {
-    flex-direction: column;
-    width: 100%;
-    contain: content;
-  }
+:host {
+  flex-direction: column;
+  width: 100%;
+  contain: content;
+}

package/dist/esm/accordion/accordion.template.html

@@ -1,5 +1,6 @@
 <f-template name="fluent-accordion" shadowrootmode="open">
-<template>{{styles}}
-      <slot f-slotted="{slottedAccordionItems filter elements()}"></slot>
-    </template>
+  <template>
+    {{styles}}
+    <slot f-slotted="{slottedAccordionItems filter elements()}"></slot>
+  </template>
 </f-template>

package/dist/esm/accordion-item/accordion-item.d.ts

@@ -5,8 +5,6 @@ import { AccordionItemMarkerPosition, AccordionItemSize } from './accordion-item
 /**
  * Accordion Item configuration options
  *
- * @tag fluent-accordion-item
- *
  * @public
  */
 export type AccordionItemOptions = StartEndOptions<AccordionItem> & {
@@ -17,6 +15,8 @@ export type AccordionItemOptions = StartEndOptions<AccordionItem> & {
  * An Accordion Item Custom HTML Element.
  * Based on BaseAccordionItem and includes style and layout specific attributes
  *
+ * @tag fluent-accordion-item
+ *
  * @public
  */
 export declare class AccordionItem extends BaseAccordionItem {

package/dist/esm/accordion-item/accordion-item.js

@@ -7,6 +7,8 @@ import { BaseAccordionItem } from './accordion-item.base.js';
  * An Accordion Item Custom HTML Element.
  * Based on BaseAccordionItem and includes style and layout specific attributes
  *
+ * @tag fluent-accordion-item
+ *
  * @public
  */
 export class AccordionItem extends BaseAccordionItem {

package/dist/esm/accordion-item/accordion-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-item.js","sourceRoot":"","sources":["../../../src/accordion-item/accordion-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAwB,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAe7D;;;;;GAKG;AACH,MAAM,OAAO,aAAc,SAAQ,iBAAiB;IAApD;;QAqBE;;;;;;WAMG;QAEI,UAAK,GAAY,KAAK,CAAC;IAChC,CAAC;CAAA;AArBQ;IADN,IAAI;2CAC2B;AAUzB;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;qDACa;AAU7C;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;4CACI;AAWhC,WAAW,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"accordion-item.js","sourceRoot":"","sources":["../../../src/accordion-item/accordion-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,OAAO,EAAE,QAAQ,EAAwB,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAa7D;;;;;;;GAOG;AACH,MAAM,OAAO,aAAc,SAAQ,iBAAiB;IAApD;;QAqBE;;;;;;WAMG;QAEI,UAAK,GAAY,KAAK,CAAC;IAChC,CAAC;CAAA;AArBQ;IADN,IAAI;2CAC2B;AAUzB;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;qDACa;AAU7C;IADN,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;4CACI;AAWhC,WAAW,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC"}

package/dist/esm/accordion-item/accordion-item.styles.css

@@ -1,170 +1,174 @@
-
-  :host([hidden]){display:none}:host{display:block}
-
-  :host {
-    max-width: fit-content;
-    contain: content;
-  }
-
-  .heading {
-    height: 44px;
-    display: grid;
-    position: relative;
-    padding-inline: var(--spacingHorizontalM) var(--spacingHorizontalMNudge);
-    border-radius: var(--borderRadiusMedium);
-    font-family: var(--fontFamilyBase);
-    font-size: var(--fontSizeBase300);
-    font-weight: var(--fontWeightRegular);
-    line-height: var(--lineHeightBase300);
-    grid-template-columns: auto auto 1fr auto;
-  }
-
-  .button {
-    appearance: none;
-    background: var(--colorTransparentBackground);
-    border: none;
-    box-sizing: border-box;
-    color: var(--colorNeutralForeground1);
-    cursor: pointer;
-    font: inherit;
-    grid-column: auto / span 2;
-    grid-row: 1;
-    height: 44px;
-    outline: none;
-    padding: 0;
-    text-align: start;
-  }
-
-  .button::before {
-    content: '';
-    position: absolute;
-    inset: 0px;
-    cursor: pointer;
-    border-radius: var(--borderRadiusSmall);
-  }
-
-  :where(.default-marker-collapsed, .default-marker-expanded),
-  ::slotted(:is([slot='marker-collapsed'], [slot='marker-expanded'])) {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    pointer-events: none;
-    position: relative;
-    height: 100%;
-    padding-inline-end: var(--spacingHorizontalS);
-    grid-column: 1 / span 1;
-    grid-row: 1;
-  }
-
-  .content {
-    margin: 0 var(--spacingHorizontalM);
-  }
-
-  ::slotted([slot='start']) {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    padding-right: var(--spacingHorizontalS);
-    grid-column: 2 / span 1;
-    grid-row: 1;
-  }
-
-  button:focus-visible::after {
-    content: '';
-    position: absolute;
-    inset: 0px;
-    cursor: pointer;
-    border-radius: var(--borderRadiusSmall);
-    outline: none;
-    border: 2px solid var(--colorStrokeFocus1);
-    box-shadow: inset 0 0 0 1px var(--colorStrokeFocus2);
-  }
-
-  /* --- Disabled attr styles --- */
-
-  :host([disabled]) .button {
-    color: var(--colorNeutralForegroundDisabled);
-  }
-
-  :host([disabled]) svg {
-    filter: invert(89%) sepia(0%) saturate(569%) hue-rotate(155deg) brightness(88%) contrast(87%);
-  }
-
-  /* --- Expanded attr styles --- */
-
-  :host([expanded]) .content {
-    display: block;
-  }
-
-  :host([expanded]) .default-marker-collapsed,
-  :host([expanded]) ::slotted([slot='marker-collapsed']),
-  :host(:not([expanded])) :is(.default-marker-expanded, .content),
-  :host(:not([expanded])) ::slotted([slot='marker-expanded']) {
-    display: none;
-  }
-
-  :host([expanded]) ::slotted([slot='marker-expanded']),
-  :host(:not([expanded])) ::slotted([slot='marker-collapsed']) {
-    display: flex;
-  }
-
-  /* --- Appearance attr styles --- */
-
-  .heading {
-    font-size: var(--fontSizeBase300);
-    line-height: var(--lineHeightBase300);
-  }
-
-  :host([size='small']) .heading {
-    font-size: var(--fontSizeBase200);
-    line-height: var(--lineHeightBase200);
-  }
-
-  :host([size='large']) .heading {
-    font-size: var(--fontSizeBase400);
-    line-height: var(--lineHeightBase400);
-  }
-
-  :host([size='extra-large']) .heading {
-    font-size: var(--fontSizeBase500);
-    line-height: var(--lineHeightBase500);
-  }
-
-  /* --- marker-position attr styles --- */
-
-  :host([marker-position='end']) ::slotted([slot='start']) {
-    grid-column: 1 / span 1;
-  }
-
-  :host([marker-position='end']) :is(.default-marker-collapsed, .default-marker-expanded) {
-    grid-column: 4 / span 1;
-    padding-inline-start: var(--spacingHorizontalS);
-    padding-inline-end: 0;
-  }
-
-  :host([marker-position='end']) .button {
-    grid-column: 2 / span 3;
-  }
-
-  /* --- Block attr styles --- */
-
-  :host([block]) {
-    max-width: 100%;
-  }
-
-  :host([marker-position='end']) .heading {
-    grid-template-columns: auto auto 28px;
-    padding-inline: var(--spacingHorizontalM);
-  }
-
-  :host([marker-position='end']:has([slot='start'])) .heading {
-    padding-inline: var(--spacingHorizontalMNudge) var(--spacingHorizontalM);
-  }
-
-  :host([block][marker-position='end']) .heading {
-    grid-template-columns: auto 1fr;
-  }
-
-  :host([marker-position='end']) :is(.default-marker-collapsed, .default-marker-expanded) {
-    grid-column: 5 / span 1;
-  }
+:host([hidden]) {
+  display: none;
+}
+:host {
+  display: block;
+}
+
+:host {
+  max-width: fit-content;
+  contain: content;
+}
+
+.heading {
+  height: 44px;
+  display: grid;
+  position: relative;
+  padding-inline: var(--spacingHorizontalM) var(--spacingHorizontalMNudge);
+  border-radius: var(--borderRadiusMedium);
+  font-family: var(--fontFamilyBase);
+  font-size: var(--fontSizeBase300);
+  font-weight: var(--fontWeightRegular);
+  line-height: var(--lineHeightBase300);
+  grid-template-columns: auto auto 1fr auto;
+}
+
+.button {
+  appearance: none;
+  background: var(--colorTransparentBackground);
+  border: none;
+  box-sizing: border-box;
+  color: var(--colorNeutralForeground1);
+  cursor: pointer;
+  font: inherit;
+  grid-column: auto / span 2;
+  grid-row: 1;
+  height: 44px;
+  outline: none;
+  padding: 0;
+  text-align: start;
+}
+
+.button::before {
+  content: '';
+  position: absolute;
+  inset: 0px;
+  cursor: pointer;
+  border-radius: var(--borderRadiusSmall);
+}
+
+:where(.default-marker-collapsed, .default-marker-expanded),
+::slotted(:is([slot='marker-collapsed'], [slot='marker-expanded'])) {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+  position: relative;
+  height: 100%;
+  padding-inline-end: var(--spacingHorizontalS);
+  grid-column: 1 / span 1;
+  grid-row: 1;
+}
+
+.content {
+  margin: 0 var(--spacingHorizontalM);
+}
+
+::slotted([slot='start']) {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding-right: var(--spacingHorizontalS);
+  grid-column: 2 / span 1;
+  grid-row: 1;
+}
+
+button:focus-visible::after {
+  content: '';
+  position: absolute;
+  inset: 0px;
+  cursor: pointer;
+  border-radius: var(--borderRadiusSmall);
+  outline: none;
+  border: 2px solid var(--colorStrokeFocus1);
+  box-shadow: inset 0 0 0 1px var(--colorStrokeFocus2);
+}
+
+/* --- Disabled attr styles --- */
+
+:host([disabled]) .button {
+  color: var(--colorNeutralForegroundDisabled);
+}
+
+:host([disabled]) svg {
+  filter: invert(89%) sepia(0%) saturate(569%) hue-rotate(155deg) brightness(88%) contrast(87%);
+}
+
+/* --- Expanded attr styles --- */
+
+:host([expanded]) .content {
+  display: block;
+}
+
+:host([expanded]) .default-marker-collapsed,
+:host([expanded]) ::slotted([slot='marker-collapsed']),
+:host(:not([expanded])) :is(.default-marker-expanded, .content),
+:host(:not([expanded])) ::slotted([slot='marker-expanded']) {
+  display: none;
+}
+
+:host([expanded]) ::slotted([slot='marker-expanded']),
+:host(:not([expanded])) ::slotted([slot='marker-collapsed']) {
+  display: flex;
+}
+
+/* --- Appearance attr styles --- */
+
+.heading {
+  font-size: var(--fontSizeBase300);
+  line-height: var(--lineHeightBase300);
+}
+
+:host([size='small']) .heading {
+  font-size: var(--fontSizeBase200);
+  line-height: var(--lineHeightBase200);
+}
+
+:host([size='large']) .heading {
+  font-size: var(--fontSizeBase400);
+  line-height: var(--lineHeightBase400);
+}
+
+:host([size='extra-large']) .heading {
+  font-size: var(--fontSizeBase500);
+  line-height: var(--lineHeightBase500);
+}
+
+/* --- marker-position attr styles --- */
+
+:host([marker-position='end']) ::slotted([slot='start']) {
+  grid-column: 1 / span 1;
+}
+
+:host([marker-position='end']) :is(.default-marker-collapsed, .default-marker-expanded) {
+  grid-column: 4 / span 1;
+  padding-inline-start: var(--spacingHorizontalS);
+  padding-inline-end: 0;
+}
+
+:host([marker-position='end']) .button {
+  grid-column: 2 / span 3;
+}
+
+/* --- Block attr styles --- */
+
+:host([block]) {
+  max-width: 100%;
+}
+
+:host([marker-position='end']) .heading {
+  grid-template-columns: auto auto 28px;
+  padding-inline: var(--spacingHorizontalM);
+}
+
+:host([marker-position='end']:has([slot='start'])) .heading {
+  padding-inline: var(--spacingHorizontalMNudge) var(--spacingHorizontalM);
+}
+
+:host([block][marker-position='end']) .heading {
+  grid-template-columns: auto 1fr;
+}
+
+:host([marker-position='end']) :is(.default-marker-collapsed, .default-marker-expanded) {
+  grid-column: 5 / span 1;
+}

package/dist/esm/accordion-item/accordion-item.template.html

@@ -1,5 +1,7 @@
 <f-template name="fluent-accordion-item" shadowrootmode="open">
-<template>{{styles}}<div class="heading" part="heading" role="heading" aria-level="{{headinglevel}}">
+  <template>
+    {{styles}}
+    <div class="heading" part="heading" role="heading" aria-level="{{headinglevel}}">
       <button
         class="button"
         part="button"
@@ -11,37 +13,42 @@
       >
         <slot name="heading"></slot>
       </button>
-       <slot name="start" f-ref="{start}"></slot> 
-      <slot name="marker-expanded"> <svg
-  width="20"
-  height="20"
-  viewBox="0 0 20 20"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
-  class="default-marker-expanded"
-  aria-hidden="true"
->
-  <path
-    d="M15.794 7.73271C16.0797 8.03263 16.0681 8.50737 15.7682 8.79306L10.5178 13.7944C10.2281 14.0703 9.77285 14.0703 9.48318 13.7944L4.23271 8.79306C3.93279 8.50737 3.92125 8.03263 4.20694 7.73271C4.49264 7.43279 4.96737 7.42125 5.26729 7.70694L10.0005 12.2155L14.7336 7.70694C15.0336 7.42125 15.5083 7.43279 15.794 7.73271Z"
-    fill="currentColor"
-  />
-</svg> </slot>
-      <slot name="marker-collapsed"> <svg
-  width="20"
-  height="20"
-  viewBox="0 0 20 20"
-  fill="none"
-  xmlns="http://www.w3.org/2000/svg"
-  class="default-marker-collapsed"
-  aria-hidden="true"
->
-  <path
-    d="M7.73271 4.20694C8.03263 3.92125 8.50737 3.93279 8.79306 4.23271L13.7944 9.48318C14.0703 9.77285 14.0703 10.2281 13.7944 10.5178L8.79306 15.7682C8.50737 16.0681 8.03263 16.0797 7.73271 15.794C7.43279 15.5083 7.42125 15.0336 7.70694 14.7336L12.2155 10.0005L7.70694 5.26729C7.42125 4.96737 7.43279 4.49264 7.73271 4.20694Z"
-    fill="currentColor"
-  />
-</svg> </slot>
+      <slot name="start" f-ref="{start}"></slot>
+      <slot name="marker-expanded">
+        <svg
+          width="20"
+          height="20"
+          viewBox="0 0 20 20"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+          class="default-marker-expanded"
+          aria-hidden="true"
+        >
+          <path
+            d="M15.794 7.73271C16.0797 8.03263 16.0681 8.50737 15.7682 8.79306L10.5178 13.7944C10.2281 14.0703 9.77285 14.0703 9.48318 13.7944L4.23271 8.79306C3.93279 8.50737 3.92125 8.03263 4.20694 7.73271C4.49264 7.43279 4.96737 7.42125 5.26729 7.70694L10.0005 12.2155L14.7336 7.70694C15.0336 7.42125 15.5083 7.43279 15.794 7.73271Z"
+            fill="currentColor"
+          />
+        </svg>
+      </slot>
+      <slot name="marker-collapsed">
+        <svg
+          width="20"
+          height="20"
+          viewBox="0 0 20 20"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+          class="default-marker-collapsed"
+          aria-hidden="true"
+        >
+          <path
+            d="M7.73271 4.20694C8.03263 3.92125 8.50737 3.93279 8.79306 4.23271L13.7944 9.48318C14.0703 9.77285 14.0703 10.2281 13.7944 10.5178L8.79306 15.7682C8.50737 16.0681 8.03263 16.0797 7.73271 15.794C7.43279 15.5083 7.42125 15.0336 7.70694 14.7336L12.2155 10.0005L7.70694 5.26729C7.42125 4.96737 7.43279 4.49264 7.73271 4.20694Z"
+            fill="currentColor"
+          />
+        </svg>
+      </slot>
     </div>
     <div class="content" part="content" id="panel" role="region" aria-labelledby="control">
       <slot></slot>
-    </div></template>
+    </div>
+  </template>
 </f-template>

package/dist/esm/anchor-button/anchor-button.d.ts

@@ -4,8 +4,6 @@ import { AnchorButtonAppearance, AnchorButtonShape, AnchorButtonSize } from './a
 /**
  * Anchor configuration options
  *
- * @tag fluent-anchor-button
- *
  * @public
  */
 export type AnchorOptions = StartEndOptions<AnchorButton>;
@@ -13,6 +11,8 @@ export type AnchorOptions = StartEndOptions<AnchorButton>;
  * An Anchor Custom HTML Element.
  * Based on BaseAnchor and includes style and layout specific attributes
  *
+ * @tag fluent-anchor-button
+ *
  * @public
  */
 export declare class AnchorButton extends BaseAnchor {

package/dist/esm/anchor-button/anchor-button.js

@@ -9,6 +9,8 @@ import { AnchorButtonAppearance, AnchorButtonShape, AnchorButtonSize } from './a
  * An Anchor Custom HTML Element.
  * Based on BaseAnchor and includes style and layout specific attributes
  *
+ * @tag fluent-anchor-button
+ *
  * @public
  */
 export class AnchorButton extends BaseAnchor {

package/dist/esm/anchor-button/anchor-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"anchor-button.js","sourceRoot":"","sources":["../../../src/anchor-button/anchor-button.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAwB,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAWzG;;;;;GAKG;AACH,MAAM,OAAO,YAAa,SAAQ,UAAU;IAA5C;;QA0DE;;;;;;WAMG;QAEI,aAAQ,GAAY,KAAK,CAAC;IAUnC,CAAC;IAjEC;;;;OAIG;IACI,iBAAiB,CAAC,IAAwC,EAAE,IAAwC;QACzG,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,sBAAsB,CAAC,CAAC;IACxE,CAAC;IAYD;;;;OAIG;IACI,YAAY,CAAC,IAAmC,EAAE,IAAmC;QAC1F,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,iBAAiB,CAAC,CAAC;IACnE,CAAC;IAYD;;;;OAIG;IACI,WAAW,CAAC,IAAkC,EAAE,IAAkC;QACvF,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,gBAAgB,CAAC,CAAC;IAClE,CAAC;IAYD;;;;OAIG;IACI,eAAe,CAAC,IAAa,EAAE,IAAa;QACjD,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IACrD,CAAC;CACF;AAnEQ;IADN,IAAI;gDACkD;AAmBhD;IADN,IAAI;2CACwC;AAmBtC;IADN,IAAI;0CAC0B;AAmBxB;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;8CACjB;AAoBnC,WAAW,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"anchor-button.js","sourceRoot":"","sources":["../../../src/anchor-button/anchor-button.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAwB,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AASzG;;;;;;;GAOG;AACH,MAAM,OAAO,YAAa,SAAQ,UAAU;IAA5C;;QA0DE;;;;;;WAMG;QAEI,aAAQ,GAAY,KAAK,CAAC;IAUnC,CAAC;IAjEC;;;;OAIG;IACI,iBAAiB,CAAC,IAAwC,EAAE,IAAwC;QACzG,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,sBAAsB,CAAC,CAAC;IACxE,CAAC;IAYD;;;;OAIG;IACI,YAAY,CAAC,IAAmC,EAAE,IAAmC;QAC1F,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,iBAAiB,CAAC,CAAC;IACnE,CAAC;IAYD;;;;OAIG;IACI,WAAW,CAAC,IAAkC,EAAE,IAAkC;QACvF,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,gBAAgB,CAAC,CAAC;IAClE,CAAC;IAYD;;;;OAIG;IACI,eAAe,CAAC,IAAa,EAAE,IAAa;QACjD,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;IACrD,CAAC;CACF;AAnEQ;IADN,IAAI;gDACkD;AAmBhD;IADN,IAAI;2CACwC;AAmBtC;IADN,IAAI;0CAC0B;AAmBxB;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;8CACjB;AAoBnC,WAAW,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC"}