@fluentui/web-components 3.0.0-rc.20 → 3.0.0-rc.22

package/dist/esm/option/option.styles.css

@@ -0,0 +1,131 @@
+
+  :host([hidden]){display:none}:host{display:inline-grid}
+
+  :host {
+    -webkit-tap-highlight-color: transparent;
+    
+  font-family: var(--fontFamilyBase);
+  font-size: var(--fontSizeBase300);
+  line-height: var(--lineHeightBase300);
+  font-weight: var(--fontWeightRegular);
+
+    align-items: center;
+    background-color: var(--colorNeutralBackground1);
+    border-radius: var(--borderRadiusMedium);
+    box-sizing: border-box;
+    color: var(--colorNeutralForeground2);
+    column-gap: var(--spacingHorizontalXS);
+    cursor: pointer;
+    grid-template-areas: 'indicator start content';
+    grid-template-columns: auto auto 1fr;
+    min-height: 32px;
+    padding: var(--spacingHorizontalSNudge);
+    text-align: start;
+  }
+
+  .content {
+    grid-area: content;
+    line-height: 1;
+  }
+
+  ::slotted([slot='start']) {
+    grid-area: start;
+  }
+
+  :host(:hover) {
+    background-color: var(--colorNeutralBackground1Hover);
+    color: var(--colorNeutralForeground2Hover);
+  }
+
+  :host(:active) {
+    background-color: var(--colorNeutralBackground1Pressed);
+    color: var(--colorNeutralForeground2Pressed);
+  }
+
+  :host(:disabled) {
+    background-color: var(--colorNeutralBackground1);
+    color: var(--colorNeutralForegroundDisabled);
+    cursor: default;
+  }
+
+  .checkmark-16-filled {
+    fill: currentColor;
+    width: 16px;
+  }
+
+  slot[name='checked-indicator'] > *,
+  ::slotted([slot='checked-indicator']) {
+    aspect-ratio: 1;
+    flex: 0 0 auto;
+    grid-area: indicator;
+    visibility: hidden;
+  }
+
+  :host(:state(selected)) :is(slot[name='checked-indicator'] > *, ::slotted([slot='checked-indicator'])) {
+    visibility: visible;
+  }
+
+  :host(:state(multiple)) .checkmark-16-filled,
+  :host(:not(:state(multiple))) .checkmark-12-regular {
+    display: none;
+  }
+
+  :host(:state(multiple)) .checkmark-12-regular {
+    background-color: var(--colorNeutralBackground1);
+    border-radius: var(--borderRadiusSmall);
+    border: var(--strokeWidthThin) solid var(--colorNeutralStrokeAccessible);
+    box-sizing: border-box;
+    cursor: pointer;
+    fill: transparent;
+    position: relative;
+    visibility: visible;
+    width: 16px;
+  }
+
+  :host(:state(multiple):state(selected)) .checkmark-12-regular {
+    background-color: var(--colorCompoundBrandBackground);
+    border-color: var(--colorCompoundBrandStroke);
+    fill: var(--colorNeutralForegroundInverted);
+  }
+
+  :host(:disabled:state(multiple)) .checkmark-12-regular {
+    border-color: var(--colorNeutralStrokeDisabled);
+  }
+
+  :host(:disabled:state(multiple):state(selected)) .checkmark-12-regular {
+    background-color: var(--colorNeutralBackgroundDisabled);
+  }
+
+  :host(:state(active)) {
+    border: var(--strokeWidthThick) solid var(--colorStrokeFocus2);
+  }
+
+  @supports (selector(:host(:has(*)))) {
+    :host(:has([slot='start']:not([size='16']))) {
+      column-gap: var(--spacingHorizontalSNudge);
+    }
+  }
+
+  :host(:state(description)) {
+    column-gap: var(--spacingHorizontalSNudge);
+    grid-template-areas:
+      'indicator start content'
+      'indicator start description';
+  }
+
+  ::slotted([slot='description']) {
+    color: var(--colorNeutralForeground3);
+    grid-area: description;
+    
+  font-family: var(--fontFamilyBase);
+  font-size: var(--fontSizeBase200);
+  line-height: var(--lineHeightBase200);
+  font-weight: var(--fontWeightRegular);
+
+  }
+
+  @media (forced-colors: active) {
+    :host(:disabled) {
+      color: GrayText;
+    }
+  }

package/dist/esm/option/option.template.html

