@fluentui/web-components 3.0.0-beta.9 → 3.0.0-beta.91

package/dist/esm/dropdown/dropdown.base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.base.js","sourceRoot":"","sources":["../../../src/dropdown/dropdown.base.ts"],"names":[],"mappings":"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"}

package/dist/esm/dropdown/dropdown.definition.js

@@ -0,0 +1,20 @@
+import { FluentDesignSystem } from '../fluent-design-system.js';
+import { Dropdown } from './dropdown.js';
+import { styles } from './dropdown.styles.js';
+import { template } from './dropdown.template.js';
+/**
+ * The Fluent Dropdown Element.
+ *
+ * @public
+ * @remarks
+ * HTML Element: `<fluent-dropdown>`
+ */
+export const definition = Dropdown.compose({
+    name: `${FluentDesignSystem.prefix}-dropdown`,
+    template,
+    styles,
+    shadowOptions: {
+        slotAssignment: 'manual',
+    },
+});
+//# sourceMappingURL=dropdown.definition.js.map

package/dist/esm/dropdown/dropdown.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.definition.js","sourceRoot":"","sources":["../../../src/dropdown/dropdown.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC;IACzC,IAAI,EAAE,GAAG,kBAAkB,CAAC,MAAM,WAAW;IAC7C,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC,CAAC"}

package/dist/esm/dropdown/dropdown.js

@@ -0,0 +1,33 @@
+import { __decorate } from "tslib";
+import { attr } from '@microsoft/fast-element';
+import { BaseDropdown } from './dropdown.base.js';
+import { DropdownAppearance } from './dropdown.options.js';
+/**
+ * The Fluent Dropdown Element. Implements {@link @microsoft/fast-foundation#BaseDropdown}.
+ *
+ * @slot - The default slot. Accepts a {@link (Listbox:class)} element.
+ * @slot indicator - The indicator slot.
+ * @slot control - The control slot. This slot is automatically populated and should not be manually manipulated.
+ *
+ * @public
+ */
+export class Dropdown extends BaseDropdown {
+    constructor() {
+        super(...arguments);
+        /**
+         * The appearance of the dropdown.
+         *
+         * @public
+         * @remarks
+         * HTML Attribute: `appearance`
+         */
+        this.appearance = DropdownAppearance.outline;
+    }
+}
+__decorate([
+    attr
+], Dropdown.prototype, "appearance", void 0);
+__decorate([
+    attr
+], Dropdown.prototype, "size", void 0);
+//# sourceMappingURL=dropdown.js.map

package/dist/esm/dropdown/dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../../../src/dropdown/dropdown.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,kBAAkB,EAAgB,MAAM,uBAAuB,CAAC;AAEzE;;;;;;;;GAQG;AACH,MAAM,OAAO,QAAS,SAAQ,YAAY;IAA1C;;QACE;;;;;;WAMG;QAEI,eAAU,GAAuB,kBAAkB,CAAC,OAAO,CAAC;IAUrE,CAAC;CAAA;AAVQ;IADN,IAAI;4CAC8D;AAS5D;IADN,IAAI;sCACsB"}

package/dist/esm/dropdown/dropdown.options.js

@@ -0,0 +1,43 @@
+/**
+ * Predicate function that determines if the element should be considered a dropdown.
+ *
+ * @param element - The element to check.
+ * @param tagName - The tag name to check.
+ * @returns true if the element is a dropdown.
+ * @public
+ */
+export function isDropdown(element, tagName = '-dropdown') {
+    if (element?.nodeType !== Node.ELEMENT_NODE) {
+        return false;
+    }
+    return element.tagName.toLowerCase().endsWith(tagName);
+}
+/**
+ * Values for the `appearance` attribute of the {@link (Dropdown:class)} component.
+ * @public
+ */
+export const DropdownAppearance = {
+    filledDarker: 'filled-darker',
+    filledLighter: 'filled-lighter',
+    outline: 'outline',
+    transparent: 'transparent',
+};
+/**
+ * Values for the `size` attribute of the {@link (Dropdown:class)} component.
+ * @public
+ */
+export const DropdownSize = {
+    small: 'small',
+    medium: 'medium',
+    large: 'large',
+};
+/**
+ * Values  for the `type` attribute of the {@link (Dropdown:class)} component.
+ * @public
+ */
+export const DropdownType = {
+    combobox: 'combobox',
+    dropdown: 'dropdown',
+    select: 'select',
+};
+//# sourceMappingURL=dropdown.options.js.map