@@ -0,0 +1,21 @@
+<f-template name="fluent-option" shadowrootmode="open">
+<template>{{styles}}<slot name="checked-indicator">
+  <svg aria-hidden="true" class="checkmark-16-filled" viewBox="0 0 16 16">
+    <path
+      d="M14.046 3.486a.75.75 0 0 1-.032 1.06l-7.93 7.474a.85.85 0 0 1-1.188-.022l-2.68-2.72a.75.75 0 1 1 1.068-1.053l2.234 2.267l7.468-7.038a.75.75 0 0 1 1.06.032"
+    />
+  </svg>
+  <svg aria-hidden="true" class="checkmark-12-regular" viewBox="0 0 12 12">
+    <path
+      d="M9.854 3.146a.5.5 0 0 1 0 .708l-4.5 4.5a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L5 7.293l4.146-4.147a.5.5 0 0 1 .708 0"
+    />
+  </svg>
+</slot>
+     <slot name="start" f-ref="{start}"></slot> 
+    <div class="content" part="content">
+      <slot f-slotted="{freeformOutputs filter elements(output)}"></slot>
+    </div>
+    <div class="description" part="description">
+      <slot name="description" f-slotted="{descriptionSlot}"></slot>
+    </div></template>
+</f-template>

package/dist/esm/progress-bar/define-async.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/progress-bar/define-async.js

@@ -0,0 +1,5 @@
+import { RenderableFASTElement } from '@microsoft/fast-html';
+import { definition } from './progress-bar.definition-async.js';
+import { ProgressBar } from './progress-bar.js';
+RenderableFASTElement(ProgressBar).defineAsync(definition);
+//# sourceMappingURL=define-async.js.map

package/dist/esm/progress-bar/define-async.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/progress-bar/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,qBAAqB,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC"}

package/dist/esm/progress-bar/progress-bar.definition-async.d.ts

@@ -0,0 +1,10 @@
+import type { PartialFASTElementDefinition } from '@microsoft/fast-element';
+/**
+ * The async definition configuration for the fluent-progress-bar element.
+ *
+ * @public
+ * @remarks
+ * This is used in server-side rendering (SSR) scenarios where the template
+ * is provided as a deferred option to be hydrated later.
+ */
+export declare const definition: PartialFASTElementDefinition;

package/dist/esm/progress-bar/progress-bar.definition-async.js

@@ -0,0 +1,14 @@
+import { tagName } from './progress-bar.options.js';
+/**
+ * The async definition configuration for the fluent-progress-bar element.
+ *
+ * @public
+ * @remarks
+ * This is used in server-side rendering (SSR) scenarios where the template
+ * is provided as a deferred option to be hydrated later.
+ */
+export const definition = {
+    name: tagName,
+    templateOptions: 'defer-and-hydrate',
+};
+//# sourceMappingURL=progress-bar.definition-async.js.map

package/dist/esm/progress-bar/progress-bar.definition-async.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.definition-async.js","sourceRoot":"","sources":["../../../src/progress-bar/progress-bar.definition-async.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAEpD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAiC;IACtD,IAAI,EAAE,OAAO;IACb,eAAe,EAAE,mBAAmB;CACrC,CAAC"}

package/dist/esm/progress-bar/progress-bar.styles.css

@@ -0,0 +1,99 @@
+
+  :host([hidden]){display:none}:host{display:block}
+
+  :host {
+    width: 100%;
+    height: 2px;
+    overflow-x: hidden;
+    background-color: var(--colorNeutralBackground6);
+    border-radius: var(--borderRadiusMedium);
+    contain: content;
+
+    @supports (width: attr(value type(<number>))) {
+      --max: attr(max type(<number>), 100);
+      --min: attr(min type(<number>), 0);
+      --value: attr(value type(<number>), 0);
+      --indicator-width: clamp(0%, calc((var(--value) - var(--min)) / (var(--max) - var(--min)) * 100%), 100%);
+    }
+  }
+
+  :host([thickness='large']) {
+    height: 4px;
+  }
+
+  :host([shape='square']) {
+    border-radius: var(--borderRadiusNone);
+  }
+
+  .indicator {
+    background-color: var(--colorCompoundBrandBackground);
+    border-radius: inherit;
+    height: 100%;
+  }
+
+  :host([value]) .indicator {
+    transition: all 0.2s ease-in-out;
+
+    @supports (width: attr(value type(<number>))) {
+      width: var(--indicator-width);
+    }
+  }
+
+  :host(:not([value])) .indicator {
+    position: relative;
+    width: 33%;
+    background-image: linear-gradient(
+      to right,
+      var(--colorNeutralBackground6) 0%,
+      var(--colorTransparentBackground) 50%,
+      var(--colorNeutralBackground6) 100%
+    );
+    animation-name: indeterminate;
+    animation-duration: 3s;
+    animation-timing-function: linear;
+    animation-iteration-count: infinite;
+  }
+
+  :host([validation-state='error']) .indicator {
+    background-color: var(--colorPaletteRedBackground3);
+  }
+
+  :host([validation-state='warning']) .indicator {
+    background-color: var(--colorPaletteDarkOrangeBackground3);
+  }
+
+  :host([validation-state='success']) .indicator {
+    background-color: var(--colorPaletteGreenBackground3);
+  }
+
+  @layer animations {
+    /* Disable animations for reduced motion */
+    @media (prefers-reduced-motion: no-preference) {
+      :host([value]) {
+        transition: none;
+      }
+      :host(:not([value])) .indicator {
+        animation-duration: 0.01ms;
+        animation-iteration-count: 1;
+      }
+    }
+  }
+
+  @keyframes indeterminate {
+    0% {
+      inset-inline-start: -33%;
+    }
+    100% {
+      inset-inline-start: 100%;
+    }
+  }
+
+  @media (forced-colors: active) {
+    :host {
+      background-color: CanvasText;
+    }
+    .indicator,
+    :host(:is([validation-state='success'], [validation-state='warning'], [validation-state='error'])) .indicator {
+      background-color: Highlight;
+    }
+  }

package/dist/esm/progress-bar/progress-bar.template.html

@@ -0,0 +1,3 @@
+<f-template name="fluent-progress-bar" shadowrootmode="open">
+<template>{{styles}}<div class="indicator" part="indicator" f-ref="{indicator}"></div></template>
+</f-template>

package/dist/esm/radio/define-async.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/radio/define-async.js

@@ -0,0 +1,5 @@
+import { RenderableFASTElement } from '@microsoft/fast-html';
+import { definition } from './radio.definition-async.js';
+import { Radio } from './radio.js';
+RenderableFASTElement(Radio).defineAsync(definition);
+//# sourceMappingURL=define-async.js.map

package/dist/esm/radio/define-async.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/radio/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,qBAAqB,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC"}

package/dist/esm/radio/radio.definition-async.d.ts

@@ -0,0 +1,10 @@
+import type { PartialFASTElementDefinition } from '@microsoft/fast-element';
+/**
+ * The async definition configuration for the fluent-radio element.
+ *
+ * @public
+ * @remarks
+ * This is used in server-side rendering (SSR) scenarios where the template
+ * is provided as a deferred option to be hydrated later.
+ */
+export declare const definition: PartialFASTElementDefinition;

package/dist/esm/radio/radio.definition-async.js

@@ -0,0 +1,14 @@
+import { tagName } from './radio.options.js';
+/**
+ * The async definition configuration for the fluent-radio element.
+ *
+ * @public
+ * @remarks
+ * This is used in server-side rendering (SSR) scenarios where the template
+ * is provided as a deferred option to be hydrated later.
+ */
+export const definition = {
+    name: tagName,
+    templateOptions: 'defer-and-hydrate',
+};
+//# sourceMappingURL=radio.definition-async.js.map

package/dist/esm/radio/radio.definition-async.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.definition-async.js","sourceRoot":"","sources":["../../../src/radio/radio.definition-async.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAiC;IACtD,IAAI,EAAE,OAAO;IACb,eAAe,EAAE,mBAAmB;CACrC,CAAC"}

package/dist/esm/radio/radio.styles.css