package/dist/esm/dropdown/dropdown.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.options.js","sourceRoot":"","sources":["../../../src/dropdown/dropdown.options.ts"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AACH,MAAM,UAAU,UAAU,CAAC,OAAqB,EAAE,UAAkB,WAAW;IAC7E,IAAI,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE,CAAC;QAC5C,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAQ,OAAmB,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;AACtE,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,YAAY,EAAE,eAAe;IAC7B,aAAa,EAAE,gBAAgB;IAC/B,OAAO,EAAE,SAAS;IAClB,WAAW,EAAE,aAAa;CAC3B,CAAC;AAaF;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;CACN,CAAC;AAKX;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;CACR,CAAC"}

package/dist/esm/dropdown/dropdown.styles.js

@@ -0,0 +1,213 @@
+import { css } from '@microsoft/fast-element';
+import { typographyBody1Styles, typographyBody2Styles, typographyCaption1Styles, } from '../styles/partials/typography.partials.js';
+import { flipBlockState, openState, placeholderShownState } from '../styles/states/index.js';
+import { borderRadiusMedium, borderRadiusNone, colorCompoundBrandBackgroundHover, colorCompoundBrandBackgroundPressed, colorCompoundBrandStroke, colorNeutralBackground1, colorNeutralBackground3, colorNeutralBackgroundDisabled, colorNeutralForeground1, colorNeutralForeground3, colorNeutralForeground4, colorNeutralForegroundDisabled, colorNeutralStroke1, colorNeutralStroke1Hover, colorNeutralStroke1Pressed, colorNeutralStrokeAccessible, colorNeutralStrokeAccessibleHover, colorNeutralStrokeAccessiblePressed, colorNeutralStrokeDisabled, colorTransparentBackground, colorTransparentStroke, colorTransparentStrokeInteractive, curveAccelerateMid, curveDecelerateMid, durationNormal, durationUltraFast, lineHeightBase200, lineHeightBase300, lineHeightBase400, spacingHorizontalM, spacingHorizontalMNudge, spacingHorizontalS, spacingHorizontalSNudge, spacingHorizontalXXS, spacingVerticalS, spacingVerticalSNudge, spacingVerticalXS, strokeWidthThick, strokeWidthThin, } from '../theme/design-tokens.js';
+import { display } from '../utils/display.js';
+/**
+ * Styles for the {@link (Dropdown:class)} component.
+ *
+ * @public
+ */
+export const styles = css `
+  ${display('inline-flex')}
+
+  :host {
+    anchor-name: --dropdown-trigger;
+    box-sizing: border-box;
+    color: ${colorNeutralForeground1};
+    cursor: pointer;
+  }
+
+  :host(${placeholderShownState}) {
+    color: ${colorNeutralForeground4};
+  }
+
+  .control {
+    appearance: none;
+    background-color: ${colorNeutralBackground1};
+    border-radius: ${borderRadiusMedium};
+    border: none;
+    box-shadow: inset 0 0 0 ${strokeWidthThin} var(--control-border-color);
+    box-sizing: border-box;
+    color: inherit;
+    column-gap: ${spacingHorizontalXXS};
+    display: inline-flex;
+    justify-content: space-between;
+    min-width: 160px;
+    overflow: hidden;
+    padding: ${spacingVerticalSNudge} ${spacingHorizontalMNudge};
+    position: relative;
+    text-align: start;
+    width: 100%;
+    z-index: 1;
+    ${typographyBody1Styles}
+  }
+
+  :host([size='small']) .control {
+    column-gap: ${spacingHorizontalXXS};
+    padding: ${spacingVerticalXS} ${spacingHorizontalSNudge};
+    ${typographyCaption1Styles}
+  }
+
+  :host([size='large']) .control {
+    column-gap: ${spacingHorizontalS};
+    padding: ${spacingVerticalS} ${spacingHorizontalM};
+    ${typographyBody2Styles}
+  }
+
+  ::slotted(:is(input, button)) {
+    all: unset;
+    flex: 1 1 auto;
+  }
+
+  ::slotted(button) {
+    cursor: pointer;
+  }
+
+  ::slotted(input) {
+    cursor: text;
+  }
+
+  :where(slot[name='indicator'] > *, ::slotted([slot='indicator'])) {
+    all: unset;
+    align-items: center;
+    appearance: none;
+    aspect-ratio: 1;
+    color: ${colorNeutralForeground3};
+    display: inline-flex;
+    justify-content: center;
+    width: 20px;
+  }
+
+  :host([size='small']) :where(slot[name='indicator'] > *, ::slotted([slot='indicator'])) {
+    width: 16px;
+  }
+
+  :host([size='large']) :where(slot[name='indicator'] > *, ::slotted([slot='indicator'])) {
+    width: 24px;
+  }
+
+  .control::after,
+  .control::before {
+    content: '' / '';
+    inset: auto 0 0;
+    pointer-events: none;
+    position: absolute;
+  }
+
+  .control::before {
+    height: ${strokeWidthThin};
+  }
+
+  .control::after {
+    background-color: ${colorCompoundBrandStroke};
+    height: ${strokeWidthThick};
+    scale: 0 1;
+    transition: scale ${durationUltraFast} ${curveDecelerateMid};
+  }
+
+  :host(:where(${openState}, :focus-within)) .control::after {
+    scale: 1 1;
+    transition-duration: ${durationNormal};
+    transition-timing-function: ${curveAccelerateMid};
+  }
+
+  :host(:where([appearance='outline'], [appearance='transparent'])) .control::before {
+    background-color: ${colorNeutralStrokeAccessible};
+  }
+
+  :host([appearance='transparent']) .control {
+    --control-border-color: ${colorTransparentStrokeInteractive};
+    background-color: ${colorTransparentBackground};
+    border-radius: ${borderRadiusNone};
+  }
+
+  :host([appearance='outline']) .control {
+    --control-border-color: ${colorNeutralStroke1};
+  }
+
+  :host([appearance='outline']) .control:hover {
+    --control-border-color: ${colorNeutralStroke1Hover};
+  }
+
+  :host(:where([appearance='outline'], [appearance='transparent'])) .control:hover::before {
+    background-color: ${colorNeutralStrokeAccessibleHover};
+  }
+
+  :host([appearance='outline']) .control:hover::after {
+    background-color: ${colorCompoundBrandBackgroundHover};
+  }
+
+  :host([appearance='outline']) .control:active {
+    --control-border-color: ${colorNeutralStroke1Pressed};
+  }
+
+  :host(:where([appearance='outline'], [appearance='transparent'])) .control:active::before {
+    background-color: ${colorNeutralStrokeAccessiblePressed};
+  }
+
+  :host(:where([appearance='outline'], [appearance='transparent'])) .control:active::after {
+    background-color: ${colorCompoundBrandBackgroundPressed};
+  }
+
+  :host([appearance='filled-darker']) .control {
+    background-color: ${colorNeutralBackground3};
+  }
+
+  :host(:where([appearance='filled-lighter'], [appearance='filled-darker'])) .control {
+    --control-border-color: ${colorTransparentStroke};
+  }
+
+  :host(:disabled),
+  :host(:disabled) ::slotted(:where(button, input)) {
+    cursor: not-allowed;
+  }
+
+  :host(:disabled) .control::before,
+  :host(:disabled) .control::after {
+    content: none;
+  }
+
+  :host(:disabled) .control:is(*, :active, :hover),
+  :host(:disabled) :where(slot[name='indicator'] > *, ::slotted([slot='indicator'])) {
+    --control-border-color: ${colorNeutralStrokeDisabled};
+    background-color: ${colorNeutralBackgroundDisabled};
+    color: ${colorNeutralForegroundDisabled};
+  }
+
+  ::slotted([popover]) {
+    inset: unset;
+    position: absolute;
+    position-anchor: --dropdown-trigger;
+    position-area: block-end span-inline-end;
+    position-try-fallbacks: flip-inline, flip-block, block-start;
+    max-height: var(--listbox-max-height, calc(50vh - anchor-size(self-block)));
+    min-width: anchor-size(width);
+    overflow: auto;
+  }
+
+  ::slotted([popover]:not(:popover-open)) {
+    display: none;
+  }
+
+  @supports not (anchor-name: --anchor) {
+    ::slotted([popover]) {
+      margin-block-start: calc(${lineHeightBase300} + (${spacingVerticalSNudge} * 2) + ${strokeWidthThin});
+      max-height: 50vh;
+    }
+
+    :host([size='small']) ::slotted([popover]) {
+      margin-block-start: calc(${lineHeightBase200} + (${spacingVerticalXS} * 2) + ${strokeWidthThin});
+    }
+
+    :host([size='large']) ::slotted([popover]) {
+      margin-block-start: calc(${lineHeightBase400} + (${spacingVerticalS} * 2) + ${strokeWidthThin});
+    }
+
+    :host(${flipBlockState}) ::slotted([popover]) {
+      margin-block-start: revert;
+      transform: translate(0, -100%);
+    }
+  }
+`;
+//# sourceMappingURL=dropdown.styles.js.map

package/dist/esm/dropdown/dropdown.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.styles.js","sourceRoot":"","sources":["../../../src/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,qBAAqB,EACrB,qBAAqB,EACrB,wBAAwB,GACzB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAC7F,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,iCAAiC,EACjC,mCAAmC,EACnC,wBAAwB,EACxB,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,mBAAmB,EACnB,wBAAwB,EACxB,0BAA0B,EAC1B,4BAA4B,EAC5B,iCAAiC,EACjC,mCAAmC,EACnC,0BAA0B,EAC1B,0BAA0B,EAC1B,sBAAsB,EACtB,iCAAiC,EACjC,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,uBAAuB,EACvB,kBAAkB,EAClB,uBAAuB,EACvB,oBAAoB,EACpB,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,GAChB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;;aAKb,uBAAuB;;;;UAI1B,qBAAqB;aAClB,uBAAuB;;;;;wBAKZ,uBAAuB;qBAC1B,kBAAkB;;8BAET,eAAe;;;kBAG3B,oBAAoB;;;;;eAKvB,qBAAqB,IAAI,uBAAuB;;;;;MAKzD,qBAAqB;;;;kBAIT,oBAAoB;eACvB,iBAAiB,IAAI,uBAAuB;MACrD,wBAAwB;;;;kBAIZ,kBAAkB;eACrB,gBAAgB,IAAI,kBAAkB;MAC/C,qBAAqB;;;;;;;;;;;;;;;;;;;;;aAqBd,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;cAuBtB,eAAe;;;;wBAIL,wBAAwB;cAClC,gBAAgB;;wBAEN,iBAAiB,IAAI,kBAAkB;;;iBAG9C,SAAS;;2BAEC,cAAc;kCACP,kBAAkB;;;;wBAI5B,4BAA4B;;;;8BAItB,iCAAiC;wBACvC,0BAA0B;qBAC7B,gBAAgB;;;;8BAIP,mBAAmB;;;;8BAInB,wBAAwB;;;;wBAI9B,iCAAiC;;;;wBAIjC,iCAAiC;;;;8BAI3B,0BAA0B;;;;wBAIhC,mCAAmC;;;;wBAInC,mCAAmC;;;;wBAInC,uBAAuB;;;;8BAIjB,sBAAsB;;;;;;;;;;;;;;;8BAetB,0BAA0B;wBAChC,8BAA8B;aACzC,8BAA8B;;;;;;;;;;;;;;;;;;;;iCAoBV,iBAAiB,OAAO,qBAAqB,WAAW,eAAe;;;;;iCAKvE,iBAAiB,OAAO,iBAAiB,WAAW,eAAe;;;;iCAInE,iBAAiB,OAAO,gBAAgB,WAAW,eAAe;;;YAGvF,cAAc;;;;;CAKzB,CAAC"}