@@ -0,0 +1,115 @@
+
+  :host([hidden]){display:none}:host{display:inline-flex}
+
+  :host {
+    --size: 16px;
+    aspect-ratio: 1;
+    background-color: var(--colorNeutralBackground1);
+    border: var(--strokeWidthThin) solid var(--colorNeutralStrokeAccessible);
+    border-radius: var(--borderRadiusCircular);
+    box-sizing: border-box;
+    position: relative;
+    width: var(--size);
+  }
+
+  :host([size='large']) {
+    --size: 20px;
+  }
+
+  .checked-indicator {
+    aspect-ratio: 1;
+    border-radius: var(--borderRadiusCircular);
+    color: var(--colorNeutralForegroundInverted);
+    inset: 0;
+    margin: auto;
+    position: absolute;
+    width: calc(var(--size) * 0.625);
+  }
+
+  :host(:not([slot='input']))::after {
+    content: '' / '';
+    position: absolute;
+    display: block;
+    inset: -8px;
+    box-sizing: border-box;
+    outline: none;
+    border: var(--strokeWidthThick) solid var(--colorTransparentStroke);
+    border-radius: var(--borderRadiusMedium);
+  }
+
+  :host(:not([slot='input']):focus-visible)::after {
+    border-color: var(--colorStrokeFocus2);
+  }
+
+  :host(:hover) {
+    border-color: var(--colorNeutralStrokeAccessibleHover);
+  }
+
+  :host(:state(checked)) {
+    border-color: var(--colorCompoundBrandStroke);
+  }
+
+  :host(:state(checked)) .checked-indicator {
+    background-color: var(--colorCompoundBrandBackground);
+  }
+
+  :host(:state(checked):hover) .checked-indicator {
+    background-color: var(--colorCompoundBrandBackgroundHover);
+  }
+
+  :host(:active) {
+    border-color: var(--colorNeutralStrokeAccessiblePressed);
+  }
+
+  :host(:state(checked):active) .checked-indicator {
+    background-color: var(--colorCompoundBrandBackgroundPressed);
+  }
+
+  :host(:focus-visible) {
+    outline: none;
+  }
+
+  :host(:state(disabled)) {
+    background-color: var(--colorNeutralBackgroundDisabled);
+    border-color: var(--colorNeutralStrokeDisabled);
+  }
+
+  :host(:state(checked):state(disabled)) .checked-indicator {
+    background-color: var(--colorNeutralStrokeDisabled);
+  }
+
+  @media (forced-colors: active) {
+    :host {
+      border-color: FieldText;
+    }
+
+    :host(:not([slot='input']:focus-visible))::after {
+      border-color: Canvas;
+    }
+
+    :host(:not(:state(disabled)):hover),
+    :host(:not([slot='input']):focus-visible)::after {
+      border-color: Highlight;
+    }
+
+    .checked-indicator {
+      color: HighlightText;
+    }
+
+    :host(:state(checked)) .checked-indicator {
+      background-color: FieldText;
+    }
+
+    :host(:state(checked):not(:state(disabled)):hover) .checked-indicator {
+      background-color: Highlight;
+    }
+
+    :host(:state(disabled)) {
+      border-color: GrayText;
+      color: GrayText;
+    }
+
+    :host(:state(disabled):state(checked)) .checked-indicator {
+      background-color: GrayText;
+    }
+  }

package/dist/esm/radio/radio.template.html

@@ -0,0 +1,11 @@
+<f-template name="fluent-radio" shadowrootmode="open">
+<template
+      @click="{clickHandler($e)}"
+      @keydown="{keydownHandler($e)}"
+      @keyup="{keyupHandler($e)}"
+    >{{styles}}
+      <slot name="checked-indicator">
+    <span part="checked-indicator" class="checked-indicator" role="presentation"></span>
+</slot>
+    </template>
+</f-template>

package/dist/esm/radio-group/define-async.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/radio-group/define-async.js

@@ -0,0 +1,5 @@
+import { RenderableFASTElement } from '@microsoft/fast-html';
+import { definition } from './radio-group.definition-async.js';
+import { RadioGroup } from './radio-group.js';
+RenderableFASTElement(RadioGroup).defineAsync(definition);
+//# sourceMappingURL=define-async.js.map

package/dist/esm/radio-group/define-async.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/radio-group/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,qBAAqB,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC"}

package/dist/esm/radio-group/radio-group.definition-async.d.ts

@@ -0,0 +1,10 @@
+import type { PartialFASTElementDefinition } from '@microsoft/fast-element';
+/**
+ * The async definition configuration for the fluent-radio-group element.
+ *
+ * @public
+ * @remarks
+ * This is used in server-side rendering (SSR) scenarios where the template
+ * is provided as a deferred option to be hydrated later.
+ */
+export declare const definition: PartialFASTElementDefinition;

package/dist/esm/radio-group/radio-group.definition-async.js