package/dist/esm/dropdown/dropdown.template.js

@@ -0,0 +1,92 @@
+import { html, ref } from '@microsoft/fast-element';
+import { staticallyCompose } from '../utils/template-helpers.js';
+const dropdownIndicatorTemplate = html `
+  <svg class="chevron-down-20-regular" role="button" slot="indicator" viewBox="0 0 20 20" ${ref('indicator')}>
+    <path
+      d="M15.85 7.65a.5.5 0 0 1 0 .7l-5.46 5.49a.55.55 0 0 1-.78 0L4.15 8.35a.5.5 0 1 1 .7-.7L10 12.8l5.15-5.16a.5.5 0 0 1 .7 0"
+      fill="currentColor"
+    />
+  </svg>
+`;
+/**
+ * The template partial for the dropdown input element. This template is used when the `type` property is set to "combobox".
+ *
+ * @public
+ * @remarks
+ * Since the input element must be present in the light DOM for ARIA to function correctly, this template should not be
+ * overridden.
+ * @see {@link BaseDropdown.insertControl}
+ */
+export const dropdownInputTemplate = html `
+  <input
+    @input="${(x, c) => x.inputHandler(c.event)}"
+    @change="${(x, c) => x.changeHandler(c.event)}"
+    aria-activedescendant="${x => x.activeDescendant}"
+    aria-controls="${x => x.listbox?.id ?? null}"
+    aria-labelledby="${x => x.ariaLabelledBy}"
+    aria-expanded="${x => x.open}"
+    aria-haspopup="listbox"
+    placeholder="${x => x.placeholder}"
+    role="combobox"
+    ?disabled="${x => x.disabled}"
+    type="${x => x.type}"
+    value="${x => x.valueAttribute}"
+    ${ref('control')}
+  />
+`;
+/**
+ * The template partial for the dropdown button element. This template is used when the `type` property is set to "dropdown".
+ *
+ * @public
+ * @remarks
+ * Since the button element must be present in the light DOM for ARIA to function correctly, this template should not be
+ * overridden.
+ * @see {@link BaseDropdown.insertControl}
+ */
+export const dropdownButtonTemplate = html `
+  <button
+    aria-activedescendant="${x => x.activeDescendant}"
+    aria-controls="${x => x.listbox?.id ?? null}"
+    aria-expanded="${x => x.open}"
+    aria-haspopup="listbox"
+    role="combobox"
+    ?disabled="${x => x.disabled}"
+    type="button"
+    ${ref('control')}
+  >
+    ${x => x.displayValue}
+  </button>
+`;
+/**
+ * Generates a template for the {@link (Dropdown:class)} component.
+ *
+ * @param options - The {@link (DropdownOptions:interface)} to use for generating the template.
+ * @returns The template object.
+ *
+ * @public
+ */
+export function dropdownTemplate(options = {}) {
+    return html `
+    <template
+      @click="${(x, c) => x.clickHandler(c.event)}"
+      @focusout="${(x, c) => x.focusoutHandler(c.event)}"
+      @keydown="${(x, c) => x.keydownHandler(c.event)}"
+      @mousedown="${(x, c) => x.mousedownHandler(c.event)}"
+    >
+      <div class="control">
+        <slot name="control" ${ref('controlSlot')}></slot>
+        <slot name="indicator" ${ref('indicatorSlot')}>${staticallyCompose(options.indicator)}</slot>
+      </div>
+      <slot ${ref('listboxSlot')}></slot>
+    </template>
+  `;
+}
+/**
+ * Template for the Dropdown component.
+ *
+ * @public
+ */
+export const template = dropdownTemplate({
+    indicator: dropdownIndicatorTemplate,
+});
+//# sourceMappingURL=dropdown.template.js.map

package/dist/esm/dropdown/dropdown.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.template.js","sourceRoot":"","sources":["../../../src/dropdown/dropdown.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,IAAI,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAIjE,MAAM,yBAAyB,GAAG,IAAI,CAAc;4FACwC,GAAG,CAAC,WAAW,CAAC;;;;;;CAM3G,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,IAAI,CAAc;;cAEzC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;eAC9C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAmB,CAAC;6BAClC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB;qBAC/B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,EAAE,IAAI,IAAI;uBACxB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;qBACvB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;;mBAEb,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;;iBAEpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;YACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;aACV,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;MAC5B,GAAG,CAAC,SAAS,CAAC;;CAEnB,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,IAAI,CAAc;;6BAE3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB;qBAC/B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,EAAE,IAAI,IAAI;qBAC1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;;;iBAGf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;;MAE1B,GAAG,CAAC,SAAS,CAAC;;MAEd,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;;CAExB,CAAC;AAEF;;;;;;;GAOG;AACH,MAAM,UAAU,gBAAgB,CAAyB,UAA2B,EAAE;IACpF,OAAO,IAAI,CAAG;;gBAEA,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAqB,CAAC;mBAC9C,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAmB,CAAC;kBACnD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAsB,CAAC;oBAClD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAmB,CAAC;;;+BAGxC,GAAG,CAAC,aAAa,CAAC;iCAChB,GAAG,CAAC,eAAe,CAAC,IAAI,iBAAiB,CAAC,OAAO,CAAC,SAAS,CAAC;;cAE/E,GAAG,CAAC,aAAa,CAAC;;GAE7B,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAsC,gBAAgB,CAAC;IAC1E,SAAS,EAAE,yBAAyB;CACrC,CAAC,CAAC"}