@@ -0,0 +1,14 @@
+import { tagName } from './radio-group.options.js';
+/**
+ * The async definition configuration for the fluent-radio-group element.
+ *
+ * @public
+ * @remarks
+ * This is used in server-side rendering (SSR) scenarios where the template
+ * is provided as a deferred option to be hydrated later.
+ */
+export const definition = {
+    name: tagName,
+    templateOptions: 'defer-and-hydrate',
+};
+//# sourceMappingURL=radio-group.definition-async.js.map

package/dist/esm/radio-group/radio-group.definition-async.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.definition-async.js","sourceRoot":"","sources":["../../../src/radio-group/radio-group.definition-async.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAEnD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAiC;IACtD,IAAI,EAAE,OAAO;IACb,eAAe,EAAE,mBAAmB;CACrC,CAAC"}

package/dist/esm/radio-group/radio-group.styles.css

@@ -0,0 +1,41 @@
+
+  :host([hidden]){display:none}:host{display:flex}
+
+  :host {
+    -webkit-tap-highlight-color: transparent;
+    cursor: pointer;
+    gap: var(--spacingVerticalL);
+  }
+
+  :host([orientation='vertical']) {
+    flex-direction: column;
+    justify-content: flex-start;
+  }
+
+  :host([orientation='horizontal']) {
+    flex-direction: row;
+  }
+
+  ::slotted(*) {
+    color: var(--colorNeutralForeground3);
+  }
+
+  ::slotted(:hover) {
+    color: var(--colorNeutralForeground2);
+  }
+
+  ::slotted(:active) {
+    color: var(--colorNeutralForeground1);
+  }
+
+  ::slotted(:state(disabled)) {
+    color: var(--colorNeutralForegroundDisabled);
+  }
+
+  ::slotted(:state(checked)) {
+    color: var(--colorNeutralForeground1);
+  }
+
+  :host([slot='input']) {
+    margin: var(--spacingVerticalS) var(--spacingHorizontalS);
+  }

package/dist/esm/radio-group/radio-group.template.html

@@ -0,0 +1,12 @@
+<f-template name="fluent-radio-group" shadowrootmode="open">
+<template
+      focusgroup="radiogroup wrap"
+      @disabled="{disabledRadioHandler($e)}"
+      @change="{changeHandler($e)}"
+      @click="{clickHandler($e)}"
+      @focusin="{focusinHandler($e)}"
+      @keydown="{keydownHandler($e)}"
+    >{{styles}}
+      <slot f-slotted="{slottedRadios}"></slot>
+    </template>
+</f-template>

package/dist/esm/rating-display/define-async.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/rating-display/define-async.js

@@ -0,0 +1,5 @@
+import { RenderableFASTElement } from '@microsoft/fast-html';
+import { definition } from './rating-display.definition-async.js';
+import { RatingDisplay } from './rating-display.js';
+RenderableFASTElement(RatingDisplay).defineAsync(definition);
+//# sourceMappingURL=define-async.js.map

package/dist/esm/rating-display/define-async.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define-async.js","sourceRoot":"","sources":["../../../src/rating-display/define-async.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,qBAAqB,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC"}

package/dist/esm/rating-display/rating-display.definition-async.d.ts

@@ -0,0 +1,10 @@
+import type { PartialFASTElementDefinition } from '@microsoft/fast-element';
+/**
+ * The async definition configuration for the fluent-rating-display element.
+ *
+ * @public
+ * @remarks
+ * This is used in server-side rendering (SSR) scenarios where the template
+ * is provided as a deferred option to be hydrated later.
+ */
+export declare const definition: PartialFASTElementDefinition;

package/dist/esm/rating-display/rating-display.definition-async.js

@@ -0,0 +1,14 @@
+import { tagName } from './rating-display.options.js';
+/**
+ * The async definition configuration for the fluent-rating-display element.
+ *
+ * @public
+ * @remarks
+ * This is used in server-side rendering (SSR) scenarios where the template
+ * is provided as a deferred option to be hydrated later.
+ */
+export const definition = {
+    name: tagName,
+    templateOptions: 'defer-and-hydrate',
+};
+//# sourceMappingURL=rating-display.definition-async.js.map

package/dist/esm/rating-display/rating-display.definition-async.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating-display.definition-async.js","sourceRoot":"","sources":["../../../src/rating-display/rating-display.definition-async.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAEtD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,UAAU,GAAiC;IACtD,IAAI,EAAE,OAAO;IACb,eAAe,EAAE,mBAAmB;CACrC,CAAC"}