package/dist/esm/dropdown/index.js

@@ -0,0 +1,7 @@
+export { definition as DropdownDefinition } from './dropdown.definition.js';
+export { BaseDropdown } from './dropdown.base.js';
+export { Dropdown } from './dropdown.js';
+export { DropdownAppearance, DropdownSize, DropdownType, isDropdown, } from './dropdown.options.js';
+export { styles as DropdownStyles } from './dropdown.styles.js';
+export { dropdownButtonTemplate, dropdownInputTemplate, template as DropdownTemplate, dropdownTemplate, } from './dropdown.template.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EACL,kBAAkB,EAClB,YAAY,EACZ,YAAY,EACZ,UAAU,GAEX,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EACL,sBAAsB,EACtB,qBAAqB,EACrB,QAAQ,IAAI,gBAAgB,EAC5B,gBAAgB,GACjB,MAAM,wBAAwB,CAAC"}

package/dist/esm/field/define.js

@@ -0,0 +1,4 @@
+import { FluentDesignSystem } from '../fluent-design-system.js';
+import { definition } from './field.definition.js';
+definition.define(FluentDesignSystem.registry);
+//# sourceMappingURL=define.js.map

package/dist/esm/field/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../src/field/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,UAAU,CAAC,MAAM,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC"}

package/dist/esm/field/field.base.js

@@ -0,0 +1,189 @@
+import { __decorate } from "tslib";
+import { FASTElement, observable } from '@microsoft/fast-element';
+import { uniqueId } from '@microsoft/fast-web-utilities';
+import { toggleState } from '../utils/element-internals.js';
+import { ValidationFlags } from './field.options.js';
+/**
+ * A Field Custom HTML Element.
+ *
+ * @public
+ */
+export class BaseField extends FASTElement {
+    /**
+     * Updates attributes on the slotted label elements.
+     *
+     * @param prev - the previous list of slotted label elements
+     * @param next - the current list of slotted label elements
+     */
+    labelSlotChanged(prev, next) {
+        if (next && this.input) {
+            this.setLabelProperties();
+            this.setStates();
+        }
+    }
+    /**
+     * Adds or removes the `invalid` event listener based on the presence of slotted message elements.
+     *
+     * @param prev - the previous list of slotted message elements
+     * @param next - the current list of slotted message elements
+     * @internal
+     */
+    messageSlotChanged(prev, next) {
+        toggleState(this.elementInternals, 'has-message', !!next.length);
+        if (!next.length) {
+            this.removeEventListener('invalid', this.invalidHandler, { capture: true });
+            return;
+        }
+        this.addEventListener('invalid', this.invalidHandler, { capture: true });
+    }
+    /**
+     * Sets the `input` property to the first slotted input.
+     *
+     * @param prev - The previous collection of inputs.
+     * @param next - The current collection of inputs.
+     * @internal
+     */
+    slottedInputsChanged(prev, next) {
+        if (next?.length) {
+            this.input = next?.[0];
+            this.setStates();
+        }
+    }
+    /**
+     * Updates the field's states and label properties when the assigned input changes.
+     *
+     * @param prev - the previous input
+     * @param next - the current input
+     */
+    inputChanged(prev, next) {
+        if (next) {
+            this.setStates();
+            this.setLabelProperties();
+        }
+    }
+    /**
+     * Calls the `setStates` method when a `change` event is emitted from the slotted input.
+     *
+     * @param e - the event object
+     * @internal
+     */
+    changeHandler(e) {
+        this.setStates();
+        this.setValidationStates();
+        return true;
+    }
+    /**
+     * Redirects `click` events to the slotted input.
+     *
+     * @param e - the event object
+     * @internal
+     */
+    clickHandler(e) {
+        if (this === e.target) {
+            this.input.click();
+        }
+        return true;
+    }
+    constructor() {
+        super();
+        /**
+         * The slotted label elements.
+         *
+         * @internal
+         */
+        this.labelSlot = [];
+        /**
+         * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
+         *
+         * @internal
+         */
+        this.elementInternals = this.attachInternals();
+        this.elementInternals.role = 'presentation';
+    }
+    /**
+     * Applies the `focus-visible` state to the element when the slotted input receives visible focus.
+     *
+     * @param e - the focus event
+     * @internal
+     */
+    focusinHandler(e) {
+        if (this.matches(':focus-within:has(> :focus-visible)')) {
+            toggleState(this.elementInternals, 'focus-visible', true);
+        }
+        return true;
+    }
+    /**
+     * Removes the `focus-visible` state from the field when a slotted input loses focus.
+     *
+     * @param e - the focus event
+     * @internal
+     */
+    focusoutHandler(e) {
+        toggleState(this.elementInternals, 'focus-visible', false);
+        return true;
+    }
+    /**
+     * Toggles validity state flags on the element when the slotted input emits an `invalid` event (if slotted validation messages are present).
+     *
+     * @param e - the event object
+     * @internal
+     */
+    invalidHandler(e) {
+        if (this.messageSlot.length) {
+            e.preventDefault();
+        }
+        this.setValidationStates();
+    }
+    /**
+     * Sets ARIA and form-related attributes on slotted label elements.
+     *
+     * @internal
+     */
+    setLabelProperties() {
+        if (this.$fastController.isConnected) {
+            this.input.id = this.input.id || uniqueId('input');
+            this.labelSlot?.forEach(label => {
+                if (label instanceof HTMLLabelElement) {
+                    label.htmlFor = label.htmlFor || this.input.id;
+                    label.id = label.id || `${this.input.id}--label`;
+                    label.setAttribute('aria-hidden', 'true');
+                    this.input.setAttribute('aria-labelledby', label.id);
+                }
+            });
+        }
+    }
+    /**
+     * Toggles the field's states based on the slotted input.
+     *
+     * @internal
+     */
+    setStates() {
+        if (this.elementInternals && this.input) {
+            toggleState(this.elementInternals, 'disabled', !!this.input.disabled);
+            toggleState(this.elementInternals, 'readonly', !!this.input.readOnly);
+            toggleState(this.elementInternals, 'required', !!this.input.required);
+            toggleState(this.elementInternals, 'checked', !!this.input.checked);
+        }
+    }
+    setValidationStates() {
+        if (!this.input.validity) {
+            return;
+        }
+        for (const [flag, value] of Object.entries(ValidationFlags)) {
+            toggleState(this.elementInternals, value, this.input.validity[flag]);
+        }
+    }
+}
+__decorate([
+    observable
+], BaseField.prototype, "labelSlot", void 0);
+__decorate([
+    observable
+], BaseField.prototype, "messageSlot", void 0);
+__decorate([
+    observable
+], BaseField.prototype, "slottedInputs", void 0);
+__decorate([
+    observable
+], BaseField.prototype, "input", void 0);
+//# sourceMappingURL=field.base.js.map